/* =============================
Styleshhet für Vital Hypose

Stand: Ordnung halten in Stylesheet
Datei: bildschirm.css
Datum: 03. März 2009
Autor: Hypnose 

Aufbau: 1. Kalibrierung
		2. Allgemeine Styles
		3. Styles für Layoutbereiche
		4. Sonstige Styles
 ===============================*/
 
/* ===============================
	1. Kalibrierung
	=============================*/

* { padding: 0; margin: 0; }

h2, p, ul, ol { margin-bottom: 1em; }

ol ul { margin-bottom: 0; }

li { margin-left: 2em; }	
	
	
/* ===============================
	2. Allgemeine Styles
	=============================*/
html { height: 101%; }

body {
  background-color:#EFEFEF; /* helles Grau */
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif; 	
  font-size: small;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }

address {
	text-align: center;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5;
}	

/* ==========================
	Hyperlinks			 */	
a { 
	text-decoration:none; 
	outline: none;
}

a:hover, a:focus { border-bottom: 1px solid; }
a:active {
	background-color:#8DDEE0;
	color:#FFFFFF;
}

/* ==========================
	Klassen und IDs			 */	
	
.skiplink {
	position: absolute;
	top: -5000px;
	left: -5000px;
	width: 0;
	height: 0;
	overflow:hidden;
	display: inline;
}

#logo {
	background-color:#FFFFFF;
	color: #000000;
}

.Erfolgsüberschrift {
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


.Schrifterfolgsrahmen {font-size: x-small}
/* ===============================
	3. Styles für Layoutbereiche
	=============================*/

#wrapper {
  background: #E1F7F7 url(../image/farbverlauf.jpg) repeat-y top left; 
  color: black;
  width: 996px;
  margin: 0px auto; /* Abstand zu Oberenrand */
}

#kopfbereich {
	background-color:#F8FFFF;
	background-image:url(../image/farbverlauf.jpg);
	background-repeat:repeat-y; /* nur noch vertikal wiederholen */
	color: black;
	padding: 10px 0px 10px 0px ; /* oben -rechts - unten - links */
}


#navibereich {
	float: left; /* Ort des Navi links -rechts usw. */
	width: 15px; /* Breite zum Text MACHT SCHWIERIGKEITEN IE */
	padding-left: 13px; /* Abstand Links */
	padding-top: 0; /* Abstand oben */
}
	#navibereich ul {
	width: 11em; /* Breite des Navi */
	border-top: 1px solid #333333; /* Abstand zum Kopfbereich */
	}
	#navibereich li {
	list-style-type: none;
	border-left: 1px solid #333333; /* Dicke des linken Strich, kann mit 0 entfernt werden */
	border-bottom: 1px solid #333333; /* dicke der Navibutton Strich */
	margin: 0;
	}
	#navibereich a,
	#navibereich span {
		display: block;
		text-decoration: none;
		background-color: #E1F7F7;
		color: #000000;
		padding: 4px;
		border-left: 3px solid #E1F7F7; /* dicke des YOU ARE HERE Symbol links beim hover */
		}
		#navibereich a:hover,
		#navibereich a:focus {
			background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi01 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi02 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi03 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi04 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi05 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi06 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi07 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi08 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi09 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi10 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi11 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi12 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi13 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi14 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi15 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi16 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}
		#startseite #navi17 span {
		background-color: white;
			color: black;
			border-left-color: #d90000;
			border-bottom: none;
		}


#spalte03 {
	float:right;
	width: 150px;
	padding: 0px;
}		
		
#textbereich {
	background-color: #FFFFFF;
	padding: 20px 10px 20px 20px; 
	margin-right: 160px; /* Spaltengröße 3 Spalte */
	margin-left: 200px; /* Spaltengröße Menüspalte */
}
	#textbereich h1 {
		background-color:#000066;
		color : #ffffff;
		font-weight : bold;
		padding:3px;
	}
	#textbereich a {
		border-bottom: 1px dotted;
	}
	#textbereich a:hover,
	#textbereich a:focus { 
		border-bottom: 1px solid;
	}

#fussbereich {
clear: both;
	background-color: #FFFFFF;
	padding: 10px 20px 20px 20px;
	border-top: 1px solid #999999;
	margin-top: 20px;
}

		
/* ===============================
	4. Sonstige Styles
	=============================*/

	






/* ===============================
	ENDE DES STYLES
	=============================*/