/* ---------------------------------------------- */
/* --------------- Anfang HTML-Tags ------------- */
/* ---------------------------------------------- */

h1, h2, h3, h4, h5, div, p, form, ul {
	padding: 0;
	margin: 0;
}

h1, h1 a {
	font-size: 1.3em;
	font-weight: bold;
	color: #396B7D;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h2, h2 a {
	font-size: 1.1em;
	font-weight: bold;
	color:#396B7D;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h3, h3 a {
	font-size: 1em;
	font-weight: bold;
}

h4, h4 a {
	font-size: 1em;
	font-weight: bold;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

img {
	border: 0;
}

ul {
	margin-top: 1em;
	margin-left: 0.5em;
}

html {
	height: 100%
}


body {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	color: #000000; 
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 99%;
}

#outside{
	width:100%;
	background: url(/images/bgs/orange_k.gif) repeat-x top;
}

#outside2{
	width:100%;
	background: url(/images/bgs/footer_out.gif) repeat-x bottom;
}

#width{
	max-width:1280px;
	min-width:1024px;
	background: url(/images/bgs/body_r.gif) repeat-y right; 
}

#width2{
	max-width:1280px;
	min-width:1024px;
	background: url(/images/bgs/body.gif) repeat-y -784px top; 
}	


#picture{
	width: 100%;
	height:215px;
	background: #fff url(/images/bgs/linie_k.gif) repeat-x 317px top; 
}



div {
	margin: 0px;
	padding: 0px;
}

p {
	margin-top: 0px;
}

#content ul {
	list-style-type: square;
	margin-left: 16px;
	padding-bottom: 10px;
}


/* ---------------------------------------------- */
/* ---------------- Ende HTML-Tags -------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ----------- Anfang Seitenaufteilung ---------- */
/* ---------------------------------------------- */


#header {
	left: 0px; 
	max-width: 1280px; 
	min-width: 1024px;
	color: #000000; 
	top: 0px; 
	height: 215px;
	background: #fff url(/images/bgs/linie_k.gif) repeat-x 317px top; 
}


#pictures{
	width: 400px;
	height:215px;
	float:right;
	background: #fff url(/images/bgs/linie_k.gif) repeat-x 317px top; 
}

#footer {
	clear: both; 
	width: 100%; 
	color: #000000; 
	position: relative; 
	height: 100px;
	background: url(/images/bgs/footer.gif) no-repeat left top #ffffff; 
	font-size: 0.8em;
	color: #040F45;
}

#footer a {
	text-decoration: none;
	color: #396B7D;
}

html #footer {
	height: 100px;
}

#footer p {
	padding-left: 120px;
	padding-top: 25px;
	line-height: 1.6em;
	color: #396B7D;
}

#clearheader {
	height: 200px;
}

#clearfooter {
	clear: both; 
	height: 70px;
}

html #centrecontent {
	margin-bottom: 5px; 
	height: 1%;
}

#centrecontent {
	float: right; 
	margin: 0px ; 
	width: 100%; 
	position: relative;
	font-size: 0.9em;
	line-height: 1.4em;
}

#content {
	font-size: 0.85em;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right:10px;
}

#logo {
	height: 215px;
	float:left;
}


/* ---------------------------------------------- */
/* ------------ Ende Seitenaufteilung ----------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------------- Anfang Klassen -------------- */
/* ---------------------------------------------- */

.outerwrap {
	float: left; 
	width: 44.5%;
	border-right: 1px solid #396B7D;
}

.invisible {
	display: none;
}


/* ---------------------------------------------- */
/* ----------------- Ende Klassen --------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ------------ Anfang Leftmenu ----------- */
/* ---------------------------------------------- */

#menu {
	position: relative;
	width: 230px;
	font-size: 0.85em;
	top: 20px;
	text-align: right;
	color: #000000;
	padding-bottom: 40px;
}

#menu ul 
{
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
}

#menu ul li
{
	width: 190px;
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
}

#menu ul li a
{
	text-decoration: none;
	padding-left: 5px;
	padding-right: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #396B7D;
	line-height: 1.0em;
	display: block;
	background: url(/images/menu/level_1.gif) no-repeat right;
}

#menu ul li a:hover
{
	background: url(/images/menu/level_1_f2.gif) no-repeat right;
}

#menu ul li a.active
{
	background: url(/images/menu/level_1_f2.gif) no-repeat right;
	font-weight: bold;
}

#menu ul li ul li a
{
	text-decoration: none;
	padding-left: 5px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #CE4525;
	line-height: 1.0em;
	display: block;
	background: url(/images/menu/level_2.gif) no-repeat 211px;
}

#menu ul li ul li a:hover
{
	background: url(/images/menu/level_2_f2.gif) no-repeat 211px;
}

#menu ul li ul li a.active
{
	background: url(/images/menu/level_2_f2.gif) no-repeat 211px;
	font-weight: bold;
}

#menu ul li ul li ul li a
{
	text-decoration: none;
	padding-left: 5px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #CE4525;
	line-height: 1.0em;
	display: block;
	background: url(/images/menu/level_3.gif) no-repeat 211px;
}

#menu ul li ul li ul li a:hover
{
	display: block;
	background: url(/images/menu/level_3_f2.gif) no-repeat 211px;
}

#menu ul li ul li ul li a.active
{
	background: url(/images/menu/level_3_f2.gif) no-repeat 211px;
}

/* ---------------------------------------------- */
/* ------------- Ende Hauptnavigation ----------- */
/* ---------------------------------------------- */







/* ---------------------------------------------- */
/* ---------------- Anfang Links ---------------- */
/* ---------------------------------------------- */

a {
	color:#396B7D;
	text-decoration: none;
}

a:link {
	color:#396B7D;
}


a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* ------------------ Ende Links ---------------- */
/* ---------------------------------------------- */





/* ---------------------------------------------- */
/* -------------- Anfang Icons ------------------ */
/* ---------------------------------------------- */

.newwindow {
	background: url(../images/icons/newwindow.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.3em;
	text-decoration: none;
}

.link {
	background: url(/images/icons/link.gif) no-repeat;
	background-position: 0em center;
	padding-left: 1em;
	text-decoration: none;
}

.email {
	background: url(../images/icons/email.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 1.3em;
	text-decoration: none;
}

.topofpage {
	background: url(/images/icons/topofpage.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 0.9em;
	text-decoration: none;
	font-size: 0.9em;
}

.bckpage {
	background: url(/images/icons/link_back.gif) no-repeat;
	background-position: 0em 0.5em;
}

/* ---------------------------------------------- */
/* ---------------- Ende Icons ------------------ */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------- Anfang Formularelemente ----------- */
/* ---------------------------------------------- */


fieldset {
	border: 1px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
}

legend {
	display: none;
}

input {
	padding: 0;
	margin: 0;
}

/* Durch das folgende Beispiel verwandelt sich der Mauszeiger beim ?berfahren des Labels in eine Hand mit Zeigefinger: */
label {
	cursor: pointer;
}

/* Als n?chstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einf?gemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
#centrecontent input:focus, #centrecontent textarea:focus {
	color: #000;
	background: #fff;

}

/* Zun?chst werden die Labels mit der Klasse "left" rechtsb?ndig an eine imagin?re Mittelachse gebracht und mit einem Abstand zu den daneben stehenden Kontrollelementen versehen: */
#centrecontent label.left {
	float: left;
	text-align: right;
	width: 7em;
	margin-right: .3em;
	}

/* Als n?chstes werden die Text- und Auswahlboxen rechts daneben positioniert. Weil diese im HTML ohne einen erzwungenen Zeilenumbruch (z.B. durch <br /> oder die Grenzen einer <td>) nach den Labels kommen, ordnen sie sich durch das float:left; automatisch rechts neben die Beschriftungen ein: */
#outer input[type=text], select {
	float: left;
	}

/* Aus unerfindlichen Gr?nden braucht der Mozilla eine Extrawurst in Form eines zus?tzlichen em f?r den Abstand nach links: */
#centrecontent input[type=checkbox].right,
#centrecontent input[type=radio].right,
#centrecontent input[type=submit].right {
	margin-left: 7.5em;
	}

/* Durch die folgende Deklaration werden die float-Zust?nde wieder aufgehoben, so dass es danach ganz normal im Fluss des Dokumentes weitergehen kann: */
form br {
	clear: both;
	}

/* Nun wird die Hintergrundfarbe von Textfeldern , sobald diese aktiviert sind, ge?ndert. Damit teilen Sie Ihrem Benutzer deutlich mit, in welchem Abschnitt des Formulares er sich zur Zeit befindet und welche Eingabe als n?chstes erwartet wird. Hierzu m?ssen Sie zun?chst einmal die Hintergrundfarbe der Textfelder definieren: */
#centrecontent fieldset input, #centrecontent fieldset textarea {
	color: #000;
	background: #ddd;
	width: 20em; 
	}

/* Als n?chstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einf?gemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
input:focus, textarea:focus {
	color: #000;
	background: #fff;
}
	

/* ---------------------------------------------- */
/* ------------ Ende Formularelemente ----------- */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* ------------ Anfang Kopffotos ----------- */
/* ---------------------------------------------- */

div.p_position{
	width: 400px;
	height:215px;
	float:right;
}

#foto1 {
	position: absolute;
	border: 1px solid #396B7D;
	height: 133px;
	width: 200px;
	top: 60px;
}

#foto2 {
	position: absolute;
	border: 1px solid #396B7D;
	height: 100px;
	width: 150px;
	top: 15px;
	margin-left:145px;
}

#foto3 {
	position: absolute;
	border: 1px solid #396B7D;
	height: 100px;
	width: 150px;
	top: 60px;
	margin-left:248px;
}

#content p {
	margin-bottom: 1em;
}

#marginal{
	
	width: 176px;
	padding-left: 16px;
}

input #text .searchForm{
	width: 140px;
	border: 1px solid #396B7D;
}

#menu .content_men, #content .content_no {
	display:none;
}


#content .content_men ul li a{
	font-weight: bold;
}

#content .content_men ul li ul li a{
	font-weight: normal;
}

#content ul.suche li{
	padding-bottom: 10px;
}


#content div.section{
	width: 100%;
	margin-top: 1.75em;
}


#marginal{line-height: 1.2em;}

div.section{
	margin-top: 1.07em;
	border-top: 1px solid #396B7D;
}

#marginal div.section{
	border-bottom: 1px solid #396B7D;
	border-top: none;
	padding-bottom: 1em;
}



#marginal h1,#marginal h2,#marginal h1 a,#marginal h2 a, #marginal p, .textarea p, #marginal a{
	font-size:0.8em;
	font-weight: normal;
	margin-bottom:0.3em;
	margin-top:0.5em;

} 

#marginal h1,#marginal h2, #marginal h1 a,#marginal h2 a{
	line-height: 1.2em;
} 


#marginal .link {
	background: url(/images/icons/link.gif) no-repeat;
	background-position: 0em 5px;
	padding-left: 1em;
	text-decoration: none;
	color:#396B7D;
}

#marginal div.head{
	border-bottom: 1px solid #396B7D;
}

#marginal div.head_top, #marginal div.head_top2{
	border-bottom: 1px solid #396B7D;
	margin-top: 2em;
}


#marginal div.head h1, #marginal div.head2 h1, #marginal div.head h1 a, #marginal div.head2 h1 a{
	font-size: 0.85em;
	font-weight: bold;
	color:#396B7D;
}

#marginal div.section h1.title a{
	font-size: 1em;
	color:#396B7D;
}

.blue{color:#396B7D;}


#openform{
	font-size: 11px;
}

#openform input, #openform select{
	font-size: 9px;
	height:14px;
	width: 82px;
}

#openform select{
	height:18px;
}

#openform input.subbtn{
	font-size: 11px;
	height:21px;
	width: 82px;
}

#openform input.ErrorInput{
	border:1px solid #ff0000;
}

#openform .ErrorText{
	color: #ff0000;
}

#marginal div.head_top h1 a, #marginal div.head_top2 h1 a {
	font-size: 1em;
	font-weight: bold;
	color:#ce4525;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

#marginal div.head_top h1 a:hover {
	text-decoration: none;
}

#marginal div.head_top h1.open {
	background: url(/images/icons/down.gif) no-repeat;
	background-position: right;
}

#marginal div.head_top h1.up {
	background: url(/images/icons/up.gif) no-repeat;
	background-position: right;
}

#left img.donau{
	margin-top: 2em;
	margin-left: 3.4em;
}

#left img.siegel{
	margin-top: 2em;
	margin-left: 8.3em;
}

img.img-pfeil{
	margin-top: -8px;
}

div#marginal div.head_top2 h1 a.size{
	font-size:1.4em;
}

#left { 
	float:left; 
	width:180px; 
	height:20px; 
} 

#right { 
	float:right; 
	width:193px; 
} 

#middle { 
	padding-left: 300px;
	margin-right:180px;
}