/* Algemeines HTML */
	
html{ width:100%; height:100%; }

body {
	border-width:0px;
	overflow:auto;
	margin:0px;
	width:100%; height:100%;
/*	background-color:#fce6f0;
	background-image:url(../media/hg.jpg);
	background-repeat:no-repeat;
*/	
}

#fixHG{ /* HG fix! */
	position:fixed;
	top:0px; left:0px;
	width:100%; height:100%;
	background-color:#fce6f0;
	background-image:url(../media/hg.jpg);
	background-repeat:no-repeat;

}



img {
	border-width:0px;
	vertical-align:-1px;
}

h1{
	color:#910014;
	color:#5a5a5c;
	font:17px Verdana, Arial, Helvetica, sans-serif;
	/*margin:8px 0 16px -8px;*/
	margin:8px 0 16px 0;
}

h2{
	color:#910014;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;

}

h4{ /*Tabbellen überschrift z.B:*/
	color:#000000;
	font:19px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;

}

hr{
	position:relative; height:1px;
	border:solid 0px #910014;
	background-color:#910014;
}
* + html hr { height:0px; /* IE7 spez.*/ 
	border:solid 1px #910014;
}

pre{
margin-top:2px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}



/* Globale Formate */ 


#logo{ /* Pilates*/
	position:fixed;
	position:absolute;
	left:15px; top:18px;
	width:300px; height:90px;
	background-image:url(../media/pilates_logo.jpg);
	z-index:999;
}
#pilatesVerband{ /*Pilates Verband Logo*/
	position:absolute;

	left:1035px; top:427px;
	width:160px; height:135px;
	background-image:url(../media/pilatesverband.png);
	background-repeat:no-repeat;	
}
#pilatesVerband h1{ /*Pilates Verband Text unterm Logo*/
	position:absolute;
	top:100px; margin-left:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px; font-weight:normal;
	color:#656567;
	line-height:10px;
}



#headMenue{/*3 Menü-Punkte überm Hauptbild...in top.html*/
	position:absolute;
	left:338px; top:112px;
	color:#656567;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#headMenue a:link, #headMenue a:visited {
	text-decoration:none;
	color:#656567;
}


#headMenue a:hover {
	text-decoration:underline;
	color:#910014;
}




#topPic{ /* Bild über text*/
	position:absolute;
	left:337px; top:134px;
	width:692px; height:280px;
}

#topPic h1{ /* Text auf Bild*/
	position:absolute; height:250px;
	right:484px; top:200px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px; font-weight:normal;
	line-height:22px;
	margin:0px; padding:0px;
	text-align:right;
	z-index:8;

}

* + html #topPic h1 {/* IE7 spez.*/ 
	line-height:28px;
	margin-top:-10px;
}


#mainTextArea{/* Mittlerer Fließtext - HG */
	position:absolute;
	left:337px; top:427px;
	width:685px; 
	background-image:url(../media/content_hg.png);
	background-repeat:repeat-y;
	border:solid 0px #111111;
}

#mainAreaText{/* Text in mainTextArea */
	
	position:relative;
	left:20px; top:2px;
	width:560px;
	margin:0 0 44px 0;
	/*text-align:justify;*/
	
	font:12px Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#656567;	
}
#mainAreaText p{
	margin:0 0 12px 0;
}
#mainAreaText a:link {
	color:#910014;
	text-decoration:underline;
}
#mainAreaText a:visited {
	color:#910014;
	text-decoration:underline;
}
#mainAreaText a:hover {
	color:#dab5c5;
/*	text-decoration:none;
*/	
}

#mainAreaText table{
	width:100%;
	border:solid 2px #910014;	
    border-collapse: collapse;
/*	outline:solid 1px #444444;
*/	
	margin-bottom:30px;
}
#mainAreaText td{ 
	border:1px solid #dab5c5;
	overflow:hidden;
}
#mainAreaText .spaltenBreite{/*1.Spalte in Content Tabellen*/
	width:50%;

}



/* Kontakt-Formular*/
#mainAreaText #noBorder{/* Kontakt-Formular*/
	border:0px;
}
#mainAreaText #noBorder td{
	border:0px solid #dab5c5;
}
.eingabeText{
	position:relative; width:350px;
}








#footer{/* im contentbereich unten alle links + drucken und up*/
	width:100%; height:242px;
	background-image:url(../media/footer.png);
/*	background-color:#fde6f0;
*/	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#b71d60;
	

}
#footer a:link{
	color:#b71d60;
	text-decoration:none;
}
#footer a:visited {
	color:#b71d60;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#b71d60;	
}

#spalte1{
	position:relative;
	top:20px;left:20px;
	float:left;
}
#spalte2{
	position:relative;
	top:20px;left:120px;
	float:left;
}
#spalte3{
	position:relative;
	top:20px;left:220px;
	float:left;
}

#navSymbols{
	position:absolute;
	bottom:20px;left:20px;
	z-index:33;
}



/* pix */
.portrait{
    float:right;
	margin:2px 0 1px 8px;
}





/* MENUE von alter Seite: */

#menuwrapper{
	position:absolute;
	top:134px; left:158px; 
    float:right;
    /*background-color:green;*/
    width:150px;
    overflow-x:hidden;
	border:solid 0px #910014
}

#mainmenu{
    margin:0px;
}



.main{
    list-style:none;
    background-color:#dab5c5;
    margin:0px 0 1px -40px;
    font:12px Verdana, Arial, Helvetica, sans-serif;

    min-height:20px;
	border:solid 1px #bcb2b7 ;
/*	border:groove 2px #c4b5bc ;
*/	border-top:0px; border-left:0px;

	color:#FFFFFF;
}

* + html .main {  margin:0; } /* IE7 anpassung*/


.klickCatcherMainNav{/* damit beim aufgeklappten Hauptmenue auch die unterpunkte anwählbar sind. (liegt kleins fixes div über aufklappbarem Haupt-Div)*/
	position:relative; top:0; left:0;
	width:100%; height:18px;
	margin:0; padding:0;
}
/*
.main a:link, .main a:visited, .main a:hover, .main a:active{
    color:#FFFFFF;
    text-decoration: none;
	position:relative; left:10px; top:2px;
}*/
.main a{
    color:#FFFFFF;
    text-decoration: none;
	position:relative; left:10px; top:2px;
}

.main .sub{
    display:none;
    list-style:none;
    margin:2px 0 4px -30px;
    _margin:3px 0 8px 30px;
    font:9px Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
	line-height:14px;
	padding-bottom:8px;
	width:100%;
}

* + html .main .sub { margin-left:12px; } /* IE7 anpassung*/

.sub a:hover{
    font-weight:bold;
    color:#fce6f0;
	/*cursor:crosshair;*/
}




/* spezielle Lösungen */



img#background {
	height: 100%;
	width: 100%;
	z-index: -20;
	position:absolute;
	left: 0px; top:0px;
}

img#backgroundSchatten {
	height: 1000px;
	width: 100%;
	z-index: -20;
	position:absolute;
	left: 0px; top:0px;
}






img#mSpace { height: 4px; width: 8px;}

#logoDiv{
	position:absolute;
	top:50%; left:50%;
	width:510px; height:315px;
	margin:-375px 0px 0px -555px;
	border:solid 0px #ffffff;
	
}

#fenster {
	position:absolute;
	top:50%;
	left:50%;
	width:1000px;
	margin:-340px 0px 0px -500px;
	height:auto;
	height:680px;
	background-image:url(../media/hg.jpg);	
	
	border:solid 1px #111111;
	
	
	SCROLLBAR-FACE-COLOR: #222222;
SCROLLBAR-3DLIGHT-COLOR: #666666; 
SCROLLBAR-DARKSHADOW-COLOR: #333333;
SCROLLBAR-TRACK-COLOR: #444444; 

SCROLLBAR-HIGHLIGHT-COLOR: #222222; 
SCROLLBAR-SHADOW-COLOR: #111111; 
SCROLLBAR-ARROW-COLOR: #99CC33; 

}