@charset "utf-8";

/*****************************
*	CLEAR					 */

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100.01%;
	}
	
/*****************************
*	SYSTEM TAGS				 */

body {
	background: white url("../../images/rahmen/hintergrund.gif") repeat-x;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.325em;
	color: #666666;
	}
	
img {
	float: left;
	display: inline;
	border: 0;
	}
	
a {
	color: #006AB3;
	}
	
a:hover {
	text-decoration: none;
	}

a.link {	
	background: url("../../images/sonstiges/list_img_blau.gif") no-repeat 0 1px;
	padding-left: 15px;
	}
	
p {
	margin: 0.5em 0 1.5em 0;
	}

dl dt {
	margin: 0 0 5px 0;
	}

dl dd {
	margin: 0 0 15px 25px;
	}
	
ul {
	list-style: none outside;
	margin: 10px 0 10px 0;
	}
	
ul li {
	background: url("../../images/sonstiges/list_img_blau.gif") no-repeat 0 2px;
	padding-left: 15px;
	margin-bottom: 2px;
	}
	
small {
	font-size: 0.93em;
	}
	
/*****************************
*	UEBERSCHRIFTEN		 	 */

h1 {
	font: 1.83em "Arial Narrow bold", Arial, Helvetica, Sans-Serif;
	letter-spacing: -0.05em;
	color: #006AB3;
	margin: 0.625em 0 1.25em 0;
	}
	
#kopf h1 {
	font-size: 1.5em;
	color: #666666;
	margin: 0;
	position: absolute;
	bottom: 10px;
	left: 20px;
	}

h2 {
	font: 1.5em "Arial Narrow bold", Arial, Helvetica, Sans-Serif;
	letter-spacing: -0.05em;
	color: #006AB3;
	margin: 0.5em 0 1em 0;
	}
	
#inhalt h2 {
	margin-top: 0.5em;
	font-size: 1.75em;
	}
	
#unternavigation h2 {
	position: absolute;
	left: 656px;
	top: 115px;
	margin: 0;
	padding-left: 20px;
	background: url("../../images/sonstiges/submit_dreieck.gif") no-repeat 0 -1px;
	}
	
h3 {
	font: bold 1.375em "Arial Narrow bold", Arial, Helvetica, Sans-Serif;
	letter-spacing: -0.05em;
	margin: 1em 0 0.5em 0;
	color: #006AB3;
	}
	
#navigation h3 {
	font: 1.5em "Arial Narrow bold", Arial, Helvetica, Sans-Serif;
	margin: 0.375em 0 0.375em 0;
	padding-left: 19px;
	}
	
#navigation h3:hover {
	background: url("../../images/sonstiges/nav_hover.gif") no-repeat 0 7px;
	}
	
#navigation h3.aktiv {
	background: url("../../images/sonstiges/nav_hover.gif") no-repeat 0 7px;
	}
	
#infobereich h3 {
	font-size: 1.5em;
	margin: 0;
	letter-spacing: 0;
	}
	
h4 {
	font: bold 1.25em "Arial Narrow bold", Arial, Helvetica, Sans-Serif;
	letter-spacing: -0.05em;
	margin: 1em 0 0.5em 0;
	color: #006AB3;
	}
	
#infobereich h4 {
	font-size: 1.125em;
	margin-top: 1.25em;
	color: black;
	letter-spacing: 0;
	}

/*****************************
*	RAHMEN				 	 */

#rahmen {
	width: 885px;
	position: relative;
	margin: 0 auto;
	}
	
#kopf {
	width: 100%;
	height: 101px;
	float: left;
	position: relative;
	}
	
#kopf .logo {
	position: absolute;
	bottom: 7px;
	right: 0;
	}
	
#unternavigation {
	width: 865px;
	padding: 25px 0 25px 20px;
	float: left;
	}
	
#unternavigation a {
	text-decoration: none;
	}
	
#navigation {
	width: 210px;
	float: left;
	padding: 17px 0 50px 0;
	}

#navigation a {
	text-decoration: none;
	}

#navigation ul {
	list-style: none outside;
	margin: 15px 0 15px 20px;
	padding: 0;
	font-size: 0.925em;
	line-height: 1em;
	}
	
#navigation ul li {
	background: none;
	padding: 0;
	margin: 0 0 5px 0;
	}
	
#navigation ul li a {
	color: #666666;
	}
	
#navigation ul li a:hover {
	color: #006AB3;
	}
	
#navigation ul li strong a {
	color: #006AB3;
	font-weight: bold;
	}

#inhalt {
	width: 415px;
	float: left;
	padding: 15px 25px 25px 25px;
	}
	
/*#inhalt h2 {
	font-size: 1.75em;
	letter-spacing: 0;
	}*/

#infobereich {
	width: 210px;
	float: left;
	padding-top: 25px;
	font-size: 0.93em;
	line-height: 1.125em;
	}
	
#infobereich h3 {
	font-size: 1.25em;
	}
	
#infobereich form {
	margin-bottom: 21px;
	}
	
#fuss {
	width: 100%;
	height: 50px;
	float: left;
	margin-top: 20px;
	background: url("../../images/rahmen/fuss.gif") repeat-x 0 bottom;
	}
	
#fuss div {
	width: 885px;
	margin: 0 auto;
	}
	
#fuss div a {
	float: left;
	display: inline;
	color: #7f7f7f;
	font-size: 0.91666667em;
	margin: 0 50px 0 0;
	text-decoration: none;
	}

/*****************************
*	STARTSEITE			 	 */

.bereich {
	width: 430px;
	height: 120px;
	float: left;
	margin-right: 12px;
	}
	
.bereich a {
	text-decoration: none;
	}
	
.bereich ul {
	width: 310px;
	float: left;
	list-style: square outside;
	margin: 0;
	padding: 0;
	}
	
.bereich ul li {
	width: 133px;
	float: left;
	display: inline;
	margin: 0 10px 3px 0;
	padding: 0 0 0 12px;
	line-height: 12px;
	background: url("../../images/sonstiges/list_img_grau.gif") no-repeat 0 0px;
	}
	
/*****************************
*	KLASSEN				 	 */

/*### BILDER ###*/
.bild_links {
	margin: 0 15px 10px 0;
	}	

.bild_rechts {
	float: right;
	margin: 0 0 10px 15px;
	}
	
.bild_umbruch {
	clear: both;
	float: none;
	margin: 10px 0 10px 0;
	}

/*### DIVERSES ###*/

.iframe {
	width: 410px;
	height: 350px;
	border: 1px solid #006AB3;
	float: left;
	}
	
.organigramm {
	width: 100%;
	float: left;
	position: relative;
	}

.organigramm h3 {
	width: 82%;
	float: left;
	display: inline;
	padding-left: 13px;
	margin: 0 0 15px 0;
	background: url("../../images/rahmen/pfeil_gross.gif") no-repeat 0 2px;
	}

.organigramm a {
	text-decoration: none;
	}

.organigramm ul {
	width: 80%;
	float: left;
	margin: 0 0 15px 15px;
	}
	
.organigramm ul li {
	background: url("../../images/rahmen/pfeil_klein.gif") no-repeat 0 2px;
	}
	
.organigramm ul li a {
	color: #666666;
	}
	
.organigramm .pfeil {
	position: absolute;
	top: 75px;
	left: 63px;
	}
	
/*****************************
*	FORMULARE			 	 */

input {
	width: 175px;
	font-size: 0.875em;
	font-weight: bold;
	float: left;
	background: #f0f9ff;
	color: #3c8ec6;
	border-top: 1px solid #78b1d9;
	border-left: 1px solid #78b1d9;
	border-right: 1px solid #def2ff;
	border-bottom: 1px solid #def2ff;
	padding: 4px;
	}
	
input.submit {
	width: auto;
	border: 0;
	padding: 0;
	}
	
select {
	width: 200px;
	float: left;
	padding: 1px;
	font-size: 0.916em;
	color: #006ab3;
	background: #ebf7ff;
	border: 1px solid;
	border-color: #006ab3 #ccebff #ccebff #006ab3;
	}