/* 
	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.
*/
li {padding: 0;margin:0;}
body {font: normal 0.7em arial; background-color:#cdcbcb}

#nav ol {
		width: 11em;
		
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #ff0000;
}

#nav ol li {
			position: relative;
border: 1px solid #ff0000;
border-bottom: 0;
		
}
#nav li ol {
		top: -1px;
		/* visual hide */
			position: absolute;
			left: -9999px;
		/* real hide */
			display: none; /* if you use LimitLinks:0 you should remove this line. */
		
}
#nav ol li a, 
#nav ol li strong {
display: block;		
text-decoration: none;
color: #000;
background: #fff; /* IE6 Bug */
padding: 4px;
	min-width: 9em;
}
#nav li.parent>a:after {
content: ">";
}
/* Hover/Focus Style */
#nav ol li a:hover, #nav ol li a:focus, #nav ol li a:active,
/* Opera Focus Style */
#nav ol li a.ofocus, #nav li ol li a.ofocus{ 
color: #666; background: #ff0000;
} 
/* 
	disable normal hover and focus style , if javascript is available
 */
#nav .navfxenabled li:hover ol { 
		left: -9999px;
	
}
/* 
	normal hover Style wtihout javascript
*/		
#nav li:hover ol,
/* 
	hover and focus style if javascript is available
*/
#nav .navfxenabled li.over ol { 
			display: block;
		left: 11em;
		margin-left: -2px;
		
} 
/* aktive Kategorie/Unterkategorie anzeigen */
#nav li.active a, #nav li.activepath a, 
#nav li.active a:hover, #nav li.activepath a:hover,
#nav li.active a:active, #nav li.activepath a:active,
#nav li.active a:focus, #nav li.activepath a:focus,
#nav li.active strong {
color: #666; 
background: #ff0000;
}
/* oben gemachte Einfärbung wieder zurücknehmen */
#nav li.active ol a, #nav li.activepath ol a {
color: #000; 
background: #fff;
}
/* 
	accesible for keyboard- and screenreader- users
 */
#nav li.active ol, 
#nav li.activepath ol {
			display: block;
		
}
/* Tastaturnutzung 
	Keyboardusage for good browsers
 */
#nav a:focus+ol {
		left: 11em; /* Abstand Untermenu */
		margin-left: -2px;
}
/* 	
	keyboard support without javascript
*/
#nav li ol li a:focus, #nav li ol li a:active {
			position: absolute;
		left: 997px; /* Viewportverschiebung ausschalten */
		margin-left: 11em; /* Abstand Untermenu */
}
/* 
	overwrite the keyboard support, if mouse is in use
*/
#nav li ol li a:hover, #nav  li ol li a:hover, /* kleinster gemeinsamer Nenner */
#nav li:hover ol li a:focus, #nav  li:hover ol li a:active,
/* 
	overwrite the keyboard support, if javascript is available
*/
#nav .navfxenabled li ol li a:focus, #nav .navfxenabled  li ol li a:active
 {
			position: static;
		margin-left: 0;
}
/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0;
		overflow: hidden;
		
}


#sfnav, #sfnav ul {						/*Balken der Navigation*/
		width: 100%;
list-style: none;
line-height: 1;
background:#cc0000;

	/*background-image:url(img/bgheadline_v2.png); background-repeat:repeat-x;*/
font-weight: bold;
padding: 0;
border: solid #cc0000;
border-width: 1px 0;
margin: 1em 0 1em 0;
position: absolute;
}

#sfnav a {
display: block;
color: #fff;
text-decoration: none;
padding: 0.25em 2em;
}

#sfnav a.daddy {										/*Parent Elemente (Elemente mit untergliederten (Child-)Elementen*/
background: url('rightarrow2.gif') no-repeat 95%;
}

#sfnav li {
			float: left;
		width: 10em;
padding: 0;
}

#sfnav li ul {
			position: absolute;
			left: -999em;
		width: 13.9em;
height: auto;
font-weight: normal;
border-width: 1px;
margin: 0;
}

#sfnav li li {
		width: 13.9em
}

#sfnav li ul ul {
		margin: -1.6em 0 0 14em;
}


#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
			left: -999em;
}
#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul
 {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
			left: -1px;			/* abstand von einer Untermenüspalte zur nächsten */
}
#nav3 li li.over ul.leftover, #nav3 .navfxenabled li li li.over ul.leftover, #nav3 .navfxenabled li li li li.over ul.leftover
 {
			left: -28.44em;
}
#nav3 #sfnav li.over,#sfnav li:hover {
background: #ff0000;
}

/*
	Styles für das 2. versteckte Menue
	Quick & Dirty / no IE support without JavaScript!!!!
*/
#nav2 ul {
		width: 150px;
	
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #cc0000;
}

#nav2 ul li {
			position: relative;
border: 1px solid #cc0000;
border-bottom: 0;
		
}
#nav2 li ul {
		top: -1px;
			position: absolute;
			left: -9999px;
			display: none;
		
}

#nav2 ul li a, 
#nav2 ul li strong {
display: block;		
text-decoration: none;
color: #000;
background: #fff;
padding: 5px;
min-width: 130px;
}
#nav2 li.parent>a:after {
content: ">";
}
#nav2 ul li a:hover, #nav2 ul li a:focus, #nav2 ul li a:active,
#nav2 ul li a.ofocus, #nav2 li ul li a.ofocus { 
color: #ff0000; background: #cc0000;
}
#nav2 .navfxenabled li:hover ul { 
		left: -999px;
	
}
#nav2 li:hover ul, 
#nav2 .navfxenabled li.over ul,
#nav2 li ul li:hover ul, 
#nav2 .navfxenabled li ul li.over ul
 { 
			display: block;
		left: 148px;
		
}
#nav2 li:hover ul ul, 
#nav2 .navfxenabled li.over ul ul { 
			left: -999px;
		
}
#nav2 ul li.active>a, #nav2 ul li.activepath>a, 
#nav2 li.active a:hover, #nav2 li.activepath a:hover,
#nav2 li.active a:active, #nav2 li.activepath a:active,
#nav2 li.active a:focus, #nav2 li.activepath a:focus,
#nav2 li.active strong,
#nav2 #ofocus {
color: #ff0000; 
background: #cc0000;
}
#nav2 .active ul a, #nav2 .activepath ul a {
color: #000; 
background: #fff;
}
#nav2 li.active ol, 
#nav2 li.activepath ul {
			display: block;
		
}
#nav2 a:focus+ul, #nav2 a:active+ul {
		left: 148px;
		
}
#nav2 li ul li a:focus+ul {
		left: 1248px;
		
}
#nav2 li ul li a:focus, #nav2 li ul li a:active {
			position: absolute;
		left: 1148px;
		
}
#nav2 li ul li ul a:focus, #nav2 li ul li ul a:active {
			position: absolute;
		left: 2180px;
		
}

#nav2 li ul li a:hover, #nav2  li ul li a:hover,
#nav2 li:hover ul li a:focus, #nav2  li:hover ul li a:active,
#nav2 .navfxenabled li ul li a:focus, #nav2 .navfxenabled  li ul li a:active
 {
			position: static;
}

.firstex,.secondex,.thirdex {
	width: 780px;
	border: 0px solid #cc0000;
	padding: 0px;
	margin-left:10%;
	margin-right:10%;
}
.thirdex{
	position: absolute;
	left:50%;
	top:0;
	margin-left:-390px;
	background-color:#fff;
	/* baustelle hintergrund schatten
	padding: 5px;
background-image:url(img/bgall.png);
background-repeat:repeat-y;
background-position:top;
*/
}

hr {
	height:1px;
	color:#666;
	width:99%;
}


/*------------------------------------------------------------------------------Inhalte--------------------------------------------------------------------------------------------------*/

/*body {background-color:#333}*/

#wrapper{


}
#header { 
margin:0;
padding-top:0;
/*background-image:url(img/bgheader.png);
background-repeat:no-repeat;
background-position:top;*/
}

#logo{
width:390px;
float: left;

}

#search{
text-align: right;
margin-top:60px;
}

#image{
width:600px;
height:144px;
padding:0;
margin:0;
background:#fff;
float:left;
}

#contentright {
height:144px;
padding:10px;
background-color: #eeeeee;
}



#content {						/* hier am besten margin left/right auf null und dafür padding */
margin-top:30px;
float:left;
height:100%;					/* für den News-Bereich muss im HTML Style der Wert auf 186px gesetzt werden, dann kann hier 100% stehen*/
padding:0;
margin:5;
}

#treaserbox{
margin-top:5;
padding:5px;
background-color: #333;
display:block;
width: 200px;
height: 100px;
float: left;
}

div#headline{
  background-color:#fff;
  width:140px;
  height:50px;
  float:left;
  border: 0px dotted #000;
  margin-left:25px;
  margin-bottom:5px;
  padding:5px;
}

div#footer {
margin:1em 0 1em 0;
padding:10px;
color:#000;
height:3em;
border:0px solid #000;
background-image:url(../img/bgmain.png);
background-repeat:repeat-x;
clear:both;
}

/*------------------------------------------------------------------------------neues 3spalten layout----------------------------------------------------------------------------------------*/

div#container1 {
	background-image:url('../img/bgmain.png'); background-repeat:repeat-x;
    float: right; width: 14em;
    margin: 1em; 
    padding: 0.5em;
/*    border: 1px solid silver; background-color: #eee;  */
  }
 
div#container2 {
	background-image:url('../img/bgmain.png'); background-repeat:repeat-x;
    float: left; width: 13em;
    margin: 1em; 
    padding: 0.5em;
/*    border: 1px solid silver; background-color: #eee;  */
  }
  
div#container3 {
    float: right; width: 29em;
    margin:1em; 
    padding: 0.5em;
/*    border: 1px solid silver; background-color: #eee;  */
  }
  

div#inhalt {
    margin: 1em 38em 1em 1em;
    padding: 1em;
    border: 1px solid silver;
  }
  
div#inhalt2 {
    margin: 1em 22em 0 18em;
    padding: 1em;
/*    border: 1px solid silver;   */
  }
  

/*------------------------------------------------------------------------------Textformate--------------------------------------------------------------------------------------------------*/

p#header p{
margin:10px;
font-size:0.5em;
}

p#footer p{font-size:0.5em;}

a:link {color: #000; text-decoration: underline; }
a:hover {color: #cc0000; text-decoration: underline;}
a:active {color: #cc0000; text-decoration: underline;}
a:visited {color: #000; text-decoration: underline; }

/*
#content li a:hover {color: #cc0000; text-decoration: underline; padding: 20, 0, 20, 0;}
#content li a:active {color: #cdcbcb; text-decoration: underline; padding: 20, 0, 20, 0;}
*/

h1, h2, h3, h4, h5, h6, p, form {
font-family: Helvetica, Arial, sans-serif; 
/*width: 400px; */
}

ul#footer li {
    list-style: none;
    display: inline;
    margin: 5px; padding: 0;
 }
 


h1, h2 {
color:#cc0000;
font-size: 0.7em
line-height: 1.5em;
}

h3, h4 {
color: #000;
font-size: 1.3em;
line-height: 1.5em;
}

h5{
color: #cc0000;
font-size:1.3em;
line-height:1.5em;
}

h6 {
color: #cc0000;
font-size:0.9em;
line-height:1.5em;
}

p, li, dd {
color: #666;
line-height:1.5em;
max-width:400px;
}

dt {color:#cc0000; font-size:0.9em; line-height:3em; font-weight:bold;}

table, form, select, input {
font-size:1em;
font-family: Helvetica, Arial, sans-serif;
color: #333;
}

table#header{
padding:0;
margin:0;
}

form#header{
font-family: Helvetica, Arial, sans-serif;
font-size:0.8em;
padding:0;
margin:0;
}

table h1{
padding-left:0.3em;
padding-top:0.3em;
font-size:1.1em;
color:#000;
text-decoration:underline;
}

table h5{
padding-left:0.3em;
padding-top:0.3em;
font-size:1.3em;
color:#cc0000;
text-decoration:none;
}

table p {
line-height: 1.5em;


}
.socialbookmark{
	/*background-color:#fff;*/
	height:30px;
	margin:-82px 0 0 -320px;
					/* für den News-Bereich muss im HTML Style der Wert auf 186px gesetzt werden, dann kann hier 100% stehen*/
	padding:0;
}

.newsticker {
	height:20px; 
	padding:0 0 20px 20px; 
	background-image:url('img/gfx_newsticker_bg.png');
}


/* kann später gelöscht werden
#contentright p{
color:#fff;}

#contentright h5{
color:#fff;}

*/

/* SLIDESHOW */
#slideshow {
 height:100px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}

/* ######### RELOADED ####### */
.intro{width:468px;float:left;margin: 1em 1em 1em 1em;padding:1em;}
.topnews{margin:0; padding:0; width:190px; float:left; border:0}
.news{background-image:url('../img/bgmain.png'); background-repeat:repeat-x;float:left;width:190px;margin:1em;padding:2px;}