/*
	StyleSheet www.it-on.net
	rkn	01.06.2007
*/


body {
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		0.85em;
	margin-top : 	0px;
	margin-left : 	0px;
	background-color:	#FFFFFF;
}


#container {
	width:					550px;
	border-left: 			200px solid #E7E7E7;
	border-right: 			200px solid #E7E7E7;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#FFFFFF;
	/*position:				relative;
	z-index:					0;*/
}
#container.nurmitte {	
	border:					0;
}

div.logo {
	text-align:				right;
	padding-right:			5px;
}
div.seitentitel {
	background-color:		#AAAAAA;
	width:					500px;
	height:					20px;
	FONT-WEIGHT: 			bold;
	FONT-SIZE: 				14px;
	color:					#FFFFFF;
	FONT-STYLE: 			italic;
	LETTER-SPACING: 		3px;
	text-transform:		uppercase;
	float:					left;
	border-bottom:			1px solid #FFFFFF;
	padding:					5px 0 0 10px;
}
div.datum {
	background-color:		#AAAAAA;
	color:					#FFFFFF;
	padding:					5px 5px 0 0;
	width:					150px;
	height:					20px;
	border-right:			1px solid #FFFFFF;
	border-bottom:			1px solid #FFFFFF;
	float:					left;
	text-align:				right;
}
div.kopfbalken {
	background-color:		#0056ab;
	width:					666px;
	height:					16px;
	float:					left;
}
#servicemenu {
	background-color:		#0056ab;
	width:					284px;
	height:					42px;
	border-bottom:			10px solid #FFFFFF;
	float:					right;
	padding:	0;
	margin: 0;
}
form.suche {
	/*position: 				relative;*/
	display:				inline;
	margin:					0 10px 0 0;
	padding-top:			0px;
	background-color:		#0056ab;
}
#servicemenu a {
	text-decoration:		none;
}
form.suche input, #servicemenu a img {
	margin-top:				1px;
	border:					1px solid #0056ab;
}
#servicemenu a:hover img {
	border-color:			#FFFFFF;
}

/* --------------left and right navi------------- */
#head {
	width:						950px;
	margin-left:				-200px;
	margin-right:				-200px;
	background-color:			#FFFFFF;
 	float:						left;
	/*position:					relative;
	z-index:						2;*/
	clear:both;
}

#left {
	clear: 						both;
 	width:						200px;
	margin-left:				-200px;
 	min-height:					400px;
 	overflow:					visible;
 	float:						left;
 	margin-top:					0px;
	font-size:					0.85em;
	/*position:					relative;
	z-index:						3;*/
}

 #right {
 	width:					195px;
	margin-right:			-200px;
	min-height:				400px;
 	overflow:				visible;
 	float:					right;
 	/*position:				relative;*/
	padding:					0px 5px 5px 5px;
	margin-left:			10px;
	margin-top:				0px;
	font-size:				0.85em;
 }

/* -----------------content--------------------- */
#content{
	margin-top:				1px;
	padding:					0px 0px 5px 20px;
	width:					510px;
	font-size:					0.95em;
	float:left;
}
#content.breit {	
	width:					100%;
	padding:				0;
	margin-left:			-200px;
	margin-right:			-200px;	 
}

/*  ----------------footer---------------------- */
#footer {
	clear:					left;
	background-color:		#EFEFEF;
	color:					#888888;
	min-height:				14px;
	border-top:				10px solid #FFFFFF;
	font-size:				0.80em;
	padding:					3px 0 3px 0;
	width:					950px;
	margin-left:			auto;
	margin-right:			auto;
	text-align: 			center;
}
#footer a {
	color:					#888888;
}


div.kasten {
	padding:					2px;
	margin: 					0px 5px 0px 5px;
	LINE-HEIGHT: 			170%;
	background-color: 	#efefef;
}


/* Links im Content */
a, a:visited, a:hover {
	color: 					#0056AB;
	text-decoration:		underline;
}
a:hover   {
	color: 					#6699CC;
}
a img {
	border-color:			#0056AB;
}
a:hover img {
	border-style:			dashed;
}

#menu {
	border-bottom:			10px solid #FFFFFF;
}

/* Hauptnavigationspunkte */
a.navigation1 {
	display:					block;
	background-color:		#EFEFEF;
	font-weight : 			bold;
	font-size:				1.15em;
	text-decoration : 	none;
	padding:					3px 2px 3px 5px;
	border-top:				2px solid #FFFFFF;
}
a.navigation1:visited {
	text-decoration : 	none;
}
/* Unternavigationspunkte  Ebene 2*/
a.navigation2 {
	display:					block;
	text-decoration : 	none;
	background-color:		#FFFFFF;
	color:					#444444;
	margin:					0;
	padding:					2px 2px 2px 8px;
	border-color:			#E7E7E7;
	border-width:			1px 0px 0px 5px;
	border-style:			solid;
}
a.navigation2:visited {
	color:					#444444;
	text-decoration : 	none;
}

.navigation1:hover, .navigation2:hover, .navigation1over {
	text-decoration:		none;
	border-left: 			5px solid #AAAAAA;
	padding-left:			0px;
}
a.navigation2:hover {
	padding-left:			8px;
}
a.open, a.marked {
	border-left: 			5px solid #0056AB;
	margin-left:			0px;
	padding-left:			3px;
}
a.open:hover, a.marked:hover {
	padding-left:			3px;
}

/* Unternavigationspunkte  Ebene 3, 4*/
a.navigation3, a.navigation3:visited, a.navigation4, a.navigation4:visited  {
	display:					block;
	background-color:		#FFFFFF;
	color: 					#444444;
	font-size:				0.95em;
	text-decoration : 	none;
	margin:					0 0 0 10px;
	padding:			2px 2px 2px 12px;
}
a.navigation3:hover, a.navigation4:hover {
	color: 				#888888;
}

/* Unternavigationspunkte  Ebene 4*/
a.navigation4, a.navigation4:visited  {
	padding-left : 	15px;
	border-left:		11px solid #BFC5C2;
	border-bottom:		3px solid #E5E5E5;
	padding:			2px 2px 2px 15px;
}

/*
a.farbe1 {	background-color:			#AEDCF9; color:#333333;}
a.farbe2 {	background-color:			#FDE0A6; color:#333333; }
a.farbe3 {	background-color:			#D7EB8F; color:#333333; }
a.farbe4 {	background-color:			#FFE0EA; color:#333333; }
a.farbe5 {	background-color:			#CCCCCC; }
*/

/*
a.farbe1 {	background-color:			#B1C4D7; color:#333333; }
a.farbe2 {	background-color:			#E7E4B0; color:#333333; }
a.farbe3 {	background-color:			#C3D2B7; color:#333333;}
a.farbe4 {	background-color:			#ECCAB5; color:#333333; }
a.farbe5 {	background-color:			#CCCCCC; }
*/

a.farbe1 {	background-color:			#DAE8F4; color:#333333; }
a.farbe2 {	background-color:			#EFE2BB; color:#333333; }
a.farbe3 {	background-color:			#F9DF92; color:#333333; }
a.farbe3a {	background-color:			#F9FAC5; color:#333333; }
a.farbe4 {	background-color:			#F9FAC5; color:#333333; }
a.farbe5 { 	background-color:			#DFEFE1; color:#333333; }
a.farbe6 {	background-color:			#DDDDDD; }

 /* Farbe 6: hellgelb (optional) : #FFF7D6 */

select.menuselect {
	padding:					3px 2px 3px 0px;
	border:					0px;
	border-color:			#DDDDDD;
	border-top:				2px solid #FFFFFF;
	color:					#0056AB;
	background-color:		#DDDDDD;
	width:					200px;
}


/* Linklisten im rechten Container*/
a.linkrechts {
	text-decoration : 	none;
	font-style: 		normal;
}


div.textblock {
	width:					100%;
	line-height: 			130%;
	margin-bottom:			10px;
	float:					left;
}

#right div.textblock {
	padding:					0 0 5px 5px;
}
#left div.textblock {
	padding:					0 0 5px 0;
	width:					200px;
}



/* Titel im Seitenkopf
.pagetitle {
	font-size : 		14px;
	letter-spacing : 	3px;
	font-weight : 		bold;
	margin-left : 		5px;
	color: 				#0056AB;
	font-style: 		italic ;
}
*/

/* Ueberschriften im Content */
h1, h1.mitte, .headline {
	background-color: #E7E7E7;
	margin:				0 0 0.7em 0;
	padding:				0 0 0 0.3em;
	color: 				#0056AB;
	font-size:			1.3em;
	line-height : 		150%;
}
/* Ueberschrift rechts u. links */
#right h1, #left h1 {
	background-color: #0056AB;
	color: 				#FFFFFF;
	font-size:			1.1em;
}
#right h1 {
	margin:				0px 0px 5px -5px;
}
#left h1 {
	width:				195px;
	padding-left:		5px;
	background-color: #0056AB;
	margin-bottom:		0;
}

h2 {
	margin:				0.3em 0 0.4em 0;
	padding:				0;
	color: 				#0056AB;
	font-size:			1.1em;
	line-height : 		150%;
}

#right h2 {
	font-size:			12px;
	color:				#FFFFFF;
	background-color: #9C9C9C;
	margin:				0 0 0 -5px;
	padding:				2px 2px 2px 5px;
}

h3 {
	margin:				0.1em 0 0.2em 0;
	padding:				0;
	font-size:			1.1em;
	line-height:		1.2em;
	color:				#444444;
}

.einleitung {
	font-weight:		bold;
}

/* Fliesstext im Content (mittlerer Container) */
span.text {
	line-height: 130%;
	margin-left: 0px;
}

a.pdf, a.doc, a.zip, a.rss, a.bild {
	background-image:	url(/images/ico_pdf.gif);
	background-repeat:	no-repeat;
	padding-left:		20px;
}
a.doc {  background-image:       url(/images/ico_doc.gif); }
a.zip {  background-image:       url(/images/ico_zip.gif); }
a.bild { background-image:       url(/images/ico_bild.gif);}
a.rss {  background-image:       url(/images/ico_rss.gif); }


/* etwas kleinerer Text */
.kleiner {
	font-size:		0.9em;
}
.klein {
	font-size:		0.8em;
}
.gross {
	font-size:		1.2em;
}
/* etwas groesserer blauer Text */
.blaugr {
	font-size : 	120%;
	color: 			#0056AB;
	font-weight:	bold;
}
.grau {		color:				#AAAAAA; }
.blau {		color:				#0056AB; }
.rot {		color:				#F2151B; }
.weiss	{	color:				#FFFFFF; }
.bgweiss	{	background-color:	#FFFFFF; }
.bggrau, .bghgrau { 	background-color:	#efefef; }
.bgdgrau {	background-color:	#888888; }

div.bgblau1, .bghblau { 	background-color:	#E5EEF6; }
div.bgblau2 { 	background-color:	#BFD5EA; }
div.bgblau3 { 	background-color:	#80ABD6; }
div.bgblau4 { 	background-color:	#4080C0; }

.code {
	font-family: 		Courier, Monospace;
	font-size:			0.85em;
	margin-left:		5px;
	color:				#444444;
	background-color:	#F0F0F0;
}

/* Bilder im mittleren Container */
img.bild, img.content {
	margin:				3px 0px 10px 0px;
}

/*
#right img {
	margin:				0 0 5px 5px;
}
*/

img.links {
	float:				left;
	margin-right:		10px;
}
img.rechts {
	float:				right;
	margin-left:		10px;
}
img.mitte, div.mitte {
	margin-top:			0px;
	text-align:			center;
}
img.rahmen {
	border: 3px solid #0056AB;
}

ul, ol {
	margin-top:			0px;
	margin-bottom:		1em;
	padding-top:		0px;
	padding-bottom:	0px;
}
li {
	margin-bottom:		0.3em;
}
#right li {
	margin-left:		-1.3em;
}

/*
	Definitionen fuer Formulare
*/
/* Abstand nach einem Formular verringern */
form {
  margin-bottom: 0px;
  margin-top: 0px;
}
#content form {
	float:					left;
	width:					100%;
	margin-bottom:			10px;
}

form .kopf {
	padding:					3px 0 3px 0;
	background-color:		#efefef;
}
form .fuss {
	padding:					1px 0 1px 0;
	background-color:		#efefef;
}

INPUT {
}
/* Lange Eingabefelder in Formularen (z. B. Name)*/
INPUT.lang {
	width:200px;
}
/* Mittlere Laenge von Formularfeldern (z. B. Ort)*/
INPUT.mittel {
	width:140px;
}
/* Kurze Formularfelder (z. B. PLZ) */
INPUT.kurz {
	width:60px;
}
/* Login-Feld (nur IE) */
INPUT.login {
	width:100px;
}
TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
}
TEXTAREA.lang {
	width:200px;
}
/* Suchfeld im Kopf der Seite */
INPUT.suche {
	width : 			100px;
	height: 			15px;
	border: 			0px solid #99A29E;
	color:  			#0056AB;
	margin-left: 		4px;
	padding-left: 		2px;
}

/* Formatierung von Fehlermeldungen in Formularen (Pflichtfeldfehler) */
.formularfehler, .hinweis {
	color: #F2151B;
}

input.knopf {
	background-color:		#0056AB;
	border:					2px solid #9C9C9C;
	color:					#FFFFFF;
	font-weight:			bold;
}


table {
}

/* Formatierungen fuer Tabellen */
th {
	font-weight : 			bold;
	background-color:	   #AAAAAA;
	color:					#FFFFFF;
}

/* Tabellenzellen innerhalb von Tabellen im Content  */
TD.tab {
	padding:				1px 1px 1px 3px;
}


/* allg. Definitionen fuer die Darstelung von Tabellen im Content */
.tabelle {
	line-height: 16pt;
	margin-bottom : 2px;
	margin-top : 2px;
}

/* Einstellungen fuer Tag-Clouds (linke Spalte) */
div.tagcloud {
	padding:					2px;
	background-color:		#EFEFEF;
	margin-bottom:			1em;
	border:					1px solid #888888;
	border-top-width:		0;
}
div.tagcloud a {
	text-decoration:		none;
	padding:					0 3px 0 3px;
}
div.tagcloud a:hover {
	background-color:		#FFFFFF;
}
/*div.tagcloud .titel {
	font-weight:			bold;
	color:					#888888;
	padding:					2px;
}
*/

/* Einstellungen fuer Newsticker im Kopfbereich der Seite */
#tickerDiv {
	position:		absolute;
	top:			25px;
	width:			400px;
	height:			60px;
	clip:			rect(0px 400px 60px 0px);
}

#tickerText {
	position:		absolute;
	left:			0px;
	top:			0px;
	width:			400px;
	color:			#444444;
	font-size:		9pt;
}

/* Formate fuer FreeWin Lottogewinnspiel */
.fwzahl {
	float:					left;
	text-align:				right;
	width:					16px;
	height:					15px;
	padding:					1px;
	margin:					2px;
	background-color:		#E2E2E2;
	font-weight:			bold;
}
.fwtreffer {
	background-color:		#0056AB;
	color:					#FFFFFF;
}
.fwzusatz {
	border:					1px solid black;
	width:					18px;
	height:					14px;
	margin-top:				1px;
	margin-left:			10px;
}




@media print {
body {
}

#container {
	width:						750px;
	border: 						0px;
	margin-left: 				0px;
	padding-left:				0px;
}

#head {
	width:						750px;
	margin-left:				0px;
}

#content{
	padding:						0;
	width:						510px;
	margin-left:				0px;
}

#right {
	padding-top:				0px;
	width:						200px;
	margin-right:				0px;
	border-left: 				1px dotted gray;
}

#banner, #left, #menu, #servicemenu, .noprint {
	visibility:					hidden;
	display:						none;
	width:						1px;
}
#druckbanner {
	visibility:					visible;
	display:						block;
	height:						auto;
	width:						auto;
	text-align:					center;
}

#footer {
	color:						#191919;
	width:						750px;
	margin:						0px;
	border:						none;
}

}