/*
	blau		#00519e;
	gelb		#fff533;
	hellgelb 	#fffbad:
	
	Gesamtbreite	850
	Inhalt		625
	Spalte links		210 
*/

html {
	min-height:100%;
}

* {
	margin:0;
	padding:0;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.clearer {
	clear:both; 
	font-size:0;
}

form {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#ffffff;
	color:#444444;
}
input,textarea,select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#efefef;
	color:#444444;
	border:1px solid #666666;
	padding:3px;
	margin:0 0 5px 0;
}
.button {
	padding:2px;
	background:#888888;
	color:#ffffff;
	border:2px outset #444444;
}
.button:active {
	padding:2px;
	background:#ffffff;
	color:#666666;
	border:2px inset #cccccc;
}

table {
	color:#444444;
	padding:3px;
	margin:0 0 5px 0;
}
th {
	color:#00519e;
	font-size:95%;
	padding:3px;
	border-bottom:1px solid #00519e;
	text-align:left;
}
td {
	color:#444444;
	font-size:95%;
	padding:3px 15px 3px 3px;
	border-bottom:1px solid #444444;
	text-align:left;
}

/*  =====================  BOXES =====================   */

#boxaussen {
	border:none;
	background-image:url(images/hintergrund.gif);
	background-repeat:repeat-x;
	margin-bottom:30px;
}

#boxinnen {
	border:none;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	background:#FFF;
	margin:0 auto;
	width:850px;
}

/*  =====================  KOPFZEILE  & NAVIGATION  =====================   */

#kopfzeile {
	background:url(images/hintergrund-hell.gif) repeat-x;
	border:none;
	height:200px;
	margin-bottom:5px;
}

#navigation {
	margin-left:auto; 
	margin-right:auto;
}

#navigation ul {
	list-style:none;
	margin:0px auto;
}

#navigation li {
	display:block;
	float:left;
	margin:0px; 
	padding:0px;
	width:100px;
	height:200px;
	text-align:center;
	border-left:1px solid #dddddd;
} 
#navigation li a {
	display:block; 
	float:left; 
	padding:100px 0 0 0;
	width:100px;
	height:200px;
	text-decoration:none; 
	text-transform:uppercase;
} 

#navigation li a:active, #navigation li a:visited, #navigation li a:link {
	color:#333333;
	text-decoration:none;
}
#navigation li a:hover {
	color:#000000;
	text-decoration:none;
	background:url(images/hintergrund-hover.gif) repeat-x;
}

/*  =====================  INHALT  =====================   */

#inhalt {
	border:none;
	float:right;
	width:625px;
	margin-top:8px;
	padding-right:5px;
	background:#ffffff;
}

#inhalt h1 {
	color:#00519e;
	font-size:165%;
	padding:4px 0 10px 0;
}

#inhalt h2 {
	color:#00519e;
	font-size:125%;
	padding:3px 0 10px 0;
}

#inhalt h3 {
	color:#00519e;
	font-size:105%;
	padding:2px 0 7px 0;
}

#inhalt p {
	padding-bottom:5px;
	margin-bottom:10px;
	border:none;
	color:#333333;
}
#inhalt p.linie {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:2px solid #fff533;
	color:#333333;
}

#inhalt ul {
	list-style-position:inside;
	list-style-type:circle;
	color:#333333;
}

#inhalt img {
	padding-bottom:10px;
}

img.leistung {
	border:1px solid #555555;
	text-decoration:none;
	padding:0;
	margin:8px 5px 8px 0px;
	float:left;
}

#inhalt img.minibild {
	float:right;
	padding:0;
	margin:5px 0px 0px 5px;
	width:120px;
	border:1px solid #666666;
	text-decoration:none;
}

#inhalt a:active, #inhalt a:visited, #inhalt a:link {
	color:#00519e;
	border-bottom:1px dotted #00519e;
	text-decoration:none;
}
#inhalt a:hover {
	color:#00519e;
	border-bottom:1px solid #00519e;
	text-decoration:none;
}

/*  =====================  LINKE SPALTE  =====================   */

#spaltelinks {
	border:none;
	float:left;
	width:210px;
/*	height:450px;  */
	margin-top:8px;
	background:#ffffff;
}

#spaltelinks h1 {
	color:#00519e;
	font-size:130%;
	font-weight:bold;
	padding:4px 5px 10px 5px;
}

#spaltelinks p {
	padding:5px;
	margin-bottom:10px;
	border:none;
	color:#555555;
	font-size:80%;
}

/*  =====================  FUSSZEILE  =====================   */

#fusszeile {
	border:none;
	color:#000000;
	text-align: right;
	margin-top:8px;
	padding:2px 4px;
	height:20px;
	background:url(images/fusszeile.gif) repeat-x bottom;
}
#fusszeile a {
	color:#555555;
	text-decoration:none;
	border-bottom:none;
}
#fusszeile a:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #000000;
}