/*
dunkelblau: 222278
hintergrund: 222278
menu:9999FF

*/

body{
	font: 80% arial, sans-serif;
	color: #222278;
}
h1{

	margin: 0 0 20px 0;
	font-size:120%;
	font-weight:bold;
	
}
h2 {
	
	margin: 0 0 20px 0;
	font-size:110%;
	font-weight:bold;

	
	
	
}

h3 {
	font-size: 100%;
	margin: 0 0 20px 0;
	font-weight:bold;

}
h4 {
	font-size: 100%;
	margin: 0 0 20px 0;
}
td {	
	color: #222278;
	font-size: 10pt; /* wegen vererbung, da ie nicht erbt, aber mozilla schon*/
	
	
}
p{
	margin: 0 0 10px 0;
	line-height:1.4em;
}
th {	
	color: #222278;
	font-style:italic;
	font-size:70%;
	
}
hr{
	border:solid #222278 1px;
	height:1px;
	margin-top:5px;
	margin-bottom:5px;
	clear:left;
	
}
strong{
	font-weight:bold;
}
a>img{
	border:0;
}
/*****webeditor***************/
.fussnote {
	
	font-size:0.8em;


	background-color:transparent;
	}

.highlight{
	border: 1px dotted #222278;
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:20px;
	padding:5px;
	vertical-align:middle;
}
.tabulator1{
	
	margin-bottom: 10px;
	margin-left:50px;

	background-color:transparent;

}
.tabulator2{
	
	margin-bottom: 10px;
	margin-left:150px;

	background-color:transparent;

}
.zentrieren
{
	text-align: center;
	margin-bottom: 10px;
	background-color:transparent;

}
.links
{
	text-align: left;
	margin-bottom: 10px;
	background-color:transparent;

}
.rechts
{
	text-align: right;
	margin-bottom: 10px;
	background-color:transparent;

}
.bildlinks img{
	float:left;
	margin: 10px 20px 20px 0;
	border: 1px solid #222278;
}
.bildrechts img{
	float:right;
	margin: 10px 0 20px 20px;
	border: 1px solid #222278;
}
#contentRechts img{
	float:left;
	margin: 0 20px 20px 0;
	border: 0px solid #222278;
}

/***********eigene überall gültige Klassen ******************/
			.fehler{
				padding: 10px;
				margin:10px 10px;
				
				font-weight:bold;
				border:1px solid #E84B00;
			}
		
			
/***bildbeschreibungen***/
			div#bildbeschreibungen img.links{
				float:left; 
				border: 0px solid #222278;
				margin: 0 20px 10px 10px;
			}
			div#bildbeschreibungen img.rechts{
				float:right; 
				border: 0px solid #222278;
				margin: 0 20px 10px 0px;
			}
			
			div#bildbeschreibungen>br{
				clear:both; 
				
			}
			div#bildbeschreibungen{
				padding:0;
			}
			.bildbeschreibung {
				padding:10px;
				float:left;
			}
			#bildbeschreibungen>ul{
					list-style-position: inside;
					list-style-image: url(img/liste.gif);
					line-height: 1.3em;
					
					color: #222278;
				
					padding:10px;
					margin:0px;
				}

/**header *

			div#header img{
				position:absolute;
				top:0px;
				left:0px;
				border:0;
				

		
			}
		
	*/

/***************menu **********************/
		
/**********************************vertikale Navigation ******************************/
#navigation ul#ulRoot {
margin: 25px 0 0 45px;
padding: 0;
list-style-image: none;
color: #f4f4f4;
list-style-type: none;

}

ul#ul3, ul#ul2 {
margin: 0 0 0 15px;
padding: 0;
}

#navigation li {
margin: 10px 0;
padding: 0;
list-style-type: none;
}

#navigation a:link, #navigation a:visited, #navigation a:active {
line-height: 1.3em;
vertical-align: middle;
font-weight: bold;
color: #f4f4f4;
text-decoration: none;
}

#navigation a:hover, #navigation a.menuAktiv {
font-weight: bold;
color:#fff;
}

			
/******************contenttext******************/
			/*
			div #contentRechts img{
					margin:10px ;
					border: 1px solid #222278;
				}
			 wenn links und rechtsausrichtung möglich ist, dann auskommentieren
			#contentText p>img{
				border: 1px solid #222278;
				float:right;
				margin: 10px;
			}*/
			#contentText p.break{
				clear:both;
			}
			#contentText a:link{
				COLOR:#222278; 
				text-decoration: underline;
				font-weight:normal;
			
			}
				
			#contentText a:visited{
				COLOR:#222278; 
				text-decoration: underline;
				font-weight:normal;
			}
			
			#contentText a:active{
				COLOR:#222278; 
				text-decoration: underline;
				font-weight:normal;
			}
			#contentText p{
			padding-bottom:10px;
			}
		
			
			#contentText ul{
				list-style-type : none;
				list-style-image: url(img/liste.gif);
				list-style-position: outside;
				
				line-height: 1.3em;
				
				color: #222278;

				padding:10px;
				margin:0 15px;
			}
			
			#contentText li{
				margin:12px 0;
			}
			
			#contentText ul.no{
				margin-left: 10px;
				margin-top:0;
				margin-bottom:0;
			
				list-style-position: inside;
				list-style-type: none;
				list-style-image: none;
				line-height: 1.0em;
				color: #222278;
				background-color:transparent;
				
			
			}
			#contentText dl{

				margin: 0 0 30px 10px;
			}
			#contentText dt{
				
				font-weight:bold;
				font-size:100%;
			}
			
			#contentText caption{
				text-align:left;
				font-size:110%;
				font-weight:bold;
				margin-left:10px;
			}
			#contentText table{
				width:100%;
				margin-left:10px;
			}
/***********************Fuss **************************/
			div#feet p{margin-left:30px;padding:5px 10px; }
			div#feet a{display:inline;padding:0;color: #666699}
			
/***********************rechts **************************/
			div#rechts img{
				margin: 20px 0;
			}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
	#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}