/*  * html für IE6  */ /*  *+html für IE7  */
	/*allgemeine Festlegungen*/
p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 18px;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

/***************************************************
 * hier können die schriftgrößen geändert werden
 ***************************************************/


.schriftcss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none
}

.schriftcssfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	font-variant: normal;
	color: #666666
}

.schriftcsskursiv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 21px;
	font-weight: normal;
	font-variant: normal;
	color: #666666
}

.schriftcssgross {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000
}

.schriftcssgrossfett {

}

.schriftcssgrossfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000
}

.schriftcssweiss {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	clip: rect()
}

.schriftcssklein {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none
}

.schriftcssfettrot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	font-variant: normal;
	color: #FF0000
}

.schriftcsshg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	background-image: url(images/hg.gif)
}

.schriftcsszentriert {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: center
}

.schriftcsszentriertfett {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
	text-align: center
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FF6600;
	text-decoration: underline
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FF6600;
	text-decoration: none;
}

.schriftcssstrich {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline
}

.schriftcssorange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #FF6600;
	text-decoration: none
}

	/*die Einrückungen spiegeln die Struktur im Programmkode wieder*/

html{
	height:100%;
	width:100%;

}

body{
	padding: 0px;
	margin: 0px;

	scrollbar-face-color:#E6E7E8;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#E6E7E8;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#808080;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	height:100%;
	width:100%;
	overflow:hidden;

}

/*kann nach rechts wachsen*/
.page {
	height:100%;

	text-align: left;
	padding-left: 0px;
	padding-right: 0px;

}

.inhalt {
	height:100%;
	/*overflow:hidden;*/
}

/***************************************************************************
		 ** Hier beginnt der Kopfbereich
		***************************************************************************/
.containerTop {

	height:14%;

	/*height:92px;
	z-index:3;*/


}

.hrLinie{

	height:92px;

	overflow:hidden;

	background-image:url( /images/hrLine.gif);
	background-repeat:repeat-x;
	background-position:top;
}

	.leftImg{
		height:44px;

		width:308px;
		padding-top:46px;
		float:left;
	}

	.navi{
		height:24px;
		width:446px;
		float:left;
		padding-top:68px;
		overflow:hidden;


	}

		.button{
			height:24px;
			float:left;
		}

		.button a{
			height:24px;
			background-repeat:no-repeat;
			display:block;
		}

		#home{
				width:50px;
		}

		#home a{
				width:50px;
				background-image:url( /images/navigation_01.gif);

		}

		#home a:active, #home a:hover, #home .active{
				width:50px;
				height:24px;

				background-image:url( /images/navigation_mo_01.gif);
		}


		#termine{
				width:66px;
		}

		#termine a{
				width:66px;
				background-image:url( /images/navigation_02.gif);

		}

		#termine a:active, #termine a:hover, #termine .active{
				width:66px;
				height:24px;

				background-image:url( /images/navigation_mo_02.gif);
		}

		#einf {
					width:86px;
		}

		#einf a{

				height:24px;

				background-image:url( /images/navigation_03.gif);
		}

		#einf a:active, #einf a:hover, #einf .active{
				width:86px;
				height:24px;

				background-image:url( /images/navigation_mo_03.gif);
		}

		#galerie{
					width:61px;
		}

		#galerie a{

				height:24px;

				background-image:url( /images/navigation_04.gif);
		}

		#galerie a:active, #galerie a:hover, #galerie .active{
				width:61px;
				height:24px;

				background-image:url( /images/navigation_mo_04.gif);
		}

		#bio{
					width:85px;
		}

		#bio a{

				height:24px;

				background-image:url( /images/navigation_05.gif);
		}

		#bio a:active, #bio a:hover, #bio .active{
				width:85px;
				height:24px;

				background-image:url( /images/navigation_mo_05.gif);
		}

		#vita{
				width:39px;
		}

		#vita a{

				height:24px;

				background-image:url( /images/navigation_06.gif);
		}

		#vita a:active, #vita a:hover, #vita .active{
				width:39px;
				height:24px;

				background-image:url( /images/navigation_mo_06.gif);
		}

		#kont{
				width:59px;
		}

		#kont a{

				height:24px;

				background-image:url( /images/navigation_07.gif);
		}

		#kont a:active, #kont a:hover, #kont .active{
				width:59px;
				height:24px;

				background-image:url( /images/navigation_mo_07.gif);
		}

/***************************************************************************
		 ** Hier endet der Kopfbereich
		***************************************************************************/

.mitte{
	clear:both;
	height:72%;

	overflow:auto;

	/*height:100%;
	width:100%;
	margin-top:92px;
	margin-bottom:100px;
	border-top:92px;
	border-bottom:90px;
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
	*/
}

	.subNavi{
		margin-top:62px;
		padding-left:34px;
		width:278px;
		float:left;
	}

	* html .subNavi{

	}

		.subNavi ul{
			padding:0px;
			margin:0px;
			list-style:none;
		}

		.subNavi li{
			padding:0px;
			margin:0px;
			padding-bottom:5px;
		}

		.subNavi ul li a.active, .subNavi ul li a:active{
			font-weight:700;
			color: #FF6600;
		}


/***************************************************************************
 ** Hier beginnt Startseite
***************************************************************************/


		.contentStart{
			padding-left:308px;
			margin-top:0px;
			/*height:600px;*/
			position:relative;
		}



			.leftOfFlash{


			}

			.startImg{
				width:294px;
				height:60px;


			}

			.eing{
				padding-left:111px;
				padding-top:75px;

			}

			.flash{
				position:absolute;
				top:0px;
				left:630px;

			}

			.startText{
				padding-left:4px;
				padding-top:43px;
				clear:both;
			}


/***************************************************************************
 ** Hier endet Startseite
***************************************************************************/

	.contentEinText{
		padding-left:312px;
		width:658px;
		margin-top:65px;
		/*height:500px;*/
	}



/***************************************************************************
 ** Hier beginnt Bildergalerie
***************************************************************************/


	.contentGalerie{
		width:440px;
		float:left;
		margin-top:70px;
	}




	.galerie{
		width:440px;
	}



		.bilderWrapper{
			width:396px;

		}



			.bilderWrapper img{
				float:left;
				padding-bottom:8px;
				padding-right:4px;
			}


		.detail{
			clear:both;
			text-align:center;
			min-height:360px;
			position:relative;
		}



			.detailText{
				padding-top:26px;
			}

			.detailTextTitle{

			}

			detailTextSubtitle{
				padding-top:5px;
			}

		.detailNavi{
			width:100%;

			left:auto;
			padding-top:15px;

		}

		.naviWrapper{

			text-align:left;
		}

		.detailNaviPrev{
			width:9px;
			height:9px;
			background-repeat:no-repeat;
			background-position: center center;
		}

		.detailNaviPrev a{
			width:9px;
			height:9px;
			background-image:url( /images/prev.gif);
			background-repeat:no-repeat;
			background-position: center center;
		}

		.detailNaviPrev a:hover{
			width:9px;
			height:9px;
			background-image:url( /images/prev_mo.gif);
			background-repeat:no-repeat;
			background-position: center center;
		}

		.detailNaviNext{
			width:9px;
			height:9px;
			background-repeat:no-repeat;
			background-position: center center;
		}

		.detailNaviNext a{
			width:9px;
			height:9px;
			background-image:url( /images/next.gif);
			background-repeat:no-repeat;
			background-position: center center;
		}

		.detailNaviNext a:hover{
			width:9px;
			height:9px;
			background-image:url( /images/next_mo.gif);
			background-repeat:no-repeat;
			background-position: center center;
		}

		.detailNaviText{
			padding-left:10px;
			padding-right:10px;
			line-height:10px;
		}

		.detailNaviText a, .detailNaviText a:hover{
			vertical-align:top;
		}
/***************************************************************************
 ** Hier endet Bildergalerie
***************************************************************************/

	/***************************************************************************
		 ** Hier beginnt der footer
		***************************************************************************/



.footer {
	height:14%;
	margin-top:10px;


	/*
	width:100%;
	height:90px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index:0;
	*/


	background-color:#E6E7E8;
	overflow:hidden;

	outline:1px solid#c2c2c4;
	border-top:1px solid #dcdcde;
}

.footerNavi{
	height:27px;
	margin-left:312px;
	line-height: 10px;
}
 .footerNavi a:hover, .footerNavi .active{
 	text-decoration: none;
 	color: #FF6600;
 }

.seperator{

	font-size: 10px;
	padding-left:7px;
	padding-right:7px;
}


	#rhLogo{

	margin-left:850px;
		z-index:5;
	}
/***************************************************************************
		 ** Hier endet der footer
		***************************************************************************/

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}