/******************************************
Lautenbag Reclame
CSS : Thomas Ganzevoort
E-mail: internet@lautenbagreclame.nl
WWW: http://www.lautenbagreclame.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;}

img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 0px;}

/*LAYOUT
**************************************************/
body {
  background-image: url(img/bg-main.jpg);
	background-repeat: repeat-x;
  background-color: #FFF;
	font: normal 13px/18px Avenir, Arial, Tahoma, Verdana, Frutiger;
	color: #000;
}

div#header{
  position: relative;
  height: 211px;
  width: 980px;
  margin-left: auto ;
  margin-right: auto ;
 }
 
div#header-fotos{
  margin: 0; padding: 0;
  float: left;
  display: inline;
  font-size: 0; 
  height: 141px;
  width: 980px;
 }
 
div#logo{

  position: absolute;
  background-image: url(img/logo.jpg);
  height: 123px;
  width: 270px;
  margin: 52px 0px 0px 600px;

}

.menu{
  float: left;
  height: 40px;
  width: 980px;
  margin-top: 30px;
  text-transform:uppercase;
  font-weight: bold; 
  font-size: 15px;
 }
 
.menu ul{
    margin: 0; padding: 0;
    float: left;
padding: 0 10px 0 10px;
    }
 
.menu ul li{
    display: inline;
         }
    
 
.menu ul li a{
    float: left; 
    text-decoration: none;
    color: #ffffff;
    padding: 13.5px 11px;
          
    }
    
.menu ul li a.active{
    float: left; 
    text-decoration: none;
    color: #000;
    padding: 13.5px 11px;
          
    }
 
.menu ul li a:hover, .menu ul li .current{
    color: #000;
   
    }
 
 div#container{   

min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;

}

div#main{
  width: 980px;
  margin-left: auto ;
  margin-right: auto ;
  min-height: 400px;
  padding-bottom: 20px;
  overflow: hidden;
 }

div#sidebar{

min-height: 300px;
width: 245px;
float: left;
}

#sidebar ul{
    margin-left: 20px;
    margin-top: 22px;
    }
    
#sidebar ul li{
   background-color: #F0EEEF;
   margin-bottom: 5px;
   list-style-type: none;
   height: 23px;
   width: 205px;
   border: solid 1px #797F8B;
   padding-top: 5px;
         }
         
#sidebar ul li a{
    text-decoration: none;
    color: #C32921;
    padding-left: 36px;
    font-weight: bold;
    }
    
#actie{
  margin-left: 20px;
    margin-top: 20px;
  width: 207px;
  height: 131px;

}

div#content{
  width: 695px;
  min-height: 300px;
  float: right;
  padding: 20px;
}


div#footer{
  width: 980px;
  margin-left: auto ;
  margin-right: auto ;
  height: 220px;
  background-color: #F0EEEF;
  color: #57585a;
 }
 
 div#footer-top{
  width: 980px;
  margin-left: auto ;
  margin-right: auto ;
  height: 5px;
  border-top: solid 1px #7B7F8B;
  background-color: #FFF;
 }
 
 div#footer h2{
  font: normal 12px/18px Avenir, Arial, Tahoma, Verdana, Frutiger;
  font-size:14px;
  color: #C32921;
  margin-bottom: 10px;

}
 
 div#footer-column1{
 float: left;
  width: 225px;
  height: 195px;
  padding-left: 20px;
  padding-top: 20px;
 }
  div#footer-column2{
  float: left;
  width: 490px;
  height: 195px;
  padding-top: 20px;
 }
  div#footer-column3{
  float: left;
  width: 245px;
  height: 195px;
  padding-top: 20px;
 }
 
div#footer a{
  text-decoration: none;
  color: #000;
 }
 
div#footer a:hover{
  text-decoration: underline;
 }
 
 
 div#footer-column3 a{
  text-decoration: none;
  font-size:14px;
  color: #C32921;
  margin-right: 10px;
 }
 
  div#footer-column3 a:hover{
  text-decoration: underline;
 }
 
 h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
}

div#content h1{
  font-size: 15px;
}

div#content h2{
  font-size: 14px;
}

p {
  margin: 0 0 10px 0;
}

a{

text-decoration: underline;
color:  #C32921;

}

a:hover{

text-decoration: underline;
color:  #000;

}

ul {
	margin-bottom: 10px;
	margin-left: 10px;
}
ul li {
	list-style-position: inside;
}

ol {
	margin-bottom: 10px;
}
ol li {
	list-style-position: inside;
}

/** Formulier **/

form{
	margin: 30px 0 0 0;
	}
	
	label.single{
	float: left;
	clear: left;
	display: block;
	width: 100px;
	height: 25px;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
	color: #000;
	line-height: 20px;
	padding: 0 0 10px 0;
	}

input{
	float: left;
	display: inline;
	width: 380px;
	height: 20px;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
	color: #000;
	}


textarea{
	float: left;
	display: inline;
	width: 384px;
	height: 120px;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
	color: #000;
	}

input.knop{
	width:100px;
	clear: both;
	float: left;
	display: inline;
	text-align: center;
	margin: 15px 0 15px 100px;
	font: 12px Arial, Lucida Grande, Georgia, Times, sans-serif;
	color: #000;
	cursor: pointer;
	}
	
#teka_outer {
	height: 1100px;
	overflow: hidden;
}

#teka {
	border: 0;
	margin: 0;
	padding: 0;
	margin-top: -95px;
	width:100%;
	height: 1100px;
}

div#stalen{
  float: left;
  display: inline;
  height: 500px;
  width:120px;
  background-color: transparent;
  margin: 10px 50px 10px 0;
  }
  
div#stalen img{
  float: left;
  display: inline;
  height: 49px;
  width:29px;
  background-color: transparent;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  }
  
div#deuren{
  float: left;
  display: inline;
  height: 505px;
  min-height:505px;
  height: auto;
  width:500px;
  background-color: transparent;
  margin: 10px 0 0 0;
  }
  
div#deuren img{
  float: left;
  display: inline;
  height: 110px;
  width:110px;
  background-color: transparent;
  margin: 0 10px 10px 0;
  }
  
#wrapper_imgtext {
	overflow: hidden;
	width: 675px;
}

#wrapper_imgtext .left_image {
	float: left;
	width: 330px;
}

#wrapper_imgtext .right_text {
	float: left;
}