@import url(kopf.css);

body {
	margin: 0px; padding: 0px;
	background-image: url(grafik/bg.gif); background-repeat: repeat-x;
}

div.produkthinweis {
	position: absolute; left: 22px; top: 301px;
	width: 446px; height: 196px; overflow: auto;
	background-color: #FAF7F9; border: 1px solid #898AC1;
	font: normal 13px verdana, helvetica, sans-serif;
}
div.produkthinweis_zapfprofi {
	background-image: url(grafik/zapfbg3.jpg);
}
div.produkthinweis_vivo1600_stiwa {
	background-image: url(grafik/vivobg.jpg);
}
div.produkthinweis div.padding {
	padding: 8px 10px 10px 220px;
}
div.produkthinweis h1 {
	font-size: 17px; color: #131987; text-transform: uppercase;
	margin: 0px 0px 0.25em 0px;
}
div.produkthinweis h2 {
	font-size: 14px; color: #131987;
	margin: 0px 0px 0.5em 0px;
}
div.produkthinweis h3 {
	font-size: 13px;
	margin: 0px;
}
div.produkthinweis p {
	font-size: 90%; font-weight: bold;
	margin: 0px 0px 0.25em 0px;
}
div.produkthinweis a {
	color: #131987;
}
div.produkthinweis a:hover {
	color: #3333DD;
}



div.kundendienst {
	position: absolute; left: 22px; top: 101px;
	width: 450px; height: 196px;
	font: normal 13px verdana, helvetica, sans-serif;
	background-color: #FFFBFB;
}
div.kundendienst div.tab_aktiv {
	position: absolute;
	background-color: #FFFBFB; border: 1px solid #FE7F7F; border-bottom-width: 0px;
	width: 136px; height:17px; margin-right: 2px; padding: 1px 0px 1px 10px; overflow: hidden;
	font-size: 10px; font-weight: bold; text-transform: uppercase;
}
div.kundendienst div.tab_inaktiv {
	position: absolute;
	background-color: #FFF2F2; border: 1px solid #FE7F7F;
	width: 136px; height:13px; margin-right: 2px; padding: 1px 0px 1px 10px; overflow: hidden;
	font-size: 10px; font-weight: bold; text-transform: uppercase;
}
div.kundendienst a {
	color: #FE0000; font-weight: bold;
}
div.kundendienst a:hover {
	color: #FF6666; font-weight: bold;
}
div.kundendienst div.inhalt {
	position: absolute; top: 19px;
	background-color: #FFFBFB; border: 1px solid #FE7F7F;
	width: 446px; height: 177px; overflow: auto;
}
div.kundendienst div.spalte {
	position: absolute; top: 10px; left: 10px;
	width: 125px;
	font-size: 10px; font-family: tahoma, helvetica, sans-serif;
}
div.kundendienst div.spalte h1 {
	font-size: 10px;
	margin: 0px;
}
div.kundendienst div.spalte p {
	margin: 0px 0px 0.5em 0px;
}
div.kundendienst div.dreispalten {
	position: absolute; top: 10px; left: 10px;
	width: 425px;
}
div.kundendienst div.dreispalten table.liste td {
	padding: 0px 0px 0px 0px
}
div.kundendienst div.dreispalten table.liste td.icon {
	text-align: left; vertical-align: top;
	padding: 5px 10px 0px 0px;
}
div.kundendienst h1 {
	font-size: 17px; color: #FE0000; text-transform: uppercase;
	margin: 0px 0px 0.5em 0px;
}
div.kundendienst h2 {
	font-size: 14px;
	margin: 0px 0px 0.5em 0px;
}
div.kundendienst h3 {
	font-size: 13px;
	margin: 0px;
}


div.kundendienst_box {
	position: absolute; left: 22px; top: 101px;
	width: 450px; height: 196px;
	font: normal 80% verdana, helvetica, sans-serif;
	background-color: #FFFBFB;
}
div.kundendienst_box div.tab_aktiv {
	position: absolute;
	background-color: #FFFBFB; border: 1px solid #FE7F7F; border-bottom-width: 0px;
	width: 136px; height:17px; margin-right: 2px; padding: 1px 0px 1px 10px; overflow: hidden;
	font-size: 10px; font-weight: bold; text-transform: uppercase;
}
div.kundendienst_box div.tab_inaktiv {
	position: absolute;
	background-color: #FFF2F2; border: 1px solid #FE7F7F;
	width: 136px; height:13px; margin-right: 2px; padding: 1px 0px 1px 10px; overflow: hidden;
	font-size: 10px; font-weight: bold; text-transform: uppercase;
}
div.kundendienst_box a {
	color: #FE0000; font-weight: bold;
}
div.kundendienst_box a:hover {
	color: #FF6666; font-weight: bold;
}
div.kundendienst_box div.inhalt {
	position: absolute; top: 19px;
	background-color: #FFFBFB; border: 1px solid #FE7F7F;
	width: 446px; height: 177px; overflow: auto;
}
div.kundendienst_box div.spalte {
	position: absolute; top: 10px; left: 10px;
	width:125px;
	font-size: 10px; font-family: tahoma, helvetica, sans-serif;
}
div.kundendienst_box div.spalte_kleiner {
	position: absolute; top: 10px; left: 10px;
	width:125px;
	font-size: 9px; font-family: tahoma, helvetica, sans-serif;
}
div.kundendienst_box div.spalte h1, div.kundendienst_box div.spalte_kleiner h1 {
	font-size: 10px;
	margin: 0px;
}
div.kundendienst_box div.spalte p, div.kundendienst_box div.spalte_kleiner p {
	margin: 0px 0px 0.5em 0px;
}




div.shop {
	position: absolute; left: 472px; top: 101px;
	width: 446px; height: 396px; overflow: auto;
	background-color: #FAF7F9; background-image: url(grafik/shopbg_tiefer.jpg); border: 1px solid #898AC1;
	font: normal 13px verdana, helvetica, sans-serif;
}
div.shop div.padding {
	padding: 10px;
}
div.shop h1 {
	font-size: 17px; color: #131987; text-transform: uppercase;
	margin: 0px 0px 0.4em 0px;
}
div.shop a {
	color: #131987; font-weight: bold;
}
div.shop a:hover {
	color: #3333DD; font-weight: bold;
}
div.shop ul {
	list-style-image: url(grafik/shopbullet.gif);
	margin: 0px 0px 0px 0px; padding-left:18px;
}
div.shop ul li {
	margin-bottom: 0.25em;
}

#fuss {
	position: absolute; top: 510px; left: 22px; width: 896px;
	font-family: tahoma, helvetica, sans-serif; font-size: 10px; color: #787878;
}
#fuss div.marken {
	float:left; width: 100px; text-align:right;
}
#fuss img.logo {
	float:left; margin: 0px 0px 0px 10px; border-width: 0px;
}
#fuss div.direkterweg {
	float:left; width: 300px; margin-left: 20px; padding-top: 5px;
}
#fuss div.direkterweg select {
	width: 150px;
	font-family: tahoma; font-size: 100%;
}
#fuss a {
	color: #FE0000;
}
#fuss a:hover {
	color: #FF6666;
}