/* commented backslash hides from ie5mac \*/ 
html{height:100%;margin:0;padding:0} 
/* end hack */ 


	
body{
	margin:0;
	padding:0px;
	height:100%;

	text-align:center;
	width:100%;
	background: #EAEAEA url(../images/elements/bg_body.gif) repeat-y;
}

body{
	overflow-y:scroll !important;
	overflow-y:inherit;
}

#page {
	min-height: 100%;
	height:auto !important;
	height:100%;
	width:907px;
	margin:auto;
	padding-left:2px;
	padding-right:2px;
	text-align:left;
	margin: -38px auto 0 auto;
	background: #e0e0e0 url(../images/elements/shadow_singleb.gif) ;

}


#pusher{
	height:38px;
}


#striped_row{
	width:907px;
	height:30px;
	background-image:url(../images/elements/striped_bar.jpg);
}


#visualBlock{
	float:right;
	width:704px;
	height:292px;
	background-color:#FE9541;
	background-image:url(../media/zring_5mei09.gif);
}

#leftBlock{
	float:left;
	background-color:#E95A00;
	width:203px;
	height:357px;

}

#logoBlock{
	width:191px;
	height:88px;
	background-image:url(../images/elements/logo_bg.png);
	padding-top:11px;
	padding-left:12px;
}

.logo{
	border:0px;
}

#menuBlock {
	width:203px;
	height:254px;
}

#menuBlock a{
	display:block;
	background: url(../images/elements/menu.gif);
	width:203px;
	height:32px;
}



#menuBlock a.home{		 		background-position: 0px 0px;   }
#menuBlock a.home:hover{ 		background-position: 0px -32px; }
#menuBlock a.home_active{		background-position: 0px -32px; }

#menuBlock a.docs{	 	 		background-position: 0px -64px; }
#menuBlock a.docs:hover{		background-position: 0px -96px; }
#menuBlock a.docs_active{		background-position: 0px -96px; }

#menuBlock a.oplossing{			background-position: 0px -128px;}
#menuBlock a.oplossing:hover{		background-position: 0px -160px;}
#menuBlock a.oplossing_active{		background-position: 0px -160px;}

#menuBlock a.oplossingen{		background-position: 0px -192px;}
#menuBlock a.oplossingen:hover{	background-position: 0px -224px;}
#menuBlock a.oplossingen_active{background-position: 0px -224px;}

#menuBlock a.agenda{			background-position: 0px -256px;}
#menuBlock a.agenda:hover{		background-position: 0px -288px;}
#menuBlock a.agenda_active{		background-position: 0px -288px;}

#menuBlock a.faq{				background-position: 0px -320px;}
#menuBlock a.faq:hover{			background-position: 0px -352px;}
#menuBlock a.faq_active{		background-position: 0px -352px;}

#menuBlock a.nieuws{			background-position: 0px -384px;}
#menuBlock a.nieuws:hover{		background-position: 0px -416px;}
#menuBlock a.nieuws_active{		background-position: 0px -416px;}

#menuBlock a.impressies{			background-position: 0px -448px;}
#menuBlock a.impressies:hover{		background-position: 0px -480px;}
#menuBlock a.impressies_active{	background-position: 0px -480px;}

#menuBlock a.contact{			background-position: 0px -512px; height:33px}
#menuBlock a.contact:hover{		background-position: 0px -544px;}
#menuBlock a.contact_active{	background-position: 0px -544px;}


#menuBlock2 {
	width:200px;
	height:254px;
}

#menuBlock2 a{
	display:block;
	background: url(../images/elements/menu2.gif);
	width:200px;
	height:32px;
}


#menuBlock2 a.parallel{		 		background-position: 0px 0px;   }
#menuBlock2 a.parallel:hover{ 		background-position: 0px -32px; }
#menuBlock2 a.parallel_active{		background-position: 0px -32px; }

#menuBlock2 a.palen{	 	 		background-position: 0px -64px; }
#menuBlock2 a.palen:hover{			background-position: 0px -96px; }
#menuBlock2 a.palen_active{			background-position: 0px -96px; }

#menuBlock2 a.richtingen{			background-position: 0px -128px;}
#menuBlock2 a.richtingen:hover{		background-position: 0px -160px;}
#menuBlock2 a.richtingen_active{	background-position: 0px -160px;}

#menuBlock2 a.tunnel{				background-position: 0px -192px;}
#menuBlock2 a.tunnel:hover{			background-position: 0px -224px;}
#menuBlock2 a.tunnel_active{		background-position: 0px -224px;}

#menuBlock2 a.verdiept{				background-position: 0px -256px;}
#menuBlock2 a.verdiept:hover{		background-position: 0px -288px;}
#menuBlock2 a.verdiept_active{		background-position: 0px -288px;}

#menuBlock2 a.zuidvariant{			background-position: 0px -320px;}
#menuBlock2 a.zuidvariant:hover{	background-position: 0px -352px;}
#menuBlock2 a.zuidvariant_active{	background-position: 0px -352px;}


#newsletter{
	position:absolute;
	left:50%;
	margin-top:-60px;
	height:80px;
	width:201px;
	background-color:#FEB36C;
	background:  url(../images/aanmelden.gif);
}

#testt{
	position:absolute;
	margin-top:-60px;
	height:60px;
	width:203px;
	background-color:#FEB36C;
	background:  url(../images/aanmelden.gif);
}


#bottomrow{
	color:#FFFFFF;
	text-align:left;
	height:38px;
	width:907px;
	margin:auto;
	padding-left:2px;
	padding-right:2px;
	background-image:url(../images/elements/bottom_row.gif);
	border:0px solid red;
}

#bottomrow p{
	font-size:10px;
	line-height:23px;
	border:0px solid green;
}

#bottomrow span{
	margin-right:15px;
}



#contentContainer{
	
}

#contentLeft{
	float:right;
	text-align:center;
	width:203px;
}

#content{
	float:right;
	width:474px;
	margin:15px;
}

#content_wide{
	padding:10px;
	padding-left:35px;
	padding-right:35px;
	padding-top:15px;

}

#contentBox{


}
#contentRight{
	float:right;
	text-align:center;
	width:200px;

}

#contentRight img{
	margin-top:10px;
}

/* news styles */

.expand_image{
	height:11px;
	width:11px;
	line-height:12px;
}

.expander {
	margin-right:6px;
	cursor: pointer;
}

.newsItem{
	margin-bottom:20px;
	width:550px;
	border:1px solid red;
		font-size: 12px;
	line-height:18px;
}

.newsItem .newsContent{
	border:0px solid;
	margin-left:20px;
	margin-top:-17px;

}

.newsDateLine {
	font-size:smaller;
	text-align:right;
	margin-bottom:10px;
	border: 1px solid green;
	text-align:right;
}

.newsDateText{
	float:right;
	border: 1px solid red;
	width:70px;
}

.newsDate{
	text-align:right;
	margin-bottom:10px;
}



.clickHint{
	margin-top:2px;
	margin-left:20px;
	color:#009900;
	font-weight:bold;
	cursor: pointer;
}


/* contact form */

#contactDiv{
	padding-top:15px;
	padding-left:40px;
	border:0px solid #FF0000;
	width:500px;
}

.contactForm{
	margin-top:4px;
}

#inp_naam{
	width:340px;
	padding-left:4px;
	height:16px;
	padding-top:4px;
}
#inp_email, #inp_tel {
	width:200px;
	padding-left:4px;
	height:16px;
	padding-top:4px;
}
#inp_bericht{
	width:340px;
	line-height:15px;
}




#contactForm p{
	padding-top:7px;
}

#contactForm textarea {
	border: 1px solid #E0E6F4;
	height:120px;
	width:340px;
	padding-top:4px;
	padding-left:4px;
}

.validation-failed{
	background-color:#FDE8EC;
}

input.sendButton{
	border: 1px solid #C9C9C9;
	background-color:#EEEEEE;
	margin-top:4px;
	cursor:pointer;

}

.invalid{background-color:#fdd}



.vacancyContent{
	margin-top:15px;
	margin-bottom:15px;
	display:none;
}


/* items list  */

.list_container{
	width:462px;
}

.list_item{
	display:block;
	width:472px;
	margin-bottom:10px;
}


.list_item_extractor{
	margin-top:3px;
	margin-right:5px;
	float:left;
	width:11px;
	height:11px;
	cursor:pointer;
}

.list_item_content{
	width:450px;
	float:left;
	height:20px;
	overflow:hidden;
}

.maximized{
	background:url(../images/elements/contract.gif) top left no-repeat;
}

.minimized{
	background:url(../images/elements/expand.gif) top left no-repeat;
}

#inputbox{
	margin-top:20px;
	margin-left:7px;
	width: 183px;
	height:15px;
	line-height:13px;
}

#submitbox{
	margin-top:2px;
	margin-left:120px;
	width: 71px;
	height:15px;
	border:0px;
}

#success{
	padding-top:20px;
	margin-top:1px;
	font-weight:bold;
	margin-left:4px;
	color:#C14800;
	background-color:#FEB36C;
}

form{
	padding:0px;
	margin:0px;
}

#printEmail {
	width:100px;
}

#vragenTabel td{
	padding-bottom:5px;
}

.sm{
font-size:10px;
}