/* CSS Document */

body{
height:100%;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:0.7em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
background-color:#f1f1e0;
}

p {margin:0; padding:0;line-height:1.5em;}
*html p { line-height:1.1em;}
strong {color:#666;}

h1 { font-size:1.2em; color:#666;}
h2 { font-size:1.1em; color:#CC0000;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px;}

/***************************************************** mainboxes ***********************************************************/

#wrapper { width:852px; margin:auto; text-align:left; background-color:#fff; padding:4px;}
#border-1 {border:1px solid #336300; background-image:url(images/bg-left.gif); background-repeat:repeat-y; background-position:left;}

#servicemenue { height:60px; margin:auto; width:860px;}
#servicemenue ul {padding: 0;list-style-type: none; float:right; margin-top:40px; font-size:0.9em;}
#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #999;
text-align: center;}
#servicemenue ul li a { color: #666; border-bottom:1px dotted #666;text-decoration: none;}
#servicemenue ul li a:hover {text-decoration: none;}
#servicemenue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
color: #999;
text-align: center;
}

#head-container {height:150px; border:1px solid #fff;}
.img-left-start { background-image:url(images/img-left/buche-durchgehend.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-1 { background-image:url(images/img-left/eiche4kant-220x150.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-2 { background-image:url(images/img-left/eiche-blaetter.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-3 { background-image:url(images/img-left/qualitaet.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-4 { background-image:url(images/img-left/stuhl-detail.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-5 { background-image:url(images/img-left/surface.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-6 { background-image:url(images/img-left/stuehle.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-7 { background-image:url(images/img-left/messung.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}
.img-left-8 { background-image:url(images/img-left/schild.jpg); background-repeat:no-repeat; height:150px; width:220px; float:left;}

.logo { background-image:url(images/logo.gif); width:200px; border-left:1px solid #fff; border-right:1px solid #fff; height:150px; margin-left:0px; float:left}

.img-right-1 { background-image:url(images/img-right/eiche.jpg); background-repeat:no-repeat; height:150px; width:426px;margin:0px; padding:0px; margin-left:422px;}
*html .img-right-1 { float:left; margin-left:0px;}
.img-right-2 { background-image:url(images/img-right/stapler.jpg); background-repeat:no-repeat; height:150px; width:426px;margin:0px; padding:0px; margin-left:422px;}
*html .img-right-2 { float:left; margin-left:0px;}
.img-right-3 { background-image:url(images/img-right/verkeilung.jpg); background-repeat:no-repeat;height:150px;width:426px;margin:0px; padding:0px; margin-left:422px;}
*html .img-right-3 { float:left; margin-left:0px;}
.img-right-4 {background-image:url(images/img-right/akazie-blaetter.jpg);background-repeat:no-repeat;height:150px;width:426px;margin:0px;padding:0px;margin-left:422px;}
*html .img-right-4 { float:left; margin-left:0px;}
.img-right-5 {background-image:url(images/img-right/stapel-eiche.jpg);background-repeat:no-repeat;height:150px;width:426px;margin:0px;padding:0px;margin-left:422px;}
*html .img-right-5 { float:left; margin-left:0px;}
.img-right-6 {background-image:url(images/img-right/blaetter-ahorn.jpg);background-repeat:no-repeat;height:150px;width:426px;margin:0px;padding:0px;margin-left:422px;}
*html .img-right-6 { float:left; margin-left:0px;}

.img-right-7 {background-image:url(images/img-right/buche-wangen.jpg);background-repeat:no-repeat;height:150px;width:426px;margin:0px;padding:0px;margin-left:422px;}
*html .img-right-7 { float:left; margin-left:0px;}




#stripe { background-image:url(images/stripe.gif); background-repeat:no-repeat; height:25px; margin:0px 1px 0px 1px;}

#story-wrapper { margin-left:220px;}

#story{
margin:0px;
padding:30px 40px 0 60px;
min-height:400px;

}

/*********************************************** boxes left*******************************************************/

#left {
margin:0px;
padding:0px 0px 0px 1px;
width: 220px;
float:left;
background-color:#ecebd4;
min-height:400px;
border-top:1px solid #fff;
}

/************************	definition menue  *****************************************/

#menue { margin: 40px 0 20px 0;}
#menue ul { list-style:none; margin:0px; padding:0;}

#menue li a { color:#666; text-decoration:none; background-image:  url("images/bullet.gif"); background-repeat: no-repeat; background-position: left center; padding-left: 10px;}
#menue li a:hover { color:#666;}
#menue ul li {padding:6px 0px 6px 30px;}
#menue ul ul li { padding:5px 0px 4px 20px;}

#menue ul li a.active {background-image:  url("images/bullet2.gif"); font-weight:bold;}

/******************************** Definitionen fuer den Inhalt ***************************************/

#story p {line-height:1.5em;}
#story h1 { font-size:1.2em; color:#666;}
#story h2 { font-size:1em; color:#666;}
#story h3 { font-size:1em; color:#666; }

#story a:link { text-decoration:none; color:#c3551f;}
#story a:visited {text-decoration:none; color:#c3551f;}
#story a:hover { color:#c3551f; text-decoration:none;}
#story a:focus { color:#c3551f; text-decoration:none;}


#story img.right { float:right; margin:0 5px 5px 20px;}
#story img.left { float:left; margin:0 20px 10px 0;}

.box-180-left {width:175px; float:left; font-size:0.8em; margin:0px 15px 15px 0px;}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
font-size:0.9em;
}
.back {
background-image: url(images/link_back.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
font-size:1em;
}
.download {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 18px;
font-size:1em;
}
.print {
background-image: url(images/print.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:1em;
}

.english {
background-image: url(images/uk_flag.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:1em;
}
.german {
background-image: url(images/brd_flag.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:1em;
}

/************** Formnatierungen Listen im Content Bereich****************/

#story ul { list-style:none; margin-left:-20px;}
*html #story ul { margin-left:5px;}

#story ul li {
margin-left:0px;
background: transparent url(images/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.5em;
}

table,td {border: 1px solid #ccc; border-collapse: collapse;}
table{border:none;border:1px solid #ccc;}
caption {padding:5px 0px; border-top: 1px solid #ccc; text-align:left; font-weight:bold; color:#666;}
thead th, tbody th {background:#f4f4f4;padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
tbody th{background: #f4f4f4; padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}

/******************************************************** footer ****************************************************/

#footer {
clear:both; 
height:40px; 
margin-top:10px; 
text-align:center; 
padding-top:5px; 
width:860px; 
margin:auto;
font-size:0.9em;
}

#footer a { color:#666;text-decoration:none;}