/*
 * Ruiter Garagedeuren en zonwering 
 */
 
* {margin:0; padding:0;}

html{background-color:#fff; background: url(/cmsfile/5) repeat-y fixed center top;}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	text-align:center; /* center layout in IE */
	/*background: url(/cmsfile/5) repeat-y fixed center top;*/
	_min-width:1000px;
	overflow:auto;
}
h1 {font-size:18px;font-weight:bold; color: #000; margin-bottom:4px;}
h2 {font-size:14px; font-weight:bold; color: #666; margin-bottom:6px;}
h3 {font-size:12px; font-weight:bold; color: #666;}
h4,h5,h6 {font-size:100%; font-weight:bold; color: #ff9900;}

p{font-size:12px; line-height:18px; margin:9px 0; color:#999;}
ul {margin-left:20px;}
ol {margin-left: 24px;}
div,table,tr,td,p {font-size: 12px; color:#666;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
a img{border:none;}

hr{
	margin: 4px 0 4px 0;
	padding: 0px;
	display: block;
	height: 1px;
	background-color: #e2e2e2; 
	border: none;
}

/*
 * Layout
 */
 
#pagecontainer {
	width:1000px; 
	margin:0 auto; /*centreren */ 
	text-align:left; 
	display:block;
	overflow-x:auto;
}
#header {
	width:1000px; 
	height: 162px; 
	background-color: #e2e2e2; 
	text-align:left;
	background: url(/cmsfile/9) no-repeat 0 top; /*1px top */
	_background: url(/cmsfile/9) no-repeat 1px top;
	
	position:relative;
	z-index:100;
	top:0;
}
#logo{
	width:136px;
	height:30px;
	overflow:hidden;
	/*
	float:left;
	*/
	position:absolute;
	left:10px;
	top:130px;
}
#vignet{
	position:absolute;
	left:30px;
	top:20px;
	overflow:auto;
	width:300px;
	height: 110px;
	z-index:1000;
}
#headeritems{
	width:824px;
	height:160px;
	background: transparent;
	/*float:right;*/
	position:absolute;
	left:175px;
	top:0;
	z-index:240;	
}
#topnav{
	width:600px; 
	height:120px;
	clear:both;
	float:left;
	text-align:right;
	z-index:250;
}
#section{
	width:824px;
	height:40px;
	background-color:transparent;
	/*
	clear:both;
	float:left;
	*/
	position:absolute;
	left:1px;
	top:134px;
	/*padding-top:14px;*/
}
/*#section img{behavior: url(/cmsfile/137)}*/
#contentcontainer{
	float:left;
	clear:both;
	_min-width:1000px;
	width:1000px; 
	height:auto;
	display:inline;
	background: url(/cmsfile/5) repeat-y fixed center top;
}
#leftcol{
	width:170px; 
	float:left; 
	text-align:left;
	padding-top:40px;
	overflow:hidden;
}
#kp{width:568px; height:auto; display:block; font-size:11px; margin-bottom:6px;}
#kp a{color:#666 !important; text-decoration:none;}
#kp a:hover{color:#000 !important;}
#maincontent{
	width:586px; 
	float:left; 
	background-color: transparent; 
	text-align:left;
	padding-top:44px;
	margin-left:20px;
	}
	#maincontent a{
		color:#000;
		text-decoration:none;
		}
		#maincontent a:hover{color:#666;}
#slideshow{width:565px; height:184px; display:block; margin:12px 0;}		
#rightcol{
	width:196px; 
	_width:195px;
	float:right; 
	text-align:left;
	background: transparent url(/cmsfile/97xxxxx) no-repeat fixed right top; 
	padding-top:66px;
	overflow:hidden !important;
	}
	#rightcol a{
		color: #000; text-decoration:none;
		}
		#rightcol a:hover{
			color:#666;
			}
#footer {
	display:none;
	width:1000px; 
	height: 24px; 
	float:left; 
	clear:both; 
	text-align:left;
}

/* box voor padding in de div elements */
.box6{padding:6px;}
#leftcol .box{padding:12px; background: transparent !important;}
#rightcol .box{
	padding:12px; 
	margin-left:1px; 
	background: #fff !important; 
	_background:transparent !important; 
	_overflow:hidden!important;
	}

/*
 * leftnav
 */
#leftcol ul{list-style-type:none; margin-left:0px;}
#leftcol ul li#rd {width:150px; height:auto; margin-top:0!important; height:24px;/*height:36px;*/ /*display:block; *//*border: 1px solid #000;*/ /*float:right;*/}
#leftcol ul li a{
	width:160px; 
	height:46px;
	display:block;
	/*text-indent:56px;*/
	line-height:18px; /*56 */
	margin-top: 12px;
	
	padding: 6px 0 0 56px;
	color: #666;
	text-decoration:none;
	}
	#leftcol ul li a:hover{
		width:160px; 
		height:46px;
		display:block;
		/*text-indent:56px;*/
		line-height:18px; /* 56 */
		margin-top: 12px;  /* 4  */
		color: #000;
		text-decoration:none;
	}
	.home {
		background: url(/cmsfile/25) no-repeat left top;
		}
		.home:hover, .homeact {
			background: url(/cmsfile/25) no-repeat left -54px;
		}
		.deuren {
			background: url(/cmsfile/17) no-repeat left top;
		}
		.deuren:hover, .deurenact {
			background: url(/cmsfile/17) no-repeat left -54px;
		}
		.industrie {
			background: url(/cmsfile/105) no-repeat left top;
		}
		.industrie:hover, .industrieact {
			background: url(/cmsfile/105) no-repeat left -54px;
		}
		/*
		.deurenact{
			background: url(/cmsfile/17) no-repeat left -54px;
		}
		*/
		.zonwering {
			background: url(/cmsfile/41) no-repeat left top;
		}
		.zonwering:hover, .zonweringact {
			background: url(/cmsfile/41) no-repeat left -54px;
		}
		.raamdeco {
			background: url(/cmsfile/33) no-repeat left top;
		}
		.raamdeco:hover, .raamdecoact {
			background: url(/cmsfile/33) no-repeat left -54px;
		}
		.overkapping {
			background: url(/cmsfile/109) no-repeat left top;
		}
		.overkapping:hover, .overkappingact {
			background: url(/cmsfile/109) no-repeat left -54px;
		}
		.hek {
			background: url(/cmsfile/265) no-repeat left top;
		}
		.hek:hover, .hekact {
			background: url(/cmsfile/265) no-repeat left -54px;
		}
		.advies {
			background: url(/cmsfile/113) no-repeat left top;
		}
		.advies:hover, .adviesact {
			background: url(/cmsfile/113) no-repeat left -54px;
		}
		.showroom {
			background: url(/cmsfile/37) no-repeat left top;
		}
		.showroom:hover, .showroomact {
			background: url(/cmsfile/37) no-repeat left -54px;
		}
		.nieuws {
			background: url(/cmsfile/29) no-repeat left top;
		}
		.nieuws:hover, .nieuwsact {
			background: url(/cmsfile/29) no-repeat left -54px;
		}
		
/*
 * Topnav
 */
#topnav a{color:#ccc; font-size:11px; text-decoration:none; text-transform:uppercase;}
#topnav a:hover{color:#fff;}
#topnav ul {display:inline; float:right; list-style-type:none;}
#topnav ul li {float:left; padding: 26px 4px 0 4px; margin-left:24px;}

/*
 * Specifieke Layout styles
 */
#header a img{border:none;}

#topnav{line-height:30px;} /* verticaal centreren */

#maincontent h2{color:#000; font-size:12px; font-weight:bold;}
#maincontent p{font-size:12px; line-height:18px;} 

/* Gallery */
#maincontent table tr td a img{margin-right:12px; border-bottom:none !important;} 
 /*
  * Projecten
  */
.project{width:166px; height:auto; float:left; border: 1px solid #f4f4f4; margin: 6px 0 0 6px; overflow:hidden;}
.project:hover{border: 1px solid #e2e2e2;}  
.project img {margin: 3px;} 
.project h4{color:#333; text-align:left; text-indent:3px; margin-bottom:3px;}
.project p{padding: 3px;}
.meer_informatie, .latest_meer_informatie{display:block;float:left;}

.latest_projects img {margin-top:12px;}

#projectnav{float:left; clear:both; display:block; width:560px; height:24px; margin-top:12px;}

/*
 * Formulieren
 */
form{font-family: Arial, Helvetica, sans-serif;}
fieldset {border:none;}
legend {border:none;}
input{font-size:11px; margin-top:4px;padding:2px 3px; border: 1px solid #000; background-color:#e2e2e2;}
input:focus{background-color:#fff;}
input[type="checkbox"]{border:none;}
input[type="radio"]{border:none;}
input[type="password"]{border:1px solid #e2e2e2;}
textarea {margin-top:4px;width:340px;border: 1px solid #000; background-color:#e2e2e2;}
textarea:focus{margin-top:4px;background-color:#fff;}
input[type="select"]{margin-top:4px;border: 1px solid #000; background-color:#e2e2e2;}

/*
 * Submit buttons
form_submit_link{background: #000; padding:3px;}
a#form_submit_link {color:#fff; text-decoration:none;}
 */

/*
 * Lijsten
 */
.view_header_table_data {background-color: #000; color:#fff;}
.list_header {background-color: #333; color:#fff;}
.list_record{padding-right:6px;}
.list-record:hover {background-color: #e2e2e2;}
.valign_top {padding: 3px 6px;}

/*
 *CMS textfooter
 */
#cms_textfooter {font-size:11px; display:block; float:left; clear:both; margin-top:12px;} 
#cms_textfooter a{color:#666; text-decoration:none;}
#cms_textfooter a:hover{color:#000;}  

/* Gallery */

ul.covideGallery {list-style-type:none; width:580px;margin:0; overflow:auto;}
ul.covideGallery li {float:left; width:280px; height:auto; margin:0 10px 4px 0;}
ul.covideGallery li a img{float:left; width:280px; }
ul.covideGallery span.imageDescCovide{width:auto; height:auto; padding:6px;}

.button{background: #ffcc00; font-weight:bold; text-align:center;padding:10px 20px; border-radius:3px; -moz-border-radius:3px;}

.home .social{width:578px;height:30px;float:left;display:block;margin-bottom:10px;position:relative;} 
.sub .social{width:586px;height:30px;float:left;display:block;margin-bottom:10px;position:relative;} 
.social .share{position:absolute; right:0;}
#___plusone_0{margin-left:7px !important;width:70px !important;}