/* Fix fuer PNG Transparenz im IE6 */
p#logo img, div#zierleiste { behavior: url("media/include/iepngfix.htc") }

html, body { height: 100%; }

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 74%;
	color: #000;
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	background-color: #fafafa;
	background-image: url(../images/template/bg-verlauf.gif);
	background-repeat: repeat-x;
	background-position: 0px 5px;
}

* { font-size: 1.0em; }

img { border: 0; }

p {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

a { color: #000; }
a:hover, a:active { text-decoration: none; }

div.clear { clear: both; }

h1, h2 {
	font-size: 1.5em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4a96cd;
	margin: 25px 0px 16px 0px;
}

h3 {
	font-size: 1.0em;
	margin: 24px 0px 8px 0px;
}

h4 {
	font-size: 1.0em;
	margin: 24px 0px 0px 0px;
}

div#inhalt ul, div#inhalt ol {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

div#inhalt ul li {
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
}

div#inhalt ol li {
	margin: 0px 0px 8px 18px;
	padding: 0px 0px 0px 0px;
}


/* =======
Box-Layout
======= */

div#rahmen {
	position: relative;
	min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	width: 861px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background-image: url(../images/template/bg-links.gif);
	background-repeat: repeat-y;
}

div#navigation {
	float: left;
	min-height: 256px;
	width: 192px;
	margin: 5px 0px 0px 0px;
	background-image: url(../images/template/bg-navigation.gif);
	background-repeat: repeat-x;
}
* html div#navigation { height: 256px; }

p#logo { margin: 30px 0px 16px 7px; }

div#inhalt {
	width: 635px;
	float: right;
	margin: 32px 10px 50px -192px;
}

div#fusszeile {
	position: relative;
	height: 49px;
	margin-top: -50px;
	background-image: url(../images/template/bg-fusszeile-orange.gif);
	background-repeat: repeat-x;
	background-position: 0px -10px;
	border-top: 1px solid #fff;
}

div#fusszeile div {
	position: absolute;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	font-size: 0.9em;
	text-align: center;
	padding: 10px 20px 0px 22px;
}

div#zierleiste {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 7px;
	background-image: url(../images/template/schatten-horizontal.png);
	background-repeat: repeat-x;
	border-top: 5px solid #ffa200;
}


/* =======
Navigation
======= */

div#navigation ul {
	margin: 0px 13px 20px 6px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #fff;
}

div#navigation ul li {
	list-style-type: none;
	border-bottom: 1px solid #fff;
	padding: 7px 5px 7px 8px;
}
* html div#navigation ul li { width: 160px; }

div#navigation ul li a {
	display: block;
	font-size: 1.3em;
	text-decoration: none;
	outline: none;
}

div#navigation ul li a:hover, div#navigation ul li a.aktiv { font-weight: bold; }

/* Zweite Ebene */

div#navigation ul li ul {
	margin: 1px 0px 0px 0px;
	border: none;
}

div#navigation ul li ul li { 
	border: none;
	padding: 0px 5px 0px 12px;
}
* html div#navigation ul li ul li { width: 140px; }

div#navigation ul li ul li a {
	font-size: 1.0em;
	line-height: 1.5em;
}


/* =====
Inhalte
===== */

p.adresse {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	color: #cccccc;
	/*margin: 0px 0px 25px 0px;*/
	margin: 0px 0px 0px 0px;
}

div.textpic-bild {
	width: 247px;
	float: left;
	margin: 24px 0px 20px 0px;
	/*-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: 2px solid #f5cc93;*/
}

div.textpic-text { margin: 0px 0px 20px 247px; }

div.clear { clear: both; }

p.toplink {
	position: relative;
	margin: -10px 5px 20px 0px;	
	font-size: 0.9em;
	text-align: right;
}

div.spacer {
	height: 25px;
	clear: both;
}

/* Informationsmaterial */

p.downloads {
	background-color: #a7b8cb;
	padding: 8px 10px 8px 10px;
	border-radius: 3px;
	-moz-border-radius: 0.7em;
}

p.downloads a { text-decoration:none; }
p.downloads a:hover { text-decoration:underline; }

/* Aktuelle Angebote */

dl.angebote {
	background-color: #F2F4F7;
	margin: 0px 0px 16px -2px;
	padding: 5px 10px 5px 10px;
	border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	clear: both;
}

dl.angebote dt {
	position: relative;
	float: left;
	width: 12.0em;
	clear: both;
}

dl.angebote dd {
	padding: 0 0 0.3em 12.0em;
	margin: 0 0 0.3em 0;
	border-bottom: 1px solid #B7C3D3;
}

dl.angebote dd.last {
	min-height: 2.6em;
	border: none;
}
* html dl.angebote dd.last { padding-left: 0px; height: 2.6em; }
*+ html dl.angebote dd.last { padding-left: 0px; }

dl.angebote dd h4 {
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
}

dl.angebote dd span { display: block; }