/*----------------------------------------------------------------------------------
	Stylesheet für alle Medientypen (all, print)
	
- beinhaltet Formatierungsregeln für die HTML-Dateien (für Bildschirm und Druck)


#Inhalt
  
0. Browsereichung - Vorgaben zurücksetzen
1. Body  / #wrapper
2. Kopfbereich inkl. Navigation
3. Inhalt inkl. Navigation und Bereich "Aktuelles"
4. Footer / Navigation am Seitenende
8. Kontaktformular
9. Druckeigenschaften


#Farben

schwarz ---------------- #000 ------ Schrift im Ausdruck
weiß ------------------- #fff ------ Text/Navigation im Kopfbereich auf dunklegrünem Hintergrund
dunkelgrau ------------- #333 ------ alle Texte u. Navigation im Inhaltxbereich / Text im Kopfbereich
mittelgrau ------------- #666 ------ Links im Footer bei :hover
hellgrau --------------- #CCC ------ Topnavigation bei :hover topnavi, Schrift im Kontaktformular
dunkelgrün ------------- #447600 --- Fließtext in Laufschrift, Senden-Button im Kontaktform
rot -------------------- #D9261C --- Links im Inhaltsbereich, Löschen-Button im Kontaktform
blaugrau --------------- #4A5778 --- Besuchte Links im Inhaltsbereich


#Schriftarten

h1-Überschrift --------- Georgia
alle anderen Texte ----- Arial


----------------------------------------------------------------------------------*/

@media all {
/*----------------------------------------------------------------------------------
	0. Browsereichung - Vorgaben zurücksetzen
----------------------------------------------------------------------------------*/
html, body {margin: 0; padding: 0; border: 0; vertical-align: baseline;

/* abfangen "font-size-problem" */
	text-align: center;
	font-size: 100.01%;
/* activates vertical scrolling especially on FF */	
	min-height: 100%;
	padding-bottom: 1px;
}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE mac */

div, span, h1, h2, h3, h4, h5, h6, p, a, font, img, ol, ul, li, form, legend, table, tr, th, td {
	border: 0; margin: 0; padding: 0; vertical-align: baseline;}
 
ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

:focus {outline: 0;}
address {font-style: normal;}


/*----------------------------------------------------------------------------------
	1. Body  / #wrapper
----------------------------------------------------------------------------------*/
body {background: url(../images/bg_banner.jpg) repeat-x #E2DDDE; text-align: center;}
	
p, h1, h2, h3, h4, h5, h6, ul, ol {margin-bottom: 15px;}

h1  {color: #333; font-family: georgia; font-size: 1.2em; font-weight: normal; line-height: 1.1;}
h2, h3, h4, h5, h6 {color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.2em; font-weight: normal; line-height: 1.1;}

h1 {font-size: 2.2em; line-height: 1.3em; margin-bottom: 20px;}
h2 {font-size: 1.8em; margin-bottom: 15px; margin-top: 20px;}
h3 {font-weight: bold;margin-bottom: 5px; margin-top: 20px;}
h4 {margin-bottom: 0px;}
.first {margin-top: 0;}

p, q {font-size: 1.3em; line-height: 1.5;}
table {font-size: 1.2em; line-height: 1.5;}

strong {font-weight: bold;}
em {font-style: italic;}

img {border: none; font: 80%/100% Arial, Helvetica, Verdana, sans-serif;} /* fuer browser ohne bilddarstelllung */
a img {border: none; color: #333;}

a {color: #D9261C; text-decoration: underline;}
a:hover {text-decoration: underline;}
a:visited {color: #4A5778;}

#wrapper {
	color: #333;
	font: 62.5%/75% Arial, Helvetica, Verdana, sans-serif; /* 1 em = 10px */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 977px;
}


/*----------------------------------------------------------------------------------
	2. Kopfbereich inkl. Navigation
----------------------------------------------------------------------------------*/
#header {background: url(../images/bg_header.jpg) no-repeat; position: relative; height: 201px; width: 977px;}
#logo {background: transparent; left: 25px; position: absolute; top: 30px; width: 180px;}
#claim {position: absolute; left: 245px; top: 30px; height: 105px;}

#header p {font-size: 1.8em; font-weight: bold; color: #fff; left: 19px; line-height: 1; position: absolute; top: 159px;}
#header p img {float: left; margin: 7px 24px 0 0;}
#header p.claimtext {position: absolute; top: 50px; left: 0px; width: 550px; color: #333; font-weight: normal; font-size: 1.2em; line-height: 1;}

/* Topnavi */
ul#topnavi {
	background-color: transparent;
	color: #FFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.3em;
	left: 215px;
	line-height: 1.2;
	position: absolute;
	top: 165px;
	width: 770px;
}

ul#topnavi {list-style-type: none;}
ul#topnavi li {border-left: 1px solid #CCC; display: inline; float:left; list-style-type: none; padding: 0; width: auto;}
ul#topnavi li:first-child {padding-left: 0;}

ul#topnavi a {letter-spacing: 0.01em; background: transparent; font-weight: bold; color: #FFF; display: block; height: 22px; padding: 7px 12px 0; text-decoration: none;}
ul#topnavi a:visited {}
ul#topnavi a:hover {color: #CCC;}

#topnavi li.first {border-left: none;}

	
/*----------------------------------------------------------------------------------
	3. Inhalt inkl. Navigation und Bereich "Aktuelles"
----------------------------------------------------------------------------------*/
#main {background: url(../images/bg_main.jpg) repeat-y; overflow: auto;}

#left {background: transparent; float: left; font-size: 1.3em; margin-left: 22px; width: 180px}

#content {
	background: transparent;
	font-size: 1em;
	line-height: 1.6em;
	margin-left: 225px;
	overflow: auto;
	padding-top: 30px;
	width: 735px;
	}

#content ol {font-size: 1.2em; line-height: 1.5; list-style-type: decimal;}
#content ul {font-size: 1em; line-height: 1.5; list-style-type: disc; margin: 5px 0 10px 15px;}
#content li {margin-bottom: 2px;}

#content .row {overflow: auto;}
#content .row .leftcol {float: left; text-align: left; width: 535px;}
#content .row .leftcol ul {font-size: 1.2em; line-height: 1.5; list-style-type: disc; margin: 5px 0 10px 15px;}
#content .row .rightcol {float: right; text-align: left; width: 180px;}

/* Hauptnavigation */
ul#leftnavi {margin-top: 25px;}
ul#leftnavi li {background: url(../images/bull_leftnavi.gif) no-repeat 0 4px; }
ul#leftnavi li a {color: #333; display: block; padding-left: 10px; line-height: 1.5em; text-decoration: none;}
ul#leftnavi li a:hover {color: #333; text-decoration: underline;}
ul#leftnavi li ul {margin-bottom: 0px;}
ul#leftnavi li ul li{background-image: none;}
ul#leftnavi li ul li a {color: #333; display: block; margin-bottom: 0px; padding-left: 12px; line-height: 1.5em;}

marquee {color: #447600; padding-bottom: 20px; font-size: 1.5em;}

.infobutton {padding-left: 200px; margin-bottom: 10px;}

.kontaktbutton {padding-left: 200px; margin-bottom: 10px;}

.fl-left { /* can be added as class on image divs for left alignment */
	float: left;
	margin:3px 15px 0 0;
}


/*----------------------------------------------------------------------------------
	4. Footer
----------------------------------------------------------------------------------*/
#footer {margin-top: 40px; margin-left: 5px; text-align:center; width: 517px;}

#content#footer ul{list-style:none; padding:0 0 10px 0;}

#footer li{
	font-size:9px;
	background-image: url(../images/bull_footernavi.gif); 
	background-position: 0 3px;
	background-repeat:no-repeat;
	padding:0px 8px;
	display:inline;
}

#footer a {text-align:center; text-decoration:none;}

#footer li a,
#footer li a:link,
#footer li a:visited{text-decoration:none; color:#333;}
#footer li a:hover{color:#666; text-decoration:none;}


/*----------------------------------------------------------------------------------
	5. Kontaktformular
----------------------------------------------------------------------------------*/
#Formular {
	height: 680px;
	width: 540px;
	color: #CCCCCC;
}

#status {
	position:relative;
	top:5px;
	left:146px;
	height:50px;
	width:320px;
	font-size:9px;
}

form {font-size:12px; padding:0; margin:0; text-align:center; vertical-align:baseline; color:#333}
input {font-size:12px;}

.radio {
	background-color:#FFFFFF;
}

.input {
	width:365px;
	border:1px solid #333333;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:12px;
	text-align:left;
	margin:3px 0px;
	padding:2px 2px;
}

.inputPlzNr {
	width:80px;
	border:1px solid #333333;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:12px;
	text-align:left;
	margin: 3px 0px;
	padding:2px 2px;
}

.inputStrOrt {
	width:275px;
	border:1px solid #333333;
	font-family:arial,tahoma,verdana,sans-serif;
	font-size:12px;
	text-align:left;
	margin: 3px 0px;
	padding:2px 2px;
}

.submit {
	margin-top:10px;
	margin-right:10px;
	font-weight: bold;
	border:1px solid #333333;
	background-color:#FFFFFF;
	color:#447600;
}

.reset {
	margin-top:10px;
	margin-right:10px;
	font-weight: bold;
	border:1px solid #333333;
	background-color:#FFFFFF;
	color:#D9261C;
}

}


@media print { 
/*----------------------------------------------------------------------------------
	6. Druckeigenschaften
----------------------------------------------------------------------------------*/ 
p, h1, h2, h3, h4, h5, h6, ul, ol {color: #000;}
ul#topnavi a {color: #000;}
ul#leftnavi li a, ul#leftnavi li.active ul li a, ul#leftnavi li.active {color: #000;}
#footer a {color: #000;}

}