/*
Ontwerp en uitvoering: Redbike Multimedia - Den Haag
  © 2007
Author: Ramon Vroegop


/*****************

Kleuren:

Tab blauw licht (eertse): color="#008cd6"
	lichtere variant: color="#cce8f8" 
Tab blauw middel (tweede): color="#1c6cab"
	lichtere variant: color="#cce3f1" 
Tab blauw donker (derde): color="#01467d"
	lichtere variant: color="#cddbe7" 
Tab geselecteerd: color="#102b62"	

Blauw achtergrond rechts fond: color="#eaf4fc"
Blauw logokleur: color="#008cd6"
Lichter blauw: color="#76bee7"

Paars: color="#cc0070"
Groen: color="#91a703"
Oranje: color="#ff761d"

Grijs klein logo: color="#afafaf"
Grijs stippellijn: color="#4b4b4b"
Grijs teksten: color="#8b8b8c"


*****************/




body {
	background-color: #fff;
	font-family:arial,helvetica,sans-serif;
	font-size: 11px;
/* 	line-height: 24px; */
	color: #000;
}

a {
	color:#008CD6;
	text-decoration:none;
	font-size: 12px;
	}
a:hover {
	color: #cc0070;
	text-decoration: underline;
	}
	
a img {
	border:0px none;
	margin:0px 7px 3px 0px;
	padding:0px;
	vertical-align:middle;
}	


#mainContent h1 {
	color:#cc0070;
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight: bold;
	line-height:16px;
	margin: 0px;
	}
#mainContent h2 {
	font-family:arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #cc0070;
	line-height: 18px;
}



/*************************************************
*
* SIDEBAR1
*
*************************************************/

#sidebar_interim p {
/*
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	line-height: 16px;
	margin: 0;
*/
	
    color: #6E6666;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    margin: 0 30px 8px;
	
	
}
#sidebar_interim p a{
	text-decoration: none;
}

#sidebar_interim .csc-frame-indent p a {
	text-decoration: none;
	margin:0;
	color:#363636;
	font-weight:bold;
}
#sidebar_interim p a:hover{
	color: #008CD6;
	text-decoration: none;
}
.csc-textpic-intext-left-nowrap {
	background:#eaf4fc;
	height: 78px;
}
#sidebar_interim .csc-textpic-text p a {
	font-size:11px;
	line-height: 22px;
	color: #000;
	font-weight: bold;
	background: url(../_img/telefoon.gif) no-repeat 0px 5px;
	height: 23px;
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
}
#sidebar_interim .csc-textpic-text p a:hover{
	font-size:11px;
	line-height: 22px;
	color: #cc0070;
	font-weight: bold;
	height: 23px;
	display: block;
}

#sidebar_interim h1 {
	color:#cc0070;
	font-family:arial,helvetica,sans-serif;
	font-size:13px;
	font-weight: bold;
/* 	line-height:16px; */
	margin: 0px 30px;
	}

#sidebar_interim .contactcard {
	background:transparent url('../_img_v2/contactcard_bg.jpg') no-repeat scroll 0 0;
	height:115px;
	margin:0 10px;
	padding:15px 20px;
}
#sidebar_interim .contactcard table{
	margin: 5px;
	padding: 0;
	border: none;
	border-collapse:collapse;
	border-spacing:0;
}
#sidebar_interim .contactcard tr {
	background-color: #3197DE;
	
}
#sidebar_interim .contactcard p{
	color: white;
	background: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	width: 144px;
	}
	
 #sidebar_interim .contactcard a {	
	color: white;
	background: none;
	padding: 0;
	margin-left: 0px;
	}

#sidebar_interim .contactcard h1{
	margin:0px;
}  
#sidebar_interim .contactcard img{
	margin:0px;
}  

/*************************************************
*
* MENU SUB
*
*************************************************/
#menu_sub {
	font-family: Verdana,Ariel;
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 250px;
	height:38px;
	background-color:#102b62;
	}
#menu_sub ul {border:0;margin:0;padding:7px 0px 0px 0px;list-style-type:disc;text-align:center}
#container #menu_sub ul li {display:block;float:left;text-align:center;padding:0;margin:0}
#menu_sub ul li a {
/*	width:70px; 
	height:18px;*/
	padding-left: 10px;
	padding-right:10px;
	margin:0;
	color:#000;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:10px;
	text-transform: uppercase;
}

#menu_sub ul li a:hover {
	color:#cc0070;
	text-decoration:none;
	position: relative;
}

#menu_sub ul li a {
	color: #fff;
}
#menu_sub #menu_subli #menu_menu_sub a{
	color: #cc0070;
}
/*************************************************
*
* BROODKRUIMEL
*
*************************************************/
#broodkruimel{
	line-height: 24px;
	font-size: 11px;
	color: #cc0070;
	text-decoration: none;
	height: 30px;
	padding: 9px 0px 0px 35px !important;
	padding/**/: 20px 0px 0px 35px;
	}
#broodkruimel a{
	line-height: 24px;
	font-size: 11px;
	color: #8b8b8c;
	text-decoration: none;
}
#broodkruimel img{
	margin: -3px 0px 0px 0px;
}
img{
	border:0px;
margin-right: 20px;
}
/*************************************************
*
* Projecten
*
*************************************************/
.tx-projecten-pi1{
margin-top:15px;

}
.tx-projecten-pi1-listrow{
height:auto;
line-height:12px !important;
margin:5px 0;
padding:5px 5px 0 0;
}

.alle_projecten{
	color:#000000;
	text-decoration:none;
	display:inline;
}
.tx-projecten-pi1-singleView {
color:#6E6666;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:normal;
line-height:20px;
margin:0 0 10px;

}
 

h1.tx-projecten-pi1-listrowField-title a{
	color:#008CD6;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight: bold;
	line-height:16px;
	margin: 0px;
	text-decoration: none;
	}
h1.tx-projecten-pi1-listrowField-title a:hover{
	color:#363636;
	text-decoration: none;
	}

.tx-projecten-pi1 a {
	font-size:12px;
	line-height: 16px;
	color:#363636;
	font-weight: bold;
	text-decoration: none;
}
.tx-projecten-pi1 a:hover {
	color:#008CD6;
	text-decoration: none;
}



.tx-projecten-pi1-listrowField-opdrachtgever{
	color:#FF7018;
	font-size:10px;
	text-decoration:none; 
	font-weight:900;
}

.tx-projecten-pi1-listrowField-opdrachtgever span{
color:#616161;
font-weight:normal;
}


/****************************************
*
*  projecten op overige pag's
*
***************************************/
.csc-frame-rulerBefore {
	border-top:#008cd6 solid 0px;
}

.tx-projecten-pi1{
/*	background-color:transparent; 
	background-position: top left;
	background-image: url(../_img/consultancy/bg_projecten.jpg);
	background-repeat: no-repeat;
	border-top:#008cd6 solid 6px;
	padding-top: 10px;
	line-height:18px; */
}

.tx-projecten-pi1-pagelist_row{
margin: 0px;
}

.tx-projecten-pi1-pagelist_row p a:link,.tx-projecten-pi1-pagelist_row p a:hover,.tx-projecten-pi1-pagelist_row p a {
	color:black !important;
	font-weight:bold !important;
	margin:0px !important;
	padding:0px;
	display:block;
	
}
.tx-projecten-pi1-pagelist_row p a img {
	margin-right:10px;
}
/*
.tx-projecten-pi1-pagelist_row .tx-projecten-pi1-listrowField-description{
	margin: 0px 0px 0px 25px;
	color:#8B8B8C !important;
	line-height:1.5!important;
}
*/


#page_projecten_kop{
	font-size:18px;
	font-weight:bold;
	color:#008CD6;
	margin-bottom:15px;
	background:transparent url('../_img_v2/ba_logo_small.gif') no-repeat scroll 0 0;
	padding:5px 53px;
}


#contact {
	background-image: url('../_img/bg_transp.png'); 
 	font-size:10px;
 	}
#contact a {
	color:#000;
	text-decoration:none;
	font-size: 10px;
	}
#contact a:hover {
	color: #008cd6;
	}
 
  .icon_email{
 line-height:20px;
 vertical-align:middle;
 border:0px;
  }
  
#actueel_container p a{
background:none;
margin:0px;
}
#actueel_container p a:hover{
background:none;
}
#actueel_container{
padding:0px 30px;
}

/* DEELTERREINEN MENU */
#deelterreinen_container {
	padding:0px;
	margin:0px;
}

#deelterreinen_container h1 {
	font-size:11px;
	color: #000;
	padding-left:36px;
	font-weight:normal;
}

#deelterreinen_container ul {border:0;margin:0;padding:2px 0px 30px 0px;list-style-type:none;text-align:left}
#deelterreinen_container ul li {text-align:left;padding:0;margin:0;line-height:16px}
#deelterreinen_container ul li a {
	padding-left: 0px;
	padding-right:10px;
	padding-top:10px;
	margin-left:10px;
	font-size:11px;
	color: #000;
	font-weight: normal;
	text-decoration:none;
	display: block;
}

#deelterreinen_container ul li a:hover {
	color:#cc0070;
	text-decoration:none;
	position: relative;
}
#deelterreinen_container ul li a:active {
	color:#cc0070;
	text-decoration:none;
	position: relative;
}
#deelterreinen_container ul li a {
	color: #000;
}
#sidebar_interim ul {border:0;margin:0px 30px;padding:2px 0px 30px 0px;list-style-type:none;text-align:left}
#sidebar_interim ul li {text-align:left;padding:0;margin:0;line-height:16px;color:#008CD6; border-bottom:1px dotted #69bbe7;}
#sidebar_interim ul li:first-child {border-top:1px solid #a7d7f1;}
#sidebar_interim ul li a {
	color:#775B31;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight: normal;
	line-height:20px;
	margin: 0;
	padding-bottom: 7px;
	text-decoration:none;
}
.menur {
	font-size: 15px;

}

#sidebar_interim ul li a:hover {
	color:#000;
	text-decoration:none;
}
#sidebar_interim ul li a:active {
	color:#CC0070;
	text-decoration:none;
	position: relative;
	background: transparent url(../_img/bullet_oranje.gif) no-repeat scroll 0px 11px;
}
#sidebar_interim ul li a {
	color: #008CD6;
}
#sidebar_interim ul li a:after {
	content:" >>";
}



/* FORMULIEREN INTERIM */

.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:150px;
padding-left:0px;
margin-bottom:10px;

}

.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
float:left;
display:block;
width:250px;
border: 1px solid #333;
background:#fff;
padding:1px;
margin-bottom:10px;
}

.csc-mailform-submit {
/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
margin-left: 150px !important; 
margin-left/**/: 76px; 
/* Float wieder abschalten */
clear: both;
}

/* VACATURES LINKER KOLLOM INTERIM */


#sidebar_interim .tx-bavacatures-pi1-listrow p {
	font-weight:normal;
	padding:0px;
	margin:0px 0px 2px 0px;
	line-height: 14px;
	background-image: none;
}
#sidebar_interim .tx-bavacatures-pi1-listrow p img {
	border: 0px none;
	margin: 0px 7px 3px -20px;
	padding: 0px;
	Vertical-align: middle;
	display: none;
}

.tx-bavacatures-pi1, .tx-bavacatures-pi1 .bodytext {
	padding: 0;
}
#sidebar_interim .tx-bavacatures-pi1-listrow p {
	font-weight:normal;
	padding:0px;
	margin:0px;
	line-height: 14px;
}

#sidebar_interim .tx-bavacatures-pi1-listrow p a{
	font-size: 12px;
	color:#363636;
	display: block;
	text-decoration: none;
	padding:5px 0px;
	line-height: 14px;
	font-weight:normal;
	border-bottom:1px dotted #69BBE7;
	margin: 0 30px 8px;
}
#sidebar_interim .tx-bavacatures-pi1-listrow p a:after{
	content:" >>";
}

#sidebar_interim .tx-bavacatures-pi1-listrow p a:hover{
	font-size: 12px;
	color:#008CD6;
	display: block;
	text-decoration: none;
	line-height: 14px;
}



 /****
 vacatures
 ****/
 
h1.tx-bavacatures-pi1-singleViewField-title a{ 
color:black;
font-family:arial,helvetica,sans-serif;
font-size:21px;
font-weight:normal;
line-height:24px;
margin:14px 0;
padding-top: 0px !important;
padding-top/**/: 50px;

}
h1 { 
color:#008CD6;
font-family:Verdana;
font-size:15px;
font-weight:normal;
text-decoration:none;

}
h2 { 
color:#008CD6;
font-family:Verdana;
font-size:15px;
font-weight:bold;
text-decoration:none;

}

h5 { 
color:#008CD6;
font-family:Verdana;
font-size:15px;
text-decoration:none;

}
 
 .tx-bavacatures-pi1-listrowField-title a img,.tx-bavacatures-pi1-listrowField-title a {
 border:0px;
 vertical-align:middle;
 line-height:22px;
 margin:0px 3px 0px 0px;
 text-decoration:none;
 color:#000000;
 }
 

 .tx-bavacatures-pi1-singleViewField-subtitel {
color:#008CD6;
font-family:Verdana;
font-size:15px;
text-decoration:none;
 }







/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

h1.sIFR-hasFlash  {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 10px;
}

h2.sIFR-hasFlash  {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 16px;
}

h3.sIFR-hasFlash  {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 14px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}