body {text-align:left; font-size:10px;}

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


/* GESAMTES DOKUMENT */

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

p img, ul img {margin-top: 3px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}

hr {margin: 16px}

.text {
	position:absolute;
	top:102px;
	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-position: outside;
	z-index: 10;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:5px;
}

.absatz {
	width:800px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: black;
	font-size: 12px;
	list-style-image: url(design/link_kasten.gif);
	list-style-type: disc;
	list-style-position: outside;
	z-index: 9;
}

.text1 {
	position:absolute;
	top:60px;
	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;
}

em {color: #B34700;}

.none {display:block;}


/* ÜBERSCHRIFTEN */

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;
	line-height: 39px;
}
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;
}
h4 {font-size: 14px; color: #000000; font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFF00;
	font-weight: bold;
	margin-bottom: 2px;
	margin-left: 10px; text-align:left;
}
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-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif;
	font-weight: 500; padding: 1px 3px;
	margin-bottom: 2px; line-height: 1.2em;
	margin-left: 0px; text-align:left; display:inline;}

.navscheme1 h1, .navscheme1 h2, .navscheme1 h4, .navscheme1 h5{color:#FF8800}
.navscheme1 h3, .navscheme1 #containerul ul, .navscheme1 .kasten, .navscheme1 .quote h6 {background-color:#FFCC33}
.navscheme1 .quote blockquote {border-left: 5px solid #FFCC33;}
.navscheme1 .quote {border-left: #FFCC33;}
.navscheme1 .absatz {background-color: #FFF8E1;}
.navscheme1 .fussnote {border-color:#FFCC33; color:#FFCC33}
.navscheme2 h1, .navscheme2 h2, .navscheme2 h4, .navscheme2 h5{color:#4F83DF}
.navscheme2 h3, .navscheme2 #containerul ul, .navscheme2 .kasten, .navscheme2 .quote h6 {background-color: #00CCFF;}
.navscheme2 .quote blockquote {border-left: 5px solid #00CCFF;}
.navscheme2 .absatz {background-color:#E1F9FF}
.navscheme2 .fussnote {border-bottom-color:#00CCFF; color:#00CCFF}
.navscheme3 h1, .navscheme3 h2, .navscheme3 h4, .navscheme3 h5{color:#508A90}
.navscheme3 h3, .navscheme3 #containerul ul, .navscheme3 .kasten, .navscheme3 .quote h6 {background-color: #67ACB8;}
.navscheme3 .quote blockquote {border-left: 5px solid #67ACB8;}
.navscheme3 .absatz {background-color:#EBF4F5}
.navscheme3 .fussnote {border-bottom-color:#67ACB8; color:#67ACB8}
.navscheme4 h1, .navscheme4 h2, .navscheme4 h4, .navscheme4 h5 {color:#A78B60}
.navscheme4 h3, .navscheme4 #containerul ul, .navscheme4 .kasten, .navscheme4 .quote h6 {background-color:#C8C29B}
.navscheme4 .quote blockquote {border-left: 5px solid #C8C29B;}
.navscheme4 .absatz {background-color: #F4F3EC;}
.navscheme4 .fussnote {border-bottom-color:#C8C29B; color:#C8C29B}
.navscheme5 h1, .navscheme5 h2, .navscheme5 h4, .navscheme5 h5{color:#768996}
.navscheme5 h3, .navscheme5 #containerul ul, .navscheme5 .kasten, .navscheme5 .quote h6 {background-color: #A9B0CB;}
.navscheme5 .quote blockquote {border-left: 5px solid #A9B0CB;}
.navscheme5 .absatz {background-color:#EDEEF3}
.navscheme5 .fussnote {border-bottom-color:#A9B0CB; color:#A9B0CB}
.navscheme6 h1, .navscheme6 h2, .navscheme6 h4, .navscheme6 h5{color:#83A408}
.navscheme6 h3, .navscheme6 #containerul ul, .navscheme6 .kasten, .navscheme6 .quote h6 {background-color: #A3DC78;}
.navscheme6 .quote blockquote {border-left: 5px solid #A3DC78;}
.navscheme6 .absatz {background-color:#EFF9E8}
.navscheme6 .fussnote {border-bottom-color:#A3DC78; color:#A3DC78}
.navscheme7 h1, .navscheme7 h2, .navscheme7 h4, .navscheme7 h5{color:#5C6B99}
.navscheme7 h3, .navscheme7 #containerul ul, .navscheme7 .kasten, .navscheme7 .quote h6 {background-color: #9999AC;}
.navscheme7 .quote blockquote {border-left: 5px solid #9999AC;}
.navscheme7 .absatz {background-color:#EFEFF1}
.navscheme7 .fussnote {border-bottom-color:#9999AC; color:#9999AC}


/* BESTIMMTE BEREICHE */

table {
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
}

.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;
}

.tabelle {
	width:800px;
	text-align: left;
	color: black;
	list-style-image: url(design/link_kasten.gif);
	list-style-type: disc;
	list-style-position: outside;
}

.einzug {padding-left:30px;}

#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%; font-size:11px;
}

#spalt2a ul, #spalt2b ul {margin-left:10px;}

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

#kastenrechts {padding:5px; margin-right:5px;
	float:right;
	width:auto;height:auto;
}

.bild {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: black;
	font-size: 12px;
	height="360";
	background-color: #FFEAAA
	frameborder="0"
}


/* ZITATE */

blockquote {margin-left:40px; padding:3px 8px;
	color: #B34700;font-family: Arial, Helvetica, sans-serif; line-height: 1.1em;
}

.quote {margin-left:40px; margin-bottom:14px;
	padding: 3px 8px;
}

.quote blockquote h6{display:inline;}

.quote blockquote{
	color:#B34700;
	border:none;
	margin:0px;
}

.quote blockquote ul {
	list-style-image:url(design/link_klein.gif);
	margin-left:10px; margin-bottom:15px;
	padding-left:4px;
}

.quote blockquote ul li {line-height: 1.1em;}

/* WECHSELBILD */

.mouseover {
		margin-left: 0;
		padding-left: 0;
	}

.mouseover s {
		position: relative;
		overflow: hidden;
		float: left;
		width: 512px;
		margin-left: 130px;
	}

.mouseover s a img {
	position: relative;
	width: 1030px;
	border: 0;
	}

.mouseover s a:hover {
	position: relative;
	left: -525px;
		}


/* HERAUSHEBUNG */

.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;
	margin-bottom: 10px;
}
.inversschwarz {
	font-weight: bold;
	color: #FFFF00;
	text-align: center;
	background-color: #000000;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 10px;
}
.inversschwarz a {color:#B3FF00;}
.inversbraun a {color:#FF99FF;}

.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: 12px;
	margin-bottom: 10px;
}

.fussnote a {text-decoration: none;}

#box {max-width: 200px;
	color: #FFFF00;
	background-color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#absatztitel {
	color: #990099;
	background-color: #FFFF00;
	height: 100%;
	width: 100%;
	font-weight: bold;
	margin-bottom: 2px;
	margin-left: 10px;
}

.schreibmaschine {
	font-family: "Courier New", Courier, mono;
	font-size: 22px; font-weight: bold;
	color: #FFFF00;
	text-align:center;
}

.kasten {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #000000;
	padding: 4px;
	margin-left: 8%;
	margin-right: 8%;
	margin-bottom: 10px;
}

.kasten em {color: #000000;}

#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 {
	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;
	padding: 5px;
	margin-bottom: 10px;
}

/* SCHRIFTEFFEKTE */

.weiss {color: #ffffff;}
#schwarz {color: #000000;}

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

#10px {font-size:10px; padding:0px;}
.px12 {font-size: 12px;}

.center {text-align: center;}
#center {text-align: center;}

.symbol {font-family: Wingdings;}

#blau {
	color: #0000FF;
}
#rot {
	color: #FF0000;
}
#gelb {
	color: #ffff00;
}
#weiss {color: #ffffff; border-bottom-color: #FF9900;}

.rechts {
	text-align: right;
	margin-right: 10px;
}


/* LISTEN */

li{margin-bottom:0px; line-height:1.2em;}
ul,ol{
	margin-left:40px;
	margin-bottom:30px;
}

li ul{list-style-image:url(design/link_klein.gif);}


/* KOPFBEREICH */

#kopf img,#kopf_pwde img,#navi img{border:none; margin:0px; padding:0px;}

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;
}

.px24 {font-size: 24px;}

#kopf_pwde {position: fixed; background:#000000 url("kopf/verlaufrot.jpg") repeat-x; height:60px; width:auto;}

#logo{float:left; width:200px; height:60px; margin-left:10px;}
#switch{float:left; width:140px; height:60px; margin-left:60px;}

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

#kopfzeilen{overflow:hidden;
	float:right;
	width:340px;
	margin-top:4px;
	margin-right:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
}

#kopf{top:0;overflow:hidden;position:fixed;
	background-position: bottom left;
	background-repeat:repeat-x;
	background-color :#ffffff;
	height: 104px;
	width:800px;
	z-index: 50;clear:both;
}

#kopf1{top:0;overflow:hidden;position:fixed;
	background-position: bottom left;
	background-repeat:repeat-x;
	background-color :#ffffff;
	height: 60px;
	width:800px;
	z-index: 50;clear:both;
}

#navi {
	position:relative;
	margin-left:-2px;
	margin-top:2px;
	background-color:#ffffff;z-index:60;float:left; 
}

#navi a{text-decoration:none;}

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

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

#tab div{width:91px; height:27px; overflow:hidden; float:left; text-align:center; list-style-type: none; }
#tab div a{display:block;}

#tab ol {display:block; list-style:none; padding:0; margin:0;}
#tab li {position: relative; background:#336699 url("") no-repeat; text-align:center; height:12px; width:auto
  display:block; float:left;}

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

#tab div{background-image: url(tab/tab_inactive.gif)}
#tab a{line-height:27px;text-decoration:none;}
#tab a:link{color:#0000ff;}
#tab a:hover{color:#0000ff;text-decoration: underline;}

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

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

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

#untertab {	margin-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#untertab a{display:block; float:left; margin: 0px 15px;text-decoration:none;color: #000;line-height:11px;}

#untertab a:active{font-weight: bold;}
#untertab a:hover{text-decoration: underline;color: #0000ff;}