html, body {
	background-color:#2f3535;
	text-align: center;
	}
p {
	margin: 0 0 1em 0;
	}
strong, b {
	font-weight: bold;
	}
em, i {
	font-style: italic;
	}
#sitecontent #sitecontent_main #sitecontent_text ul {
	list-style-type: square;
	margin: 0 0 1em 1.5em;
	}
	
#sitecontent #sitecontent_main #sitecontent_text ul li, #sitecontent #sitecontent_main #sitecontent_text ul ul li, #sitecontent #sitecontent_main #sitecontent_text ul ul ul li{	
	padding:2px 0 0 5px;
	margin:2px 0 0 5px;
}
#sitecontent #sitecontent_main #sitecontent_text ul ul {
	list-style-type: disc;
	margin: 0 0 0 1.5em;
	}
#sitecontent #sitecontent_main #sitecontent_text ul ul ul {
	list-style-type: circle;
	margin: 0 0 0 1.5em;
	}
#sitecontent #sitecontent_main #sitecontent_text img.floatleft {
	float: left;
	background-color: #666;
	padding: 5px;
	margin: 5px 5px 5px 0;
	border: 1px solid #999999;
	}
#sitecontent #sitecontent_main #sitecontent_text img.floatright {
	float: right;
	background-color: #666;
	padding: 5px;
	margin: 5px 0 5px 5px;
	border: 1px solid #999999;
	}

/**
 * HEADER 
 */
#header { 
	margin: 10px auto 0 auto; 
	width: 775px;
	height: 289px;
	}
	#header #header_top {
		width: 775px; 
		background: #2f3535 url('../images/layout/header_top.jpg') no-repeat scroll top left;		
		height: 33px;
		text-indent: -9000px;
		}
	#header #header_left {
		width: 122px; 
		background: #2f3535 url('../images/layout/header_left.jpg') no-repeat scroll top left;
		float: left;
		height: 289px;
		}	
		
	#header #header_left a:link, #header #header_left a:visited  {
		text-indent: -9000px;
		font-size:Opx;
		
		}	
	
	#header #header_left a:hover, #header #header_left a:active {
		text-indent: -80px;
		_text-indent: -20px;
		color:#CCCCCC;
		font-size:10px;
		}	
		
	#header #header_left #login {
		display:block;
		background: #2f3535 url('../images/layout/lock.gif') no-repeat scroll top right;
		margin-top:5px;
		margin-right:18px;
		_margin-right:9px;
		width:20px;
		height:20px;
		float:right;
		cursor:pointer;
		}	
	#header #header_left #logout {
		display:block;
		background: #2f3535 url('../images/layout/unlock.gif') no-repeat scroll top right;
		margin-top:10px;
		margin-right:12px;
		_margin-right:6px;
		width:20px;
		height:20px;
		float:right;
		clear:both;
		cursor:pointer;
		}
	
	#header #header_left #login .login_tekst {
		display:block;
		margin-top:4px;
		_width:80px;
		text-transform:lowercase;
		}	
	
	#header #header_left #logout .login_tekst {
		margin-top:5px;
		_width:80px;
		text-transform:lowercase;
		}	

	#header #header_middle {
		width: 581px;
		float: left;
		height: 289px;
		}
	#header #header_right {
		width: 72px;
		background: #2f3535 url('../images/layout/header_right.jpg') no-repeat scroll top left;
		float: left;
		height: 289px;
		}

/**
 * CONTENT 
 */
#sitecontent { 
	text-align: left;
	margin: 0 auto; 
	background-image:  url('../images/layout/body_tile.jpg');
	background-color: #2f3535;
	width: 775px;
	}
	#sitecontent #sitecontent_left {
		width: 122px;
		float: left;
		}
	#sitecontent #sitecontent_main {
		width: 581px;
		float: left;
		}
	#sitecontent #sitecontent_main #sitecontent_text {
		color: #ffffff;
		font-size: 85%;
		padding: 20px 20px 0 20px;
		}
	#sitecontent #sitecontent_right {
		width: 72px;
		float: right;
		}

/**
 * MENU
 */
#sitecontent #sitecontent_left {
	text-align: center;
	}
#sitecontent #sitecontent_left #menuheader {
		display: block;
		width: 70px;
		height: 90px;
		margin-left: 30px;
	}

#sitecontent #sitecontent_left ul {
	position: relative;
	top: -35px;
	}
#sitecontent #sitecontent_left ul li a{
	display: block;
	margin: 0 2px 0 0;
	height: 24px;
	background-image: url('../images/layout/button.jpg') ;
	background-repeat: no-repeat;
	background-position: top right;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding-right:20px;
	vertical-align:middle;
	}
#sitecontent #sitecontent_left ul li a span	  {display:block; padding-top:6px; text-transform:uppercase; }
#sitecontent #sitecontent_left ul li a        { background-position: 0 0; text-decoration:none; color:#FFFFFF;}
#sitecontent #sitecontent_left ul li a:hover  { background-position: 0 -23px;  text-decoration:none; color:#999999}


/**
 * SUBMENU
 */
#sitecontent #sitecontent_main #submenu {
	height: auto;
	background-color: #212524;
	overflow:hidden;
	}
#sitecontent #sitecontent_main #submenu ul {
	clear:both;
	overflow:hidden;
	margin-left:20px;
	}
	
#sitecontent #sitecontent_main #submenu ul li {
	display: inline;
	}
#sitecontent #sitecontent_main #submenu ul li a {
	display: block;
	float: left;
	height: 23px;
	background-image: url('../images/layout/subbutton.jpg');
	background-repeat: no-repeat;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}

#sitecontent #sitecontent_main #submenu ul li a  span	  {display:block; padding-top:6px; text-transform:uppercase; padding-left:15px;}
#sitecontent #sitecontent_main #submenu ul li a         { background-position: 0 0; text-decoration:none; color:#FFFFFF;}
#sitecontent #sitecontent_main #submenu ul li a:hover   { background-position: 0 -23px; text-decoration:none; color:#999999;}

#sitecontent #sitecontent_main #submenu ul li.klant a {
	display: block;
	float: left;
	height: 23px;
	text-indent: -9000px;
	background-image: url('../images/layout/menu_sub_klanten.jpg');
	background-repeat: no-repeat;
	text-decoration:none;
	}
	
#sitecontent #sitecontent_main #submenu ul li.klant a.bestelformulier        { background-position: 0 0; width: 115px; text-decoration:none;}
#sitecontent #sitecontent_main #submenu ul li.klant a.bestelformulier:hover  { background-position: 0 -23px;  text-decoration:none;}
#sitecontent #sitecontent_main #submenu ul li.klant a.foto_gallery           { background-position: -115px 0; width: 85px; text-decoration:none;}
#sitecontent #sitecontent_main #submenu ul li.klant a.foto_gallery:hover     { background-position: -115px -23px;  text-decoration:none;}
#sitecontent #sitecontent_main #submenu ul li.klant a.prijslijsten           { background-position: -200px 0; width: 90px;text-decoration:none;}
#sitecontent #sitecontent_main #submenu ul li.klant a.prijslijsten:hover     { background-position: -200px -23px;  text-decoration:none;}

/**
 * SUBMENU TITELS
 */
#sitecontent #sitecontent_main #submenu h2, span.crumb {
	background-repeat: no-repeat;
	margin: 1px 0 0 20px;
	float: left;
	height: 20px;
	_margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	color:#FF9900;
	text-transform:uppercase;
	font-weight: bold;
	}

/**
 * FOOTER 
 */
#footer {
	margin: 0 auto 20px auto; 
	width: 775px;
	height: 28px;
	clear: both;
	background: #2f3535 url('../images/layout/footer.jpg') no-repeat scroll top left;
	}
	
ul.openingstijden {
	list-style-type:none;
	float:left;
	padding-right:50px;
}

ul.openingstijden li.titel {
	list-style-type:none;
	margin:10px;
}

ul.openingstijden li {
	list-style-type:none;
	margin-left:20px;
}

ul.openingstijdenmail li#email {
	list-style-type:none;
	clear:both;
	margin-left:10px;
	_margin-left:30px;
	padding-top:30px;
	_padding-top:10px;
}

ul.openingstijdenmail li#email a:active,
ul.openingstijdenmail li#email a:hover,
ul.openingstijdenmail li#email a:visited,
ul.openingstijdenmail li#email a:link {
	color:#ff9900;
	text-decoration:none;
}

.content_tekst li{
	margin-bottom:20px;
}

.content_tekst h1 {font-size:16px; color:#FF9900; padding-bottom:5px;}
.content_tekst h2 {font-size:14px; color:#FF9900; padding-bottom:5px;}

.content_titel{
	color:#ff9900;
	margin-bottom:20px;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}


.content_fotos{
	margin-left:10px;
	margin-bottom:10px;
	float:right;
	width:113px;
	_width:115px;
}

.content_fotos a.eersteFotoDiv{
	display:block;
	width:104px;
	_width:105px;
	height:75px;
	overflow:hidden;
	float:left;
	margin:1px;
	margin-top:2px;
	margin-bottom:3px;
	cursor:pointer;
}

.content_fotos .fotoDiv{
	width:50px;
	height: 50px;
	overflow:hidden;
	margin-right:1px;
	_margin-right:0px;
	margin-left:1px;
	_margin-left:2px;
	float:left;
	margin-bottom:3px;	
	cursor:pointer;
}

.content_fotos .fotoSpacer{
	 width:2px;
	 _width:1px;
	 height:1px;
	 float:left;
}

select{
	background-color: #212524;
	color: #ff9900;
	border:none;
	width:200px;
}

#fotogallery{
	margin-top:20px;
	margin-left:1px;
}

#fotogallery .foto{
	background:url('/design/images/layout/fotogallery_foto.gif') no-repeat;
	width:80px;
	height:80px;
	display:block;
	float:left;
}

#fotogallery .foto{
	background:url('/design/images/layout/fotogallery_foto.gif') no-repeat;
	width:80px;
	height:80px;
	display:block;
	float:left;
}

#fotogallery .foto .imglink .galFoto{
	overflow:hidden;
	width:60px;
	height:60px;
	margin:9px;
	cursor:pointer;
	display:block;
}

#contactformulier #titel{
	clear:both;
	color:#ff9900;
	margin-bottom:10px;
	margin-top:20px;
	font-size:14px;
	font-weight:bold;
}

#formulier{
	padding-top:20px;
	width:520px;
	color:#cccccc;
}

.formTitel{
	clear:both;
	font-weight:bold;
	color:#ffffff;
	padding-bottom:10px;
	padding-top:30px;
}

.formTitleSeperator{
	width:150px;
}

.formInput{
	clear:both;
	float:left;
	margin-bottom:10px;
}

.formField{
	float:left;
	margin-top:-15px;
	margin-left:150px;
	_margin-left:50px;
}

.formTitle{
	width:150px;
}

.formError{
	clear:both;
	float:left;
	margin-left:150px;
	padding-top:2px;
	_margin-left:75px;
	color:#ff0000;
	width:350px;
	font-weight:bold;
}

.formRadiobutton{
	_margin-left:50px;
}

.formSubmitButton{
	clear:both;
	float:left;
	margin-top:20px;
	margin-left:150px;
	padding:2px 4px 2px 4px;
	color: #ffffff; 
	font-size: 11px; 
	border: 2px solid #cccccc; 
	background-color: #999999;
}

.formSubmitButton2{
	margin-left:10px;
	margin-top:20px;
	padding:2px 4px 2px 4px;
	color: #ffffff; 
	font-size: 11px; 
	border: 2px solid #cccccc; 
	background-color: #999999;
}

.formSubmitButtonLogin{
	margin-top:10px;
	padding:2px 4px 2px 4px;
	color: #ffffff; 
	font-size: 11px; 
	border: 2px solid #cccccc; 
	background-color: #999999;
}

.formSelectField{
	_margin-left:50px;
	width:50px;
}


.formLogin{
	margin-left:140px;
	_margin-left:115px;
}

.imglink{
	text-decoration:none;
}


ul.realisaties {
	list-style-type:none;
	float:left;
	padding-right:50px;
}

ul.realisaties li {
	list-style-type:none;
	margin-left:20px;
	margin-bottom:5px;
}

ul.realisaties li a:active,
ul.realisaties li a:hover,
ul.realisaties li a:visited,
ul.realisaties li a:link {
	text-decoration:none;
	color:#ff9900;
}

.realisatieOverzicht{
	margin-top:20px;
}

.realisatieOverzicht .titel{
	color:#ffffff;
	margin-bottom:10px;
	margin-top:20px;
	font-size:14px;
	font-weight:bold;
}

.realisatieOverzicht #fotos .imglink{
	background:url('/design/images/layout/imgRealisatie.jpg') no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
}

.realisatieOverzicht #fotos .imglink a.imgRealisatie{
	margin:7px;
	width:85px;
	height:86px;
	overflow:hidden;
	display:block;
}

.boord1{ 
	float: right;
	border:1px solid #222625;
}

.boord2{
	float: right;
	border:1px solid #494C4C;
}

.boord3{
	float: right;
	border:1px solid #3C403F;
}

#dropdownAlbums, #dropdownContact{
	height:15px;
}

#dropdownAlbums .selectOption, #dropdownContact .selectOption{
	color:#ffffff;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}

#dropdownAlbums .selectOption1, #dropdownContact .selectOption1{
	color:#ffffff;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:2px;
}

a:visited, a:link, a:active, a:hover{
	text-decoration:none; 
	font-weight:bold; 
	color:#FF9900;
}

.wachtwoordVergeten{
	text-align:right;
	clear:both;
	padding-top:20px;
}

#categorieenPrijslijsten{
	margin-left:20px;
}

#categorieenPrijslijsten .catergoriePrijslijstTekst{
	margin-left:9px;
	margin-bottom:10px;
}

#documentenOverzicht{
	margin-top:30px;
	width:520px;
	_width:540px;
	padding:10px;
	padding-top:20px;
	float:left;
	border:2px solid #2F3535;
}

#documentenOverzicht #titel{
	margin-top:-33px;
	padding:5px;
	text-transform:uppercase;
	background-color:#272D2B;
	color:#ff9900;
	width:70px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
}

#documentenOverzicht .document{
	width:100px;
	height:100px;
	text-align:center;
	align:center;
	margin-left:2px;
	margin-bottom:5px;
	float:left;
}