body {text-align:left;}

*{margin:0px;padding:0px;}

img {margin-right: 5px;
	margin-left: 5px;
}

#kopf img{border:none;}

form{margin:0px;}

#kontakt{margin-left:40px;margin-right:40px;
	text-align:center;line-height:1em;
	width:auto;border:3px; background-color:#ffcc99; padding:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

p {
	padding: 3px 10px;
	line-height: 1.2em;
}

.text {
	position:absolute;top:70px;
	width:800px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: black;
	font-size: 12px;
	background-color: #ffffff;
	list-style-image: url(design/link_kasten.gif);
	list-style-type: disc;
	list-style-position: outside;
	z-index: 10;
	margin-right: auto;
	margin-left: auto;padding-bottom:5px;
}

.produkt {width:800px; padding-left:220px;
}

.produkttext {position:relative; width:540px; float:left;padding:15px;margin-left:-20px;
	list-style-image: url(design/link_kasten.gif);
	list-style-type: disc;
	list-style-position: inside;
}

.produktbild {
	position:relative;
	margin-left:-210px; float:left;width:220px;padding:15px;
}

.cleaner
{clear:both;
height:1px;
font-size:1px;
border: 0px none;
margin:0, padding:0; background:transparent;
}

.einzug {padding-left:30px;}

.weiss {color: #ffffff;}

a {color:#0000ff;text-decoration:underline;}
a:active {color:#3399ff;}
a:visited {color:#3366ff;}
a:hover {color:#ff00ff;}

.zwischentitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	line-height: normal;
	border-bottom-color:#660099;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.zwischenweiss {padding: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #FFFFFF;font-weight: bold;font-variant: normal;border-bottom-width: thick;border-bottom-style: ridge;border-bottom-color: #FF9900;}
.px24 {font-size: 24px;}
.px12 {font-size: 12px;}
.inversbraun {
	font-weight: bold;
	color: #ffffff;
	background-color: #996633;
	margin-left: 10%;
	margin-right: 10%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.inversschwarz {
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #000000;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.center {text-align: center;}
#center {text-align: center;}

.fussnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffff00;
	text-align: center;
	border-top-width: 4px;
	border-bottom-style: dotted;
	border-bottom-width: 4px;
	border-top-style: dotted;
	line-height: 8px;
}

.symbol {font-family: Wingdings;}

#schwarz {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: black;
	font-size: 12px;
	background-color: #ffffff;
	list-style-image: url(design/link_kasten.gif);
	list-style-type: disc;
	list-style-position: outside;
	}

#blau {

	color: #0000FF;
}
#rot {


	color: #FF0000;
}
#box {
	color: #FFFF00;
	background-color: #000000;
	height: 100%;
}
#gelb {
	color: #ffff00;
}
#weiss {color: #ffffff;
}
.kasten {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #000000;
	background-color: #F1E79E;
	padding: 4px;
	margin-left: 8%;
	margin-right: 8%;
	margin-bottom: 4px;
}
#untergrund {
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: black;
	font-size: 12px;
	margin-left: 2%;
	margin-right: 2%;
}
#untergrund_farbig {
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	background-color:#E7CF74;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: black;
	font-size: 12px;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 20px;
}
.rechts {
text-align: right;
}

h1 {font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 24pt; font-weight: 900; text-align: center; color: #FFFF00;}
h2 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: 900;
	text-align: center;
	color: #CC3300;
	background-position: center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #CC3300;
	margin-top: 30px;
	line-height: 20px;
	margin-bottom: 3px;
	text-indent: 10px; 
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	border-bottom-width: medium;
	border-bottom-style: dotted;
	line-height: normal;
	border-bottom-color:#660099;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;padding: 3px 10px;
}
h6 {font-family: Arial Black,Arial,Helvetica,sans-serif; font-size: 40pt; line-height: 0; font-weight: 900; text-align: center; color: #FFFF00;}h4 {  color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px}

.navscheme1 h1, .navscheme1 h2{color:#FF8800}
.navscheme1 h3 {background-color:#FFCC33}
.navscheme1 .fussnote {border-color:#FFCC33; color:#FFCC33}
.navscheme1 .zwischentitel{color:#FF8800}
.navscheme2 h1, .navscheme2 h2{color:#4F83DF}
.navscheme2 h3{background-color:#00CCFF}
.navscheme2 .fussnote {border-bottom-color:#00CCFF; color:#00CCFF}
.navscheme2 .zwischentitel{color:#4F83DF}
.navscheme3 h1, .navscheme3 h2{color:#508A90}
.navscheme3 h3{background-color:#67ACB8}
.navscheme3 .fussnote {border-bottom-color:#67ACB8; color:#67ACB8}
.navscheme3 .zwischentitel{color:#508A90}
.navscheme4 h1, .navscheme4 h2{color:#A78B60}
.navscheme4 h3{background-color:#C8C29B}
.navscheme4 .fussnote {border-bottom-color:#C8C29B; color:#C8C29B}
.navscheme4 .zwischentitel{color:#A78B60}
.navscheme5 h1, .navscheme5 h2{color:#768996}
.navscheme5 h3{background-color:#A9B0CB}
.navscheme5 .fussnote {border-bottom-color:#A9B0CB; color:#A9B0CB}
.navscheme5 .zwischentitel{color:#768996}
.navscheme6 h1, .navscheme6 h2{color:#83A408}
.navscheme6 h3{background-color:#A3DC78}
.navscheme6 .fussnote {border-bottom-color:#A3DC78; color:#A3DC78}
.navscheme6 .zwischentitel{color:#83A408}
.navscheme7 h1, .navscheme7 h2{color:#5C6B99}
.navscheme7 h3{background-color:#9999AC}
.navscheme7 .fussnote {border-bottom-color:#9999AC; color:#9999AC}
.navscheme7 .zwischentitel{color:#5C6B99}

li{margin-bottom:0px; line-height:1.2em;}
ul,ol{margin-left:25px;}
li ul{list-style-image:url(design/link_klein.gif);}

#switch{float:left; width:105px; height:51px;}

#switch a{text-decoration:none; font:Arial, Helvetica, sans-serif; font-weight:bold; color:#660099; text-align:center; font-size:9px;}

#kopf{top:0;overflow:hidden;position:fixed;
	height: 70px;
	width:800px;
	z-index: 50;clear:both;
}

* #kopf{margin-top:-70px; position:absolute;}

#tab {background-position: top left;
	position: relative;margin-top:0px;margin-left:2px;
	height: 49px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;font-weight:400;
	font-size: 12px;z-index:61;
}

*html #tab {margin-top:-4px;}

#tab div{width:105px; height:49px; overflow:hidden; float:left; text-align:center; list-style-type: none; background-image: url(tab/tab_inactive.gif)}
#tab div a{display:block;line-height:27px;text-decoration:none;height:49px;font-weight: 900; color:#FFFF00;}
#tab a:link{color:#000000;}
#tab a:hover{color:#000000;font-weight: 900; color:#FF9900;}

#tab8{line-height:24px;
	font-size:12px; font-weight:bold;
	text-align: center; text-decoration:none;
}

#sub {
	background-position: left;
	position: relative;
	height: 22px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size: 9px;
	z-index:40;
	padding-left: 20px;
}

#sub a{font-family:Arial, Helvetica, sans-serif; font-size:9px; padding-left:6px; padding-right:6px;}

*html #sub a{ float:left;}

#navi {
	position:relative;
	margin-left:-20px;
	margin-top:1px;
	z-index:60;float:left; 
}

.navscheme1 #sub{background-image: url(tab/submenu_back_1.gif)}
.navscheme2 #sub{background-image: url(tab/submenu_back_2.gif)}
.navscheme3 #sub{background-image: url(tab/submenu_back_3.gif)}
.navscheme4 #sub{background-image: url(tab/submenu_back_4.gif)}
.navscheme5 #sub{background-image: url(tab/submenu_back_5.gif)}
.navscheme6 #sub{background-image: url(tab/submenu_back_6.gif)}
.navscheme7 #sub{background-image: url(tab/submenu_back_7.gif)}

#tab1 a{background-image: url(tab/tab_hover_1.jpg)}
#tab2 a{background-image: url(tab/tab_hover_2.jpg)}
#tab3 a{background-image: url(tab/tab_hover_3.jpg)}
#tab4 a{background-image: url(tab/tab_hover_4.jpg)}
#tab5 a{background-image: url(tab/tab_hover_5.jpg)}
#tab6 a{background-image: url(tab/tab_hover_6.jpg)}
#tab7 a{background-image: url(tab/tab_hover_7.jpg)}

.navscheme1 #tab1 a{background-image: url(tab/tab_active_1.jpg)}
.navscheme2 #tab2 a{background-image: url(tab/tab_active_2.jpg)}
.navscheme3 #tab3 a{background-image: url(tab/tab_active_3.jpg)}
.navscheme4 #tab4 a{background-image: url(tab/tab_active_4.jpg)}
.navscheme5 #tab5 a{background-image: url(tab/tab_active_5.jpg)}
.navscheme6 #tab6 a{background-image: url(tab/tab_active_6.jpg)}
.navscheme7 #tab7 a{background-image: url(tab/tab_active_7.jpg)}

#tab1 a:hover{background-image: url(tab/tab_active_1.jpg)}
#tab2 a:hover{background-image: url(tab/tab_active_2.jpg)}
#tab3 a:hover{background-image: url(tab/tab_active_3.jpg)}
#tab4 a:hover{background-image: url(tab/tab_active_4.jpg)}
#tab5 a:hover{background-image: url(tab/tab_active_5.jpg)}
#tab6 a:hover{background-image: url(tab/tab_active_6.jpg)}
#tab7 a:hover{background-image: url(tab/tab_active_7.jpg)}

#kastenmitte {margin:auto;padding: 10px;width:60%;}

#schwarzkasten {background-color:#000000; width:300; height:200;}

#spalt2a {position:absolute; margin-left:35px;
	float:left;
	width:40%;
	padding: 2% 5%;
}

#spalt2b {position:relative; margin-right:40px;
	float:right;
	width:40%;
	padding: 2% 5%;
}