/*CSS Dokument*/

/**/

html {
	margin:0; /*Unterdrückt Rand um div-Container*/
	padding:0;
	}

/*BODY-Definitionen*/
body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#003399; 
	font-size:normal; 
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
	background-color:#F5F5F5;
	}


/*h1,h2,h3,h4,h5,h6 {border:1px solid green;}
cite {border:1px solid solid orange;}
p {border:1px solid red;}
div {border:1px solid blue;}
ul {border:1px solid orange;}
img {border:1px solid yellow;}*/



/*ÜBERSCHRIFT-Definitionen*/
h1, h2, h3, h4, h5, h6 {margin:20px 10px 5px 10px; text-align:left; color:#003399; }


h1 {font-size:3.0em; }
h2 {font-size:2.5em; }
h3 {font-size:2.0em; }
h4 {font-size:1.5em; }
h5 {font-size:1.3em; }
h6 {font-size:1.1em; margin-left:30px}



/*ABSATZ-Definitionen*/
p {margin:0px 10px 0px 10px; text-align:justify; line-height:1.5em}

/*LISTEN-Definitionen*/
ul {line-height:1.8em; margin:0px 10px 0 10px; text-align:left;}

/*DIV-Definitionen*/

div {	
	margin:0;
	padding:0;
	position:absolute;
	top:0px;
	left:0px;
	}

#div_hintergrund {
		height:auto;
		width:auto;
		background-color:#F5F5F5;
		}
    
#div_spalte_links { 
        left:0px;
        top:0px;
        width:250px;
        height:100%;
        background-color:#D9D9D9;
        }
		
#div_spalte_rechts{
		left:900px;
		top:150px;
		width:200px;
		height:350px;
		background-color:#F5F5F5;
		}
		
#div_spalte_rechts p {
			color:#B2B2B2; 
			font-size:smaller;
			}

#div_spalte_rechts img {	
			float:left;
			position:relative;
			left:5px;
			top:0px;
			}		
		
#div_zeile_oben {
        left:0px;
        top:0px;
        width:100%;
        height:153px;
        background-color:#D9D9D9;
        }
    
#div_zeile_titel {
        left:0px;
        top:0px;
        width:100%;
        height:32px;
        background-color:#B2B2B2;
		font-size:18px;
		font-weight:normal;
				
        }

#div_zeile_titel a{
		font-size:smaller;
		text-align:right;
		color:#FFFFFF;
		margin:4px 5px 0 0px;
		float:right;
		}
		


    
#div_titel_oben_links {
        	left:0px;
        	top:0px;
		height:32px;
		width:250px;
		font-size:21px;
		font-weight:bold;
		background-color:#FFFFFF; 		
 		padding:auto	}

#div_titel_oben_links p {text-align:center; }
#div_titel_oben_links a, a:link, a:visited {color:#B2B2B2; text-decoration:none; }
#div_titel_oben_links a:hover {color:#B2B2B2; background:none }

#div_bild_oben_links {
	       	left:0px;
        	top:32px;       
		height:121px;
		width:250px;
		background-color:none;
		
		}



#div_navigation_links {	
        	left:0px;
        	top:153px;
        	height:auto;
			width:250px;
			font-size:normal;
			font-weight:normal;
			text-align:left;
        	background-color:#D9D9D9;
				}

#div_navigation_links ul {padding-left:20px} 
#div_navigation_links h5 {margin-top:10px} 

#div_navigation_oben {
		left:250px;
		top:32px;
		height:121px;
		width:auto;
		font-size:normal;
		font-weight:normal;
		text-align:left;
		background-color:#D9D9D9;
		
		}
#div_navigation_oben h5 {margin-top:10px; margin-bottom:0px;}
#div_navigation_oben p {margin-top:25px;}


#div_inhalt {	
		left:250px;
		position:relative;
		top:0px;
		height:auto;
		width:650px;
        color:#000000;
		font-size:smaller;
		font-weight:normal;
		text-align:justify;
		background-color:#FFFFFF;
		
		}
		
		

		
#div_inhalt p {margin:5px 30px 0px 30px; text-align:justify; line-height:1.5em; clear:both;}
#div_inhalt ul {margin-left:30px; margin-right:30px; padding-left:30px; clear:both;}
#div_inhalt h1, h2, h3, h4, h5, h6 {margin-right:30px; clear:both;}
#div_inhalt h4, h5 {margin-top:40px;}
#div_inhalt h3 {margin-top:163px;}
/*#div_inhalte cite {font-style:italic; color:#B2B2B2; text-align:center; padding-bottom:10px;}
*/


#div_inhalt_hintergrund {	
		left:250px;
		top:0px;
		height:100%;
		width:650px;
		background-color:#FFFFFF;
		}
		
		
#div_gallerie {
		left:0px;
		position:relative;
		top:0px;
		width:650px;
		height:96px;
		background-color:#FFFFFF;
		margin-top:70px;
		margin-bottom:10px;
		
				
		}

#div_gallerie_2 {
		left:250px;
		position:relative;
		top:0px;
		width:650px;
		height:auto;
		background-color:#FFFFFF;
				
		}
		

		
#div_gallerie img {	
			float:left;
			position:relative;
			left:5px;
			top:0px;
			}
			

		
/*#div_gallerie p {margin:5px 30px 0px 30px; text-align:justify; line-height:1.5em}
#div_gallerie h1, h2, h3, h4, h5, h6 {margin-right:30px;}
#div_gallerie h4, h5 {margin-top:40px}	*/
		
#div_bild {	
				position:relative;	
				top:0px;
				left:50px;
				float:left;
				width:134px;
				height:134px;
				margin-top:2px;
				margin-right:2px;
				border:1px solid #B2B2B2;
				background-color:#F5F5F5;
				}
	
#div_screenshot	
{	
				position:relative;	
				top:0px;
				left:15px;
				float:left;
				width:134px;
				height:134px;
				margin-top:2px;
				margin-right:4px;
				border:1px solid #B2B2B2;
				background-color:#F5F5F5;
				}
#div_bild:hover, #div_screenshot:hover {background-color:#D9D9D9;}

				
#div_bild  img, #div_screenshot img {border:1px solid #B2B2B2;}
	

/*#div_inhalt img {
				float:left;
				position:relative;
				left:5px;
				top:0px;
				margin-top:15px;
				margin-bottom:30px;
				}*/

/*TABELLEN-Definitionen*/
table {border:1px solid #D9D9D9; margin:15px 30px 10px 30px; border-collapse:collapse; width:590px; }
td {border:1px solid #D9D9D9; height:auto; line-height:1.5em; padding:0;}
th {border:1px solid #D9D9D9; text-align:center; height:auto; padding:0; color:#003399; background-color:#F5F5F5; border-bottom:2px; padding:0}
#div_inhalt td ul {line-height:1.5em; margin:0 0 5px 0; list-style-type:square;}			
#div_inhalt td p {line-height:1.5em; margin:5px 0 10px 0; }	


/*ZUSATZ-Definitionen*/
hr {width:400px; margin:10px 50px 30px 30px; }
img {border:0px; padding:0; margin:0;}




/*LINK-Definitionen*/
a, a:link, a:visited {color:#003399; text-decoration:none; }
a:hover {color:#FFFFFF; background-color:#B2B2B2; }



/*KLASSEN-Definitionen*/
.links {text-align:left; }
.rechts {text-align:right; }
.mitte {text-align:center; }
.blocksatz {text-align:justify;}
.inhalt {margin: 20px 200px 10px 10px; text-align:justify}
#div_navigation_oben .liste_navigation {margin-top:5px}
.hoeher{line-height:1.8}
.fett {font-weight:bolder}
.schraeg{font-style:italic}
.kleiner {font-size:smaller}
.groesser {font-size:larger}
.linie {border-bottom:2px solid #B2B2B2; padding-bottom:15px}
.fluss {float:left; padding-top:20px}
.hoch {top:2px; left:17px; position:relative; float:left;}
.quer {top:17px; left:2px; position:relative; float:left;}
.quadrat{top:17px; left:17px; position:relative; float:left;}
.jahr {width:150px; padding-left: 0px;}
.ereignis {width:440px; vertical-align:top;}
.spalte1 {width:120px;  font-weight:bolder; color:#003399; background-color:#F5F5F5; vertical-align:top; text-align:left; padding:3px 5px 3px 5px;}
.spalte2 {width:470px; vertical-align:top; text-align:left; padding:3px 5px 3px 5px;}
#div_bild .tabbild {left:0px; margin-left:0px;}
.dokument {margin-top:15px; }
.rand{border:1px solid #D9D9D9;}
.rand:hover{border:1px solid #808080; }
.linksfluss{float:left;}
.rechtsfluss{float:right;}
.titel{font-size:inherit; font-weight:normal; text-align:left;	color:#FFFFFF;	margin:3px 0px 0px 260px;}
#div_inhalt .quote{font-style:italic; color:#8C8C8C; text-align:center; padding-bottom:10px; font-size:90%;}