/* CSS Document - layout neu 2*/


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

1. layout
2. navigation 
	2.1. kopfnavigation
	2.2. rubrikennavigation
	2.3. brotkrumennavigation
3. boxen etc
	3.1. boxen sidebar1inks
	3.2. boxen contentbereich
	3.3. boxen sidebarrechts
	3.4. footer 
4. schriften etc.
 	4.1. überschriften
	4.2. text
5. links
	5.1 textlinks
 	5.2 bildlinks
6. formulare
	6.1. schnellsuche
	6.2. kontaktformular


extras

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

/* 1. layout */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	height: 100%;
	background-color: #CCD2D5;
	width: 100%;
}		

#kopfcontainer{
			width: 780px;
			margin-left: 0;
			margin-right: auto;
			/*background-color: #FF0000;	test*/
			}

#kopfwerbung{
			padding: 5px 0 5px 0;
			/*background-color: #00FF33;	 testfarbe*/
			text-align: center;
			}

#logo       {
			float: left;
			width: 220px;
			margin: 0;
			padding: 0;
			height: 78px;
			background-color: #ffffff;
			}

#hauptnavi      {
			float: left;
			width: 390px;
			margin: 0px;
			padding: 0px;
			height: 78px;
			background-color: #354D58;
			}
					
#schnellsuche      {
			float: left;
			width: 170px;
			margin: 0px;
			padding: 0px;
			height: 78px;
			background-color: #6A9AB0;
			}

#hauptcontainer{
			height:100%;
			margin-left: 0;
			margin-right: auto;
			padding: 0;
			}

#seitencontainer {
			float: left;
			/*height: auto;  test nur für ansicht im dreamweaver???*/
			width: 780px;
			margin-left: 0;
			margin-right: auto;
			background-image: url(pics/higru.gif);
			}

#seitenwerbung{
			float: left;
			width: auto;
			margin: 0 0 0 15px;
			/*background-color: #00FF00;	 testfarbe*/			
			}

#sidebarlinks {	
			height: 100%;/*test*/
			float: left;
			width: 220px;
			margin: 0;
			padding: 0;
			/*display: block;*/
			/*background-color: #9999CC;  testfarbe*/
			}

#contentcontainer	{
			float: left;
			width: 550px;
			margin: 0 0 0 10px;
			/*background-color: #FFFF00;  testfarbe*/
			background-image: url(pics/higrucontent.gif);
			background-position: right;
			background-repeat: repeat;
			overflow: hidden;
}

#contentwerbung {
			width: 550px;
			padding: 5px 0 5px 0;
			margin: 0;
			background-color: #FFFFFF;  /*testfarbe*/				
			text-align: center;
}

#contenthaupteil {
	width: 550px;
}

#content{
	float: left;
	width: 370px;
	/* background-color: #990000;  */
	margin: 0 10px 0 0;
}

#content .werbebox {
	width: 368px;
	padding: 5px 0 5px 0px;
	text-align: center;
	/* background-color: green; */
}
		
#sidebarrechts {
			float: left;
			width: 150px;
			margin: 0 0 0 10px;
			padding: 0px;
			/*background-color: #0033CC;  testfarbe*/
			
			}

#footer	  	{
			width: 550px;
			margin: 0 0 0 0;
			/*background-color: #CC6600;  testfarbe*/
			}

#footercontent{
		float: left;
		width: 370px;
		 /*background-color: #999999; testfarbe*/
		margin: 0 10px 0 0;
		}

#footersidebarrechts {
			float: left;
			width: 150px;
			margin: 0 0 0 10px;
			padding: 0px;
			/* background-color: #009999; testfarbe*/
			}		

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

/*
2. navigation 
	
2.1 kopfnavigation
*/
#navlist {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	}
	
#navlist ul {
	display: inline;
	list-style-type: none;
	}
#navlist li {
	display: inline;
	margin: 0px;
	list-style-type: none;
	}

#navlist a:link {
	float: left;
	margin: 0px 0px 0px 12px;
	color: #FFFFFF;
	/*text-transform: lowercase;*/
	text-decoration: none;
	line-height: 15px;
}
#navlist a:visited {
	float: left;
	margin: 0px 0px 0px 12px;
	color: #ffffff;
	text-decoration: none;
	line-height: 15px;
}
#navlist A#current:link {
	 color: #ffffff;
	 padding-bottom: 2px;
	 border-bottom: #ffffff 4px solid;
}

#navlist A#current:visited {
	color: #ffffff;
	padding-bottom: 2px;
	border-bottom: #ffffff 4px solid;
	
}
#navlist A:hover {
	 	color: #ffffff; 
	 	padding-bottom: 2px; 
	 	border-bottom: #ffffff 4px solid;
		}
/*
2.2. rubrikennavigation
*/		

#navlist2 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	}
	
#navlist2 ul {
	display: block;
	list-style-type: none;
	}
#navlist2 li {
	display: block;
	margin: 0 0 4px 0;
	list-style-type: none;
	}


#navlist2 a:link {
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 15px;
}


#navlist2 a:visited {
	margin: 0px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	line-height: 15px;
}
#navlist2 A#current:link {
	 color: #ffffff;
	 padding-bottom: 2px;
	 border-bottom: #ffffff 1px solid;
}

#navlist2 A#current:visited {
	color: #ffffff;
	padding-bottom: 2px;
	border-bottom: #ffffff 1px solid;
	}

#navlist2 a:hover {
	 color: #ffffff; 
	 /*
	 padding-bottom: 2px;
	 border-bottom: #ffffff 1px solid;
	*/
	text-decoration: underline;
}


/*
2.3. brotkrumennavigation
*/ 
#navlist3 {
		font-size: 11px;
		color: #000000;
		padding: 0px;
		margin: 5px 0 5px 0;
		line-height: 15px;
		}
		#navlist3 A:link {
			color: #000000;
			text-decoration: none;
			}
		#navlist3 A:visited {
			color: #000000;
			text-decoration: none;
			}
		#navlist3 A:hover {
			color: #000000;
			text-decoration: underline;		
			}


/*--------------------------------------*/		
/*3. boxen etc */

/*3.1. boxen sidebar1inks*/

#sidebarlinks .box {
		/*float: left;*/
		width: 200px;
		margin: 5px 10px 5px 10px;
		padding: 0;
		/*background-color: #99CCCC; test */				
		}

#sidebarlinks .newsbox {
		width: 200px;
		margin: 5px 10px 5px 10px;
		padding: 0;			
		/*background-color: #99CCFF; test */	
		font-size: 10px;
		}

#sidebarlinks .werbebox 	{
		width: 200px;
		margin: 0px 10px 0px 10px;
		padding: 0;
		/*border: 1px solid;
		border-color: #354D58;
		background-color: #00FF00; test */	
		text-align: center;		
		}

/*3.2. boxen contentbereich*/

#content .box{
			width: 368px;
			/* background-color: #FFFFCC; */
			}

#content .box a {
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#content .box a:hover {
	text-decoration: underline;
}
			
.galeriebox {
	width: 370px;
	/* background-color: #99FFFF;		test*/
	/* background-color: orange; */
	display: block;
	text-align: center;
}
			
.vorschaubilder {
	width: 300px;
	/* background-color: orange; */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
			
.galerievorschaubild {
	width: 100px;
	margin: 5px 0 5px 0;
	/*background-color: maroon;		test*/
	float: left;
	cursor: pointer;
}
							
.galerievorschaubild img {
	border: 0;
}
			
.verweis {
	width: 350px;
	/* background-color: #99FFCC;		test*/
	margin: 0px auto 0px auto;
	text-align: center;
}
			
.verweis a	{
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.verweis a:hover	{
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

.fotoboxleft{
		float: left;
		margin: 5px 5px 0px 0px;
		width: 150px;
		background-color: #CCCCCC;			
		color: #000000;
}

.fotoboxright{
		float: right;
		margin: 5px 0px 0px 5px;
		width: 150px;
		background-color: #CCCCCC;			
		color: #000000;
}		

.fotoboxcenter{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 370px;
	background-color: #CCCCCC;			
	color: #000000;
}

.fotoboxleft img {
	border: 0;
}

.fotoboxright img {
	border: 0;
}

.fotoboxcenter img {
	border: 0;
}

.bild	{
	/*width: 150px;*/
	margin: 0px;
	padding: 0px;
}

.bildquelle {
	float: right;
	width: 150px;
	font-size: 9px;
	line-height: 10px;
	text-align: right;
}

.bildunterschrift {
	float: left;
	width: 150px;
	font-size: 10px;
	line-height: 11px;
	text-align: left;
}



.fotoboxteaser {
		float: left;/**/
		margin: 5px 5px 0px 0px;
		width: 90px;/**/
		background-color: #DDDDDD;			
		color: #000000;
		
		}

.fotoboxteaser img {
				border: 0;
				display: block;
				}

#zusatzbox {
	font-size: 11px;
	color: #000000;
	/* background-color: #CCCCCC; */
			}
			#zusatzbox A:link {
			color: #000000;
			text-decoration: none;
			}
			#zusatzbox A:visited {
			color: #666666;
			text-decoration: none;
			}
			#zusatzbox A:hover{
			color: #000000;
			text-decoration: underline;		
			}

#zusatzboxlinks {
			float: left;
			width: 170px;
			margin: 0px 0px 5px 0px;
			border: 1px solid;
			border-color: #354D58;
			background-color: #ffffff;
			padding: 0px 5px 0px 5px;
			}

#zusatzboxrechts {
			float: right;
			width: 170px;
			margin: 0px 0px 5px 0px;
			border: 1px solid;
			border-color: #354D58;
			background-color: #ffffff;
			padding: 0px 5px 0px 5px;
			}

.uebersichtsbox {
				width: 368px;
				margin: 0 0 5px 0;
				padding: 0px;
				background-color: #ffffff;
				border: 1px solid;
				border-color: #354D58;
				}
				
				.uebersichtsbox A:link {
					color: #000000;
					text-decoration: none;
					}
				.uebersichtsbox A:visited {
					color: #000000;
					text-decoration: none;
					}
				.uebersichtsbox A:hover{
					color: #000000;
					text-decoration: underline;		
					}
.teaser {
				width: 358px;
				margin: 0px 5px 10px 5px;
				padding: 0;
				background-color: #ffffff; /*test*/
				/*float: left;
				border: 1px solid;
				border-color: #354D58;*/
				}

#formbox {
			width: 350px;
			margin: 5px 0 0 0;
			padding: 0;			
			}


/*3.3. boxen sidebarrechts*/

#wetterbox {
		width: 150px;
		margin: 5px 0 5px 0;
		padding: 0;
		font-size: 10px;
		color: #000000;
		}
		#wetterbox .datentabelle {
						width: 150px;
						border-collapse: collapse;
						}
		#wetterbox .zeile {
						padding: 0;
						}
		
		#wetterbox .ort {
						background-image: url(pics/wetterzeile.gif);
						background-position: bottom;
						background-repeat: repeat-x;
						padding:0 0 0 5px;
						}
		#wetterbox .temp {
						background-image: url(pics/wetterzeile.gif);
						background-position: bottom;
						background-repeat: repeat-x;
						width: 30px;
						text-align: center;
						}
		#wetterbox .pic {
						background-image: url(pics/wetterzeile.gif);
						background-position: bottom;
						background-repeat: repeat-x;
						width: 30px;
						text-align: center;
						}
						
#sidebarrechts .werbebox{
			width: 150px;
			padding: 5px 0 5px 0;
			/*background-color: #00FF00;		test*/		
			text-align: center;
			}

#sidebarrechts .box{
			margin: 5px 0 5px 0;
			width: 150px;
			/*background-color: #9999FF;		test*/		
			}


/*3.4 footer */
.footertext {
			font-size: 10px;
			text-align: center;
			}
/*--------------------------------------*/
/*
4. schriften etc.
*/ 

body, p, h1, h2, h3, h4, h5, ul, li, form, label, input {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/*
4.1 überschriften
*/

h1 {
	font-size: 15px;	
	line-height: 18px;
	margin: 0 0 5px 0;
	color: #547B8C;
	}

h2	{
	font-size: 11px;	
	line-height: 15px;
	margin: 0 0 5px 0;
	}

h3	{
	margin: 0 0 5px 0;
	font-size: 11px;
	font-weight: bolder;
	color: #000000;
	line-height: 15px;
	letter-spacing: 1px;
	}


.boxueberschrift {
			margin: 0 0 5px 0;
			font-size: 11px;
			font-weight: bolder;
			color: #000000;
			line-height: 15px;
			letter-spacing: 1px;
			}
			
 
/*
4.2  text
*/ 

.standarttext	{
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	}

p	{
	font-size: 11px;
	text-align: justify;
	line-height: 15px;
	}





/*--------------------------------------*/
/*
5.links


5.1 textlinks 
*/
.textlinkklein	{
				font-size: 10px;
				color: #000000;
				text-decoration: none;
				}
.textlinkklein:hover	{
				font-size: 10px;
				color: #000000;
				text-decoration: underline;
				}


.textlinkmittel	{
				font-size: 11px;
				color: #000000;
				text-decoration: none;
				}
.textlinkmittel:hover	{
				font-size: 11px;
				color: #000000;
				text-decoration: underline;
				}

.teaser .ueberschrift {
	line-height: 18px;
	font-size: 14px;
}

.teaser .mehr{
	font-size: 11px;	
}

.teaser A:link {
	color: #354D58;
	text-decoration: none;
}

.teaser A:visited {
	color: #354D58;
	text-decoration: none;
}

.teaser A:hover{
	color: #354D58;
	text-decoration: underline;		
}

.teaser p	{
		margin: 0;
		padding: 0;
		font-size: 11px;
		text-align: justify;
		line-height: 15px;
		}

/*5.1 grafiklinks*/

#logo img {
		border: 0;
		display: block;
		}


/*img {
	border: 0;	
	}
	img A:link {
				color: #FF0000;
				text-decoration: none;
				}
	img A:visited {
				color: #000000;
				text-decoration: none;
				}
	img A:hover{
				color: #;
				text-decoration: none;
				}*/

/*.uebersichtsbox .pic {
					float: left;
					margin: 0 5px 0 0;
					border: 1px;
					padding: 0px;
					
					border-color: #354D58;
					}*/

/*---------------------------------------------------------------------------------------------------*/
/* 6. formulare*/

/*input, select, textarea {
	border: 1px solid #354D58;
	}*/

/*6.1. schnellsuche	*/ 

#formschnellsuche  {
				
				margin: 10px 10px 0px 10px;
				font-size: 9px;
				display: block;
				}

#labelschnellsuche	{  
 					width: 140px; 
					margin: 0;
					text-align: left;
					font-size: 10px;
					font-weight: bold;
					color: #000000;
					line-height: 11px;
					letter-spacing: 1px;
					}			

#inputschnellsuche	{   /* schnellsuche inputfeld */
						width: 140px;
						font-size: 9px;
						margin: 2px 0px 3px 0px;
						}
		
#submitschnellsuche { /* schnellsuche submit-button */
 					
  					width: auto;
 					font-size: 9px;
					margin: 0px 0px 0px 83px;
		}

/*
6.2. Kontaktformular
*/ 



#kontaktformular {
			width: 350px;
			font-size: 11px;
			margin: 0px;
  			}



#kontaktform br { 	/* Alle Zeilenumbrüche innehalb des kontaktormulars auswählen */
 		clear: left; 			/* das floating der labels und inputs aufheben */
		}



.kontakt_label {
 				text-align: left; /*test*/
 				margin-bottom: 5px;
				width: 120px; /* Breite.*/
				float: left; /*test*/
				}

input#form_name	{
			/*width: 180px;  Breite.
			display: block;*/
  			float: left;
			margin-bottom: 5px;
			}
input#form_email	{
			/*width: 180px;  Breite.
			display: block;*/
  			float: left;
			margin-bottom: 5px;
			}
input#form_fon	{
			/*width: 180px;  Breite.
			display: block;*/
  			float: left;
			margin-bottom: 5px;
			}

textarea#form_nachricht {
		width: 200px;
		margin-bottom: 5px;
		/*border: 1px solid;
		border-color: #354D58;*/
		}

#kontakt_submit { /* den Submit-Button */
 			
			width: auto;
 			margin-left:120px;
			}

/* Hauptsuchformular Suche*/

#formsuche  {
				width: 350px;
				margin: 5px 0 5px 0;
				font-size: 11px;
				/*display: block;*/
				}

#labelsuche	{  
 			width: 130px; 
			margin: 5px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}			



#inputsuche	{   /* suche inputfeld */
			width: 195px;
			font-size: 11px;
			margin: 5px 0px 5px 0px;
			float: left;
			}

#labelrubrik	{  
 			width: 130px; 
			margin: 5px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}				

#rubriksuche {
			width: 130px;
			font-size: 10px;
			margin: 0;
			padding: 0;
			border: 0px;
			}

#submitsuche { /* suche submit-button */
 					width: auto;
 					font-size: 11px;
					margin: 0px 0px 0px 5px;
					/*float: left;*/
					}		



/* suchformular archiv*/

#labeljahr	{  
 			width: 130px; 
			margin: 5px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}				

#archivsuchejahr {
			width: 130px;
			font-size: 10px;
			margin: 0 0 5px 0;
			padding: 0;
			border: 1px;
			float: left;
			}

#labelmonat	{  
 			width: 130px; 
			margin: 5px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}				

#archivsuchemonat{
			width: 130px;
			font-size: 11px;
			margin: 0 0 5px 0;
			padding: 0;
			border: 0px;
			float: left;
			}

#labelarchivrubrik	{  
 			width: 130px; 
			margin: 5px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}				

#archivrubriksuche{
			width: 130px;
			font-size: 10px;
			margin: 0 0 5px 0;
			padding: 0;
			border: 0px;
			float: left;
			}

#formbox br { 	/* Alle Zeilenumbrüche innehalb des kontaktormulars auswählen */
 		clear: left; 			/* das floating der labels und inputs aufheben */
		}

#submitarchivsuche { /* suche submit-button */
 					width: auto;
 					font-size: 11px;
					margin: 0px 0px 0px 130px;
					float: left;
					}	

/* hauptformular newsletter*/

#formnewsletter  {
				width: 300px;
				margin: 0px 0 5px 0;
				font-size: 11px;
				display: block;
				}

#labelinputnewsletter{  
 			width: 100px; 
			margin: 5px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}		

#inputnewsletter	{ 
			width: 150px;
			font-size: 11px;
			margin: 5px 0px 5px 0px;
			float: left;/**/
			}

#labelabnewsletter	{  
 			width: 100px; 
			margin: 5px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			}

#labelannewsletter	{  
 			width: 100px; 
			margin: 5px 0px 0px 5px;
			text-align: left;
			font-size: 11px;
			}

#submitnewsletter { 
 					width: auto;
 					font-size: 11px;
					margin: 0px 0px 0px 17px;
					/*float: right;*/
					}

/* schnelleintrag newsletter*/

#formnlschnelleintrag  {
				padding: 0;
				margin: 0px 0 5px 0;
				font-size: 9px;
				display: block;
				}

#inputnlschnelleintrag	{   /* schnellsuche inputfeld */
						width: 144px;
						font-size: 9px;
						margin: 5px 0px 5px 0px;
						}
		
#submitnlschnelleintag { /*teaser newsletter*/
 					width: auto;
 					font-size: 9px;
					margin: 0px 0px 0px 74px;
					
					}


/* austrag newsletter */

#formnewsletteraustrag  {
				width: 360px;
				margin: 5px 0 5px 0;
				font-size: 11px;
				/*display: block;*/
				}

#labelinputnewsletteraustrag{  
 			width: 100px; 
			margin: 2px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}		

#inputnewsletteraustrag	{ 
			width: 150px;
			font-size: 11px;
			margin: 0px 0px 0px 0px;
			float: left;/**/
			}

#submitnewsletteraustrag { 
 					width: auto;
 					font-size: 11px;
					margin: 5px 0 5px 100px;
					float: left;
					}

/*newsletteraktivierung*/

.labelinputnlaktivierung{  
 			width: 100px; 
			margin: 2px 0px 0px 0px;
			text-align: left;
			font-size: 11px;
			color: #000000;
			float: left;
			}		

.inputnlaktivierung	{ 
			width: 150px;
			font-size: 11px;
			margin: 2px 0px 3px 0px;
			float: left;/**/
			}

#nlaktivierungemailtyp{  
 			width: 100px; 
			margin: 2px 0px 0px 0px;
			text-align: left;
			font-size: 10px;
			color: #000000;
			float: left;
			}		

#inputnlaktivierungplz{
					/*width: 150px;*/
					font-size: 11px;
					margin: 2px 5px 3px 0px;
					float: left;
					}
#inputnlaktivierungort{
					width: 120px;/**/
					font-size: 11px;
					margin: 2px 0px 3px 0px;
					float: left;
					}


#submitnlaktivierung { 
 					width: auto;
 					font-size: 11px;
					margin: 5px 0 5px 100px;
					float: left;
					}


/*extras*/

code {
	font-size: 11px;
	}

.erfolg {
	width: 350px;
	margin: 5px 0 5px 0;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #006600;
	font-size: 10px;
	color: #006600;
				}

.fehler {
	width: 350px;
	margin: 5px 0 5px 0;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #cc0000;
	font-size: 10px;
	color: #cc0000;
				}

.clear {
clear: both;
height: 0px;
line-height: 0px;
font-size: 0px;
} 

.clearleft {
clear: left;
height: 0px;
line-height: 0px;
font-size: 0px;
}

.zero {
overflow: hidden;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
height: 0;
} 
		
		
		
		
		
		
		
		
		
		
		
		
/* CSS für Tickermaker */

.tickertextarea {
	font-family: verdana;
	font-size: 9px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

.tickercolorfield {
	width: 20px; 
	cursor: pointer; 
	float: left; 
	margin-left: 2.5px; 
	margin-bottom: 5px;
	margin-right: 2.5px;
}

.tickertable td {
	font-family: verdana;
	font-size: 11px;
}

.tickertable input {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	cursor: pointer;
	font-family: verdana;
	font-size: 11px;
}

.tickertable select {
	background-color: #FFFFFF;
	cursor: pointer;
	font-family: verdana;
	font-size: 11px;
}