/* CSS layout */

#masthead { 	height:108px; text-align:left;	}
#masthead div.logo { 	position: absolute; top:45px; left:146px;	}
#masthead div.contact { 	position: absolute; top:40px; right:40px;	}
#masthead div.contact span { 	font-size:1.2em; font-weight:bold;	}
#masthead a.info { background: White url(../images/binfo.gif) no-repeat; margin-bottom:5px; }
#masthead a:hover.info { background: White url(../images/binfo1.gif) no-repeat }
#masthead a.home { background: White url(../images/bhome.gif) no-repeat; padding-bottom:5px; }
#masthead a:hover.home { background: White url(../images/bhome1.gif) no-repeat }


#top_nav {		padding:10px 20px;	}

#container {	min-width: 820px; height:450px; clear:both;	}

#left_col {		width: 238px; position: absolute; left: 0px; overflow-x: hidden; overflow-y: scroll; text-align:right; height:410px; margin:5px 0 5px 33px 	}
#left_coldown {		height:32px; padding-right:3px;  	}

#left_col ul {	text-align: right; border-top: 0px solid #FFF; list-style:none; /*width:218px; margin-top:6px;*/  }
			
#left_col li.header {
	padding: 5px 8px 6px 0;
	text-align: right;
	background: url(../images/verloop-groen.gif) repeat-x bottom right;
	color: #628F91;
	letter-spacing: 0.2em;
	font-weight: normal;
	font-family: "Tw Cen MT";
	line-height: 100%;
	margin-top: 3px;
}
#left_col li.header.top {	margin-top:10px; }					
#left_col li.opsom {	padding:3px 0; text-align:right; margin:0px;	}
#left_col li span	{	color:#993359 }
#left_col li span.small	{	font-size:0.9em; color:#000; }
#left_col li.opsom a		{	text-decoration:none; color: #000; display: block; padding: 3px 9px 3px 0;  	
								border-bottom: 1px solid #F1F1F1; border-top: 1px #F1F1F1 solid; background: white url(../images/bullet-rood.gif) no-repeat left;	}

#left_col li.opsom a:link {	text-decoration:none;  	}
#left_col li.opsom a:visited {	color: #000;  	}				
#left_col li.opsom a:hover	{	color: #933; border-bottom: 1px solid #999; border-top: 1px #999 solid; background: White url(../images/bullet-gren.gif) no-repeat left;	}
#left_col li.opsom a:active { color: #933; border-bottom: 1px solid #999; border-top: 1px #999 solid; background: White url(../images/bullet-grem.gif) no-repeat left; }

							
						

#right_col {	width: 242px; position: absolute;	right: 30px; height:410px; top:108px 	}
#right_col h1 {	border-top: 0px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding:2px 0 5px 9px; text-align:left;  margin:8px 1px 4px 6px;
			background: #FFF url(../images/verloop-rood.gif) repeat-x bottom;
			letter-spacing: 0.6em; font-family: "Tw Cen MT Condensed"; font-weight: bold; font-size: 1.8em; line-height:100%; color:#b8cbcb; 	}
			
#right_col h2 {	border-top: 0px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; padding:6px 0 4px 9px; text-align:left;  margin:8px 1px 4px 6px;
			background: #FFF url(../images/verloop-rood.gif) repeat-x bottom;
			letter-spacing: 0.2em; font-family: "Tw Cen MT Condensed"; font-weight: bold; font-size: 1.2em; line-height:100%; color:#b8cbcb; 	}

#right_col p {	 margin:3px 2px 4px 6px; text-align:left; padding-left:9px; line-height:160%; 	}
#right_col a, #masthead div.contact a	{	text-decoration:none; color:#933;	}
#right_col a:hover, #masthead div.contact a:hover	{	text-decoration:none; color: #399;	 	}
#right_col ul	{	text-align:left; padding-left:14px;	 	}
#right_col li	{	list-style:none; background: url('../images/bullet-rood2.gif') no-repeat left 1px; padding:3px 5px 3px 10px; line-height:1.4em; 	}


#page_content 		{	margin:0 auto 0 auto; height:440px; width:270px;    }
#page_content div 	{	width:270px; margin:0 auto 0 auto;  	} /* voor de tekst */
#page_content div iframe 	{	width:270px; margin-top:5px; border:0; height:428px;   	}


p.bottom	{	padding-top:200px; text-align:center; 	}
p.bottom a	{	background-image: none; font-weight:normal; font-size:1.0em;	}
p.bold		{	font-weight:bold; 	}

#footer 	{
	clear: both;
	color: #DBDBDB;
	letter-spacing: 0.2em;
	font-size: 0.8em;
	font-weight: bold;
}
#footer img	{	margin-bottom:15px;	}