/*
 * Brussels Eye Doctors
 * SCREEN
 * datum 20090406
 */

/* 
 * Kleuren
 * Hier kleurcodes definiëren
 */

/* Base css wordt geladen in HTML */


/*******************************************************************************************************
 * Blokken
 * 
 * Opmaak voor standaard blokken
 * class gebruiken
 * 
 *******************************************************************************************************/
/* Template Header, 2col, Footer */
	body{ text-align:center}
	#container{ margin:0 auto;  text-align:left}
	#header{overflow:hidden}
	#middle{overflow:hidden}
	#middleCol1, #middleCol2, #middleCol3{ float:left;overflow:hidden;}
	#footer{clear:left}
/* Horizontaal menu 1 niveau */
	ul.menuHor1{position:relative;list-style:none}
	.menuHor1 li{display:block;float:left;list-style:none}
	.menuHor1 li a{display:block;white-space:nowrap;text-decoration:none}
/* Menu Vertikaal 2 niveaus */
	.menuVert2{list-style:none}
	.menuVert2 li{list-style:none}
	.menuVert2 a{display:block;text-decoration:none}
	.menuVert2 ul{display:none}
	.menuVert2 .selected ul{display:block}



/*******************************************************************************************************
 * Algemene css
 * 
 * Opmaak voor alle pagina's
 * 
 *******************************************************************************************************/

body{
	background:#ffffff;
	text-align:center;
	background:url('/site_vryghem/images/bg_body.jpg') no-repeat center top;
}
#bodyInner{
		background:url('/site_vryghem/images/bg_bodyInner.gif') repeat-x left bottom;
}
#container{
 	width:1002px;
	margin:0 auto;
	text-align:left;
	background:url('/site_vryghem/images/bg_container.png') no-repeat left top;
	padding:41px 0px 0 0px;
	font-family:Arial,Helvetica,sans-serif;

}
/* Header */
	#header {
		overflow:hidden;
		font-size:1.2em;
	}
	#headerRow1{
		overflow:hidden;
		height:36px;
	}
		#menu1{
			float:left;
			width:228px;
			height:32px;
			padding:4px 0 0 0;
			line-height:32px;
			
		}
			#menu1 a {
				color:#68C6D4;
				padding:0 27px 0 0;
				background:url('/site_vryghem/images/bg_vlaggen.png') no-repeat left top;
				margin:0 0 0 13px;
			}
			#menu1 .item1 a{
				background-position: right 0px;
			}
			#menu1 .item2 a{
				background-position: right -35px;
			}
			#menu1 .item3 a{
				background-position: right -70px;
			}
			#menu1 .item4 a{
				background-position: right -105px;
			}
		#menu2{
			float:right;
			/* width:537px; */
		}
			#menu2 ul{
				background:url('/site_vryghem/images/bg_menu2.png') repeat-x left bottom;
				padding:0 0 1px 0;
				height:35px;
			}
			#menu2 a{
				height:23px;
				line-height:23px;
				background:url('/site_vryghem/images/bg_menu2a.png') repeat-x left top;
				margin:0 0 0 1px;
				padding:12px 18px 0 14px;
				color:#fff;
			}
			#menu2 .selected a
			,#menu2 a:hover{
				color:#68C6D4;
			}
	#headerRow2{
		height:155px;
		overflow:hidden;
		margin:1px 0 0 0;
	}
		#logo{
			float:left;
			width:228px;
		}
			#logo a{
				display:block;
				height:155px;
				background:url('/site_vryghem/images/logo.png') no-repeat center top;
				text-indent:-999em;
			}
		#slogan{
			/* achtergrond instellen in body */
			background:#333333;
			float:left;
			width:747px;
			height:155px;
			margin:0 0 0 27px;
		}
			#sloganInner{
				background:url('/site_vryghem/images/bg_sloganInner.png') no-repeat left top;
				height:80px;
				padding:75px 0 0 25px;
			}
			
			#sloganInner h2{
				margin-bottom: -10px;
				padding-bottom: 0px;
				width: 690px;
				text-align: center;
			}

	#headerRow3{
		overflow:hidden;
		height:30px;
		line-height:30px;
		padding:0 0 0 280px;
		color:#656366;
	}
		#headerRow3 a{
			color:#656366;
			text-decoration:none;
		}
		
/* middle */
	#middle{
		padding:45px 0 20px 0;
	}
	/* middleCol1 */
		#middleCol1 {
		    width: 228px; 
		    padding: 0;
			background:#f9f9f9;
			font-size:1.2em;
		}
			#menu3{
				border-top:solid 1px #bdbdbe;
				padding:0 0 37px 0;
			}
			#menu3 li{
				border-bottom:solid 1px #bdbdbe;
				background:url('/site_vryghem/images/bg_menu3.gif') no-repeat left 0px;
			}
			#menu3 li.spacer{
				border-bottom: solid 1px #bdbdbe;
				background: #FFF;
				height: 15px;
			}
			#menu3 li.selected{
				background:#efefef url('/site_vryghem/images/bg_menu3.gif') no-repeat left -75px;
			}
			#menu3 a{
				color:#737c83;
				padding:8px 3px 8px 20px;
			}
			#menu3 .selected a{
				padding:8px 3px 5px 20px;
			}
			/* 1e subniveau */
			#menu3 li li{
				border-bottom:none;
				background:none;
			}
			#menu3 li li.selected{
				background:none;
				font-weight: bold;
			}
			#menu3 li li a
			,#menu3 .selected li a{
				color:#568ebe;
				padding:2px 3px 2px 30px;
			}
			/* tweede subniveau */
			#menu3 li li li a
			,#menu3 .selected li li a{
				color:#568ebe;
				padding:2px 0 2px 40px;
				font-weight:normal;
			}
			#menu3 li li li.selected a{
				font-weight:bold;
			}
			/* derde subniveau */
			#menu3 li li li li a
			,#menu3 .selected li li li a{
				color:#568ebe;
				padding:2px 0 2px 50px;
				font-weight:normal;
			}
			#menu3 li li li li.selected a{
				font-weight:bold;
			}

			#menu4{
			background:#787779 url('/site_vryghem/images/bg_menu4.gif') no-repeat left bottom;
			width:205px;
			padding:20px 3px 65px 20px;
			border-top:solid 4px #fff;
			}
			#menu4 a{
				color:#fff;
				padding:0px 0 3px 0;
			}
			#menu4 li li {
				margin-left: 15px;	
			}
	/* middleCol2 */
		#middleCol2{
			/* width:510px; */
			width: 500px;
			margin:0 10px 0 50px;
			color:#647078;
			font-size:1.2em;
		}
			#middleCol2 h1{
				color:#558ebe;
				font-size:1.5em;
				font-weight:bold;
				text-transform:uppercase;
			}
			#middleCol2 h2{
				color:#558ebe;
				font-size:1.4em;
				font-weight:bold;
			}
			#middleCol2 h3{
				color:#558ebe;
				font-size:1.3em;
			}
			#middleCol2 a{
				color:#647078;
			}
			#middleCol2 ul {
				margin: 0 0 10px 25px;
			}
			#middleCol2 li {
				margin: 0 0 5px 0;
				list-style-image: url(/images/blokje.gif);
			}
			
	/* middleCol3 */
		#middleCol3{
			width:190px;
			margin:0 0 0 23px;
		}
		
			#middleCol3 a {
				color: #000;
			}
			
			#news{
				background:url('/site_vryghem/images/bg_news.gif') no-repeat left top;
				width:188px;
				height:124px;
				padding:5px 0 0 0;
				font-size:1.4em;
				text-align:center;
				color:#fff;
			}
				#news h2{
					font-size:1.5em;
					text-transform:uppercase;
				}

			.block {
				padding: 5px;
				margin: 10px 0 10px 0;
				background: #F7A912;
				border: solid 1px #000;
				text-align: center;
				font-size: 12px;
			}
			
			.blockSelected {
				padding: 5px;
				margin: 10px 0 10px 0;
				background: #F7A912;
				border: solid 1px #000;
				text-align: center;
				font-size: 12px;
				font-weight: bold;
			}
			
/* Footer */
	#footer {
		height:70px;
		color:#656366;
		font-size:1.1em;
		font-weight: bold;
		padding: 0 0 0 277px;
	}

/*******************************************************************************************************
 * Templates
 * 
 * Opmaak voor templates
 * Identificatie van template dmv class in body
 * 
 *******************************************************************************************************/