﻿body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 70%;
	color: #000000;
	line-height: 1.4em;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

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

object, embed {
	margin: 0;
	padding: 0;
}

div.movieobj { padding: 0px 0px 0px 10px; }

a {
	color: #003c8e;
	text-decoration: none;
}
a:hover, a:active { text-decoration: underline; }

strong { color: #003c8e; }

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

div.news-spacer {
height: 1px;
border-bottom: 1px solid #787979;
margin: 30px 10px 10px 0px;
clear: both;
}




/* Ueberschriften */

div#header h1 {
	font-size: 2.2em;
	font-weight: normal;
	color: #ffffff;
	margin: 46px 0px 0px 20px;
}

h2 {
	max-width: 820px;
	line-height: 26px;
	padding: 0px 0px 0px 30px;
	margin: 10px 0px 11px 10px;
	font-size: 1.4em;
	color: #003c8e;
	background-color: #b7de24;
	background-image: url('../images/template/bg-headline2.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #ffffff;
	overflow: hidden;
}
h2.blank { background-image: url('../images/template/bg-headline2-blank.gif'); }

* html h2 { width: 812px; }

div#head-transparent h3 {
	font-size: 1.4em;
	color: #003c8e;
	margin: 12px 0px 12px 18px;
}

div.news-text h3 {
	font-size: 1.1em;
	margin: 0px 0px 16px 0px;
}


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

div#rahmen {
	position: absolute;
/*	edit e.bader@htmldesign.de 02.08.2010
	width: 1109px; */
	width: 1120px;
	height: 696px;
	margin: 10px 10px 8px 10px;
}

img#logo {
	position: absolute;
	top: 12px;
	left: 0px;
}

div#navigation {
	float: left;
	width: 227px;
	height: 608px;
	margin: 85px 8px 0px 0px;
	background-color: #e1e6e6;
	background-image: url('../images/template/bg-navigation.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: 1px solid #eef1f1;
	border-right: 1px solid #8e9191;
	border-bottom: 1px solid #545858;
	border-left: 1px solid #c5cdcd;
	overflow: hidden;
}

div#adresse {
	position: absolute;
	width: 207px;
	left: 20px;
	bottom: 0px;
	line-height: 1.5em;
}

div#adresse p { margin: 0; }
div#adresse span { font-size: 0.8em; }
div#adresse img { margin: 7px 0px 14px 0px; }
div#adresse a { color: #003c8e; }


div#header, div#inhalt, img#seitenbild {
	float: left;
	margin: 0px 0px 0px 0px;
}

div#header { width: 870px; }

div#header {
	height: 79px;
	margin: 0px 0px 5px 0px;
	background-color: #b6de24;
	background-image: url('../images/template/bg-header.gif');
	background-repeat: repeat-x;
	border-top: 1px solid #d7ee86;
	border-right: 1px solid #708a14;
	border-bottom: 1px solid #5e6d29;
	border-left: 1px solid #c0df4e;
}

div#inhalt {
/*	edit e.bader@htmldesign.de 02.08.2010
	position: absolute;
	left: 237px;
	top: 162px; */
	width: 870px;
	height: 530px;
	margin-top: 1px;
	background-color: #ebefef;
	border-top: 1px solid #ebefef;
	border-right: 1px solid #898989;
	border-bottom: 1px solid #787979;
	border-left: 1px solid #f0f2f2;
	overflow: auto;
}

/* Startseite */

.home {
	position: static !important;
	height: 605px !important;
	margin-top: 2px !important;
	background-image: url('../images/template/bg-startseite.jpg');
}

div#head-transparent {
	position: absolute;
	width: 869px;
	height: 82px;
	filter: alpha(opacity=90);
	opacity: 0.9;
	background-color: #e9eded;
	border-top: 1px solid #ebefef;
	border-right: 1px solid #898989;
	border-bottom: 1px solid #787979;
	border-left: 1px solid #f0f2f2;
}

div.linie {
	height: 1px;
	background-color: #ffffff;
	margin-top: 84px;
}

div#head-transparent p {
	width: 800px;
	margin: 0px 0px 0px 18px;
}

div#head-transparent p.head-fr { width: 850px; }

div#news {
	position: relative;
	width: 326px;
	height: 373px;
	margin: 0px 0px 0px 6px;
	background-color: #ffffff;
	filter:alpha(opacity=85);
	opacity: 0.85;
	overflow: hidden;
}

div#schatten {
	position: relative;
	width: 338px;
	height: 385px;
	padding-top: 4px;
	margin: 122px 0px 0px 520px;	
	background-image: url('../images/template/schatten.gif');
	background-repeat: no-repeat;
}

* html div#schatten { margin-top: 206px; }
*+ html div#schatten { margin-top: 206px; }

div#news-head {
	height: 31px;
	background-color: #b7df25;
	background-image: url('../images/template/bg-news-head.gif');
	background-repeat: repeat-x;
	border-top: 1px solid #d5ed81;
	border-right: 1px solid #6d8610;
	border-bottom: 1px solid #47580a;
	border-left: 1px solid #c1e14e;
}

div#news-head p {
	display: list-item;
	list-style-image: url('../images/template/picto-blatt.gif');
	margin: 7px 0px 0px 25px;
}

div#news-inhalt {
	height: 330px;
	padding-bottom: 10px;
	border-right: 1px solid #a8a8a8;
	border-bottom: 1px solid #7c7c7c;
	border-left: 1px solid #f2f7ee;
	overflow: auto;
}

div#news-inhalt a { font-weight: bold; }

div#news-inhalt p { margin: 0px 35px 12px 25px; }

div#news h4 {
	font-size: 1.0em;
	color: #003c8e;
	margin: 0px 0px 0px 0px;
	padding: 25px 35px 8px 25px;
}

div.news-home-spacer {
	height: 15px;
	border-bottom: 1px solid #637e82;
	margin: 0px 17px 0px 23px;
}


/* ========
Sprachwahl
======== */

div#header ul {
	position: absolute;
	right: 11px;
	top: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

* html div#header ul { margin-right: -12px; }


div#header ul li {
	float: left;
	list-style-type: none;
	text-indent: -9999px;
	margin: 0px 13px 0px 0px;
}

div#header ul li a {
	display: block;
	width: 35px;
	height: 18px;
	text-decoration: none;
	background-repeat: no-repeat;
	outline: none;
}

a#de { background-image: url('../images/template/sprache-de.gif') }
a#en { background-image: url('../images/template/sprache-en.gif') }
a#fr { background-image: url('../images/template/sprache-fr.gif') }


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

div#navigation ul {
	margin: 16px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
}

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

div#navigation ul li { list-style-type: none; }
* html div#navigation ul li { width: 213px; }

div#navigation ul li a {
	display: block;
	line-height: 21px;
	padding-left: 20px;
	color: #000000;
	text-decoration: none;
	background-image: url('../images/template/picto-nav-n.gif');
	background-repeat: no-repeat;
	background-position: 6px 6px;
	border-bottom: 1px solid #ffffff;
}

* html div#navigation ul li a { height: 21px; }

div#navigation ul li ul li a {
	padding-left: 35px;
	background-image: url('../images/template/picto-subnav-n.gif');
	background-position: 17px 6px;
}

div#navigation ul li a:hover, div#navigation ul li a.aktiv {
	background-color: #a9d118;
	background-image: url('../images/template/picto-nav-a.gif');
	background-position: 0px 0px;
}

div#navigation ul li ul li a:hover, div#navigation ul li ul li a.aktiv {
	background-color: #cbe284;
	background-image: url('../images/template/picto-subnav-a.gif');
}


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

div#inhalt-einspaltig {
	width: 575px;
	margin: 0px 0px 0px 10px;
	padding: 0px 9px 11px 9px;
}

div#inhalt-einspaltig img {
	border: 1px solid #ffffff;
	margin: 0px 0px 15px 0px;
}

div#inhalt-einspaltig p { padding: 0px 3px 0px 1px; }

div#inhalt-einspaltig ul { margin-bottom: 0px !important; }

div#inhalt-links, div.news-bild {
	float: left;
	width: 405px;
	margin: 10px 0px 0px 19px;
}

* html div#inhalt-links, * html div.news-bild { margin-left: 10px !important; }

div#inhalt-rechts, div.news-text {
	float: left;
	margin: 10px 0px 0px 20px;
}

div#inhalt-rechts { width: 400px; }

div.news-text { width: 400px;}
div.news-list-text { 
	margin: 10px 0px 0px 20px;
}

div.news-listeninhalt {
   width:570px;
   margin-left: 230px;
   
}
div.news-listenbild {
   margin-bottom:6px;
   float:left;
   width:230px;

}

.kontakt-links { width: 500px !important; }

.kontakt-rechts {
	position: absolute;
	right: 10px;
	padding-top: 11px;
	width: 322px !important;
}

div#inhalt-links img, div#inhalt-rechts img, div.news-bild img { border: 1px solid #ffffff; }

p.bild-links { float: left; }
p.bild-links img { margin-right: 20px; }

img.bild-links { float: left; }
img.bild-rechts { float: right; margin-right: 2px; }

p.impr-autor {
	position: absolute;
	width: 400px;
	bottom: 10px;
}

a.agb {
	display: block;
	color: #000000;
	width: 277px;
	line-height: 22px;
	text-align: left;
	padding-left: 23px;
	background-image: url('../images/template/button-agb.gif');
}

a.agb:hover { text-decoration: none; }

a.zertifikat {
	display: block;
	float: right;
	margin: 5px 5px 0px 0px;
}
* html a.zertifikat { margin-right: 2px; }

p.zusatzlink { margin: 0px 0px 20px 0px; }
p.zusatzlinkbild { margin: 20px 0px 20px 445px; }
p.zusatzlinkliste { margin: 0px 0px 20px 250px; }


/* ====
Listen
==== */

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

}

div#inhalt ul li {
	list-style-image: url('../images/template/picto-ul.gif');
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 20px;
}

dl.geschichte {
	margin: -7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

dl.geschichte dt {
	position: absolute;
	color: #003c8e;
	font-weight: bold;
	padding: 7px 0px 0px 0px;
}

dl.geschichte dt {
	
}

dl.geschichte dd {
	
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 7px 40px;
	border-bottom: 1px solid #ffffff;
}


/* ============
Kontaktformular
============ */

form {
	width: 510px;
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 0px 0px;
}

form p {
	clear: left;
	margin: 0px 0px 7px 0px;
}

* html form p { margin-bottom: 6px; }
*+ html form p { margin-bottom: 6px; }

form label {
	float: left;
	width: 115px;
}

textarea {
	width: 375px;
	height: 80px;
	padding: 2px;
	font-family: Arial;
	font-size: 1em;
}

input.textfeld {
	width: 375px;	
	padding: 2px 2px 3px 2px;
	margin: 0px 10px 0px 0px;
	font-family: Arial;
}

* html input.textfeld, * html textarea { width: 370px; }

/* Breite */
#Strasse { width: 261px; }
* html #Strasse { width: 255px; }
#Haus-Nr { width: 35px; }
#PLZ { width: 75px; }
#Ort { width: 253px; }
* html #Ort { width: 248px; }

/* Rahmen */
input.textfeld, textarea {
	border-top: 1px solid #9ea0a0;	 
	border-right: 1px solid #f4f7f7;
	border-bottom: 1px solid #f4f7f7;
	border-left:  1px solid #9ea0a0;
}

input#senden, input#loeschen {
	width: 187px;
	height: 22px;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
}

input#loeschen { margin: 10px 3px 0px 115px; }

input#senden { background-image: url('../images/template/button-senden.gif'); }
input#loeschen { background-image: url('../images/template/button-loeschen.gif'); }

/* Routenplaner */

form#routenplaner {
	/*float: right;*/
	width: 322px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
}

form#routenplaner p { margin: 0px 0px 0px 0px; }

input#route-senden {
	width: 322px;
	height: 22px;
	text-align: center;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('../images/template/button-routenplaner.gif');
}

