/* Body & Headbereich */


html{
height: 100%;
}
body{
height: 100%;
margin: 0;
padding: 0;
background: #d7d7d7;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
body a{
color: #333333;
text-decoration: none;
}

div#container{
width: 790px;
min-height: 80%;
margin: 10px auto 0 auto;
padding-bottom: 30px;
overflow: hidden;
background: url(../img/tmpl/foot.gif) left bottom no-repeat #FFFFFF;
}
div#footer{
width: 790px;
margin: 10px auto 0 auto;
padding-bottom: 20px;
font-size: 10px;
}
div#footer img{
padding-right: 10px;
vertical-align: middle;
}





/*--------------------------*/
/* alles für die Navigation */
/*--------------------------*/
div#navi{
float: left;
height: 100%;
width: 200px;
/*background: #CCCCCC;*/
}

div#navi ul{
list-style-type: none;
margin: 50px 0 0 0;
padding: 0;
}
div#navi ul li{
margin-left: 20px;
font-size: 12px;
line-height: 160%;
}
div#navi ul li a{
color: #333333;
text-decoration: none;
background: url(../img/tmpl/navidot.gif) left no-repeat;
padding-left: 20px;
}
div#navi ul li a:hover{
background: url(../img/tmpl/navidot_ak.gif) left no-repeat;
}
div#pnavi{
margin: 50px 0 0 20px;
font-size: 10px;
}
div#navi .hint{
margin-left: 20px;
margin-top: 45px;
font-size: 12px;
}
div#navi .hint p{
margin-top: 0;
margin-bottom: 0;
}
div#navi .hint p+p{
margin-top: 10px;
}





/*------------------------------*/
/* alles für den Contentbereich */
/*------------------------------*/
div#content{
height: 80%;
margin: 50px 0 0 0; /* braucht Mozilla */
padding-left: 20px;
border-left: 1px solid #666666;
overflow: hidden;
}
h1{
font-size: 18px;
margin-bottom: 0;
}
h2{
font-size: 14px;
font-weight: normal;
}
h2{
font-style: italic;
margin-top: 0;
}
h3{
font-size: 14px;
color: #018bd4;
margin-bottom: 0;
margin-top: 0;
}

p + h1 {
padding-top: 30px;
}

div#content{
font-size: 12px;
line-height: 150%;
}
div#content p, ul, ol, img{
padding-right: 30px; /* Randabstand aller Content-Elemente! */
}
.article{
margin-bottom: 30px;
margin-top: 30px;
padding-bottom: 10px;
border-bottom: 1px solid #666666;
overflow: hidden;
height: 1%; /* braucht IE6 !!!! */
}
.productsmall{
margin-top: 20px;
display: block;
}
.rightpics{
float: right;
}
.magnifier{
vertical-align: bottom;
display: block;
padding-top: 10px;
}
.flags{
margin: 0 5px 0 0;
padding-right: 0;
}
.dlicon{
float: left;
padding-right: 10px;
margin-top: 3px;
border: 0;
}
.twocols_left{
float: left;
width: 265px;
}
.twocols_right{
width: 265px;
margin-left: 267px;

}
.twocols_left, .twocols_right{
margin-bottom: 30px;
}

.twocols_left img, .twocols_right img{
padding: 10px 0 0 0;
border: 0;
}
.twocols_left p, .twocols_right p{
padding: 0 0 0 0;
margin: 5px 0 10px 0;
}
.hint{
background-color: #fcfbeb;
border: 1px solid #eaeadf;
padding: 3px 5px;
margin-right: 30px;
}




/*-----------------------------*/
/* Alles für Produkteüberblick */
/*-----------------------------*/
div#naviProducts ul{
padding: 0;
margin: 0;
}
span.eng{
color: #018bd4;
}

div#naviProducts li{
font-size: 12px;
padding-bottom: 0.5em;
list-style: none;
vertical-align: top;
}

div#naviProducts li a{
color: #333333;
text-decoration: none;
background: url(../img/tmpl/productNaviDot.gif) left 3px no-repeat;
padding-left: 12px;
display: block;
}
div#naviProducts li a:hover{
background: url(../img/tmpl/productNaviDot_ak.gif) left 3px no-repeat;
}



/*--------------------------*/
/* Alles für Kontaktformular*/
/*--------------------------*/
.fields{
width: 90%;
background: url(../img/tmpl/boxshadow.gif) left top no-repeat;
border: 0;
margin: 0 0 5px 0;
padding: 8px;
/*border: 1px solid #CCCCCC;*/
}