/* --- seitenhintergrund --- */
body {
	height:100%; 
	padding:0; 
	margin:0; 
	overflow:auto; 
	background:black;
	background-image:url(background-body.png); 
	/*background-repeat: repeat-y;*/
	background-repeat: no-repeat;
}

/* --- header -------------------------------------------------------------------- */


#header {
	visibility:hidden;
	/*margin: 0px 310px 0px 0px;*/
	height: 60px; /*identisch mit margin-top fuer content*/
	overflow: hidden;
	/*background-color: black;*/
	/*padding-left: 10px;*/
	/*border: 2px dashed red;*/
	/*background-image:url(background-header.png); */
	/*background-repeat: repeat-x;*/
	/*position: absolute; left: 180px;*/
}

#header h1 {
	font-size: 250%;
	color:/*red;*/#E15616;
	font-family: "Courier New", monospace;
	/*font-family: Verdana;, ArialGaramond, Times, serif;*/
	font-weight: bold;
	padding-top: 23px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-left: 25px;
	/*visibility:hidden; verdeckt die h1 im header*/
}


/*container fuer navigation------------------------------------------------------------*/
#navigation {
	/*background: green;#FDFDE6;*/
	/*border: 5px dotted #000;*/
	margin: 0px 0px 0px 0px;
	position: absolute; left: 20px; top: 150px; /*130*/
	width: 200px;
	border: 0px solid red;
}

#metanavi {
	/*text-align: right;*/
	/*background: green;*/
	padding-right: 10px;
	position: absolute; right: 10px; top: 10px;
	font-size: 11px;
	font-family:verdana, sans-serif;
	color:#AAAAAA;
	}

#metanavi a:link, a:visited , a:active {
	color: #AAAAAA; 
	text-decoration: none;
	padding:1px;
	}

#metanavi a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF0000;
	padding:1px;
	}



/* navigation ============================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
z-index:1000;
/*font-size:70%; 85*/
margin:4px 0 4px 4px; /*5px 0 5px 5px;*/
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:180px; /*war 150px*/
}

/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */
.menu li {
position:relative;
/*background:#AAAAAA;*/
height:25px;
border-bottom:1px dotted #FF0000; /*linie zwischen menue eintraegen*/
}

.menu ul ul li {
/*position:relative;*/
background:black;
height:25px;
}


/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:24px;
line-height:24px;
width:180px; /*war 149px*/
color:#AAAAAA;
text-indent:8px;
/*border:1px dotted #FF0000; linie zwischen menue eintraegen*/
border-width:0px 0px 1px 0px;
font-family:verdana, sans-serif;
font-size:11px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {/*background:black;*/ width:180px; w\idth:179px;} /*war 150px und 149px*/

/* style the link hover */
* html .menu a:hover {color:#FFFFFF; background:#FF0000;}

.menu :hover > a {
color:#FFFFFF; 
background:#FF0000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:180px; /*war 150px*/
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

/* normaler content----------------------------------------------------------------------------------------------------------*/

#container {height:100%; width:100%; }

.content {
	margin:0 auto 0 220px/*auto*/;
	padding:0px 0 10px 10px;
	color:#AAAAAA;
	font-family:verdana, sans-serif;
	font-size:11px; 
	line-height:18px;
}

.content h2 {
	font-size:20px; 
	line-height:30px;
	color:#AAAAAA; 
	font-weight:normal; 
	border-bottom:2px solid red;
	margin-bottom:30px;
	margin-right:20px;
}


.content h3 {
	font-size:18px; 
	line-height:30px;
	color:#AAAAAA; 
	font-weight:normal; 
	border-bottom:px solid red;
	margin-top:20px;
	margin-bottom:10px;
	margin-right:20px;
}

.content p {
	/*font-size: 80%;*/
	padding-left: 40px;
	padding-right: 40px;/*320*/
	color:#AAAAAA;
}


.content ul {
	/*font-size: 80%;*/
	padding-left: 60px;
	padding-right: 320px;/*60*/
	/*list-style-image: url(dot1.png);*/
	color:#AAAAAA;
}


.content li {
	/*font-size: 80%;*/
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 3px;
	padding-top:3px;
	/*line-height: 100%;*/
}

.content ol {
	padding-left: 60px;
	padding-right: 320px;/*60*/
	list-style-image: url(dot1.png);
	color:#AAAAAA;
}

.content ol ol{
	padding-left: 20px;
	padding-right: 0px;
	list-style-image: url(dot1.png);
}




/*Tabellengestaltung------------------------------------------------------*/
.content table {
	text-align:center;
	border-collapse: collapse;
	padding: 0px;
	width:95%;
	margin:auto;
	/*text-align: center;*/
	/*padding: 2px;*/
	/*padding-right: 20px; */
	/*border: 1px dotted red;*/
}


.visibletable table tr td,
.visibletable table tr th {
	border:1px solid #E15616;
	}		
	

	
.content table tr td,
.content table tr th,
.content table tr td p,
.content table tr th p  {
	padding-top: 0px;
	padding-bottom: 2px;
	}	

.left {
	text-align: left;
	vertical-align:top;
	}

.right {
	text-align:right;
	vertical-align:top;
}

.center {
	text-align:center;
	vertical-align:top;
	margin-bottom:5px;
}

.centersmall {
	text-align:center;
	vertical-align:top;
	font-size:75%;
}

td {
	padding-bottom:3px;
	}

cite {
	display:block;
	font-style:normal;
	}

	
/*navigation in galerie---------------------------------------------------------------*/	

.imgback {
	float:left; 
	/*border:1px dashed yellow;*/
	width:80px;
	margin-left:200px;
	text-align:right;
}

.imgforward {
	float:right; 
	/*border:1px dashed yellow;*/
	width:80px;
	margin-right:200px;
	text-align:left;
}

.clear  {
    clear:both;
	
}


/*content links-----------------------------------------------------------------------*/	

.content p a:link, p a:visited , p a:active,
.content cite a:link, cite a:visited , cite a:active,
.content table a:link, table a:visited, table a:active,
.content ol a:link, ol a:visited, ol a:active{
	color: #FF0000;
	font-weight:bold;
	text-decoration: none;
	padding: 0 1px 0 1 px;
}

.content p a:hover, 
.content cite a:hover,
.content table a:hover,
.content ol a:hover{
	text-decoration: none;
	color: white;
	background-color: #FF0000;
	padding: 0 1px 0 1 px;
}

.content ul a:link, 
.content ul a:visited,
.content ul a:active,
.content ul a:hover
{
	/*color: #E15616; #e5e2b3;*/
	text-decoration: none;
}


/*grafiken---------------------------------------------------------------------*/	
a img {
	display:block; 
	border:0;
	}

	
.inline {
	display:inline;
	padding-right:0px;
	margin-right:3px;
}

.sized {
	width:250px;
	/*height:60px;*/
	}	
	
	
/*footer----------------------------------------------------------------------*/
#footer {
	color: #606060;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right:0px;
	font-size: 11px;
	font-family:verdana, sans-serif;
	border-top:1px solid #FF0000;
	margin-right:20px;
	margin-left:232px;
	/*font-family: "Courier New", monospaced;*/
	/*border: 1px solid #E15616;*/
	/*margin:0 auto 0 220pxauto*/; 
}

#footer a:link, 
#footer a:visited,
#footer a:active,
#footer a:hover
{
	/*color: #E15616; #e5e2b3;*/
	text-decoration: none;
}



/*-------------------------------------------------------------------------------------------------*/

#formular {
	margin-left: 30px;
	/*padding: 35px;*/
}
/*-------------------------------------------------------------------------------------------------*/
.highlight { font-weight:bold}

.red { 
	color:#FF0000;
	font-weight:bold}



.italic {
	font-style:italic
	}

.times-italic {
	font-style:italic;
	font-family: Times New Roman, Times, serif;
	}	
	
.monospaced {
	font-family: "Courier New", monospaced;
	}