/* ----------------------------------------------------
   Project: 	redlandsartscouncil.org.au
   (C) 2009 bridge2net web concepts
   rca_screen.css

   ---------------------------------------------------- */
   
HTML { height: 100%; margin-bottom: 1px; }
BODY {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #000 !important;
	background: #FFF !important;
	line-height: 15pt;
	text-align: left;	
	}
FORM { margin: 0; padding: 0; }
INPUT, SELECT, TEXTAREA { border: 1px solid #a9a9a9; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; vertical-align: -3px; }
h1 	{
	font-size: 16pt;
	}
h2 	{
    font-size: 14pt;
	}
h3 	{
	font-size: 12pt;
	}	
h4 	{
	font-size: 11pt;
	}	
h5	{
	font-size: 10pt;
	}			
a {
	color: #000 !important;
	background-color: #FFF !important;
  }

/* LAYOUT */
.container { width: 849px; margin: 0 auto; }

#columnLeft { float: left; width: 604px; padding-bottom: 25px; text-align:left;}
#columnLeft H1 { background: #fff url(../images/title_bg.gif) no-repeat 1px center; padding: 0; }
#columnLeft .content { width: 556px; padding: 10px 0; }

#columnLeft .contentPad { padding: 0; }
#columnRight .contentPad a {text-decoration:none; color:#FF6600;}
#columnRight .contentPad h3 a {text-decoration:none; color:#3872d0;}

#columnRight { float: right; width: 214px; padding-bottom: 25px; text-align:left;  color: #000;}
#columnRight H1 { background: #fff url(../images/titlesmall_bg.gif) no-repeat 1px center; padding: 0; }
#columnRight .content { padding: 20px 0; color: #000; }

.content { background: #e0e0e0 url(../images/content_bg.gif) repeat-x left top; line-height: 18px;  color: #000;  }

/* HEADER */
#header {  
	display: none;
}

/* FOOTER */
#footer { font-size: 10px; }

/* MENU */
#menu { 
	display: none;
}

/* BLOCKS */
.shT { background: url(../images/shT.gif) repeat-x left top; }
.shR { background: url(../images/shR.gif) repeat-y right top; padding: 0 4px; }
.shB { background: url(../images/shB.gif) repeat-x left bottom; }
.shL { background: url(../images/shL.gif) repeat-y left top; }
.shTL { background: url(../images/shTL.gif) no-repeat left top; }
.shTR { background: url(../images/shTR.gif) no-repeat right top; height: 4px; font-size: 0; line-height: 0; }
.shBL { background: url(../images/shBL.gif) no-repeat left bottom; }
.shBR { background: url(../images/shBR.gif) no-repeat right bottom; height: 4px; font-size: 0; line-height: 0; }

#columnLeft .outerBrd { 
	display: none;
}
#columnLeft .innerBrd { 
	display: none;
}
#columnLeft .innerBrd BR { line-height: 10px; }
#columnLeft .innerBrd P { margin: 10px 0; }
#columnLeft .innerBrd H4 { color: #FF6600; }

#columnRight .outerBrd { 
	display: none;
}
#columnRight .innerBrd { 
	display: none;
}
#columnRight .innerBrd IMG { border: 1px solid #dddddd; }

.outerBrdImg { float: left; border: 1px solid #e6e6e6; }
.innerBrdImg { float: left; background-color: #fff; padding: 5px; border: 1px solid #d3d3d3; }

.imgT { float: left; background: #fff url(../images/imgT.gif) repeat-x left top; border: 8px solid #eeeff1; }
.imgR { background: url(../images/imgR.gif) repeat-y right top; }
.imgB { background: url(../images/imgB.gif) repeat-x left bottom; }
.imgL { background: url(../images/imgL.gif) repeat-y left top; }
.imgTL { background: url(../images/imgTL.gif) no-repeat left top; }
.imgTR { background: url(../images/imgTR.gif) no-repeat right top; }
.imgBL { background: url(../images/imgBL.gif) no-repeat left bottom; }
.imgBR { background: url(../images/imgBR.gif) no-repeat right bottom; padding: 4px; }

IMG.imgBrd { border: 1px solid #bfd0eb; }
.imgFloatL { margin: 3px 20px 10px 0; border: 1px solid #bfd0eb; }
.imgFloatR { float: right; margin: 3px 0px 10px 20px; border: 1px solid #bfd0eb; }

.floatTxt { float: left; width: 375px; }
.vacTxt { float: left; width: 504px; background: url(../images/vacatures_bg.jpg) repeat-x; margin-bottom:15px; height:102px; }
.vacTxt h5 { margin:15px; color:#fff; font-size:16px; font-weight:bold; }
.vacTxt h6 { margin:15px; color:#fff; font-size:14px; }
.vacTxt a {color:#fff; font-size:11px;}

.listNum SPAN { float: left; display: block; width: 28px; height: 28px; background: url(../images/number_bg.gif) no-repeat; margin: 2px 0 15px; color: #fff; font-size: 16px; font-weight: bold; line-height: 28px; text-align: center; }
.listNum DIV { float: right; width: 456px; margin-bottom: 15px; }
.listNum BR { clear: both; }

UL.list { margin: 8px 0 15px; padding: 0; list-style: none; }
UL.list LI { background: url(../images/mark.gif) no-repeat left 2px; margin-bottom: 2px; padding-left: 18px; }

.separator { height: 20px; background-color: #fff; margin: 15px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

.formContact { margin-top: 50px; }
.formContact LABEL { float: left; clear: left; width: 140px; font-weight: bold; }
.formContact INPUT { width: 180px; margin-bottom: 10px; }
.formContact TEXTAREA { width: 300px; margin-bottom: 15px; }
.formContact INPUT.btn { float: right; margin-right: 58px; }

/* BUTTONS */
A.btnMeer { float: right; display: block; width: 107px; height: 107px; background: url(../images/buttons/btn_meer.png) no-repeat; text-indent: -5000px; cursor: pointer; }
A.btnContact { float: left; display: block; width: 171px; height: 56px; background: url(../images/buttons/btn_contact.png) no-repeat; margin-top: 15px; text-indent: -5000px; cursor: pointer; }

A.btn { display: block; background: url(../images/buttons/btn_left.gif) no-repeat left top; text-decoration: none; }
A.btn SPAN { display: block; height: 25px; background: url(../images/buttons/btn_right.gif) no-repeat right top; padding: 0 15px; color: #fff; font-size: 11px; line-height: 24px; cursor: pointer; }
A.btn B { margin-left: 2px; color: #FF6600; font-weight: normal; }
A:hover.btn SPAN { color: #FF6600; }

INPUT.btn { width: auto !important; background-color: #FF6600; margin-top: 10px; color: #fff; cursor: pointer; }


/* OTHER */
.txtred { color: #FF6600; }

.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
.inleiding {color:#3a3a3a; }

.csc-textpic-caption {font-size: 10px;}