/* CSS Document */
a img {border: none; }
body {  
  margin:0;
  padding:0;
  font-size:11px;  
}

body, 
table,
td,
input,
select {
  font-family: arial;
    font-size:11px;
}

a img {
  border: none;
}

h1 {
  font-size:20px;
  color: black;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 13px;
  margin-top: 0px;
}


.maten {
  margin-top:10px;
}

#wrapper {
  margin: 0 auto;
  width:1000px;
  position: relative;
    left:50%;
  margin:0 auto 0 -500px;
}

#header {
  width: 1000px;
  height:100px;
  background-color: white;
}

#header #logo {
  margin-top:26px;

  width: 273px;
  height: 47px;
  float:left;
}

#menu {
  background-color: #94c140;
  width: 1000px;
  height: 19px;
  
  margin-left:170px;
  padding-left:12px;
  padding-top:1px;
  width:818px;
  
  width:830px !ie7;
}

.tekstTekst ul {
  margin-left: 17px;
  color: white;
}


#menu li {
  list-style: none;
  float: left;
  margin-right:10px;
  height: 19px;
  background-color: #94c140;
  padding-top:0px;
  padding-left: 4px;
  cursor: pointer;
  font-size: 10pt;
  margin-right:00px !ie7; 
  border-right: 1px solid white;
  padding-right:10px;
}

#menu li.last {
  width: 146px;
}
  
#menu li a {
  color: white;
  text-decoration: none;

}

#menu li a:hover {
  color: black;
  
}

/** Landen */

#landenTop {
  float: right;
  width: 200px;
  margin-top:23px;
  margin-right:51px;
}

#landenTop .active a {
  text-decoration:underline;
  font-weight: bold;
}

#landenTop a {
  color: black;
}

#landenTop .row{
  margin-bottom: 1px;
  height:18px;
}

#landenTop .row div {
  background-color:#94C140;
  float:left;
  height:17px;
  margin-right:1px;
  padding-left:3px;
  padding-right:3px;
  padding-top:1px;
  text-align:center;
  width:81px;
}

#landen {
  float:right;
  margin-right:8px;
  margin-top:83px;
  margin-top:85px !ie7;
}

#landen ul{
  margin:0px;
  padding:0px;
  list-style: none;
}

#landen li{
  float:left;
  color:white;
  font-size:8pt;
  padding-top:1px;
  margin-right:1px;
  width:106px;
  height: 16px;
  text-align:center;
  overflow: hidden;
}

#landen li.active {
  background: url(../images/interface/land-active.gif) no-repeat;
}

#landen li.normal {
  background: url(../images/interface/land.gif) no-repeat;
}

#kruimelpad {
	/*border-bottom: 1px solid #829E00;*/
	color:#829E00;
	font-size:11px;
	height:18px;
	margin-left:-5px;
	padding-left:10px;
	padding-top:6px;
	text-transform:lowercase;
	width:818px;
	width:828px !ie7;
}
#kruimelpad a{
  color: #536E1F;
}
#content {
  background-image: url(../images/interface/content-background.gif);
  background-repeat: repeat-y;
  background-position: right;
  width: 1000px;
  background-position:right center;
  border-top:1px solid white;
  border-bottom:2px solid #829e00;
  position:relative;
}

#leftColumn {
  width: 170px;
  min-height:100px;
  float: left;  
  background-color: #829e00;
  

  margin-top:-21px;
  position:relative;
  z-index:99;
  margin-top: -22px !ie7;
}

#leftColumn .title {
background-color:#536E1F;
color:white;
font-weight:bold;
height:8px;
margin-bottom:2px;
margin-top:2px;
padding-bottom:9px;
padding-top:0;
text-align:center;
width:170px;

padding: 0px ie7;
margin: 0px !ie7;
height: 0px !ie7;

padding-top:2px !ie7;
padding-bottom:2px !ie7;
height:15px !ie7;
}

#leftColumn .content {
  background-color:#CEDE84;
  margin-left:2px;
  width:156px;
  padding:3px 5px 7px;
  color: black !important;

  width:166px !ie6;
  width: 166px !ie7;
}

#leftColumn ul ul li {
  padding-left: 20px;
}

#leftColumn ul {
  margin:0px;
  list-style: none;
  color: #536e1f;
}

#leftColumn ul li {
  clear: both;
}


#leftColumn  li a{
  color:#536e1f !important;

}

#leftColumn li div {
  float:left;
  width:132px;
} 

#leftColumn .listImage {
  background-image: url(../images/interface/list-item.gif);
  width: 14px;
  height: 14px;
  float: left;
  margin-right:2px;
}


#rightColumn {
  width: 828px;
  float: left;
  margin-top:-1px; 

}

#rightColumn #contentWrapper{
	min-height:300px;
	padding-left:5px;
	width:818px;
	
}

#callMe {
  background-color:#94C140;
  margin-left:802px;
  padding:10px;
  position:absolute;
  top:7px;
  width:176px;
  width:200px !ie7;
  z-index:100;
  height:46px;
}

#callMe span {
  color: white;
  font-weight: bold;
  width:90px;
}

#callMe .error {
  font-size: 11px !important;
  background-color: red;
  color: white !important;
}

#callMe .button {
  margin-top:5px;
  position: relative;
  top:10px;
  top: 0px !ie7;
}

.button {
  border: 1px solid black;
  background-color: #829e00;
  color: white;
  cursor: pointer;
}

ul,
form,
table,
tbody,
tr,
td { 
  margin: 0px;
  padding: 0px;
}

.clear {
  clear:both;
}

.hidden {
  display: none !important;
}

a:hover {
  color:black;
  text-decoration: underline;
}

a{
  color: #536e1f;
  text-decoration: none;
}

.left { float: left; }
.right{ float: right; }

.image { float: left; width:273px;}

.content p { margin-top: 0px;}
.fotos { margin-top: 5px;}
.fotos li{
  float:left; margin-right:5px;
  cursor: pointer;
  list-style: none;
}
.info { cursor: pointer; width: 145px;}

.clear {
  clear: both;
}




#leftColumn table tr td,
#leftColumn ul,
#leftColumn  {

  font-size: 12px;
}


p { margin: 0px; margin-top: 10px;}
form { margin: 0px;}

form select { width:149px;  width:155px !ie7; }

form .error { width: 133px; }

.center { text-align: center;}

#content #leftColumn .tekstContent .tekstTekst .image .meerInfo {
  background:white none repeat scroll 0 0;
  border:2px solid #193D8C;
  color:black;
  text-align:center;
  width:247px;
  color: black !important;
}

.meerInfo a {
color: #193D8C;
}


.hidden { display: none; }

.error { color: red !important; 	font-size: 10px !important;}
.smallSuccess {			font-size: 10px !important;}

#landen a {
  color: white;
}

h4 { font-size: 11px;}
h3 { font-size: 12px;}
h2 { font-size: 13px;}
h1 { font-size: 14px;}

#footer {
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  text-align:center;
  width:1000px;

}

.red {
  color: red;font-weight:bold;
}

.black {
  color: black;font-weight:bold;
}


#fixedToBottom {

  border-top: 2px solid #829E00;
  
  height:139px;
  margin-left:5px;
 
  padding-top:5px;
  width:805px !ie7;
  width: 803px;
  height:139px !ie7;

  
  padding-left:-3px !ie7;
}

#fixedToBottom div {
  text-align: center;
  margin-left:-5px !ie7;
}



#sitemap {
  list-style-position: inside;
}

#sitemap ul  {
  margin-left:20px;
}

#sitemap ul ul{
  margin-left:20px;
}

.button {
  border:1px solid black;
  background-color: #829e00;
  padding: 3px 10px;
  text-align:center;
  color: white;
  height:24px;
  font-size:11px;
}

.configuratieLine {
  color: #536E1F;
  border: 2px solid #536E1F;
}

.button:hover {

  border:1px solid black;
  background-color: #94c140;
  padding: 3px 10px;
  text-align:center;
  color: white;
  text-decoration: none;
}

.buttonRed {
  height:10px;
  border:1px solid black;
  background-color: #ff0000;
  padding: 3px 10px;
  text-align:center;
  color: white;
  font-size:11px;
}


.buttonRed:hover {

  border:1px solid black;
  background-color: #890505;
  padding: 3px 10px;
  text-align:center;
  color: white;
  text-decoration: none;
}

#field_zoeken,
#callMeNummer,
#callMeNummer2 {
  margin-bottom:7px;
  margin-top:2px;
  width:156px;
}

#frm_zoeken div {
  height:18px;
  margin-top:-5px !ie7;
} 

#frm_nieuwsbrief div {
  margin-top: 5px;
  margin-top: 0px !ie7;
}

#slogan { 
  font-size:16px;
  left:290px;
  position:absolute;
  top:21px;
}

#second {
  margin-left:0px;
}

#belOns {

left:0;
position:absolute;
top:77px;
font-size:16px;
}

                                                                   
#innoting {
  color: black;

}

#innoting a {
  color: black; 
    text-decoration: underline;
}

.blink {
  background-color: red;
  color: white;
}

#blink {
  padding-left:5px;
  padding-right:5px;
}

#contentWrapper ul {
  margin-left:15px;
}

#leftBanner {
  background-color:#CEDE84;
  color:black !important;
  margin-left:2px;
  padding:3px 1px 1px;
  width:164px;
  padding:0px !ie7;
  padding-left:1px !ie7;
   padding-right:1px !ie7;
  width:159px !ie7;
  border-top:2px  solid #829E00;
}

#frm_configurator select {
  width: 300px;
}

#frm_configurator .large {
  width: 358px;
}

.leftHeadTitle {
  font-weight:bold;
  margin-right:4px;
  margin-top:11px;
  float: left;
  margin-top:2px !ie7;
}


#vergelijken ul{

}

#vergelijken ul li{
  margin-bottom:5px;
}

#vergelijkerShow {
  min-height:400px;
  height:400px !ie7;
  position:absolute;
  top:120px;
  width:980px;
  z-index:99;
  border: 5px solid #536E1F;
  background-color: white;
  padding-left:10px;
  width: 1000px !ie7;
}

#vergelijkerShow li {
  float: left;
  width: 317px;
  list-style: none;
  padding-right:9px;
}
.succes {
  padding:5px;
  border: 1px solid #94C140;
  background-color: #536E1F;
  color: white;
  font-weight: bold;
}

div.error {
  padding:5px;
  border: 1px solid darkred;
  background-color: white;
  color: red !important;
  font-weight: bold;
  width:804px;
}

.bitLeft {
  margin-right: 1px;
}

.helper {
  cursor: pointer;
  float: left;
}

.helpAbsoluteHidden {
  display: none;
}

.helpAbsolute {
  background-color:#536E1F;
  border:1px solid white;
  color:white;
  font-weight:bold;
  min-height:50px;
  height:50px !ie7;
  cursor: pointer;
 
  padding:10px;
  position:absolute;
  width:300px;
  margin-left: 20px;
  margin-left: 0px !ie7;
  
  margin-top: -20px;
  margin-top: 0px !ie7;
}

#specialContent {
  background-color: #fe1d1e !important;
}

#leftColumn #specialContent li a {
  color: white !important;
  font-weight: bold;
}

#specialContent h3 {
  margin:0px;
  padding:0px;
} 

/** BESTELLEN */
.bestel_stap .bestel_titel,
.bestel_stap_done .bestel_titel {
  padding: 3px;
  background-color: silver;  
  margin-bottom:5px;
  /*color: white;*/
} 

.bestel_stap_done .bestel_titel {
  background-color: #CEDE84 !important;
}

.bestel_stap_active .bestel_titel {
  padding: 3px;
  background-color: #536E1F;
  color: white;  
  font-weight: bold;
}
.bestel_content{
  padding-top: 10px;
  display: none;
}

.bestel_stap_active .bestel_content{
  display: block;
}


.loading {
  background-color:black;
  border:2px solid #536E1F;
  float:left;
  height:356px;
  left:50%;
  margin:0 auto 0 -436px;
  opacity:1;
  position:absolute;
  top:70px;
  
  width:883px;
  z-index:99;
}

#uitleg {
  color:white;
  font-size:18px;
  margin-left:42px;
  margin-right:20px;
  margin-top:70px;
  text-align:center;
  width:800px;
  margin-top:50px !ie7;

}

#progress {
  height:30px;
  margin-left:35px;
  margin-top:15px;
  width:813px;
  background-color: white;
  border: 2px solid #536E1F;

  position: relative;
}

#bar {
  background-color:#CEDE84;
  height:30px;
  position:absolute;
  width:0%;
  height:28px !ie7;
}

#gaVerder {
  color: white;
  text-align:center;
  font-size: 15px;
  line-height:2;
}

#progressPercent {
  position:relative;
  font-size: 25px;
    text-align: center;
}


.seeThrough {
  opacity: 0.3;
  filter: alpha(opacity=30);
}


#bedankt {
  font-size:14px;
}

#afleverDisabled {
  color: silver;
}

#afleverDisabled input,
#afleverDisabled select {
  bordeR: 1px solid silver;
}





.dynamic_banner {
  background-image:url(../images/interface/banner_klein.jpg);
  height:141px;
  width:189px;
  cursor: pointer; 
}

.dynamic_banner_image {
  height:34px;
  margin-left:8px;
  padding-top:9px;
  width:118px;
}

.dynamic_banner_tekst {
  height:48px;
  margin-left:9px;
  padding-top:5px;
  width:160px;
  font-size:11px;

  height: 40px !ie7;
}

.dynamic_banner_prijs {
  margin-left:33px;
  padding-top:7px;
  padding-top:10px !ie7;
  text-align:center;
  width:113px;
  color:red;
  font-family:verdana;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  width:108px;
}



.large {
  width:250px;
}

.configOverlay {
  filter: alpha(opacity = 70);
  background-color:white;
  height:525px;
  left:-141px;
  opacity:0.7;
  position:absolute;
  top:79px;
  width:797px;
}

.verplicht {
  color: red;
}