html,body,div,span,p,h1,h2,h3,a,ul,li,ol,dl,dt,dd {margin:0; padding:0; border:0; }

html {
		
		background:  #d3e2f7 url(../img/page/back.jpg) fixed repeat-x center top ;
		
}


body {
		font-family: Tahoma, Verdana, Arial;
										/* background:  #f0f5fd url(../img/page/back.jpg) fixed repeat-x center top;*/
		margin-top: 1em;				/* Definiert den Abstand des Headers von oben */
		margin-bottom: 1em;
		color: #000;					/* Schriftfarbe */
}




/* ###########################        Aufteilung und Formatierung der Seite          ###########################*/




#page { 
		width: 52em; 								/* bestimmt die Breite der Seite, original war 46em*/
		min-width: 0px; 
		max-width: 100%; 
		background-color: white; 					/* Hintergrundfarbe des kompletten Inhaltcontainers */
		margin-left: auto; margin-right: auto;		/* horizontale Zentrierung*/ 
		text-align:left; 
		border: 0.3em #daedfa solid;				/* äußerster Rand      hellblau #dfebf9  */
}

		
#wrapper { 
		border: 0.5em white solid;					/* innerer Rand*/
		background: transparent;
}


#title {  
		
		position:relative;
		height: 2.4em;
		background: #214272;						/* a5c0eb hellblau     #9cbae3    d3e2f7  #214272    */
		
		}

		
#header {  
		
		margin-top: 0.8em;
		position:relative;
		height: 240px;
		background:transparent;
		/* background: transparent;						a5c0eb hellblau       #9cbae3 helleres hellblau;      dunkelblau  #214272;*/
		/*border-bottom: 14px solid #214272; */
		
		
}

	
#main {	
		clear:both;									/* eventuell unnötig*/
		margin-top: 1.5em;							/* Abstand des Hauptcontainers von den Nav-Leisten*/
		background:transparent;
}		


/*		
#link {	
		clear:both;								
		margin-top: 2em;
		padding: 0 2em 0 2em;
}		
*/


		
/* ####################################### Navigation #####################################################*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.preload1 {background: url(../img/navi/pro_drop4_2a.gif);}
.preload1 {background: url(../img/navi/pro_drop4_2b.gif);}



.drop 					{padding:0 0 0 0px;			/* Abstand der Nav-Buttons zum linken Rand 0 0 0 32px Original*/
						margin:0;
						list-style:none;
						height:36px;				/* Abstand des Textes zu den Nav-Buttons, muss mind 35px sein*/
						background:transparent url(../img/navi/pro_drop4_back.gif);
						position:relative;
						z-index:500;
						font-family:arial, verdana, sans-serif;
						}
						
.drop li.top 				{display:block;
						float:left;
						}
						
.drop li a.top_link 		{display:block;
						float:left;
						height:36px;				/* Bestimmt die Höhe der linken Grafik*/
						line-height:32px;			/* Position des Textes innerhalb der Buttons*/
						color: #666;
						text-decoration:none;
						font-size:11px;
						font-weight:bold;
						padding:0 0 0 5px;			/* Abstand der Buttons vom linken Rand*/
						cursor:pointer;
						background: url(../img/navi/pro_drop4_0a.gif) no-repeat; /* linker Anfang der Buttons*/
						}
						

.drop li a.top_link span 	{float:left;
						display:block;
						padding:0 10px 0 5px;
						height:36px; 				/* Höhe des Hintergrundes der Buttons*/
						background:url(../img/navi/pro_drop4_0b.gif) right top;
						}
						
						
						
.drop li a.top_link:hover {color:#000; background: url(../img/navi/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.drop li a.top_link:hover span {background:url(../img/navi/pro_drop4_2b.gif) no-repeat right top;}




.drop li:hover > a.top_link {color:#000; background: url(../img/navi/pro_drop4_2a.gif) no-repeat; line-height:25px;}
.drop li:hover > a.top_link span {background:url(../img/navi/pro_drop4_2b.gif) no-repeat right top;}

.drop table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}




/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.drop a:hover {visibility:visible; position:relative; z-index:200;}
.drop li:hover {position:relative; z-index:200;}



/* keep the 'next' level invisible by placing it off screen. */
.drop ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



.drop ul.sub_verein {width:75px;}
.drop ul.sub_fliegen {width:130px;}
.drop ul.sub_bilder {width:55px;}
.drop ul.sub_wetter {width:60px;}
.drop ul.sub_sicherheit {width:145px;}
.drop ul.sub_olc {width:65px;}
.drop ul.sub7_downloads{width:95px;}
.drop ul.sub_links{width:90px;}
.drop ul.sub_pizzeria {width:95px;}




.drop :hover ul 	{left:0;
				top:35px; 					/* Abstand der Unternavs von Buttons */
				background: #d6e5f8;
				padding:3px;				/* Abstand des Unternavtextes vom Rand */
				border:1px solid #3a93d2;
				border-width:0 1px 1px;
				white-space:nowrap;
				height:auto;
				z-index:300;}
				
.drop :hover ul li 	{display:block;
				height:20px;				/* Abstände der Unternavtexte */
				position:relative;
				font-weight:normal;
				width:auto;}
.drop :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 5px; color:#000; text-decoration:none;}
.drop :hover ul li a:hover {background:#3a93d2; color:#fff;}






#navigation {
		margin-top: -30px;
}





/* ##################################### Linke Spalte und Senkrechte Linie #################################*/


#col_links {
		margin-right: 27%; 
		padding-right: 2.5em;
		padding-left:1.5em;
		border-right: 3px dotted #b2bad1;				/* Stärke, Form und Farbe der senkrechten Linie */
}




/* ################################# Rechte Spalte ########################################################*/


#col_rechts {	

float:right;
width: 26%; 
background-color:transparent; 
padding-left:2.5em;
}

	



	
.rightblock, .right_latestcomments {margin-bottom: 1.5em;}
.right_latestcomments a {color: #888;}
.right_latestcomments a.activityentry {color: #B96544;} 					/* Farbe der Namen bei den Kommentaren */






/* ############################################### Fußzeile #################################################*/


#footer { 
		text-align:center;
		margin-top: 2em;
		margin-bottom:1em;
}






/* ########################################    Bilder    ##################################################*/

img.headerimage { 
		min-width: 100%; 							/* muß drin sein für IE7??*/
		max-width: 100%; 							/* muß drin sein für IE7??*/
		width: 100%;								/* begrenzt oder streckt die Breite des Headerbildes*/
		/* min-height: 240px;							 Mindesthoehe des Headerbildes*/
		max-height: 240px;							/* Maximalhoehe des Headerbildes, schließt mit Header Container ab */			
		
		}

img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 4px;
		background: #eee;							/* Farbe des Hintergrundes der Bilder */
		border: 1px solid #aaa;
}
	
img.right {
		float:right;
		padding: 4px;
		margin: 0 0 0.5em 1em;
		background: #eee;
		border: 1px solid #aaa;
}

img.left	{	
		float:left;
		padding: 4px;
		margin: 0 1em 0.5em 0;
		background: #eee;
		border: 1px solid #aaa;
}
	
img.noborder {
		border: none;
}
		


		
		
/* ##############################################    Schriften    ############################################*/


#title_links {
		float: left;
		margin-left:10px;
		padding-top:5px;
		font-size: 1.5em;
		font-weight: bold;
		letter-spacing: -1px;
		color: #97b7e6;
}


#title_rechts li {
		float:right;
		display:inline;
		margin-top: 10px;
		margin-right: 10px;
		font-size: 0.9em;
		letter-spacing:0px;
}	
	
		
#col_rechts h2 {
		font-family: Times;
		font-size: 0.9em; 
		font-variant: small-caps; 
		border-bottom: 2px #ccc dotted; 
		margin-bottom: 0.5em;
		letter-spacing:1px;
}




h1 {font-size: 80%; font-weight:bold; color: #B96544; letter-spacing: 1px; margin:-0.7em 0 0.6em 0;}     
h2 {font-size: 90%; font-weight:normal; color: #aaa; margin:0 0 0.3em 0; font-family: times;}
h3 {font-size: 140%; font-weight:normal; color: #205563; margin:0.4em 0 0.3em 0;}
h4 {font-size: 110%; font-weight:bold; color: #aaa; padding: 0em 0 0 0;}
h5 {font-size:12px; font-weight:bold; color: white; background: #b6b6b5 url(../img/page/nav.gif); padding: 3px 0 3px 0;}

.item h1, h2 { margin:0;}


p {
		font-size:0.8em;
		line-height: 1.5em;
		margin: 0 0 1em 0;
		text-align:justify;
}

.fluege li {
		
		list-style-type: square;
		padding-left: 0.5em;
		list-style-position: outside;
		margin: 0 0 10px 4em;
		font-size:0.8em;
	
		
}

.datum  {
		font-size: 0.8em; 
		font-variant: small-caps; 
		color: #aaa;
		}


		
.galerie {
		
		margin-bottom: 3.5em;
		
		
		}
		
.item {
		overflow:hidden;
}


.center {
		text-align:center;
}


.einge {
		margin:1em 3em 0 3em;
}

.looping {
		text-align:center;
		font-size:0.8em;
		font-weight:bold;
		font-variant:small-caps;
		word-spacing:0.5em;
		
}

/* ##
span {
	color:blue;
	}
#*/	




	
/* ########################################    Links     ##############################################*/



a { 
	color: #3757a0; 							/* Schriftfarbe Standardlink */
	text-decoration: none;						/* verhindert die Unterstreichung der Links*/
	
}


	
	
a:hover {
	color: red;        							/* #f4f4f4*/
	}

	

.link2  {
	font-size: 0.9em;
	}
	

.itemtext a:visited { text-decoration: underline; color: #3757a0; }

#news_rh { 
		font-size: 75%;
		
		list-style-type: circle;
		list-style-position: outside;
		margin: 0 0 0 1.5em;
}


#footer a { 
		color: #B96544; 						/* Schriftfarbe #B96544 */
		text-decoration: none;					/*  verhindert die Unterstreichung der Links */
		font-size:75%;
}

#footer a:hover { 
		color: #B96544; 						/* Schriftfarbe #B96544 */
		text-decoration: none;					/*  verhindert die Unterstreichung der Links */
		font-size:90%;
}
	
#title a{
		text-decoration: none;
		color:white;		
		font-size:0.8em;
		font-weight:bold;
		list-style-type: none;		
}	
	
#title a:hover {
		color: #97b7e6;					/* 97b7e6 Farbe des Links beim Daraufzeigen */
		background: transparent;		
}


	
	
	
	
	
	
	
/* #######################################       Sonstiges        ###########################################*/		



hr{
 border: 0px; 										/* Für Firefox und Opera */
 border-top: solid 1px #FF0000;
 border-bottom: solid 1px #FFFFFF; 					/* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}

	

ul.news_rh {					/* Aussehen der Feeds */
		color:green;
		list-style-position: inside;
}	
		
.clear {
		clear:both;
}
		
													/* Cleafix-Hack zum Clearen der Float-Umgebungen */
.clear_columns{
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility:hidden;							/* läßt einen Strich verschwinden */
}


	
	
	
	
	
/* #######################################      Thumbs       #################################################*/		


.floatbox {	
		overflow:hidden;
		background:transparent;
		padding-left:0.1em;
		margin-bottom: 1em;
}

.thumbrahmen {
		
		border: 1px solid rgb(170,170,170);
		margin: 0pt 0.3em 0.3em 0pt;				/* Abstand der Thumbs untereinander */
		padding: 0.15em;							/* Randbreite um die Fotos */
		float: left;
}
	
.thumbfotos	{
		
		overflow: hidden;							/* Scrollbalken werden ausgeblendet */
		width: 2.9em;								/* Breite der Fotos*/
		height: 2.9em;								/* Höhe der Fotos*/
}
	

.thumbgal {
		display: inline;
		float: left;
		border: 1px solid rgb(170,170,170);
		margin: 0pt 0em 0.3em 0pt;					/* Abstand der Thumbs untereinander */
		padding: 0.15em;							/* Randbreite um die Fotos */
		margin-bottom:0em;
		margin-left: 2em;
		margin-right: 2em;

}

.thumbfotosgal	{
		display: inline;
		overflow: hidden;							/* Scrollbalken werden ausgeblendet */
													/* Breite der Fotos*/
													/* Höhe der Fotos*/
}
	
	
	
	
	
	
/* #########################################      Tabellen       ############################################### */	

table {
		border: 1px solid black;
		padding: 1px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0.5em;
		}


th, td {
		padding:3px 10px;
		
		text-align:center;
		}

th {
		background: lightgray;
		font-size:0.8em;
		}
		
td {
		background: #eeeeee;
		color: #444444;
		text-align:center;
		font-size: 0.9em;
		border: 1px dotted lightgray;
		}