* { padding: 0; margin: 0; }	
html { height: 100%; margin-bottom: 1px; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; float: left; }
#container { width: 800px; height: auto; float: left; left: 50%; margin-left: -400px; position: absolute; }
#header { background-image: url(buttons/header.gif); height: 130px; width: 800px; }
#navigation { width: 106px; height: 400px; margin-left: 10px; float: left; background-color: #ae171a;}
#bilder { width: 105px; height: auto; margin-left: 70px; float: left; }
* html #bilder { margin: 0; margin-left: 35px; }
#content { width: 445px; height: auto; margin-left: 15px; float: left; }

#content a.thumbnail {
	margin-right: 10px;
}

/* Navigation */

ul { margin: 0; padding: 0;}
li { margin: 0; padding: 0;}
* html li { margin-bottom: -3px; padding: 0px;}
#menu ul, li { list-style: none; margin: 0; padding: 0; }
* html #submenu ul {padding: 0; margin-top: -10px; }
* html #submenu ul li {padding: 0; margin-top: -10px; }
#menu li a span, #menu li a em { display: none; }
#menu li a { display: block; height: 20px; width: 106px; background-position: 0px 0px; }
#menu li a:hover { display: block; background-position: 0px 40px; }
#menu li a.home { background-image: url(buttons/main-home.gif); }
#menu li a.home-active { background-image: url(buttons/main-home.gif); background-position: 0px 20px; }
#menu li a.produkte { background-image: url(buttons/main-produkte.gif); }
#menu li a.produkte-active { background-image: url(buttons/main-produkte.gif); background-position: 0px 20px; }

/* Unternavigation fr Produkte */

#menu li a.spannfix { background-image: url(buttons/sub-spannfix.gif); }
* html #menu li a.spannfix { margin-top: -5px; }
#menu li a.spannfix-active { background-image: url(buttons/sub-spannfix.gif); background-position: 0px 20px; }
* html #menu li a.spannfix-active { margin-top: -5px; }
#menu li a.spannfixhd { background-image: url(buttons/sub-spannfixhd.gif); }
#menu li a.spannfixhd-active { background-image: url(buttons/sub-spannfixhd.gif); background-position: 0px 20px; }
#menu li a.spannflex { background-image: url(buttons/sub-spannflex.gif); }
#menu li a.spannflex-active { background-image: url(buttons/sub-spannflex.gif); background-position: 0px 20px; }
#menu li a.spanncone { background-image: url(buttons/sub-spanncone.gif); }
#menu li a.spanncone-active { background-image: url(buttons/sub-spanncone.gif); background-position: 0px 20px; }
#menu li a.holdon { background-image: url(buttons/sub-holdon.gif); }
#menu li a.holdon-active { background-image: url(buttons/sub-holdon.gif); background-position: 0px 20px; }
#menu li a.special { background-image: url(buttons/sub-special.gif); }
#menu li a.special-active { background-image: url(buttons/sub-special.gif); background-position: 0px 20px; }
#menu li a.spannfixxl { background-image: url(buttons/sub-spannfixxl.gif); }
#menu li a.spannfixxl-active { background-image: url(buttons/sub-spannfixxl.gif); background-position: 0px 20px; }

/* Ende Unternavigation */

#menu li a.distributoren { background-image: url(buttons/main-distributoren.gif); }
#menu li a.distributoren-active { background-image: url(buttons/main-distributoren.gif); background-position: 0px 20px; }
#menu li a.kontakt { background-image: url(buttons/main-kontakt.gif); }
#menu li a.kontakt-active { background-image: url(buttons/main-kontakt.gif); background-position: 0px 20px; }
#menu li a.impressum { background-image: url(buttons/main-impressum.gif); }
#menu li a.impressum-active { background-image: url(buttons/main-impressum.gif); background-position: 0px 20px; }

/* Ende Navigation */

/* sonstige Elemente */

.hidden { display: none; }
.rot {color: #CC0000; }
.farbmargin { margin-left: 10px; }
p.impressum { margin-left: 60px; line-height: 18px; margin-top: 10px; }
img.headline { float: left; }
img { border: 0; }
p.fliesstext { margin-top: 10px; line-height: 18px;}
p.fliesstext a, p.fliesstext a:link { color: #990000; background-image: url(buttons/listenpunkt.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px;}
p.fliesstext a:hover { text-decoration: none;}
table { margin-top: 10px; }
a.thumbnail, a.thumbnail:link, a.thumbnail:active, a.thumbnail:visited { width: 105px; height: 105px; display: block; border: 1px solid #990000; margin-bottom: 10px; float: left;}
a.thumbnail:hover { border-color: #CCCCCC; margin-bottom: 10px;}
#absatzliste ul, #absatzliste li { list-style: url(buttons/listenpunkt.gif); margin-left: 15px; margin-top: 10px;}
* html #absatzliste ul, * html #absatzliste li {padding-left: 0px; margin-left: 65px; line-height: 18px; }

/* Formular Formatierung */

.inputfeld {border: 0; font-family: Arial, Helvetica, sans-serif; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CC0000; background-color: #e2e2e2;}
.button { border: 1px solid #CC0000; }

/* Style für Image.php */

#imgconti { width: 350px; height: 350px; background-color: #CCCCCC; text-align: center; vertical-align: middle;}
img.vorschau { border: 1px solid #990000; margin-top: 50px; }

/* LANG MENU */

p.langmenu {
  margin-top: 40px;
}
p.langmenu a, p.langmenu a:link { color: #990000; background-image: url(buttons/listenpunkt.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 10px;}
p.langmenu a:hover { text-decoration: none;}