/* LAYOUT BASIC */
html, body {
	min-height: 100%;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	background: #c1c1c9 url("../img/back.jpg") top left repeat-x;
	margin: 0;
	padding: 0;
	min-width: 100px;
	text-align: center;
}
* html body {
	behavior: url("/templates/js/csshover.htc");
}

img, div { behavior: url("/iepngfix.htc") }

#wrapper {
	background: #fff;
	text-align: center;	
}
html>body #wrapper {
	height: auto;
}
#header {
	position: relative;
	width: 1000px;
	height: 159px;
	margin: 0px auto;
	padding: 0;
	text-align: left;
	clear: both;
}
#footer {
	background: url("../img/footer.png") top left repeat-x;
	margin: 0;
	height: 220px;
	text-align: center;
}
#footer-inner {
	margin: 0px auto;
	width: 1000px;
	height: 180px;
}

.push {
	height: 26px; /* .push must be the same height as .footer */
}

#top1 {
	position: relative;
	width: 1000px;
	height: 130px;
	margin: 0;
	padding: 0;
	clear: both;
	text-align: left;
}
#top2 {
	position: relative;
	width: 1000px;
	height: 28px;
	margin: 1px 0 0 0;
	padding: 0;
	z-index:1;
	clear: both;
	text-align: left;
}
#logo{
	position: absolute;
	top: 23px;
	left: 17px;
	border:0;padding:0;margin:0;
	width:247px;
	height: 73px;
}
#topimage {
	background: none;
	float: left;
	width: 452px;
	height: 365px;
	margin: 0;
	padding: 0;
	z-index: 2;
	overflow: hidden;
}
#topimage img{
	display: inline;
}
#pagebody {
	margin: 0px auto;
	width: 1000px;
	min-height: 400px;
	padding: 0;
	clear: both;
	text-align: left;
}
#content {
	width:1000px;
	margin: 0;
	min-height: 389px;
	padding: 0 0 0 0;
	text-align: left;
	padding-bottom: 20px;
}
#wrapper.frontpage #content{
	background: none;}	
#contentleft {
	width:528px;
	margin: 0;
	padding: 0;
	float: left;
	min-height: 389px;
	text-align: left;}
/* Hides from IE5-mac  (3 pixel bug ie)
* html #contentleft, * html #contentcenter, #contentright{height: 1%;}\*/
/* End hide from IE5-mac */
#contentcenter {
	width:472px;
	margin: 0;
	padding: 0;
	float: left;
	min-height: 389px;
	text-align: left;}
* html #contentleft, * html #content {
	height: 389px;
}
#contentleft-inner {
	padding: 20px;
}
#contentcenter-inner {
	padding: 10px 0 0 20px;
}


#sidebar {
	margin: 28px 0 0 16px;
	width: 190px;
	text-align: left;
	overflow-x: hidden;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

div#smallmenu { 
	clear: both;
	position: absolute;
	right:0;
	bottom:0;
	width: 167px;
	margin: 0 0 0 0; padding: 0; text-align: center; 
	font-size: 12px;  
	z-index: 3;}
div#smallmenu a{ 
	background: url("../img/smallmenu.jpg") top left no-repeat;
	float: left;
	display: block;
	height: 21px;
	color: #204587;
	text-decoration: none;
}	
div#smallmenu a:hover, div#topmenu1 a.link_active{ 
	color: #fff;
	text-decoration: none;
}
div#smallmenu a#btn-home{
	float: left; 
	width: 81px;
}
div#smallmenu a#btn-contact{ 
	float: left;
	background-position: -81px 0px;
	width: 86px;
}

div#topmenu1 {
	position: absolute;
	right:15px;
	top:65px; 
	clear: both;
	width: 700px;
	margin: 0 0 0 0;
	margin: 0; padding: 0; text-align: left; 
	font-size: 16px;  
	z-index: 2;}
div#topmenu2 { 
	line-height: 0px;
	clear: both;
	width: 900px;
	margin: 0 0 0 0;
	margin: 0; padding: 0; text-align: left; 
	font-size: 0px;  
	z-index: 2;}
	
#nav {
	position: relative;
	width: 700px;
	margin: 0 0 0 0; padding: 0;
	list-style: none; text-align: left;}
#nav li {
	background: url("../img/topmenu.png") top left no-repeat;
	float: right;
    margin: 0; padding: 0 0 0 9px; border: 0;
	width: auto;
	list-style: none;
}
* html #nav li {
	\display: inline;
	list-style: none;}	
#nav li a {
	background: url("../img/topmenu.png") top right no-repeat;
	font-family: Arial, sans-serif;
	display: block;
	margin: 0 0 0 0; padding: 6px 12px 6px 3px; border: 0;
	font-size: 16px;
	font-weight: normal;
	color: #a6a8ac;
	text-decoration: none; line-height: 16px; text-align: left;}
	* html #nav li a{}
@media all and (min-width: 0px){
   html>body #nav li a {min-width: 1px;}}
#nav li:hover, #nav li.link_active {
	background-position: 0px -33px;
}
#nav li:hover a, #nav li a.link_active {
	background-position: 100% -33px;
	color: #00589e;
	text-decoration: none; }
#nav li ul {
	position: relative;
	width: 192px;
	list-style-image: none;
	padding: 3px 0 0 0; margin: 0; border: 0;
	text-align: left;}
	#nav li ul.visible {
	display: block;	}
#nav li ul li {
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	background: none;
	float: none;
	list-style: none;}
#nav li ul li:hover, #nav li ul li.link_active {
	background: none;}	
#nav li ul li a, #nav li:hover ul li a, #nav li ul li a {
	display: block;
	background: none;
	margin: 0 0 0 0; padding: 8px 32px 8px 2px; border: 0;
	color: #5b9dd7; 
	font-size: 11px; 
	line-height: 12px; 
	text-decoration: none; 
	text-align: right;	}
html>body #nav li ul li a {
	width: auto;}
#nav li ul li a.link_active, #nav li ul li:hover a  {
	margin: 0; padding: 2px 0 2px 0; border: 0;
	color: #fff; text-decoration: none; }
#nav #li5 a{

	color:red;

}

#nav2 {
	position: relative;
	width: 900px;
	margin: 0 0 0 0; padding: 0;
	list-style: none; text-align: left;}
#nav2 li {
	float: left;
    margin: 0; padding: 0; border: 0;
	width: auto;
	list-style: none;
}
* html #nav2 li {
	\display: inline;
	list-style: none;}	
#nav2 li a {
	font-family: Arial, sans-serif;
	display: block;
	margin: 0 0 0 0; padding: 6px 12px 6px 12px; border: 0;
	font-size: 14px;
	font-weight: normal;
	color: #cdcecf;
	text-decoration: none; line-height: 16px; text-align: left;}
	* html #nav2 li a{}
@media all and (min-width: 0px){
   html>body #nav2 li a {min-width: 1px;}}
#nav2 li:hover, #nav2 li.link_active {
	background: #fff;
} 
 
#nav2 li:hover a, #nav2 li a.link_active {
	color: #565353;
	text-decoration: none; }
#nav2 li ul {
	position: relative;
	width: 192px;
	list-style-image: none;
	padding: 3px 0 0 0; margin: 0; border: 0;
	text-align: left;}
	#nav2 li ul.visible {
	display: block;	}
#nav2 li ul li {
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0;
	background: none;
	float: none;
	list-style: none;}
#nav2 li ul li:hover, #nav2 li ul li.link_active {
	background: none;}	
#nav2 li ul li a, #nav2 li:hover ul li a, #nav2 li ul li a {
	display: block;
	background: none;
	margin: 0 0 0 0; padding: 8px 32px 8px 2px; border: 0;
	color: #5b9dd7; 
	font-size: 11px; 
	line-height: 12px; 
	text-decoration: none; 
	text-align: right;	}
html>body #nav2 li ul li a {
	width: auto;}
#nav2 li ul li a.link_active, #nav2 li ul li:hover a  {
	margin: 0; padding: 2px 0 2px 0; border: 0;
	color: #fff; text-decoration: none; }


#counter, .counter {
	position: absolute;	width: 0;height: 0;z-index: -1;top: 0;left: 0;visibility: hidden;}

#download-list {
	list-style: none;
}
#download-list li{
	height: 36px;
}

#download-list li a{
	text-decoration: none;
	line-height: 36px;
	color: #a6a9ab;
	padding-left: 20px;
	display: block;
	float:left;
}
#download-list li a.item{
	width: 170px;
}
#download-list li.odd{
	background-color: #e5f1f8;
}
#download-list li.even {
	background-color: #f6f6f6;
}
#download-list li:hover a{
	color: #00589e;
}
#download-list li a.item-sep{
	margin-left: 5px;
	margin-right: 5px;
	color: #4ca0cf;
}
#download-list-pdf {
	list-style: none;
}
#download-list-pdf li{
	height: 36px;
}

#download-list-pdf li a{
	text-decoration: none;
	line-height: 36px;
	color: #a6a9ab;
	padding-left: 20px;
	display: block;
	float:left;
}
#download-list-pdf li a.item{
	width: 300px;
}
#download-list-pdf li.odd{
	background-color: #e5f1f8;
}
#download-list-pdf li.even {
	background-color: #f6f6f6;
}
#download-list-pdf li:hover a{
	color: #00589e;
}
#download-list-pdf li a.item-sep{
	margin-left: 5px;
	margin-right: 5px;
	color: #4ca0cf;
}


.Downloads h2{
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	padding-left:42px;
}

.download-menu{
	float: right;
	list-style: none;
	height: 36px;
	margin: 0;
	padding: 0;
}
.download-menu li{
	float: left;
	height: 36px;
}
.download-menu li a{
	text-decoration: none;
	font-size: 12px;
	line-height: 36px;
	color: #a6a9ab;
}
.download-menu li.sep a {
	margin-left: 5px;
	margin-right: 5px;
	color: #00589e;
}
.download-menu li:hover a{
	color: #00589e;
}
#content-downloads-left{ 
	position: relative;
	margin: 0;
	padding: 0;
	float:left;
	width: 460px;
	margin-right: 20px;
	overflow: auto;
	height: 400px;
}
#content-downloads-right{ 
	position: relative;
	margin: 0;
	padding: 0;
	float:left;
	min-height: 350px;
	border-left: 1px solid #0062a6;
	padding-left: 30px;
	overflow: auto;
	height: 400px;
	width: 440px;
}

.allure-logo {
	float:left;
	width: 300px;
	height: 70px;
	margin-bottom: 25px;
}
.logo-content{
	float: left;
	margin-top: 30px;
}

#content-downloads{
padding: 20px;
}
#advertentie{
	position: relative;
	float: left;
	width: 245px;
	margin: 0;
	padding: 0;
}
.advertentie-buttons {
	position: relative;
	float: right;
	width: 145px;
	height: 60px;
	margin-left: 30px;
	margin-top: 265px;
	margin-bottom: 60px;
}
#pdf{
	margin-bottom: 30px;
}
#opd{

}
.brochure-buttons{
	position: relative;
	margin: 0;
	padding: 0;
	width: 408px;
	height: 10px;
	padding-top:35px;
	margin-bottom: 30px;
}
#login {
	position: absolute;
	margin:0;
	padding:0;
	width: 93px;
	height: 30px;
	top:0;
	right:115px;
	z-index: 10000
}
/*.Content tbody tr td table tbody tr td{
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	padding-top:10px;
}*/


/*Ruud hieronder staat css van onderandere het schuifdeur formulier*/
#servicekit{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 680px;
	
	background: url("../img/montagekit.jpg") top right no-repeat;
}
.orderform{
	padding-top:124px;
		margin-bottom: 40px;
}
.orderform input{
	height:20px;
	border:none;
}
#dealernaam{
	margin-left:100px;
}
#datum{
	margin-left:100px;
	margin-top:11px;
}
input.aantal{
	width:80px;
	height:34px;
	margin-left:847px;
	width:113px;
	padding:0px;
	margin-bottom: 1px;
}
.orderform td{
	vertical-align: top;
}
#skkc{
	margin-top:47px;
	margin-bottom: 2px;;
}
#cfh{
	height: 33px;
}
#mv{
	height: 33px;
}
#ps{
	height: 32px;
}
#ow{
	height:32px;
	margin-bottom: 3px;
}

#schuifdeur{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 1414px;
}
.toptable{
	position: relative;
	margin:0;
	padding:0;
	width: 990px;
	height: 318px;
	padding-top: 122px;
	padding-left: 130px;
	padding-bottom: 10px;
	background: url("../img/intertop.jpg") top left no-repeat;
}
.toptable tr td input{
	margin-bottom: 0px;
	height: 20px;
	width: 300px;
}
.toptable2{
	position: relative;
	margin:0;
	padding:0;
	width: 990px;
	height: 318px;
	padding-top: 122px;
	padding-left: 130px;
	padding-bottom: 10px;
	background: url("../img/intertop2.jpg") top left no-repeat;
}
.toptable2 tr td input{
	margin-bottom: 0px;
	height: 20px;
	width: 300px;
}
#sdatum{
	margin-left:200px;
}
#naamverkoper{
	margin-left: 200px;
}

.inbouwmaten{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 180px;
	padding:0;
	padding-left:120px;
	padding-top: 36px;
	background: url("../img/inbouwmaten.png") top right no-repeat;
}
.inbouwmaten tr td input{
	margin-bottom: 4px;
	height: 20px;
}
.schuifdeuren{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 35px;
	padding-top: 46px;
	padding-left: 155px;
	background: url("../img/schuifdeurentop.jpg") top right no-repeat;
}
.schuifdeuren tr td input{
	height: 20px;
	width: 40px;
}

.deuren{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 250px;
	padding-left: 12px;
	padding-top: 43px;
	padding-right: 5px;
	background: url("../img/deuren.jpg") top right no-repeat;
}

.deur1 tr td input{
	margin:0;
	padding:0;
	width: 115px;
	height: 32px;
	border: 0;
	margin-right: 2px;
	margin-bottom: 2px;
}
.deur1{
}
.deur1 tr td input.procent{
	width: 115px;
}



.deur2 tr td input{
margin:0;
	padding:0;
	width: 115px;
	height: 32px;
	border: 0;
	margin-right: 2px;
	margin-bottom: 2px;
}
.deur2{
	padding-left: 4px;
}
.deur2 tr td input.procent{
	width: 115px;
}



.deur3 tr td input{
margin:0;
	padding:0;
	width: 115px;
	height: 32px;
	border: 0;
	margin-right: 2px;
	margin-bottom: 2px;
}
.deur3{
	padding-left:4px;
}
.deur3 tr td input.procent{
	width: 115px;
}



.deur4 tr td input{
margin:0;
	padding:0;
	width: 115px;
	height: 32px;
	border: 0;
	margin-right: 2px;
	margin-bottom: 2px;
}
.deur4{
	margin-right: 18px;
}
.deur4 tr td input.procent{
	width: 115px;
}

.deuren tr td .radio{
	margin-top: 11px;
	margin-left: 13px;
}

.profiel{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 97px;
	background: url("../img/profiel.png") top right no-repeat;
	padding-left: 40px;
}
.profiel tr td {
	padding-top:55px;
	padding-left: 50px;

}
.profiel tr td .ral{
	width: 88px;
	height: 20px;
	margin-right: 10px;

}

.profiel tr td .radio{
	margin-right: 75px;
}
.profiel tr td .radio2{
	margin-right: 55px;
}

.panelen{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 186px;
	padding-top: 72px;
	padding-right: 20px;
	padding-left: 2px;
	padding-bottom: 10px;
	background: url("../img/panelen.jpg") top left no-repeat;
}
.panelen tr td input{
	margin:0;
	padding:0;
	border: 0;	
	width: 186px;
	height: 32px;
	margin:0;
	margin-bottom: 3px;
	
}
.pan1{
	padding-left: 9px;
}
.panelen tr .pantd{
	padding-left: 10px;
	
}
.panelen tr .pantd2 input{
margin:0;
	padding:0;
	border: 0;	
	width: 186px;
	height: 32px;
	margin:0;
	margin-bottom: 3px;
}
.panelen tr .pantd3 input{
margin:0;
	padding:0;
	border: 0;	
	width: 186px;
	height: 32px;
	margin:0;
	margin-bottom: 3px;
}
.panelen tr .pantd4 input{
margin:0;
	padding:0;
	border: 0;	
	width: 186px;
	height: 32px;
	margin:0;
	margin-bottom: 3px;
}
.panelen tr .pantd5 input{
margin:0;
	padding:0;
	border: 0;	
	width: 186px;
	height: 32px;
	margin:0;
	margin-bottom: 3px;
}
.schuifbottom{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 165px;
	padding-left: 186px;
	padding-top: 40px;
	padding-right: 23px;
	background: url("../img/bottom.png") top left no-repeat;
}
.schuifbottom tr{
	height: 40px;

}
.schuifbottom tr td input{
	width: 98px;
	height:24px
}
.schuifbottom tr td .botradio{
	width: 15px;
	margin-left: 65px;
	margin-right: 23px;
}
#opm{
	
	position: relative;
	margin:0;
	margin-top: 20px;
	padding:0;
	height: 60px;
	width: 780px;
	margin-bottom: 5px;
}
.schuiffooter{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 72px;
	background: url("../img/schuiffooter.png") top left no-repeat;
	padding-left: 340px;
	padding-right:560px;
	padding-top: 16px;
}
.schuiffooter tr td input{
	width: 20px;
}

/*Ruud -> hieronder staat de css van het interieur formulier*/
.nawtable{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 318px;
	padding-top: 122px;
	padding-left: 130px;
	padding-bottom: 10px;
	background: url("../img/intertop.jpg") top left no-repeat;
}
.nawtable tr td input{
	margin-bottom: 0px;
	height: 20px;
	width: 300px;
}
#sdatum{
	margin-left:200px;
}
#naamverkoper{
	margin-left: 200px;
}
.interinbouw{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 209px;
	padding-left: 100px;
	padding-top: 30px;
	padding-bottom: 64px;
	background: url("../img/interinbouwmaten.jpg") top left no-repeat;
}
.interinbouw tr td input{
	margin-bottom: 0px;
	height: 20px;
}
.interieurtable1{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 176px;
	padding-left: 17px;
	padding-top: 30px;
	padding-bottom: 20px;
	background: url("../img/interieurtable1.jpg") top left no-repeat;

}
.inttabletop{
	padding:0;
	margin:0;
	width: 87px;
	margin-right: 1px;
	height: 27px;

}
#inttablesmall input{

}


#inttablebig tr td #checkaangepast{
margin-right: 186px;

}
#inttablesmall input{

}
#inttablesmall tr td #checkstandaard{
	margin-right: 395px;
}
#kleurcodeint{
		width: 80px;
		height: 20px;
		margin-right: 120px;
}
.interieurtable2{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 342px;
	padding-left: 218px;

	background: url("../img/interieurtable2.jpg") top left no-repeat;

}
.bigtableinput{
	padding:0;
	margin:0;
	width: 91px;
	margin-right: 1px;
	height: 35px;
	margin-bottom: 1px;
	border: 0;
}
.intpanelen{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height: 237px;
	padding-top: 25px;
	padding-left: 12px;
	background: url("../img/intpanelen.jpg") top left no-repeat;
}
#panelen{
 width: 990px;
}
#panelen input{
	margin:0;
	padding:0;
	height: 23px;
	width: 190px;
	border: 0;
	margin-bottom: 2px;
}
.intfooter{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height:40px;
	padding-left: 350px;
	padding-right: 550px;
	padding-top: 5px;
	background: url("../img/intfooter.jpg") top left no-repeat;
}

.opmtbl{
	position: relative;
	margin:0;
	padding:0;
	width: 1000px;
	height:40px;
	padding-left: 100px;
	background: url("../img/opm.jpg") top left no-repeat;
}
#opm2{
	position: relative;
	margin:0;
	margin-top: 5px;
	padding:0;
	height: 60px;
	width: 780px;
	margin-bottom: 5px;
}