@charset "utf-8";
/* allgemein */
*{margin:0;padding:0;}
html{overflow-y:scroll;}
body{background:#bdbdc5 url(../images/metallschulz_bg.jpg) 0 0 repeat-x;font:76% Verdana, Arial, Helvetica, sans-serif;color:#474747; padding-top:84px;}
#firmengeschichte #footerdrei, #impressum #footerdrei, #kontakt #footerdrei, #danke #footerdrei, #anfahrt #footerdrei{background:url(../images/footerdrei.jpg) bottom left repeat-x;}
#containerZwei{background:url(../images/content_bg.jpg) right repeat-y;width:819px;margin:auto;}
#container{width:819px; background:url(../images/footer_lang.jpg) bottom left no-repeat;}


/* header */
/* navi */
#navi{background:url(../images/navi_bg.jpg) 0 0 no-repeat; width:222px; margin-left:66px; height:318px; float:left;}
*html #navi{width:222px; margin-left:33px;}
#navigation {padding:33px 0 0 0; color:#fff; font-size:1.14em;}
#navigation li{padding-left:11px;}
#navigation li a{color:#fff;text-decoration:none;height:19px; display:block; padding:4px 0 4px 10px}
#navigation li a span{padding-right:9px;}
#navigation li a:hover, #index #navigation li.n01 a, #firmengeschichte #navigation li.n02 a, #lieferprogramm #navigation li.n03 a{color:#fff;text-decoration:none; background:url(../images/li_bg.gif) 0 0 repeat-x;}
.subnavi{float:right; margin-bottom:171px;}
.subnavi a{font-size:0.8em; text-decoration:none;}
.subnavi a:hover{text-decoration:underline;}

/* content */
#content{float:right; width:531px;background:url(../images/content_top.jpg) 0 0 no-repeat;}

.contentMain{padding:0 80px 90px 80px;}
.contentMain ul {list-style-image:url(../images/li_content.gif); margin-bottom:30px;}

.contentMain a img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0; padding:2px; border:1px solid #4b4b4b;}
iframe {padding:2px; border:1px solid #4b4b4b;}
.contentMain a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}

/* footer */
#footer{}

/* allgemein */
a{color:#474747;text-decoration:underline}
a:hover{color:#474747}
ul{list-style:none}
h1{margin-left:42px; margin-bottom:30px;}
#index h1{background:url(../images/h1_index.jpg) 0 0 no-repeat; height:33px; width:313px;}
#kontakt h1{background:url(../images/h1_kontakt.jpg) 0 0 no-repeat; height:33px; width:313px;}
#danke h1{background:url(../images/h1_danke.jpg) 0 0 no-repeat; height:33px; width:313px;}
#anfahrt h1{background:url(../images/h1_anfahrt.jpg) 0 0 no-repeat; height:33px; width:313px;}
#impressum h1{background:url(../images/h1_impressum.jpg) 0 0 no-repeat; height:33px; width:313px;}
#firmengeschichte h1{background:url(../images/h1_firmengeschichte.jpg) 0 0 no-repeat; height:33px; width:313px;}
#lieferprogramm h1{background:url(../images/h1_lieferprogramm.jpg) 0 0 no-repeat; height:33px; width:313px;}
h1 span{display:none;}
h3{font-size:1.2em;}
p{margin-bottom:20px;line-height:1.4em}
address{margin-bottom:20px;line-height:1.4em;font-style:normal}
.small {font-size:0.8em}

.hidden{font-size:0.001em;line-height:0.001em;display:block;overflow:hidden;width:1px;height:1px;position:absolute; top:-1px;left:-1px}
.nofloat{font-size:0.001em;line-height:0.001em;clear:both}
#adi{color:#fff; font-size:0.8em; padding:22px 0 0 87px;}
#adi p { line-height:1.62em; margin-bottom:11px;}
.floatLeft{float:left; width:180px;}
.firmaLeft{float:left; width:70px;}
.firmaRight{float:left;}
a.top{text-align:right; display:block}
#firmengeschichte .contentMain img{float:right; margin:0 0 10px 10px;}