/* allgemeines */

html {
	font-size: 62.5%; /* reset 1em to 10px */
	height: 100%;
}

body {
	background: #888;
	color: #444;
	font: normal 1.2em Verdana,Arial,sans-serif;
	height: 100%;
	padding-bottom: 0px; /* force scrollbars */
	padding-top: 0px;
}


/* --------------------------------
   Layout
----------------------------------- */

#layout_container {
  height: 768px;
	margin: auto auto;
	padding-bottom: 10px;
	width: 780px;
}

#content_container {/*  */
	height: 600px;
	margin: auto auto;
	background: url('images/vorhang.jpg') no-repeat left top;
	padding-bottom: 15px;
	width: 780px;
}

#header_container {  /* only header frame */
	height: 138px;
	background: url('images/balken.jpg') no-repeat left top;
	margin: 0px auto;
	margin-top:10px;
	padding-bottom: 0px;
	width: 780px;
}


#layout_content {border: 1px solid #333;}


/* --------------------------------
   Titel
----------------------------------- */
#tvwapp {
	float:right;
	height:100px;	
}

#zanklpic {
	float:left;
	height:100px;
}

#zanklpic:hover {
	float:left;
	height:100px;
	filter:alpha(opacity=50); /* IE */
	opacity:0.5; /* allgemein */
	-moz-opacity:0.5; /* Mozilla */
	-khtml-opacity:0.5; /* KTHML */
	-opera-opacity:0.5; /* Opera */
	}
	
	
	
#site_title {
	padding-top: 20px;
	padding-bottom: 30px;
}

#site_title h1 	{
	color: #EED;
	font: normal 2.4em Verdana,Arial,sans-serif;
	margin-left: 160px;
	margin-right: 120px;
	margin-top: 5px;
	margin-bottom: 12px;
}






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




.navigation {
	border-top: 0px solid #933;
    border-bottom: 2px solid #933;
	margin-left: 60px;
	margin-right: 60px;
}
.navigation ul {
	display: inline; 
	margin: 0;}
	
.navigation ul li {
	border-right: 0px solid #A55;
	float: left;
    list-style-type:none;	
}
.navigation a {
	color: #CCC;
	display: block;
	font: bold 1.5em Verdana,sans-serif;
	padding: 6px 6px;
	text-decoration: none;
}

.navigation a:hover {
	background: #933;
	color: #CC0;
	text-decoration: none;
}

.navigation a:active {
	background: #933;
	color: #CC0;
	text-decoration: none;
}

.navigation a.current {
	background: #622;
	color: #FF0;
	text-decoration: underline;
	filter:alpha(opacity=50); /* IE */
	opacity:0.5; /* allgemein */
	-moz-opacity:0.5; /* Mozilla */
	-khtml-opacity:0.5; /* KTHML */
	-opera-opacity:0.5; /* Opera */

}


/* Sub navigation */
/*
#subnav a {
	padding: 10px;
	font-size: 0.9em;
}

*/



/* --------------------------------
   Seiteninhalte
----------------------------------- */

#index {
    padding-top: 5px;
		padding-bottom: 5px;
		padding-left:5px;
		padding-right: 5px;
		overflow: auto;
}

#index cite {
    color: #CC0;
    font: italic 0.9em Arial,sans-serif;
}

#seiteninhalt {
    padding-top: 10px;
	padding-bottom: 10px;
	padding-left:60px;
	padding-right: 60px;
	overflow: auto;
}




#seiteninhalt cite {
    text-align:right;
	color: #CC0;
    font: italic 0.9em Arial,sans-serif;
}

#seiteninhalt img {
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
		border-left: 2px solid #CCC;
    border-right: 2px solid #CCC;
}

#seiteninhalt p {
    color: #EEE;
    font: normal 1.2em Arial,sans-serif;
    padding: 5px 10px;
}
#seiteninhalt p[align=center] {
    color: #BBB;
    font: normal 1.2em Arial,sans-serif;
    /*padding: 5px 80px;*/
}
#seiteninhalt p[align=left] {
    color: #BBB;
    font: normal 1.2em Arial,sans-serif;
    padding: 15px 10px;
}

#seiteninhalt small {
    color: #BBB;
    font: normal 0.9em Arial,sans-serif;
    
}

#seiteninhalt a {
    color: #EEE;
    font: underline normal 1.3em Arial,sans-serif;
}
#seiteninhalt a:hover {
    color: #EE0;
    font: underline normal 1.3em Arial,sans-serif;
}

#seiteninhalt h2 {
    text-align:center;
	color: #EEE;
    font: underline normal 1.5em Arial,sans-serif;
  	padding: 10px 10px;

}
    
#seiten_titel {
  color: #EEE;
	height:30px;
	padding: 5px 15px;
	margin: auto auto;
}

#seiten_titel h1 	{
	text-align:center;
	color: #EED;
	font: normal 2em Verdana,Arial,sans-serif;
	margin: auto auto;
}

#seiten_titel h2 	{
  text-align:center;
	color: #EEE;
	font: normal 1.0em Georgia,sans-serif;
	margin: 0 50 50px;
}

#seiten_titel a 	{
    text-align:center;
	color: #EED;
	font: normal 1.0em Georgia,sans-serif;
	margin: auto auto;
}


.tabelle {
    color: #EEE;
    font: normal 1.1em Arial,sans-serif;
    margin: auto auto;
    text-align=center;	
}

.tabelle table {
    margin: auto auto;
}

.tabelle thead {
    background: #555;
    color: #CC0;
}

.tabelle th {
    background: #555;
    color: #CC0;
}

.tabelle tbody {
    background: #333;
		/*height:500px; */
		overflow-y: auto;
    overflow-x: hidden;
    
}

.tabelle td {
    color:#EEE;
		padding: 2px 5px;
		text-align:left;
}

.tabelle p {
    font: normal 1.0em Arial,sans-serif;
}   

.tabelle img {
	border:0px;
	
}   


#inhalt_links {
  color: #EEE;
	float:left;
	width: 380px;
	padding: 2px 2px;
}	

#inhalt_links h2[align=left] 	{
  color: #EEE;
  font: normal 1.3em Georgia,sans-serif;
  margin-bottom:2px;
  margin-left: 18px;
}

#inhalt_links p[align=left]{
  color: #EEE;
  font: normal 1.0em Georgia,sans-serif;
  margin-left: 18px;
}
#inhalt_links p{
  color: #EEE;
	font: normal 1.1em Georgia,sans-serif;
  margin-left: 18px;
}

#inhalt_links a{
  color: #EEE;
  font: normal 0.9em Georgia,sans-serif;
}
#inhalt_links a:hover{
  color: #EE0;
  /* font: normal 0.9em Georgia,sans-serif;*/
}

#inhalt_links table {
    background:#AAA;
	color:#eeeeee;
    float:left;
	width:350px;
	margin-left:18px;
	margin-right:12px;
	margin-bottom:10px;
}	

#inhalt_rechts {
  color: #EEE;
	float:right;
	width: 380px;
	padding: 1px 5px;
}	

#inhalt_rechts h2[align=left] 	{
	color: #EEE;
	font: normal 1.3em Georgia,sans-serif;
	margin-left:12px;
	margin-bottom:2px;
}

#inhalt_rechts p[align=left]{
  color: #EEE;
	font: normal 1.0em Georgia,sans-serif;
	margin-left: 18px;
}

#inhalt_rechts a{
  color: #EEE;
	font: normal 0.9em Georgia,sans-serif;
	padding: 2px 10px;
}
#inhalt_rechts a:hover{
  color: #EE0;
}

#inhalt_rechts table {
    background:#AAA;
	color:#eeeeee;
    float:left;
	width:350px;
	margin-left:12px;
	margin-right:18px;
	margin-bottom:10px;
}	


/* --------------------------------
   Meldungsboxen
----------------------------------- */
.box-breit /* box für nachrichten */
{
color: #EEE;
width: 660px;
max-height: 450px;
overflow: auto;
border: 3px solid #933;
background: #333;
margin:auto auto;
margin-top: 10px;
margin-bottom:20px;
}

.box-breit h4
{
padding: 3px 1px 3px 8px;
background: #933;
font-size: 1.2em;
margin: 0;
}

.box-breit p {
	font-size: 1.0em;
	padding: 8px;
	margin: 2px;
} 

.box-breit img {
	padding: 1px;
	margin-left: 15px;
	width:600px;
} 


.box-breit-img {
  border: 0px solid #933;
  float:left;
  width: 255px;
}	

.box-breit-img img {
  margin-left: 10px;
  margin-right: 5px;
	margin-bottom: 3px;
	margin-top: 10px;
	color: #EEE;
	float:left;
	width: 235px;
}	
.box-breit-img cite {
    color: #CC0;
    font: italic 0.7em Arial,sans-serif;
	margin-bottom: 3px;
	margin-top: 10px;
	}	



/* --------------------------------
   Fusszeilenbereich
  
----------------------------------- */

#fusszeile {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	color: #888;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 1px 1px;
  width: 780px;

}
#fuszeile a {
  color: #500;
	}
#fusszeile .right,#fusszeile .right a {color: #500;}
#fusszeile .left,#fusszeile .left a {color: #500;}
#fusszeile a:hover {color: #B00;}

/* --------------------------------
   Floats
----------------------------------- */

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearleft {clear:left;}
.clearer,.block {
	display: block;
	line-height: 0;
	font-size: 0;
}
.clearer {height: 0;}