@charset "utf-8";

* {
   margin:0;
   padding:0;
}

html {
   height:100%;
   background:url(../images/kachel.jpg) repeat-x;
}

div#container {
   position:relative;
   width:960px;
   margin:0 auto;
}

div#header {
   position:relative;
   width:960px;
   height:450px;
   background:url(../images/kachel.jpg) repeat-x;
}

div#weidemannlogo a {
   position:absolute;
   top:29px;
   left:273px;
   width:527px;
   height:126px;
   background:url(../images/weidemann.gif) no-repeat;
   text-indent:-9999px;
}

div#fliege a {
   position:absolute;
   top:29px;
   left:-2px;
   width:273px;
   height:126px;
   background:url(../images/fliege.jpg) no-repeat;
   text-indent:-9999px;
}

div#laemmermann a {
   position:absolute;
   top:29px;
   left:800px;
   width:129px;
   height:126px;
   background:url(../images/laemmermann.gif) no-repeat;
   text-indent:-9999px;
}

div#headergrafik-index {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/lichtschacht-header.jpg) no-repeat;
}

div#headergrafik-spannrahmen {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/spannrahmen-header.jpg) no-repeat;
}

div#headergrafik-drehrahmen {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/drehtuer-header.jpg) no-repeat;
}

div#headergrafik-pendeltuer {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/pendeltuer-header.jpg) no-repeat;
}

div#headergrafik-rollotuer {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/rollotuer-header.jpg) no-repeat;
}

div#headergrafik-schiebetuer {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/schiebetuer-header.jpg) no-repeat;
}

div#headergrafik-lichtschacht {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/lichtschacht-header.jpg) no-repeat;
}

div#headergrafik-gittersafe {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/gittersafe-header.jpg) no-repeat;
}

div#headergrafik-kontakt {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/kontakt-header.jpg) no-repeat;
}

div#headergrafik-anfahrt {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/anfahrt-header.jpg) no-repeat;
}

div#headergrafik-impressum {
   position:absolute;
   top:155px;
   left:274px;
   width:656px;
   height:295px;
   background:url(../images/impressum-header.jpg) no-repeat;
}

div#sidebar {
   position:absolute;
   border:1px solid #494949;
	float:left;
	top:480px;
   left:0px;
   width:234px;
   height:220px;
   background-color:#cfd1d2;
   font-size:15px;
   text-align: center;
   text-decoration:none;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

div#sidebar h2 {
   background-image:url(../images/footer.jpg);
   background-repeat:0 0 no-repeat;
   top:185px;
   left:304px;
   height:26px;
   width:234px;
   display:block;
   margin:0 0 10px 0;
    font-size:17px;
   color:#494949;
   text-align: center;
   text-indent:10px;
   text-decoration:none;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

div#content {
   float:right;
   width:656px;
   padding:30px;
   padding-top:30px;
   font-size:14px;
   color:#000000;
   text-align: left;
   line-height:150%;
   text-decoration:none;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

div#content h2 {
   background-image:url(../images/footer.jpg);
   background-repeat:0 0 no-repeat;
   top:185px;
   left:304px;
   height:26px;
   width:656px;
   display:block;
   margin:0 0 10px 0;
    font-size:17px;
   color:#494949;
   text-align: left;
   text-indent:10px;
   text-decoration:none;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

div#content h3 {
   background-image:url(../images/footer.jpg);
   background-repeat:0 0 no-repeat;
   margin:30px 0 10px 0;
   height:20px;
   width:656px;
   display:block;
    font-size:14px;
   color:#494949;
   text-indent:10px;
   text-decoration:none;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

div#content .thumb {
	border:1px solid #fcae06;
	float:left;
	margin:0 20px 0 0;
}

div#content .thumbs {
	border:1px solid #fcae06;
	float:left;
	margin:20px 20px 0 0;
}

div#footer-container {
   position:relative;
   width:100%;
   height:26px;
   background:url(../images/footer.jpg) 0 0 repeat-x;
}

div#footer {
   position:relative;
   margin:auto;
   height:26px;
   width:960px;
   background:url(../images/footer.jpg) 0 0 repeat-x;
   font-size:12px;
   font-style:italic;
   text-align: center;
   padding-top:6px;
   font-weight:bold;
   color:#494949;
   text-decoration:none;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

.clear {
   float:none;
   clear:both;
}