/*****************************************************************************
* Benutzerdefinierte Styles
* Author: Jörg Berger
******************************************************************************/

/*
 * Allgemeine Definitionen
 */
html {
height: 100%; margin-bottom: 0.1px;
}


BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*H1 {
	MARGIN-TOP: 0px; 
	FONT: bolder 1em Arial, sans-serif; 
	COLOR: #0d57ab
}

H2 {
	FONT: bolder 1em Arial, sans-serif; 
	COLOR: #0d57ab
}
H4 {
	MARGIN-BOTTOM: 2px; 
	FONT: bold small Verdana, sans-serif; 
	COLOR: #0D57AB
}
H5 {
	MARGIN-TOP: 2px; 
	FONT: bold italic small Arial, sans-serif; 
	COLOR: #43616b
}*/

A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	COLOR: #48576C;
}
A:hover {
	COLOR: #7A899E;
}
IMG {
	border:none;

}
HR {
	COLOR: #D6D6D6; 
	HEIGHT: 1px;
}
P {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/***********************************
 * I N H A L T E
 ***********************************/

/*
 * Header
 */
#top { 
	background-color: #fff; 
	background-image: none; 
	padding: 4px; 
	BORDER-BOTTOM: 1px solid #D6D6D6
}

DIV#top A {
	DISPLAY: block; 
	WIDTH: 153px; 
	BACKGROUND-COLOR: #FFFFFF
}
DIV#top A:hover {
	BACKGROUND-COLOR: #FFFFFF
}
/*
 * Headerinhalte (Metanavigation und Suche)
 */
DIV#topcontent {
	RIGHT: 0px; 
	WIDTH: 80%; 
	POSITION: absolute; 
	TOP: 10px;
	padding-right:10px;
	text-align: right;
}
#topcontent H2 {
	DISPLAY: inline;
 	MARGIN-RIGHT: 0.5em
}
#topcontent P {
	DISPLAY: inline; 
	MARGIN-RIGHT: 0.5em
} 
DIV#topcontent UL {
	RIGHT: 0px; 
	MARGIN: 0px 0px 40px; 
	LIST-STYLE-TYPE: none; 
	POSITION: absolute
}
DIV#topcontent UL LI {
	PADDING-RIGHT: 0.5em; 
	DISPLAY: inline; 
	PADDING-LEFT: 0.5em; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #48576C 1px solid; 
	PADDING-TOP: 0px
}
DIV#topcontent UL LI.first {
	BORDER-LEFT: 0px
}
DIV#topcontent UL LI A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
DIV#topcontent FORM {
	RIGHT: 10px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	POSITION: absolute; 
	TOP: 55px; 
	TEXT-ALIGN: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*
 * Headerimage
 */
#featureimg {
	BORDER-TOP: #D6D6D6 1px solid; 
	BACKGROUND: url(../images/head_kachel.gif) #48576C repeat-x right top;
	MARGIN: 0px 1px 0px 25%; 
	HEIGHT: 159px; 
	text-align: left;
	z-index: 5;
} 

/*
 * Linke Spalte
 */
 #left {
 padding:0px;
 margin:0px;
 background-color: #D6D6D6;
	WIDTH: 25%; 
	COLOR: #000; 
	POSITION: absolute; 
	TOP: 101px
}
#otherleftstuff {
	PADDING-RIGHT: 6%; 
	PADDING-LEFT: 6%; 
	WIDTH: 88%; 
	PADDING-TOP: 10px
} 
#footerimage{
	PADDING-TOP: 40px;
}
/*
 * Mittlere Spalte (Content)
 */

#center { 
	MARGIN: 0 25%; 
	COLOR: #000; 
	background-color: #fff; 
	padding: 1% 3%; 
}
#center P{ 
	line-height: 20px;
}
/*
#center UL{
	list-style-image: url(../images/icons/punkt_arrow.gif);
}
#center LI{
	line-height: 20px;
}
*/
#center ul
{
  list-style-type:none;
  padding:0;
  margin:0;
}
#center li
{
  background-image:url(../images/icons/punkt_arrow.gif);
  background-repeat:no-repeat;
  background-position: 0px 4px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-left:20px;
  line-height:20px;
}
/*
#center IMG { 
	float: left; 
	clear: both; 
	margin-right: 7px; 
	margin-bottom: 2px; 
	border: solid 1px #48576C; 
}
#center IMG.content {
	float: left; 
	clear: both; 
	border: 1px solid #48576C;  
	margin-bottom: 5px;  
	margin-right: 10px; }
}*/

/*
 * Rechte Spalte
 */
#ext_content P {
	COLOR: #48576C
} 
#ext_content IMG { 
	float: left; 
 }
#ext_content { 
	LEFT: 75%; 
	WIDTH: 21.8%; 
	POSITION: absolute; 
	TOP: 295px; 
	HEIGHT: auto; 
	TEXT-ALIGN: left; 
	padding: 10px 1.5%; 
	border-left: solid 1px #d6d6d6;

}
/*
 * Footer
 */
#footer { 
	CLEAR: both; 
	margin-top: 10px;
}
#footer p {
	MARGIN: 4px; 
	TEXT-ALIGN: center;
	COLOR: #d6d6d6; 
} 

/***********************************
 * N A V I G A T I O N
 ***********************************/

/*
 * Hauptnavigation (1. Navigationsebene) 
 */
#hauptnavigation {
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-top: 1px solid #e4dfd9;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
}

#hauptnavigation a.level1 {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	text-decoration: none;
	text-align: left;
	color: #fff;
	background-color: #48576C;
	border-bottom: 1px solid #e4dfd9;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

#hauptnavigation a.level1:hover {
	color: #fff;
	background-color: #EF936D;
	
}

#hauptnavigation a.level1active {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	background-color: #EF936D;
	border-bottom: 1px solid #e4dfd9;
}

#navi_level2 {
	display: block;
	background-color: #7A899E;
	margin: 0px;
	border-bottom: 1px solid #e4dfd9;
	position: relative;
	padding: 4px 10px 4px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
}

#navi_level2 a.level2 {
	display: block;
	text-align: left;
	color: #FFFFFF;
	background: none;
	margin: 0px 0px 0px 10px;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
}

#navi_level2 a.level2:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background: none;
}

#navi_level2 a.level2active {
	display: block;
	text-align: left;
	color: #FFFFFF;
	margin: 0px 0px 0px 10px;
	padding: 3px 0px 3px 0px;
	text-decoration: underline;
	background: none;
}
/*
 * Pfadnavigation - Rootline
 */
.rootline {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	COLOR: #48576c;
	text-decoration:none;
}
#navruler {
	PADDING-Top: 3px; 
	PADDING-LEFT: 5px;
	padding-bottom:10px; 
	float: none; clear: both; 
	BACKGROUND-COLOR: transparent; 
	width: auto;
	margin: 0 25%;
}


/***********************************
 * F O R M U L A R E
 ***********************************/
/*
 * Formularelemente
 */
.textbox {
	BORDER-RIGHT: #D6D6D6 1px solid; 
	PADDING-RIGHT: 4px; 
	BORDER-TOP: #D6D6D6 1px solid; 
	PADDING-LEFT: 4px; 
	PADDING-BOTTOM: 4px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	BORDER-LEFT: #D6D6D6 1px solid; 
	COLOR: #48576C; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #D6D6D6 1px solid; 
	BACKGROUND-COLOR: #fff
}
/*
 * Button
 */
.button {
	BORDER-RIGHT: #D6D6D6 1px solid; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: #D6D6D6 1px solid; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	BORDER-LEFT: #D6D6D6 1px solid; 
	COLOR: #fff; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: #D6D6D6 1px solid; 
	BACKGROUND-COLOR: #48576C;
	cursor:hand;
}

/***********************************
 * S O N T I G E S
 ***********************************/

/*
 * Sonstiges
 */

/*
 * Für News
 */
#news {
	PADDING-RIGHT: 1.5%; BORDER-TOP: #D6D6D6 1px solid; PADDING-LEFT: 1.5%; LEFT: 75%; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 21.9%; PADDING-TOP: 0px; POSITION: absolute; TOP: 101px; HEIGHT: 250px; BACKGROUND-COLOR: #48576C
}
#news H2 {
	MARGIN-TOP: 10px; COLOR: #d6d6d6
}
DIV#news P.row {
	MARGIN: 0px 0px 1em; WIDTH: 100%
}
DIV#news P.row SPAN.leftcol {
	FLOAT: left; COLOR: #d6d6d6
}
DIV#news P.row SPAN.rightcol {
	FLOAT: right; WIDTH: 70%
}
DIV#news P.row SPAN.rightcol A {
	FONT-WEIGHT: bold; COLOR: #D6D6D6
}
DIV#news P.row SPAN.rightcol A:hover {
	COLOR: #FFFFFF
}


/*
 * Nicht Zugewiesen
 */
 #articlesponsor P {
	COLOR: #D6D6D6
}
.latestarticle {
	MARGIN-BOTTOM: 0px
}
.headshot {
	DISPLAY: inline; FLOAT: left; MARGIN: 0px 0.5em 0.5em 0px
}
P.latestarticle A {
	CLEAR: right; FONT: bold small Verdana, sans-serif
}
.date {
	DISPLAY: block; FONT: x-small Verdana, sans-serif; COLOR: #48576C; TEXT-ALIGN: right
}

.blurb {
	MARGIN: 0px 0px 1em 55px
}
P.crumbtrail {
	FONT-SIZE: x-small;
}
 #articlesponsor {
	PADDING-RIGHT: 1.5%; PADDING-LEFT: 1.5%; PADDING-BOTTOM: 10px; MARGIN-LEFT: 75%; WIDTH: 21.9%; PADDING-TOP: 10px; POSITION: absolute; TOP: 150px; HEIGHT: 251px; TEXT-ALIGN: center
}

.spacer {
	CLEAR: both; DISPLAY: block; FONT: 1px/1 sans-serif; HEIGHT: 1px
}
#bio {
	BORDER-RIGHT: #5c6f90 4px solid; PADDING-RIGHT: 1%; BORDER-TOP: #5c6f90 4px dotted; PADDING-LEFT: 1%; FONT-SIZE: 0.7em; FLOAT: right; PADDING-BOTTOM: 1%; BORDER-LEFT: #5c6f90 4px dotted; WIDTH: 30%; PADDING-TOP: 1%; BORDER-BOTTOM: #5c6f90 4px dotted
}






