/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body, {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px; /*fuer Netscape*/
	margin:auto;
	margin:0 ;
	padding:0;
	width:100%; 
	height:100%;
	background-color:#336699;
	/*background-color:#26386D;*/
	text-align:center;
}
* html, body { 
font-size:12px;
}
td{ 
font-size:12px;
}
h1, h2, h3, h4, h5, h6, p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
	
}


/* Unsichtbare Elemente außerhalb des Bildschirms */
.unsichtbar {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}

/* Anfang LayoutAnpassungen  */
#inhalt {
color:#000;
}
#teaser {
color:#000;
}
#visual {
	background-image:url(/site/images/visual_3.jpg);
}
#streifen {
background-color:#E6F1FA;
}

#nav li a{
color:#336699;
background-color:#E6F1FA;
border:1px solid #336699;
background-image:url(/site/images/nav/subnav_1_n.gif); 
} 
#nav li a:hover {
color:#336699;
background-color:#fff;
border:1px solid #336699;
background-image:url(/site/images/nav/subnav_1_h.gif); 
} 
#nav li .aktuell{
color:#336699;
background-color:#fff;
border:1px solid #336699;
background-image:url(/site/images/nav/subnav_1_n.gif); 
}
#content{ 
background-image:url(/site/images/contentimage_12.jpg); 
background-color:#D5E6F6;
}
#rechts{ 
border-left:5px solid #fff;

}
#inhalt h1 {
color:#336699;
font-size:1.8 em; /*fuer IE*/
}
#inhalt h2 {
color:#000;
font-size:1.8 em; /*fuer IE*/
}
#teasertypo {

background-repeat:no-repeat;
height: 30px;

width:242px;
}

A:link			{text-decoration: underline; color : #336699;}
A:visited		{text-decoration: underline; color : #336699;}
A:hover		    {text-decoration: underline; color : #FFFF00;}
A:active		{text-decoration: underline; color : #336699;}
A:focus 		{color:#336699; text-decoration: underline; }

/* Ende LayoutAnpassungen  */


img{
	border:none;
}

.clear {
clear:both;
}


#mittig {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-align:center;
	z-index:2;
}
body>#mittig{height:auto;}

 p a .mehr {
	display: block;
	padding-top: 5px;
	border:none;
}

/* - - - - - - - - - - - - Visual - - - - - - - - - - - - */

/*Visual und Logo */

#visual {
position:relative;
	border: 0;
	padding:0;
	margin: auto;
	height:120px;
	width:776px;
	z-index:3;
}

#streifen {
position:absolute;
top:100px;
left:0;
width:100%;
height:20px;
z-index:1;
}



/* - - - - - - - - - - - -  Metanavigation  - - - - - - - - - - - - */
#visualnav {
position:relative;
	border: 0;
	padding:0;
	margin: auto;
	height:50px;
	width:776px;
	z-index:3;
}
#menu	{
	margin: 0 0px 0 0;
	padding: 0 0 0 0px;
	font-size: 1.1 em;
	width:776px;
	}
	#menu ul	{
	list-style-type: none;
	padding: 24px 20px 0 20px;
	margin: 0;
	text-align: center;
	height: 25px;
	}
	* html #menu ul	{
	background-position: -3px 0;
	}
	#menu ul li	{
	display: block;
	float: right;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 25px;
	}
	#menu a	{
	width: 121px;
	display: block;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(/site/images/nav/nav_1_n.gif) no-repeat;
	padding: 0;
	}

	#menu a:hover	{
	color: #336699;
	font-weight: bold;
	background: transparent url(/site/images/nav/nav_1_h.gif) no-repeat;
	}
	#menu a.selected, #menu a:hover.selected	{
	background: transparent url(/site/images/nav/nav_1_h.gif) no-repeat;
	font-weight: bold;
	
}



/* - - - - - - - - - - - -  senkrechte Navigation  - - - - - - - - - - - - */

#nav{
margin:auto;
margin-top:20px;
width:160px;
padding:0;
text-align:left;
}

* html #nav {
padding-top:20px;
}

#nav .liste{
list-style-type: none;
margin:0px;
padding:0px;}

#nav li a{
font:bold 11px arial,verdana, sans-serif;
margin:0;
margin-bottom:10px;
padding:4px;
padding-left:17px;
text-decoration:none;
display:block;
background-position:left center;
background-repeat:no-repeat;
} 
* html #nav li a {
font-weight:bold;
margin:0;
padding-top:4px;
}
#nav li a:hover {
text-decoration:none;
display:block;
background-position:left center;
background-repeat:no-repeat;
} 

#nav li .aktuell{
font:bold 11px arial,verdana, sans-serif;
margin:0;
margin-bottom:10px;
padding:4px;
padding-left:17px;
text-decoration:none;
display:block;
background-position:left center;
background-repeat:no-repeat;
} 
* html #nav li .aktuell {
font-weight:bold;
margin:0;
padding-top:4px;
}

/* - - - - - - - - - - - -  Contentbereich 3-spaltig  - - - - - - - - - - - - */

#content {
border-top:1px solid #fff;
	margin:auto;
	width:773px;;
	padding:0;
	background-repeat:no-repeat;
	}



#links {
	float: left;
	margin: 0;
	padding:0;
	border:0;
	width:148px;
	height:462px;
	min-height:462px;
	text-align:center;
	clear:none;	
	}

#mitte {
	float:left;
	margin:0;
	height:auto;
	min-height:462px;
	border-right:0px solid #fff;
	text-align:left;
	width:373px;
	text-align:left;
}
* html #mitte {
width:373px;
padding:0;
}
	
#rechts {
	float:left;
	padding-left:376px;
	padding:0;
	width:620px;
	height:100%;
	min-height:462px;
	border-left:0px solid #fff;
	background-repeat:repeat-y;
  background-position:right;
  text-align:left;
}

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

#inhalt {
padding-top:20px;
float:left;
left:153px;
width:368px;
text-align:left;
}
* html #inhalt {
height:442px;
}

#inhalt h1 {

margin:0px 8px 2px 0px;
}

#inhalt h2 {

font-weight:bold;
margin:0 8px 0 0px;
}

#topimage {
width:98px;
height:100px;
}

/*#inhalt p { */
/*clear:both; */
/*margin:8px 8px 15px 8px; */
/*padding:8px; */
/*text-indent:45px; */
/*background-image:url(../images/textmarke.gif);  */
/*background-repeat:no-repeat;} */

#inhalt p {

clear:both;
margin:0;
padding:0 8px 0 8px;
}

/* Bildunterschrift */
#inhalt dl dt { margin: 0; }
#inhalt dl dd { margin: 0; color:#FFF; font-size:1.5 em; } 

#inhalt .bildunterschrift { margin: 0; color:#FFF; font-size:1.5 em; }

/* - -  Contentimage links   - - */
#inhalt .imagelinks {
float:left;
width:98px;
margin:0;
padding:0;
}
	
#inhalt .textrechts  {
float:right;
width:270px;
margin:0;
padding:0;


}

#inhalt .textrechts h1 {
margin:5px 0 0 15px;
}
#inhalt .textrechts h2 {
margin:3px 0 0 15px;
}

/* - -  Contentimage mittig   - - */

#inhalt .imagemitte {
float:left;
width:98px;
margin:0;
margin-left:98px;
}

/*
  nur fuer PC IE wegen Mac IE
\*/
* html b\ody #inhalt .imagemitte { 
	margin-left:50px;
}
/*   
*/

#inhalt .textmitte  {
float:right;
width:170px;
margin:0;
padding:0;
}
#inhalt .textmitte h1 {
margin:5px 0 0 15px;
}
#inhalt .textmitte h2 {
margin:3px 0 0 15px;
}



/* - - - - - - - - - - - -  Teaser  - - - - - - - - - - - - */


#teaser {
float:right;
width:242px;
height:auto;
text-align:left;
}

* html #teaser {
width:230px;
}

/*
   The following styles are not read by  MacExplorer
   because it thinks they are still part of this comment.
\*/

* html b\ody #teaser { 
	width:242px;
}

/*
   Another comment, now with a normal end-of-comment marker. Explorer
   sees the end of this comment as the end of the previous one.
*/


#rechts p {
clear:both;
margin:8px;
}

/* - -  Teaserimage links   - - */
#rechts .spalteleft {
float:left;
	padding-left:8px;
	width:121px;
	height:118px;
	margin:0 ;
	text-align:left;
}

#rechts .textright {
font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Safari*/
font-size:11px; /*fuer Safari*/
	padding:8px;
	margin-left:30px;
	margin-top:-20px;

}

#rechts .textright2 {
font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Safari*/
font-size:11px; /*fuer Safari*/
	padding:8px;
	margin-left:20px;
	margin-top:-20px;
	width:190px;
color:#336699;
background-color:#E6F1FA;
border:1px solid #336699;
}

* html #rechts .textright {
height:10px;
}

/* - -  Teaserimage rechts   - - */
#rechts .spalteright {
float:right;
	width:121px;
	height:118px;
	margin:0 ;
	text-align:left;
}

#rechts .textleft {
font-family:Arial, Verdana, Helvetica, sans-serif; /*fuer Safari*/
font-size:11px; /*fuer Safari*/
padding:8px;
margin-right:121px;
}

* html #rechts .textleft {
height:97px;
}
#copy {
position:relative;
	border: 0;
	padding:0;
	margin: auto;
	height:50px;
	width:776px;
	z-index:3;
}
#ende {
	color:#fff;
	
	
	

	
	
	
}
#ende A:link		{text-decoration: underline; color : #E6F1FA;}
#ende A:visited		{text-decoration: underline; color : #E6F1FA;}
#ende A:hover		{text-decoration: underline; color : #FFFF00;}
#ende A:active		{text-decoration: underline; color : #E6F1FA;}
#ende A:focus 		{color:#336699; text-decoration: underline; }