@charset "UTF-8";
/* 
-----------------------------------------------
B Logic CSS Rules  -  main stylesheet 
Version:  30 Apr 2007 (0.2)
-----------------------------------------------*/


BODY { 
	padding:0px;
	padding: 0;
	color:#333;
	font-family: Arial, Verdana, Tahoma;
	font-size:0.8em;
	line-height:18px;
	voice-family: "\"}\"";
	voice-family: inherit;
	overflow:visible;
}

/* Layout Rules
----------------------------------------------- */
#midden { 
	position:absolute; 
	width:720px;
	margin-left:-360px;
	top:60px;
	left:50%;
}
#midden #breadcrumb {
	position:relative; 
	width:480px; 
	height:35px; 
	top:185px; 
	left:15px; 
	background-color:#FFFFFF;
}
#midden #breadcrumb2 {
	position:relative; 
	width:465px; 
	height:35px; 
	top:185px; 
	left:255px;  
	background-color:#FFFFFF;
}
#midden #adres { 
	position:relative; 
	width:720px; 
	height:40px; 
	margin-left:-360px; 
	top:220px; left:50%; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#999999;
}

#midden #opdrachtgevers_overzicht {
position:relative;
top: 195px;
left: 240px;
width: 480px;
height: auto;
padding-top:10px;
text-align:center;
z-index:2;
}

#midden #cases_overzicht {
position:relative;
top: 165px;
left: 0px;
width: 720px;
height: auto;
padding-top:10px;
z-index:2;
}

#midden #cases_overzicht #case {
position:relative;
left: 0px;
width: 720px;
margin-bottom: 12px;
}
#midden #cases_overzicht #case #case_image {
position:absolute;
top: 0px;
left: 0px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
width: 240px;
height: auto;
background-color:#eeeeee;
}
#midden #cases_overzicht #case #case_tekst {
position:relative;
top: 0px;
left: 240px;
width: 460px;
height: auto;
padding-top: 8px;
padding-left:15px;
padding-right:10px;
background-color:#FFFFFF;
border:solid 1px #eeeeee;
}

#subnavigatie {
position:absolute;
top:260px;
left:0px;
width:225px;
height:200px;
text-align:right;
}


#midden #submenu { 
position:absolute; 
left:0px; 
top:242px; 
width:240px; 
text-align:right; 
z-index:3; 
}
#midden #submenu2 { 
position:absolute; 
left:0px; 
top:253px; 
width:225px; 
text-align:right; 
z-index:3; 
}

span.klant_item {
margin-top:5px;
margin-bottom:5px;
}


/* Form Elements
----------------------------------------------- */
label, select { 
	font-size: 85%;
	font-family: "Lucida Grande", "Trebuchet MS", sans-serif;
}
select {
	color:#333333;
	background-color:#FFFFFF;
	width: 208px;
	border: 1px solid #b1b1bc;
}




img.reageer {
	float:left;
}
img.icon {
float:left;
margin: 0px 12px 0px 0px;
}
img.teamlidPicture {
float:left;
margin: 0px 24px 0px 0px;
}

UL.subnavigatie {
	padding: 0px;
	margin: 0px;
	list-style:none;
	width: 240px;
}
UL.subnavigatie LI {
	background-color:#eeeeee;
	display:block;
	font-size: 11px;
	padding:2px;
	border: solid 1px #FFFFFF;
}
UL.subnavigatie LI:hover{
	background-color:#CCCCCC;
}
UL.subnavigatie LI A {
	margin: 3px 8px 3px 0px;
	color:#333333;
}
UL.subnavigatie LI.LIsubactive{
	background-color:#CCCCCC;
}
UL.subnavigatie LI.LIsubactive SPAN{
	margin: 3px 8px 3px 0px;
}

I {
color:#666666;
}

SPAN.quote {
color:#999999;
font-size:12px;
font-style:italic;
}
SPAN.quote_name {
color:333333;
font-size:11px; 
}


#nieuwsbrief{
	font-family:verdana;
	font-size:11px;
	left:50%;
	line-height:11px;
	margin-left:60px;
	position:absolute; 
	top:435px;
	padding-bottom:50px;
	text-align:right;
	width:300px;
}

	.nieuwsbrief-error{
		color:#774913;
		background-color:#f1e6f7;
		border:1px solid #e6cff0;
		
		padding:10px;
		margin:0 0px 10px 0;
	}
		.nieuwsbrief-error p{
			margin:0;
			padding:0;
		}
	
	#nieuwsbrief input[type="text"]{
		padding:5px;
		border:1px solid #c2c2c2;
		font-style:italic;
		width:150px;
	}
	
	#nieuwsbrief input[type="submit"]{
		border:none;
		background:#f58a00;
		color:#fff;
		font-size:13px;
		padding:5px;
	}
	
	
	
	.aanmeld-error{
		position:absolute;
		left:50%;
	}
		.aanmeld-error div{
			color:#404040;
			background-color:#ffd3d3;
			border:1px solid #e1b1b1;
			width:300px;
			padding:10px;
			z-index:99;
			position:absolute;
			top:30px;
			left:-150px;
			text-align:center;
		}
		
	.aanmeld-gelukt{
		position:absolute;
		left:50%;
	}
		.aanmeld-gelukt div{
			text-align:center;
			color:#404040;
			background-color:#dfffb3;
			border:1px solid #bed998;
			width:300px;
			padding:10px;
			z-index:99;
			position:absolute;
			top:30px;
			left:-150px;
		}