/*  CSS-Reset -------------------------- */
/* Allgemeine Styles ----------------------------------- */
body {
	height: 101%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	margin: 0 0 0 30px;
	padding: 0;
}

h1 {
	color: #005e72;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 15px 0;
}

p {
	color: #595959;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 16px 0;
}

p.abstract {
	font-weight: bold;
}

a {
	color: #005e72;
	text-decoration: none;
}
	a:hover {
		color: #333;
	}
	
a.intern {
	color: #808080;
	text-decoration: none;
	font-weight: bold;
}

	a.intern:hover  {
		color: #005e72;
	}

a.extern {
	color: #005e72;
	text-decoration: none;
	font-weight: bold;
}
	
	a.extern:hover {
		color: #808080;
	}

#wrapper {
	float: left;
	width: 866px;
}
.clearfix {
	clear: both;
}


/* Header -----------------------------------------------*/

#header {
	border-bottom: 1px solid #80aeb9;
	height: 102px;
	width: 866px;
	display: none;
}

	#header img {
		float: left;
		}

/* Metanavi TOP */

/* Metanvai TOP ----------------------------------------------*/

#metanavitop {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 60px 0 0 0;
	text-transform: uppercase;
}

#metanavitop ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	
}

#metanavitop ul li { 
	display: inline;
}

#metanavitop ul li a { 
	color: #808080;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
}
	
	#metanavitop ul li a:hover { 
		color: #005e72;
	}

/* Hauptmenu - Flyout ----------------------------------------*/

#mainmenu {
	background: url(../images/keyvisuals/keyvisual1.jpg) no-repeat left 35px;
	margin: 10px 0 0 0;
	padding: 0;
	width: 866px;
	height: 290px;
	display: none;
}

.menu {
	font-size: 13px;
	line-height: 20px;
	color: #005e72;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


ul.menu a {
	color: #005e72;
  	display: block;
 	padding: 0;
	margin: 0;
	text-decoration: none;
}

ul.menu a:hover {
	color: #333;
}


ul.menu li {
    float: left;
}

	ul.menu li a.active {
		color: #333;
	}

ul.menu, ul.menu ul {
    list-style-type: none;
	height: 245px;
	padding: 0;
	margin: 0;
}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.menu ul li { 
	display: inline;
}

/* Unterpunkte Textfarbe */
ul.menu ul li a {
	float:none;
	width: 164px;
	font-size: 12px;
	font-weight: normal;
	color: #f2f2f2;
	padding: 10px 0 0 10px;
	margin: 0;
	color: #333;
}


/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li a:hover {
    color: #005e72;
}

/* Zweite Ebene */
	ul.menu ul {
		background: url(../images/common/trans_menu.png);
		margin: 0;
		padding: 0;
		border-bottom: none;
		border-left: none;
		border-top: none;
		display: none;
		width: 174px;
		height: 246px;
		position: absolute; 
		}
		
			/* IE 6 kackt rum
			* html ul.menu ul {
			background-image: none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/common/trans_menu.png', sizingMethod='crop');
			}
			
			
			*/
			* html ul.menu ul {background: #fff;}
			
		
		
/* Zweite Ebene anzeigen */
	ul.menu li.hover ul, ul.menu li:hover ul  {
		display: block;
		margin: 0;
		padding: 15px 0 0 0;
        }
		
		/* Zweite Ebene anzeigen */
	ul.menu li.hover ul.menuright, ul.menu li:hover ul.menuright  {
		display: block;
		margin: 0;
		padding: 15px 0 0 0;
        }

	/*IE */
	*html ul.menu li.hover ul, ul.menu li:hover ul  {
		padding: 16px 0 0 0;
        	}

/* Dritte Ebene */
        ul.menu li.hover ul ul, ul.menu li:hover ul ul {
			display: none;
			margin-left: 174px; /* Breite eines Listenelements - Überlagerung */
			margin-top: 0; /* Höhe eines Listenelements */
			position: absolute;
			top: 0;
		}
		
		/* Dritte Ebene links*/
        ul.menu li.hover ul ul.menuright, ul.menu li:hover ul ul.menuright {
			display: none;
			margin-left: -174px; /* Breite eines Listenelements - Überlagerung */
			margin-top: 0; /* Höhe eines Listenelements */
			position: absolute;
			top: 0;
		}


        /* Dritte Ebene anzeigen */
        ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;
        }


/* Vierte Ebene */
        ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
            display: none;
			position: absolute;
			top: 0;
        }

        /* Vierte Ebene anzeigen */
        	ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
                display: block;
        }

/* Hauptmenu ENDE --------------------------------------------*/


/* Listenmenü ---------------------------------------------------*/

#listmenu {
	float: left;
	font-size: 12px;
	width: 180px;
	display: none;
}

#listmenu a {
	color: #808080;
}

#listmenu a.active {
	color: #005e72;
}

#listmenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	
}

#listmenu ul li { 
	padding: 0 0 5px 0;
}



#listmenu ul li a { 
	margin: 0;
	text-decoration: none;
}
	
	#listmenu ul li a:hover { 
		color: #005e72;
	}

/*2 Ebene */
#listmenu ul li ul { 
	background: url(../images/common/menu_arrow.gif) no-repeat 15px 9px;
	padding: 5px 0 0 25px;
}

#listmenu ul li ul li a { 
	margin: 0;
	text-decoration: none;
}
	
	#listmenu ul li ul li a:hover { 
		color: #005e72;
	}
		


/* Breadcrumb ---------------------------------------------------*/

#breadcrumb {
	border-bottom: 1px solid #d2d2d2;
	float: left;
	font-size: 11px;
	font-weight: bold;
	width: 646px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	display: none;
}

#breadcrumb ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	
}

#breadcrumb ul li.first {
	background: none;
	padding: 0;
	margin: 0;
}

#breadcrumb ul li { 
	background: url(../images/common/breadcrump_arrow.gif) no-repeat 10px 5px;
	display: inline;
	padding: 0 0 0 30px;
}

#breadcrumb ul li a { 
	color: #808080;
	margin: 0;
	text-decoration: none;
}
	
	#breadcrumb ul li a:hover { 
		color: #005e72;
	}

/* Content ---------------------------------------------------*/

#content-small {
	float: left;

	}


#content-big {
	float: left;
}


/* Marginal Boxen ---------------------------------------------*/

body.small #marginal { /* bei unterseiten */
	float: right;
	font-size: 11px;
	color: #595959;
	margin: -15px 0 0 20px;;
	width: 200px;
	display: none;
}


#marginal {
	float: left;
	font-size: 11px;
	color: #595959;
	margin: 0 0 0 20px;;
	width: 200px;
	display: none;
}

#marginal h3 {
	color: #005e72;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 10px 0;
	text-transform: uppercase;	
}

#marginal a {
	color: #005e72;
	font-weight: bold;
	text-decoration: none;
}

#marginal a:hover {
	color: #333;
}


	#marginal .kontaktbox {
		border-bottom: 1px solid #d3d3d3;
		padding: 0 0 20px 0;
	}
	
		#marginal .infobox {
		border-bottom: 1px solid #d3d3d3;
		padding: 0 0 20px 0;
	}
	
	
/* Tag Cloud -------------*/

.cloudbox {
	font-family: Georgia, "Times New Roman", Times, serif;
}

#marginal .cloudbox a {
	font-weight: normal;
}

#marginal .cloudbox h3 {
	font-family: Arial, Helvetica, sans-serif;
}

.cloudbox a.tag1 { font-size: 0.7em; font-weight: 100; }
.cloudbox a.tag2 { font-size: 0.8em; font-weight: 200; }
.cloudbox a.tag3 { font-size: 0.9em; font-weight: 300; }
.cloudbox a.tag4 { font-size: 1.0em; font-weight: 400; }
.cloudbox a.tag5 { font-size: 1.2em; font-weight: 500; }
.cloudbox a.tag6 { font-size: 1.4em; font-weight: 600; }
.cloudbox a.tag7 { font-size: 1.6em; font-weight: 700; }
.cloudbox a.tag8 { font-size: 1.8em; font-weight: 800; }
.cloudbox a.tag9 { font-size: 2.2em; font-weight: 900; }
.cloudbox a.tag10 { font-size: 2.5em; font-weight: 900; }


/* -----Sidebar ------------------------------------------------*/

#sidebar {
	float: left;
	width: 200px;
	margin: 45px 0 0 35px;
	display: none;
}

#sidebar p {
	font-size: 11px;
}


#sidebar a {
	color: #005e72;
	font-weight: bold;
	text-decoration: none;
}

#sidebar a:hover {
	color: #333;
}

.suchbox {
	border-bottom: solid #d3d3d3 1px ;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
}

.newletterlink {
	border-bottom: solid #d3d3d3 1px ;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
}

.feedbox {
	border-bottom: solid #d3d3d3 1px ;
	padding: 0 0 10px 0;
	margin: 0 0 25px 0;
}

#sidebar input.suche {
	background: #d9d9d9;
	border: none;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width: 194px;
	margin: 0;
	padding: 3px;
	
}



 #sidebar .newletterlink {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

 #sidebar h3 {
 	color: #005E72;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
 }

	#sidebar .rss-btn {
		margin: 0 0 0 15px;
	}

/* Footer ------------------------------------------------------*/

#footer {
	border-top: 1px solid #80aeb9;
	font-size: 10px;
	margin: 50px 0 20px 0;
	padding: 25px 0 0 0;
	width: 866px;
	display: none;
}

#footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	
}

#footer ul li { 
	display: inline;
}

#footer ul li a { 
	color: #808080;
	margin: 0;
	padding: 0 20px 0 0;
	text-decoration: none;
}
	
	#footer ul li a:hover { 
		color: #005e72;
	}