@charset "iso-8859-1";

*
{
	border:		0 none;
	padding:	0;
	margin:		0;
	font-family: Verdana, Arial, Sans-Serif;
}

table
{
	border-spacing: 0;
	border-collapse: collapse;
}

body
{
	color:			#666666;
	font-size:		100.1%;
	background: #d4e6fa url(./layout/body-back.jpg) repeat-x;
}

a
{
	text-decoration:	none;
	color:				#007cbf;
}

a:hover
{
	text-decoration:	none;
	color: #000;
}

label
{
	cursor: pointer;
}

span {
			color: #007cbf;
			font-size: 1.4em;
}

/* === [ Grundlayout ] ===================================================================== */

#wrapper
{
	width: 800px;
	margin: 0 auto;
	background: #fff url(./layout/wrapper-back.jpg) repeat-x;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	min-height: 700px;
	
}

#wrapper:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

	#wrapper h1 img
	{
		display: block;
	}


#inhalt
{
	padding-bottom: 30px;

}

#footer
{
	color: #666;
	font-size: 0.69em;
	padding: 1em 0 0.5em 20px;
	text-align: center;
}

	#footer a
	{
		color: #666;
		text-decoration: none;
	}
	
	#footer a.modul
	{
		color:#CC0000;
		text-decoration: none;
		font-weight: bold;
	}
	#footer a:hover
	{
		color: #000;
	}

/* === [ Obere Navigation ] ===================================================================== */

#hauptnavigation
{
	float: left;
	width: 800px;
}

	#hauptnavigation ul.navi
	{
		list-style-type: none;
		font-size: 0.79em;
		text-align: center;
		margin-top: 30px;
	}

		#hauptnavigation ul.navi li
		
		{
			float: left;
			border-bottom: 1px solid #a1cff5;
			border-right: 1px solid #a1cff5;
			width: 123px;
			margin-left: 10px;
			padding-bottom: 4px;
		}
		
		#hauptnavigation ul.navi li.home {
			margin-left: 0;

		}

			#hauptnavigation ul.navi li a
			{
				text-decoration: none;
				line-height: 15px;
				color: #cc0000;
				
			}

			#hauptnavigation ul.navi li a:hover
			{
				color: #007cbf;
			}


body#bd-home #hauptnavigation ul li#home a,
body#bd-profil #hauptnavigation ul li#profil a,
body#bd-leistungen #hauptnavigation ul li#leistungen a,
body#bd-medien #hauptnavigation ul li#medien a,
body#bd-partner #hauptnavigation ul li#partner a,
body#bd-kontakt #hauptnavigation ul li#kontakt a
{
	color: #007cbf;
	
}


/* === [ Banner ] ===================================================================== */
#banner
{
	width: 800px;
	height: 212px;
	
}


/* === [ Überschriften/Absätze ] === */

#inhalt h1
{
	font-size: 1em;
	color: #007cbf;
	padding-bottom: 30px;
	font-weight: normal;
}

#inhalt h2
{
	font-size: 1em;
	color: #007cbf;
	padding: 40px 0 1.5em 40px;
	clear: left;
}

#inhalt h3
{
	font-size: 0.9em;
	font-weight: normal;
	color: #007cbf;
	padding: 0 0 15px 40px;
}

#inhalt h3.rot
{
	font-size: 0.9em;
	font-weight: normal;
	color: #CC0000;
	padding: 0 0 15px 40px;
}
#inhalt h4
{
	font-size: 0.9em;
	font-weight: normal;
	color: #007cbf;
	padding: 0 0 15px 40px;
}

#inhalt h6
{
	font-size: 1.2em;
	font-weight: normal;
	color: #cc0000;
	padding: 15px 90px 15px 90px;
	font-style: italic;
	font-family:"Times New Roman", Times, serif;
	line-height: 1.3;
}

#inhalt p
{
	font-size: 0.79em;
	color: #666666;
	line-height: 1.5;
	padding: 0 30px 1.7em 40px;
	
}

#inhalt p.klein
{
	font-size: 0.65em;
	color: #666666;
	line-height: 1.1;
	padding: 0 30px 1.7em 40px;
	
}


#inhalt p.ueberschrift
{
	font-size: 0.9em;
	font-weight: normal;
	color: #007cbf;
	padding-left:20px;
}

#inhalt p.abstand-30
{
	padding-top: 30px;
}


/* === [ Listen ] === */

#inhalt ul.kleine-liste
{
	padding: 0 0 20px 40px;
	list-style-type:none;
}

#inhalt ul.kleine-liste li a
{
	color: #cc0000;
	font-size: 0.6em;
	margin-left: 20px;
}

#inhalt ul.kleine-liste li a:hover
{
	color: #007cbf;
}


	
#inhalt dl.anschrift
{
	float:right;
	width: 250px;
	padding: 10px;
	border: 1px solid #d0d4d9;
	margin-right: 30px;
	margin-top: 7px;


}

#inhalt dl.anschrift dd	
	{
		font-size: 1em;
		color: #007cbf;
		font-weight:bold;
		padding: 0 0 20px 20px;
		
	}

	#inhalt dl.anschrift dt.fett
	{
		font-size: 0.79em;
		font-weight:bold;
		color: #007cbf;
		padding: 0 0 15px 20px;
		
	}
	
	#inhalt dl.anschrift dt	
	{
		font-size: 0.79em;
		font-weight:normal;
		color: #666;
		padding: 0 0 5px 20px;
		
	}
	
	#inhalt dl.anschrift dt.abstand
	{
		font-size: 0.79em;
		font-weight:normal;
		color: #666;
		padding: 0 0 15px 20px;
		
	}
	
	#inhalt dl.anschrift a
	{
		font-size: 1em;
		color: #007cbf;
		font-style: normal;
	}

	#inhalt dl.anschrift a:hover
	{
		font-size: 1em;
		color: #000;
		font-style: normal;
	}
	
	
	#inhalt dl.impr
	{
		font-size: 0.79em;
		line-height: 1.2;
		color: #666666;
		padding: 0 18px 1.7em 40px;
	}

	#inhalt dl.impr dt
	{
		clear: left;
		float: left;
		font-weight: bold;
		font-size: 0.9em;
		width: 12em;
	}

	#inhalt dl.impr dd
	{
		float: left;
		width: 30em;
		padding-bottom: 5px;
	}
	
	#inhalt dl.impr a
	{
		font-size: 1em;
		color: #007cbf;
		font-style: normal;
	}

	#inhalt dl.impr a:hover
	{
		font-size: 1em;
		color: #000;
		font-style: normal;
	}
	
	
	#inhalt dl.impr:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}
	
	
/* === [ Formulare ] =========================================================================== */

#kontaktform
{
	padding: 0 20px 1em 20px;
	float: left;
	width: 400px;
}

#kontaktform fieldset
{
	width: 390px;
	border: 1px solid #d0d4d9;
	padding: 0 0 8px 40px;
	margin: 0 0 8px 0;
}

#kontaktform legend
{
	font-size: 0.79em;
	color: #007cbf;
	font-weight: bold;
}

label
{
	display: block;
	width: 200px;
	font-size: 0.79em;
	color: #666;
	cursor: pointer;
	padding-top: 7px;
}

#kontaktform label em
{
	font-size: 10px;
	font-weight: normal;
	color: #ff6600;
}

#kontaktform input, #kontaktform textarea
{
	display: block;
	width: 200px;
	padding: 2px;

	border: 1px solid #939ea8;

	font-size: 0.79em;
	color: #666;
	background-color: #e2f0fe;
}

#kontaktform #kontakt_senden
{
	margin-left: 40px;
	font-size: 1em;
	border: 1px solid #939ea8;
	background-color: #007cbf;
	color: #fff;
}

#kontaktform textarea
{
	width: 350px;
}

#kontaktform textarea:focus, #kontaktform input:focus
{
	color: #000;
	background-color: #e1e1e1;
}