/* CSS by Christian Radmann - http://www.radmann.net */

/*--------------------BASICS----------------*/
* {padding: 0; margin: 0; border:0;}
html, body {min-height: 100%; height: auto; height: 100%; 
font-size: 75%; font-family:verdana, arial; color:#444;}
img {border:none;}
img, div {behavior: url(iepngfix.htc);}
body {background-image:url(../images/layout/bg01.jpg); background-color:#8a1e12;}

/* -------------------- LAYOUTELEMTE -------------------- */
#mother {margin:0 auto; margin-top:40px; margin-bottom:30px; width:946px; height:auto;}
#main {background-image:url(../images/layout/mainbg02.jpg); width:946px; height:auto; border:0px solid #A53A10; background-color:#c34b0f; background-repeat:no-repeat;}
#left {float:left; width:389px; height:auto; }
.logo_png {padding:22px 0 0 18px; width:315px; height:104px; } .logo_gif {padding:22px 0 0 18px; display:none; width:315px; height:104px;}
#navigation {margin:10px 0 0 0;}
#content {float:left; background-color:#a53a10; width:498px; height:auto; color:#e4ab79; font-size:1.2em; line-height:1.5em;}
#bottom {clear:both; float:none; background-image:url(../images/layout/bottom01.png); width:946px; height:109px;}

	#anschrift { float:left; color:#fff; width: 369px; padding:30px 0px 0px 25px; font-size:1.2em; line-height:1.5em;} 
	#anschrift .pleft {float:left; padding-right:15px;} 
	#anschrift .pright {float:left; border-left:1px solid #a53a10; padding-left:20px;}
	#slogan {float:left; width:320px; padding:32px 0 0 13px;}
	#callme {position:relative; z-index:100; top:-55px; left:756px; width:190px; height:164px; background-color:#E28430; 
	background-image:url(../images/layout/call_me.png); background-position:center; background-repeat:no-repeat;}
	#callme img {display:none;}

#nav_zwei {width:350px; margin:5px 0 0 28px; font-size:1.2em;}
#nav_zwei span {color:#dd8332; font-size:1.5em;}

/* ---------------- NAVIGATION ----------------- */
#navigation ul {padding:0 0 0 92px; margin:0 0 30px 0; list-style:none;}
#navigation ul li {padding:0; margin:0; list-style:none; font-size:1.3em; line-height:2.1em;}
/*AKTIV*/
#index #navigation .nav_index a, 
#philosophie #navigation .nav_philosophie a, 
#wellnessmassagen #navigation .nav_wellnessmassagen a, 
#massagen_und_meer #navigation .nav_massagen_und_meer a,
#hot_stone_massage #navigation .nav_hot_stone_massage a, 
#aktuelles #navigation .nav_aktuelles a,
#waermetherapie #navigation .nav_waermetherapie a, 
#manuelle_lymphdrainage #navigation .nav_manuelle_lymphdrainage a,
#gesichtsmassage #navigation .nav_gesichtsmassage a, 
#sportmassage #navigation .nav_sportmassage a, 
#haeusliche_betreuung #navigation .nav_haeusliche_betreuung a, 
#partner #navigation .nav_partner a,
#gutscheine #navigation .nav_gutscheine a, 
#gesamtpreisliste #navigation .nav_gesamtpreisliste a
 {color:#fff; text-decoration:underline;}

/* ----------------- FORMATE für den CONTENT -------------------- */
.floatstop {float:none; clear:both; margin:0; padding:0 0 15px 20px;}
.totop {float:none; clear:both; margin:0 0 20px 0; padding:0 0 15px 20px;}

.box_a {margin:0; padding:0; height:auto; width:498px;} .box_a p {padding: 0 0 0 0;}
.box_b {margin:0; padding:0 0 0 25px; height:auto; width:473px;} .box_b p {padding: 20px 25px 0 0;}
.textbox_a {width:220px; height:76px; padding:50px 0 0 15px; float:left;}
.textbox_b {width:220px; height:76px; padding:25px 0 0 15px; float:left;}
.textbox_c {width:220px; height:76px; padding:15px 0 0 15px; float:left;}
.textbox_d {width:220px; height:76px; padding:15px 15px 0 0; float:right;}
.textbox_e {width:220px; height:auto; padding:15px 0 0 15px; float:left;}
.textbox_f {width:220px; height:auto; padding:15px 15px 0 0; float:right;}
.wholetext {width:468px; height:auto; padding:15px 15px 15px 15px;} .wholetext p{margin-bottom:1.5em;}

.designbox_e {width:250px; height:auto; float:left; background-color:#aa441c;}
.designbox_e2 {width:250px; height:auto; float:left; background-color:#aa441c;}
.designbox_f {width:248px; height:auto; margin:0 0 0 15px; float:left; background:#aa441c;}


/*-------------------AUSNAHMEN------------------------*/
#kontakt .wholetext, #newsletter .wholetext { padding:25px 0 20px 60px; width: 440px; background-color:#D76D20; }
#kontakt .box_a {height:auto; }
#partner .textbox_a, #partner .textbox_b {text-align:center;}

/*TEXTE*/
h1 span { display:none; } h1 { margin:0; padding:55px 0 0 0;}
h2 {font-size:1.1em; font-weight:bold; margin:2.1em 0 0 0;}
p {margin:0 0 15px 0;}
#content ul {margin:0; padding:0 20px 0 0;}
#content ul li{margin:0 0 0 30px; padding:0; list-style-image:url(../images/dot2.gif);}
.ul1, .ul2 {float:left;}
hr {margin:0 0 15px 0; padding:0; height:2px; border:2px solid #D76D20; background-color: #D76D20;}

/*BILDER*/
.img_a {float:left; height:156px; width:249px;}
.img_a2 {float:left; width:249px;}
.img_b {float:right; height:156px; width:249px;}
.floatright	{float:right;}
.img_b2 {float:right; width:249px;}
.img_c {float:left; height:267px; width:249px;}

/*LINKS*/
a {color:#e4ab79; text-decoration:underline;} a:hover {color:#fff; text-decoration:underline;}
#navigation a {color:#faae4a; text-decoration:underline;} #navigation a:hover {color:#fff; text-decoration:underline;}
#nav_zwei a {color:#fff; text-decoration:none;} #nav_zwei a:hover {color:#fff; text-decoration:underline;}