/* CSS Document */
		
body{
		padding : 0;
		margin : 0;
		background-color: #CCC3A9;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
			
			
#hauptcontainer{
			height:100%;
			width: 955px;
			margin: 10px 0 0 0;
			margin-left: auto;
			margin-right: auto;
			/*background-color: #FF8888;*/
			}

.platzhalter10 {
		margin: 10px 10px 10px 10px;
		display: block;
		}
	
#contentcontainer {
		float: left;/**/
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		background-color: #FFFFFF;
		display: block;
		}

#werbecontainer{
			height:100%;
			float: left;
			margin: 0;
			background-color: #ffffff;	/* testfarbe*/			
			}



#seitenkopf {
		padding: 0;
		margin: 0;
		width: 760px;
		height: 90px;
		background-color: #BECA5E;
		}
			
#logo {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	height: 80px;
	background-color: #BECA5E;


}

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


#kopfwerbung      {
		float: left;
		width: 550px;
		height: 60px;
		margin: 10px 0 0 0;
		padding: 0px;
		background-color: #BECA5E;
		text-align: center;
		}

#hauptteil {
	padding: 0;
	margin: 0;
	width: 760px;
	/*background-color: #FF9900; testfarbe*/	
		}	

#sidebar-a {
		float: left;
		width: 150px;
		margin: 5px 0 0 0;
		padding: 0;
		display: block;
		/* background-color: #CC6600;testfarbe*/	
		}
		
#contentbereich {	
		float: left;
		width: 460px;
		margin: 5px 0 0 0;
		padding: 0px;			
		background-color: #FFFFFF;
		}

#sidebar-b {			
		float: left;
		width: 150px;
		margin: 0;
		margin: 5px 0 0 0;
		padding: 0;
		display: block;
		/*background-color: #CC6600; testfarbe*/	
		}
		
#footer {
		width: 760px;
		margin-top: 5px;
		/*background-color: red; testfarbe*/	
		}


.footertext {
			font-size: 10px;
			text-align: center;
			}



/* Die Teaser-Box 

#t-box-a {
float: left;
display: block;
}

#t-box-b {
float: right;
display: block;
}*/

/* optional 
#t-box h4 {
letter-spacing: 1px;
color: #666;
}*/

/* Der eigentliche Teaser (als Klasse!) */

.teaser {
	width: 148px;
	background-color: #EBEBEB;
	border: 1px solid #BECA5E;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
}

#sidebar-a .t-werbung {
	text-align: center;
}

.t-head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #BECA5E;
	color: #303030;
	padding: 0px;
	padding-left: 5px;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
}

.t-txt {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
padding: 0px;
line-height: 16px;
font-size: 10px;
}

/*Die Klassen t-head und t-text dienen lediglich zur Formatierung
 der Überschriften und Textblöcke innerhalb der Teasers a.*/



#content {
		width: 448px;
		padding: 0px;
		margin: 0 5px 0 5px;
		border: 1px solid #BECA5E;
		background-color: #FFFFFF;

}

#content p {
		background-color: #FFFFFF;
}


/* Seitenwerbungrechts */

#werbecontainer{
			float: left;
			margin: 0 0 0 0;
			background-color: #ffffff;	/* testfarbe*/			
			}
			
.werbeteaser {
	width: 160px;
	background-color: #EBEBEB;
	border: 1px solid #BECA5E;
	margin: 10px 10px 10px 0;
	padding: 0px;
	}

.skyscraper{
		text-align: center;
		
		}

/* Wetterteaser */

.datentabelle {
	width: 145px;
	border-collapse: collapse;
	font-size: 10px;
	color: #000000;
						
						}
.zeile {
		padding: 0;
		}
		
.ort {
		background-image: url(pics/wetterzeile.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		padding:0 0 0 5px;
						}
.temp {
		background-image: url(pics/wetterzeile.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		width: 30px;
		text-align: center;
		}
.wetterpic {
		background-image: url(pics/wetterzeile.gif);
		background-position: bottom;
		background-repeat: repeat-x;
		width: 30px;
		text-align: center;
		}
		
/*Zusatzbox etc ...........................................................................................*/	
		
#zusatzbox {
	font-size: 11px;
	color: #000000;
	/*background-color: #CCCCCC;		test */	
			}

			#zusatzbox A:link {
			color: #000000;
			text-decoration: none;
			}
			#zusatzbox A:visited {
			color: #000000;
			text-decoration: none;
			}
			#zusatzbox A:hover{
			color: #727938;
			text-decoration: underline;		
			}

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

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

		

/*Fotobox etc ...........................................................................................*/

.galeriebox{
			width: 435px;
			background-color: #99FFFF;		/*test*/
			display: block;
			}
			
			.vorschaubilder {
						width: 300px;
						background-color: #99CCCC;
						margin-left: auto;
						margin-right: auto;
						text-align: center;
						}
			
			.galerievorschaubild {
							width: 100px;
							margin: 5px 0 5px 0;
							background-color: #99FFFF;		/*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;
		}

.fotoboxleft img {
				border: 0;
				}

.fotoboxright 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;
			}

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

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

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




/*.uebersichtsbox {
				width: 440px;
				margin: 0 0 5px 0;
				padding: 0px;
				background-color: #FFFFCC;
				border: 1px solid;
				border-color: #BECA5E;
				}
				
				.uebersichtsbox A:link {
					color: #000000;
					text-decoration: none;
					}
				.uebersichtsbox A:visited {
					color: #000000;
					text-decoration: none;
					}
				.uebersichtsbox A:hover{
					color: #000000;
					text-decoration: underline;		
					}
*/
/*Artikel Teaser .........................................................................................*/

.artikelteaser{
				width: 425px;
				margin: 0 0 5px 0;
				padding: 0;
				background-color: #ffffff; /*test*/
				/*float: left;
				border: 1px solid;
				border-color: #354D58;*/
				}
				
.artikelteaser .ueberschrift {
					font-size: 15px;
					line-height: 18px;
					}
					
.artikelteaser .mehr {
					font-size: 10px;
					}
					
.artikelteaser A:link {
					color: #727938;
					text-decoration: none;
					}
					
.artikelteaser A:visited {
					color: #727938;
					text-decoration: none;
					}
					
.artikelteaser A:hover{
					color: #727938;
					text-decoration: underline;		
					}




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

.fotoboxleft img {
				border: 0;
				}

.fotoboxright 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;
			}

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

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

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


#content .werbebox{
			width: 425px;
			margin: 0px 0 5px 0px;
			padding: 0px 0 0px 0px;
			background-color: #00ff00;		/*test*/		
			text-align: center; 
			}




/*
4.1 überschriften
*/

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

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

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


.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;
	}

.artikelteaser p	{
		margin: 0;
		padding: 0;
		font-size: 11px;
		text-align: justify;
		line-height: 15px;
		}
		
.artikelteaser p a:hover {
	text-decoration: underline;
	font-weight: bold;
}
		
/*------------------------------------------------------------*/


/*5.1 textlinks*/


.textlinkklein	{
				font-size: 10px;
				color: #000000;
				text-decoration: none;
				}
.textlinkklein:hover	{
				font-size: 10px;
				color: #727938;
				text-decoration: underline;
				}


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



.a_linknavi {
	font-size: 12px;
	FONT-FAMILY: Verdana;
	COLOR: #333333; 		
	TEXT-DECORATION: none;
	line-height: 18px;
	}

.a_linknavi:hover {
	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana; 
	COLOR: ##727938; 
	TEXT-DECORATION: underline;
	line-height: 18px;
	}

.a_linkklein {
	font-size: 11px;
	FONT-FAMILY: Verdana;
	COLOR: #ffffff; 		
	TEXT-DECORATION: none;
	line-height: 15px;
	}

.a_linkklein:hover {
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana; 
	COLOR: #727938; 
	TEXT-DECORATION: underline;
	line-height: 15px;
	}
	
/*
6.2. Kontaktformular......................................................................................
*/ 



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



#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;
			border: 1px solid;
			border-color: #BECA5E;
			}
input#form_email	{
			/*width: 180px;  Breite.
			display: block;*/
  			float: left;
			margin-bottom: 5px;
			border: 1px solid;
			border-color: #BECA5E;
			}
input#form_fon	{
			/*width: 180px;  Breite.
			display: block;*/
  			float: left;
			margin-bottom: 5px;
			border: 1px solid;
			border-color: #BECA5E;
			}

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

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








/*extras*/

.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: left;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
		} 


		
.platzhalter5 {
	margin: 5px;
}	

.platzhalter10 {
	margin: 10px;
}

.platzhalter10 h1 {
	margin-bottom: 0px;
	padding-bottom: 0px;+
	font-size: 12px;
	color: black;
	font-weight: bold;
}

.platzhalter10 h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.platzhalter10 p {
	margin-top: 0px;
	padding-top: 0px;
}

.platzhalter_nachricht {
	margin: 10px;
}

.platzhalter_nachricht h1 {
	font-size: 15px;
	line-height: 18px;
	margin: 5px 0 5px 0;
	color: #727938;	
}