﻿/* #############  Allgemeines  #############  */
* { padding: 0; margin: 0; }
body { background-color: #fff; color: #000000; text-align: center; }
h2 { color: #666; font-size: 1.6em; font-family: arial, helvetica, sans-serif; font-weight: normal; line-height: 2.2em; text-align: left; }
h3 { color: #666; font-size: 1em; font-family: arial, helvetica, sans-serif; font-weight: bold; line-height: 1.8em; }
p { font-size: 100.1%; font-family: arial, helvetica, sans-serif; line-height: 150%; text-align: left; margin-bottom: 1em; }
p.small { font-size: 0.8em; line-height: 1.6em; }
p.intro { color: #666; font-weight: bold; background-color: #fff; }
strong { font-weight: bold; font-style: italic; }
a.textlink { color: #364548; background-color: #fff; text-decoration: underline; }
a.textlink:hover { color: #364548; background-color: #fff; text-decoration: underline; }
ul.listebullet { padding-bottom: 1em; }
ul.listebullet li { color: #000; font-size: 1em; font-family: arial, helvetica, sans-serif; font-weight: normal; line-height: 1.6em; list-style-type: disc; list-style-position: outside; margin-left: 2em; padding-left: 0.2em; }
hr.trenner { width: 62%; height: 0; clear: both; margin-bottom: 1em; border-color: #666; border-style: dotted; border-width: 1px 0 0; }
hr.trenner2 { margin-bottom: 1em; width: 62%; height: 0; clear: both; border-style: dotted; border-width: 1px 0 0; border-color: white; }
.unsichtbar, .invisible, .unseen {	display: inline;	height: 0px;	left: -3000px;	position: absolute;	top: -2000px;	width: 0px;	z-index: 200; }

/* ##############  Schatten  ##############  */
#shaddow-tl, #shaddow-tr, #shaddow-tm, #shaddow-l, #shaddow-r, #shaddow-bl, #shaddow-br, #shaddow-bm { background-color: transparent;	color: #000; }
#shaddow-tl { background-image: url(../images/schatten-ol.png);	background-repeat: no-repeat;	background-position: left 0;	margin: 1em auto 0;	padding-left: 10px;	max-width: 1000px;	min-width: 750px; }
#shaddow-tr {	background-image: url(../images/schatten-or.png);	background-repeat: no-repeat;	background-position: right 0;	padding-right: 10px; }
#shaddow-tm { background-image: url(../images/schatten-o.png); background-repeat: repeat-x;	background-position: center 0;	padding-top: 10px; }
#shaddow-l { background-image: url(../images/schatten-l.png);	background-repeat: repeat-y;	background-position: left 0;	margin: 0 auto;	padding-left: 10px;	max-width: 1000px;	min-width: 750px; }
#shaddow-r { background-image: url(../images/schatten-r.png);	background-repeat: repeat-y;	background-position: right 0;	padding-right: 10px; }
#shaddow-bl {	background-image: url(../images/schatten-ul.png);	background-repeat: no-repeat;	background-position: left 0;	margin: 0 auto 0.5em;	padding-left: 10px;	max-width: 1000px;	min-width: 750px; }
#shaddow-br {	background-image: url(../images/schatten-ur.png);	background-repeat: no-repeat;	background-position: right 0;	padding-right: 10px; }
#shaddow-bm {	background-image: url(../images/schatten-u.png);	background-repeat: repeat-x;	background-position: center 0;	padding-top: 10px; }
/*Startseite ist etwas breiter*/
#shaddow-tl-start { background-image: url(../images/schatten-ol.png); background-repeat: no-repeat; background-position: left 0; margin: 1em auto 0; padding-left: 10px; min-width: 850px; max-width: 1000px; }
#shaddow-l-start { background-image: url(../images/schatten-l.png); background-repeat: repeat-y; background-position: left 0; margin: 0 auto; padding-left: 10px; min-width: 850px; max-width: 1000px; }
#shaddow-bl-start { background-image: url(../images/schatten-ul.png); background-repeat: no-repeat; background-position: left 0; margin: 0 auto 0.5em; padding-left: 10px; min-width: 850px; max-width: 1000px; }
/* ######  Positionierung und Formatierung #######  */
#all { background-color: #e1e3e4;	border: solid 1px;	color: #000000;	font-size: 0.8em;	text-align: left; }
#header { color: #000; background-color: #fff; background-image: url(../images/header.jpg); background-repeat: no-repeat; background-position: right top; }
h1#logo { float: left; padding: 0.5em 1em 0.2em; }
p#topnavi { color: #fff; font-size: 0.9em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 1.2em; background-color: transparent; text-decoration: none; text-align: right; margin-right: 2em; padding-top: 70px; }
p#topnavi.topstart { padding-top: 140px; padding-bottom: 15px; }
p#topnavi a { color: #fff; text-decoration: none; background-color: transparent; }
p#topnavi a:hover { color: #fff; text-decoration: underline; background-color: transparent; }
div#content-start { color: #000; background-color: #fff; padding: 1em 2em; }
div#content-startleft { width: 588px; float: left; margin-top: 1em; }
div#content-startright { margin-top: 1em; padding-left: 620px; }
div.news { color: #364548; background-color: #e1e3e4; margin-bottom: 5px; border: solid 1px; }
p.newsdate { color: #fff; background-color: #364548; margin: 0; padding: 0.2em 0.4em; }
h2.newshead { color: #008854; font-weight:bold; font-size: 1.0em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1em; background-color: #e1e3e4; margin: 0; padding: 0.6em 0.4em 0.1em; }
div.newspic { float: left; margin-right: 10px; margin-left: 5px; }
p.newstext { font-size: 0.9em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1.6em; margin: 0; padding: 0.2em 0.4em 1em; }
a.newslink { color: #364548; background-color: #e1e3e4; text-decoration: underline; }
a.newslink:hover { color: #e1e3e4; background-color: #364548; text-decoration: underline; }
div#navileft { width: 19%; float: left; padding: 5em 2em 2em; }
div#navileft p { font-size: 1em; line-height: 1.6em; }
div#content { color: #000; background-color: #fff; margin-left: 25%; padding: 2em 2em 1em; }
p#breadcrumbs { color: #999; font-size: 0.9em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 1.2em; background-color: #fff; margin-bottom: 1em; }
p#breadcrumbs a { color: #999; background-color: #fff; text-decoration: underline; }
p#breadcrumbs a:hover { color: #333; background-color: #fff; text-decoration: underline; }
div.contentleft { width: 60%; float: left; }
div.contentleft-abstand { width: 60%; float: left; padding-top: 1em; }
div.contentright { margin-left: 64%; }
div.contentright .bild-hs { text-align: right; }
div.contentright p { width: 190px; float: right; }
div#footer { color: #999; font-size: 0.9em; line-height: 1.2em; background-color: #fff; clear: both; padding-top: 2em; }
div#footer p { margin-bottom: 0.5em; }
div#footer a { color: #999; background-color: #fff; text-decoration: underline; }
div#footer a:hover { color: #333; text-decoration: underline; background-color: #fff; }
p#footerleft { width: 80%; float: left; }
p#footerright { text-align: right; margin-left: 80%; }

/* ##########  Kategorien Startseite ##########*/
div#category-start { clear: both; font-size: 0.9em; line-height: 2em; background-color: #364548; color: #fff;}
ul#category-auswahl { text-align: center; list-style: none; }
ul#category-auswahl li { font-size: 0.9em; line-height: 2em; display: inline; }
ul#category-auswahl li a { color: #fff; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; background-color: #364548; background-repeat: no-repeat; background-position: center top; text-decoration: none; width: 45%; float: left; margin-right: 10px; margin-bottom: 10px; padding-top: 150px; }
ul#category-auswahl li a:hover { color: #adbcbf; text-decoration: none; background-color: #364548; }
ul#category-auswahl div { clear: both; }
ul#category-auswahl li a#men1 { background-image: url(../images/cat1-big-n.jpg); }
ul#category-auswahl li a#men1:hover { background-image: url(../images/cat1-big-o.jpg); }
ul#category-auswahl li a#men2 { background-image: url(../images/cat2-big-n.jpg); }
ul#category-auswahl li a#men2:hover { background-image: url(../images/cat2-big-o.jpg); }
ul#category-auswahl li a#men3 { background-image: url(../images/cat3-big-n.jpg); }
ul#category-auswahl li a#men3:hover { background-image: url(../images/cat3-big-o.jpg); }
ul#category-auswahl li a#men4 { background-image: url(../images/cat4-big-n.jpg); }
ul#category-auswahl li a#men4:hover { background-image: url(../images/cat4-big-o.jpg); }

/* ##########  Kategorien Allgemein ##########*/
ul#category { text-align: center; clear: both; list-style: none; }
ul#category li { font-size: 0.9em; line-height: 2em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: bold; display: inline; }
ul#category li a { color: #fff; background-color: #364548; background-repeat: no-repeat; background-position: right top; text-decoration: none; width: 25%; float: left; padding-top: 82px; }
ul#category li a:hover { color: #adbcbf; text-decoration: none; background-color: #364548; }
ul#category li span { color: #fff; background-color: #008854; background-repeat: no-repeat; background-position: right top; width: 25%; float: left; padding-top: 82px; }
ul#category div { clear: left; }
div#categorysub { color: #fff; font-size: 0.9em; line-height: 2em; background-color: #008854; width: 100%; clear: both; }
ul#category li a#cat1 { background-image: url(../images/cat1-n.jpg); }
ul#category li a#cat1:hover { background-image: url(../images/cat1-o.jpg); }
ul#category li span#cat1 { background-image: url(../images/cat1-a.jpg); }
ul#category li a#cat2 { background-image: url(../images/cat2-n.jpg); }
ul#category li a#cat2:hover { background-image: url(../images/cat2-o.jpg); }
ul#category li span#cat2 { background-image: url(../images/cat2-a.jpg); }
ul#category li a#cat3 { background-image: url(../images/cat3-n.jpg); }
ul#category li a#cat3:hover { background-image: url(../images/cat3-o.jpg); }
ul#category li span#cat3 { background-image: url(../images/cat3-a.jpg); }
ul#category li a#cat4 { background-image: url(../images/cat4-n.jpg); }
ul#category li a#cat4:hover { background-image: url(../images/cat4-o.jpg); }
ul#category li span#cat4 { background-image: url(../images/cat4-a.jpg); }

/* ##########  Sub-Navigation links ##########*/
ul#subnavi { list-style: none; }
ul#subnavi li { color: #000; font-size: 0.9em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 1.6em; background-color: #e1e3e4; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px dotted #666; }
ul#subnavi li.subnavilast { border-bottom: 0 dotted #666; }
ul#subnavi li a, a.navileftlink { color: #000; background-color: #e1e3e4; text-decoration: none; }
ul#subnavi li a:hover, a.navileftlink:hover { color: #000; text-decoration: underline; background-color: #e1e3e4; }
ul#subnavi li span { font-weight: bold; }

/* ##########  AGB Aufzählungspunkte ##########*/
ol.agb1st li { color: #666; font-size: 1em; font-family: arial, helvetica, sans-serif; font-weight: bold; line-height: 1.8em; margin-left: 3em; padding-left: 1em; list-style-type: upper-roman; list-style-position: outside; }
ol.agb2nd, ol.agb2nd2 { padding-bottom: 1em; }
ol.agb2nd li { color: #000; font-size: 1em; font-family: arial, helvetica, sans-serif; font-weight: normal; line-height: 1.6em; list-style-type: decimal; list-style-position: outside; margin-left: 2em; padding-left: 0.2em; }
ol.agb2nd2 li { color: #000; font-size: 1em; font-family: arial, helvetica, sans-serif; font-weight: normal; line-height: 1.6em; list-style-type: none; margin-left: -1em; }

/* ##########  AGB Sub-Navigation links ##########*/
ol#subnavi-agb { padding-left: 15px; }
ol#subnavi-agb li { color: #000; font-size: 0.9em; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 1.6em; background-color: #e1e3e4; list-style-type: upper-roman; list-style-position: outside; padding-top: 0.5em; padding-bottom: 0.5em; border-bottom: 1px dotted #666; }
ol#subnavi-agb li.subnavilast { border-bottom: 0 dotted #666; }
ol#subnavi-agb li a { color: #000; background-color: #e1e3e4; text-decoration: none; }
ol#subnavi-agb li a:hover { color: #000; text-decoration: underline; background-color: #e1e3e4; }
ol#subnavi-agb li span { font-weight: bold; }

/* ##########  Formular ##########*/
p.formlinks { text-align: left; width: 210px; float: left; padding-bottom: 0.5em; }
p.formrechts { margin-left: 180px; padding-bottom: 0.5em; }
input.eingabefeld { width: 250px; }
input.eingabe-plz { width: 40px; margin-right: 6px; }
input.eingabe-ort { width: 200px; }
table.tablelinks { width: 100%; }

