html * { font-size: 100.01% }

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	text-align: center;
}
#wrapper {
	position: relative;
	text-align: left;
	width: 984px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg/shadow-bg_984.gif);
	background-repeat:repeat-y;
}


#haarlinieOben {
	width: 984px;
	height: 10px;
	background-image: url(../images/bg/haarlinie-oben_984_shadow_2.gif);
	background-repeat:no-repeat;
}

#main {
	padding: 0 20px 20px 20px;
	background-image: url(../images/bg/shadow-bottom_984.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}


/* #########################
Kopf-Navigation
######################### */

#header {
    height:284px;
    position:relative;
	font-size: 0.8em;
}

#header a {
	line-height: 1.5em;
}

#header a:link, a:visited {
	color:black;
}

#header a:hover {
	color:white;
}
#header a:active {
	color:#871124;
}

#header h1 {
	margin: 0;
    padding-top: 15px;
	padding-bottom: 0.5em;
	color:black;
    font-weight:bold;
    font-size: 1.2em;
}

#header .aktiveHeader  a:link, .aktiveHeader  a:visited {
	color:#871124;
}

#header .aktiveHeader  a:hover {
	color:black;
}
#header .aktiveHeader  a:active {
	color:red;
}

#header .aktiveHeader h1 {
	color: #555;
} 



#headline0 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_0.gif);
	background-repeat:no-repeat;
}

#headline450 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_0_45.gif);
	background-repeat:no-repeat;
}

#headline1 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_1.gif);
	background-repeat:no-repeat;
}

#headline451 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_1_45.gif);
	background-repeat:no-repeat;
}

#headline2 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_2.gif);
	background-repeat:no-repeat;
}

#headline452 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_2_45.gif);
	background-repeat:no-repeat;
}

#headline3 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_3.gif);
	background-repeat:no-repeat;
}

#headline453 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_3_45.gif);
	background-repeat:no-repeat;
}

#headline4 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_4.gif);
	background-repeat:no-repeat;
}

#headline5 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_5.gif);
	background-repeat:no-repeat;
}

#headline45 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 0px;
    left: 0px;
	height: 284px;
	width: 944px;
	background-image: url(../images/kopf/header_45.gif);
	background-repeat:no-repeat;
}



#transparentLayer {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 2px;
    left: 651px;
	height: 45px;
	width: 310px;
	background-color: transparent;
} 


#navBox0 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 41px;
    left: 0px;
	height: 122px;
	width: 313px;
} 

#navBox450 {
	margin: 0;
    padding: 0;
	position:absolute;
	top: 41px;
    left: 0px;
	height: 122px;
	width: 313px;
} 

#navBox1 {
	margin: 0;
    padding: 25px 0 0 20px;
	position:absolute;
	top: 41px;
    left: 313px;
	height: 122px;
	width: 318px;
} 

#navBox451 {
	margin: 0;
    padding: 25px 0 0 20px;
	position:absolute;
	top: 41px;
    left: 313px;
	height: 122px;
	width: 318px;
} 

#navBox2 {
	margin: 0;
	padding: 25px 0 0 20px;
	position:absolute;
	top: 41px;
    left: 631px;
	height: 122px;
	width: 313px;
} 

#navBox452 {
	margin: 0;
	padding: 25px 0 0 20px;
	position:absolute;
	top: 41px;
    left: 631px;
	height: 122px;
	width: 313px;
} 

#navBox3 {
	margin: 0;
	padding-top: 15px;
	padding-left: 20px;
	position:absolute;
	top: 163px;
    left: 0px;
	height: 125px;
	width: 313px;
} 

#navBox453 {
	margin: 0;
	padding-top: 15px;
	padding-left: 20px;
	position:absolute;
	top: 163px;
    left: 0px;
	height: 125px;
	width: 313px;
} 

#navBox4 {
	margin: 0;
	padding-top: 15px;
	padding-left: 20px;
	position:absolute;
	top: 163px;
    left: 313px;
	height: 125px;
	width: 318px;
} 

#navBox5 {
	margin: 0;
	padding-top: 15px;
	padding-left: 20px;
	position:absolute;
	top: 163px;
    left: 631px;
	height: 125px;
	width: 313px;
} 

#navBox45 {
	margin: 0;
	padding-top: 15px;
	padding-left: 20px;
	position:absolute;
	top: 163px;
    left: 313px;
	height: 125px;
	width: 631px;
} 


#content {
	float:right;
    width: 615px;
	min-height: 300px;
	padding: 0 10px 0 0;
	margin-bottom: 10px;
	border-left: 1px solid #871124;
	border-right: 1px solid #871124;
	border-bottom: 1px solid #871124;
}

/* für IE6 und aelter */
* html #content {
	height: 300px
}


/* #########################
Content
######################### */

#content p {
	font-size: 0.9em;
	line-height: 1.8em;
	margin-left: 1em;
}

#content h1 {
	font-size: 1.1em;
	line-height: 1.8em;
	margin-left: 1em;
}

#content h2 {
	font-size: 1em;
	line-height: 1.8em;
	margin-left: 1em;
}

#content a {
    background-color:transparent;
}

#content a:link, #content a:visited {
	color: #871124;
}

#content a:hover {
	color: black;
}

#content a:active {
	color: red;
}

#content ul {
	list-style-type: square;
	margin: 0 0 2em 1em;
	padding: 0;
}

#content ul li {
	font-size: 0.9em;
	margin: 0 0 0.3em 2em;
	padding: 0;
}

#content ol {
	margin: 0 0 2em 1em;
	padding: 0;
}
#content ol li {
	font-size: 0.9em;
	margin: 0 0 0.6em 2em;
	padding: 0;
}


/* #########################
backLink
######################### */

.backLink {
	float: right;
	font-size: 0.8em;
	padding: 0.5em;
	margin: 1em 0 1em 0;
    text-align: right;
    color: #871124;
}

.backLink a {
    text-decoration: none;
	padding-left:11px;
	margin-left:2px;
	background:url(../images/nav/back.gif) left no-repeat;
	
}

.backLink a:link, #backLink a:visited {
	color: #871124;
}

.backLink a:hover {
	color: black;
}

.backLink a:active {
	color: red;
}


/* #########################
linke Navigation
######################### */

#navigation {
	float:left;
	width: 309px;
	padding-bottom: 10px;
	border-left: 1px solid #871124;
	border-right: 1px solid #871124;
}

#navigation ul {
	list-style: none;
	margin: 0.5em 0 0.5em 1em;
	padding: 0;
	border-left: 15px solid #33B8C9;
}

#navigation li {
	display:block;
	font-size: 0.9em;
	margin: 0;
	padding-top: 0.5em;
    padding-left: 2em;
}

#navigation li.navUeberschrift {
	font-weight: bold;
	color: #555;
	margin-left: -1em;
} 

#navigation a {
    background-color:transparent;
}

#navigation a:link, #navigation a:visited {
	color: #871124;
}

#navigation a:hover {
	color: black;
}

#navigation a:active {
	color: red;
}

#navigation a.activeNav {
	background: url(../images/nav/bullet.gif);
	background-repeat: no-repeat;
    background-position: right;
    padding-right:14px;
} 


/* #########################
footer: mediaBox (linke Navigation)
######################### */

#mediaBox {
	float:left;
	width: 309px;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #33B8C9;
	border-right: 1px solid #33B8C9;
	border-left: 1px solid #33B8C9;
}

#mediaBox h2 {
	padding-left: 1.6em;
}

#mediaBox p {
	padding-left: 1.8em;
	font-size: 0.9em;
	line-height: 1.9em;
}

#mediaBox a:link, #mediaBox a:visited {
	color: #000;
}

#mediaBox a:hover {
	color: #FFF;
}

#mediaBox a:active {
	color: #871124;
}


/* #########################
footer: extrainfo (Zufallstext)
######################### */

#extraInfo {
	float:left;
	width: 309px;
	color: #000;
	margin-bottom: 1em;
	background-color: #33B8C9;
	border-right: 1px solid #33B8C9;
	border-bottom: 1px solid #33B8C9;
	border-left: 1px solid #33B8C9;
}

#extraInfo p {
	font-size: 0.75em;
	line-height: 1.2em;
	margin: 0.3em 0.3em 0.5em 0;
	padding: 2em;
}

#extraInfo .image_right {
	margin: 3em 2em 1em 0.6em;
	font-size: 0.5em;
	color: #000;
	float: right;
}
#extraInfo .image_right img{
	display: block;
	margin: 0.5em 0 0.3em 0;
	border: 1px solid #555;
}

#extraInfo .image_center {
	margin: 3em 2em 1em 2em;
	font-size: 0.6em;
	color: #000;
	float: none;
}
#extraInfo .image_center img{
	display: block;
	margin: 0 0 0.3em 0;
	border: 1px solid #555;
}

/* #########################
footer
######################### */

#footer {
	clear:both;
	font-size: 0.8em;
	padding: 0.5em;
    text-align: left;
    color: #FFF;
    background-color: #871124;
}

#footer a {
    background-color:transparent;
}

#footer a:link, #footer a:visited {
	color: #FFF;
}

#footer a:hover {
	color: black;
}

#footer a:active {
	color: red;
}


/* #########################
topLink
######################### */

#topLink {
	clear:both;
	font-size: 0.8em;
	padding: 0.5em;
	margin: 1em 0 1em 0;
    text-align: right;
    color: #871124;
}

#topLink a {
    text-decoration: none;
	padding-right:15px;
	margin-right:2px;
	background:url(../images/nav/top.gif) right no-repeat;
	
}

#topLink a:link, #topLink a:visited {
	color: #871124;
}

#topLink a:hover {
	color: black;
}

#topLink a:active {
	color: red;
}

/* #########################
Tabelle
######################### */

.Tabelle {
	border-collapse: collapse;
	margin-left: 1em;
}

.Tabelle th {
	background-color: #33B8C9;
	color: #FFF;
}

.Tabelle td, .Tabelle th {
	border: 1px solid #33B8C9;
	padding: 0.4em;
	vertical-align: top;
}

.Tabelle tr.altRow {
	background-color: #DFE7F2;
	color: #000000;
}

.Tabelle a:link, .partnerTabelle a:visited {
	color: #871124;
}

.Tabelle a:hover {
	color: #33B8C9;
}

.Tabelle a:active {
	color: red;
}

div.partnerInfo {
	display:none;
	width: 510px;
	font-size: 0.8em;
	margin-top: 0.3em;
}

img.partnerLogo {
	float: right;
	border: 1px solid #555;
	margin: 0.2em 0 0.1em 0.5em;
}

tr.partnerInfoRow {
	display:none;
	font-size: 0.8em;
}


.Tabelle td.ergebnis {
	font-size: 0.8em;
}



/* #########################
content-Boxen
######################### */

div.clearBoth {
	clear:both;
}


.content_image_right {
	margin: 0 0 0.3em 0.6em;
	font-size: 0.7em;
	color: #555;
	text-align: right;
	float: right;
}
.content_image_right img{
	display: block;
	margin: 0.5em 0 0.3em 0;
	border: 1px solid #555;
}


.content_image_left {
	margin: 0 0.6em 0.3em 1.2em;
	font-size: 0.7em;
	color: #555;
	text-align: left;
	float: left;
}
.content_image_left img{
	display: block;
	margin: 0.5em 0 0.3em 0;
	border: 1px solid #555;
}


.content_image_center {
	margin: 0 0 0 1.8em;
	font-size: 0.7em;
	color: #555;
	clear: both;
}
.content_image_center img{
	display: block;
	margin: 0.5em 0 0.3em 0;
	border: 1px solid #555;
}



.content_VA-teaser-IMG {
	margin: 0 1em 2em 1.5em;
	font-size: 0.7em;
	color: #555;
	float: left;
}
.content_VA-teaser-IMG img{
	display: block;
	margin: 0.5em 0 0.3em 0;
	border: 1px solid #555;
}
.content_VA-teaser-text {
	width: 430px;
	margin-bottom: 2em;
	float: left;
}
.teaser-date {
	margin: 0.2em 0 0 1em;
	font-size: 0.8em;
	font-weight: bold;
}
.teaser-header {
	margin: 0.6em 0 0 0.9em;
	font-size: 1em;
	font-weight: bold;
}
.teaser-text {
	margin: 0.6em 0 0 1em;
	font-size: 0.9em;
	line-height: 1.5em;
}