@charset utf-8;

body {
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', 'Arial Black';
}

#header {
	background: #FFF;
	height: 230px;
	z-index: 2;
	width: 100%;
	position: fixed;
}

#wrapphead {
	min-width: 960px;
	max-width: 1220px;
	margin: 0 auto;
	background: #FFF;
	
}

#tophead {
	height: 120px;
	width: 100%;
	float:left;
	position: fixed;
	z-index: 2;
	background: #FFF;
}

#nav {
	width: 100%;
	height:150px;
	position: fixed;
	float: left;
	margin-top: 120px;
	z-index: 2;
	background: #FFF;
}

#nav article {
	height: 150px;
	float: left;
	color: #F4F4F4;
	position: relative;
}

#nav article:active, #nav article:hover, #nav article:focus, #nav article:checked {
	background: #af0102;
}

#nav article footer {
	position: absolute;
	bottom: 2px;
}

section {
	min-width: 100%;
	min-height: 100%;
	float:left;
	z-index: 1;
	margin-bottom: 100px;
}

#wrapper {
	min-width:960px;
	max-width:1220px;
	margin: 0 auto;
	width: 100%;
	min-height: 100%;
	margin-top: 280px;
}

#wrapper article {
	float: left;
}

#wrapper article table tr td {
	padding-left: 10px;
	padding-right: 10px;
}

#wrapper article table tr td  h1{
	text-align: center;
	margin-bottom:0;
	vertical-align: bottom;
}

#wrapper article table tr td  p{
	font-size: 14px;
}

#footer {
	width: 100%;
	height: 35px;
	bottom: 0;
	position: fixed;
	z-index: 2;
	background-image: url(../images/main/back_3.png);
}

#footer p { 
	margin-top: 4px;
}


/*hover menu*/

		#button1 { background-image:url(../images/nav/MenuHOMEinaktiv.jpg);} 
				   
		#button1:hover { background-image: url(../images/nav/MenuHOMEaktiv.jpg) !important; }
		.button1 { background-image: url(../images/nav/MenuHOMEaktiv.jpg) !important; }
		
		#button2 { background-image:url(../images/nav/MenuAERZTEinaktiv.jpg) !important; }
		#button2:hover { background-image:url(../images/nav/MenuAERZTEaktiv.jpg) !important; }
		.button2 { background-image:url(../images/nav/MenuAERZTEaktiv.jpg) !important; }

		
		#button3 { background-image:url(../images/nav/MenuPREISEinaktiv.jpg) !important; }
		#button3:hover { background-image:url(../images/nav/MenuPREISEaktiv.jpg) !important; }
		.button3 { background-image:url(../images/nav/MenuPREISEaktiv.jpg) !important; }

		#button4 { background-image:url(../images/nav/MenuANFAHRTinaktiv.jpg) !important; }
		#button4:hover { background-image:url(../images/nav/MenuANFAHRTaktiv.jpg) !important; }
		.button4 { background-image:url(../images/nav/MenuANFAHRTaktiv.jpg) !important; }

		#button5 { background-image:url(../images/nav/MenuTHERAPIEinaktiv.jpg) !important; }
		#button5:hover { background-image:url(../images/nav/MenuTHERAPIEaktiv.jpg) !important; }
		.button5 { background-image:url(../images/nav/MenuTHERAPIEaktiv.jpg) !important; }

		#button6 { background-image:url(../images/nav/MenuKONTAKTinaktiv.jpg) !important; }		
		#button6:hover { background-image:url(../images/nav/MenuKONTAKTaktiv.jpg) !important; }
		.button6 { background-image:url(../images/nav/MenuKONTAKTaktiv.jpg) !important; }

		#button7 { background-image:url(../images/nav/MenuMEDIAinaktiv.jpg) !important; }
		#button7:hover { background-image:url(../images/nav/MenuMEDIAaktiv.jpg) !important; }
		.button7 { background-image:url(../images/nav/MenuMEDIAaktiv.jpg) !important; }

		#nav article footer { visibility: hidden; }
		.div { visibility: hidden; }



/*hover thera*/
		.test {
				z-index: 3 !important;
				
		}
		
/*classes*/

.fltlft {
	float:left;
}

.wdth100 {
	width: 100%;
}

.wdth50 {
	width: 50%;
}

.wdth25 {
	width: 25%;
}

.back {
	background-image: url(../images/main/back_1.png);
}

.mrglft {
	margin-left: 10px;
}

.mrglft10 {
	margin-left: 10px;
}

.mrglft20 {
	margin-left: 20px;
}

.mrgtop0 {
	margin-top: 0;
}

.mrgtop10 {
	margin-top:10px;
}

.mrgtop20 {
	margin-top:20px;
}

.lftsmall {
	font-size: 16px;
	text-align: left;
}

.mid {
	text-align: center;
}

.midmid16 {
	font-size: 16px;
	text-align: center;
}

.midmid {
	font-size: 24px;
	text-align: center;
}

.backred {
	background: red;
}

.backblue {
	background: blue;
}

.backrose { 
	background-image: url(../images/main/backrose.png) !important;
}

.backpurple { 
	background-image: url(../images/main/backpurple.png) !important;
}

.backgreen { 
	background-image: url(../images/main/backgreen.png) !important;
}

.thera {
	padding: 0;
	margin:0;
	float:left;
	z-index: 1;
}

.fltrght {
	float: right;
}