/*
	CSS Stylesheet
	written by Hendrik Meyer
	MEDIA DSIGN | websolutions
	www.media-dsign.de
*/

body { margin: 0; background: #A38F7C url('img/bg.jpg') repeat-x top center; text-align: center; font-family:Trebuchet MS,Tahoma,sans-serif; font-size: 13px; color:#41291c;  }
a:link,a:active {	color: #673b15;	text-decoration: none; }
a:hover,a:visited { color: #84b274; text-decoration: underline; }
h1,h2,h3 { font-size: 24px; font-weight: normal; font-style: italic; color: #bd0926; }
h2 { font-size:21px; }
h3 { font-size:18px; }
:focus { outline: 0; }
div,ul,li,form { text-align: left; margin: 0; padding: 0; }
label { display:block; font-family:Trebuchet MS,Tahoma,sans-serif; font-weight:bold; margin: 10px 0;font-size:16px; }
input { height:16px; background: url('img/input_bg.png') no-repeat top left; border: #94765D 1px solid; margin: 5px 0 5px 0; }
textarea { background: url('img/input_bg.png') no-repeat top left; border: #94765D 1px solid; margin: 5px 0 15px 0; }
div.msg { padding: 5px;	font-family: Arial;	font-size: 9pt;	color: #000000;	background-color: #CCCCCC;	border: #FF0000 1px solid; }
div#page { width:980px; background: url('img/page_bg.png') repeat-y top center; margin:15px auto 0px auto; padding-top:140px; }
div#header { width:980px; height: 165px; background: url('img/header.png') no-repeat 0px 0px; position:absolute; left:50%; margin-left:-490px; top:5px; }
div#logo { width: 191px; height: 165px; background: url('img/urban-spa.png') no-repeat 0 4px;margin-left:17px; float: left; }
div#logo a { display:block; width: 191px; height: 165px; }

/* Navigation */
div#navigation {  }
div#navigation ul { list-style:none; padding: 81px 0 0 0;  }
div#navigation ul li { float:left; height: 30px; padding: 0 5px 0 0; }
div#navigation ul li a { padding: 0 12px 0 0; color: #fff;  font-size:16px; font-style:italic; text-decoration: none; background: url('img/navi_bg.png') no-repeat top right; line-height: 30px; float:left; display:block; height: 30px; }
div#navigation ul li a span { display:block; height:30px; padding: 0 0 0 15px; background: url('img/navi_bg.png') no-repeat top left; margin-left:-5px; cursor:pointer; }
div#navigation ul li:hover a { background: url('img/navi_bg_hover.png') no-repeat top right; }
div#navigation ul li:hover a span { background: url('img/navi_bg_hover.png') no-repeat top left; }
div#navigation ul li#active:hover a,div#navigation ul li#active:hover a span { background:none; }
div#navigation ul li#active ul { position:absolute;padding:0;margin:30px 20px 0 125px; }
div#navigation ul li#active ul li { height:18px;float:none; background: #D9CCC2; }
div#navigation ul li#active ul li a {margin:0;padding:0;background: none;height:;float:none;}
div#navigation ul li#active ul li a span {margin:0;padding:0;background: none;height:;float:none;}
div#navigation ul li#active { height:68px; }
div#navigation ul li#active a,
div#navigation ul li#active:hover a { margin: 30px 0 0 0; padding: 0 12px 0 0; color: #fff;  font-size:16px; font-style:italic; text-decoration: none; background: url('img/navi_bg_active.png') no-repeat bottom right; line-height: 30px; float:left; display:block; height: 38px; }
div#navigation ul li#active a span,
div#navigation ul li#active:hover a span { display:block; height:38px; padding: 0 0 0 15px; background: url('img/navi_bg_active.png') no-repeat bottom left; cursor:pointer;margin: 0 0 0 -5px; }
div#navigation ul li ul#behandlungen_sub { display: none; }
div#navigation ul li#active ul#behandlungen_sub { display: block; }
div#navigation ul li ul#behandlungen_sub li,div#navigation ul li#active:hover ul#behandlungen_sub li { color: #673b15; font-size:12px; background: none; background:#D9CCC2; margin:3px; height:auto; }
div#navigation ul li ul#behandlungen_sub li a,div#navigation ul li#active:hover ul#behandlungen_sub li a { display:inline;line-height:15px;color: #673b15; font-size:12px; float:none; }
div#navigation ul li ul#behandlungen_sub li span,div#navigation ul li#active:hover ul#behandlungen_sub li span { font-size: 14px; font-weight:bold; padding: 0 20px 0 0; }
div#navigation ul li#active:hover ul#behandlungen_sub li a { margin: 0; padding: 0; color:#673b15;  font-size:12px; font-style:italic; text-decoration: none; background: none; line-height: 15px; float:none; display:inline; height:; }

/* Content */
div#slogan { float:left; width:17px; height: 161px; background: url('img/schoenheit_erleben.png') no-repeat top left;  }
div#slogan p { text-indent: -9999px; }
div#content { width:953px; background:#FFF url('img/content_br.png') no-repeat bottom right; margin-left: 17px; margin-right: 9px;	}
div#content div#gradient { background: url('img/content_gradient.png') no-repeat bottom left; }
div#content div#gradient div#page_gradient { padding-left: 28px; }
div#content div#gradient div#page_gradient div#inner_content { min-height:500px; height: auto !important; padding: 0 20px 20px 20px; font-family: Verdana,sans-serif; }
div.gallery_wrap { float: right; width: 470px; padding: 10px 0 10px 50px; }

/* Footer */
div#footer { width:979px; margin-left:-489px; background: url('img/footer_shadow.png') no-repeat top left; position:absolute; left:50%; clear:both; }
div#footer a { color:#41291c; }
div#footer div { padding: 10px 9px 20px 17px; font-size: 11px;  color:#41291c;  }
div#footer h3 { color:#41291c; font-size: 20px; margin:15px 0 3px 0;padding:0; }
div#footer form { margin:0; padding:0; }
div#footer label { float:left; height:17px; line-height:17px; padding: 0 5px 0 0; }
div#footer #email { float:left; width: 115px; height:16px; background: url('img/input_bg.png') no-repeat top left; border: #94765D 1px solid; }
div#filialen { position: absolute; margin-left: 20px; width:462px; height: 120px; left:50%; margin-bottom:20px; }
div#filialen div { float:left; width: 280px; height: 43px; background: url('img/filialen_bg.png') no-repeat top right; }
div#filialen div h3 { margin:0 0 0 3px; padding: 0 3px 0 3px; background: #9EC9A6; color: #fff; font-size: 12px;  display:inline;  }
div#filialen div p { margin:0 0 0 2px; padding:2px; font-size: 10px; color:#fff; line-height:12px; }
div#filialen div p.phone { float:right; font-size: 14px; font-style:italic; color: #41291c; padding:20px 5px 5px 5px; }
div#filialen div.oezeiten { width: 180px;  font-size: 10px; color: #fff; }
div.oezeiten p { margin: 0; padding:5px; }

/* classes */
.brown { color:#41291c; }
.cr { clear: right; }
.cl { clear: left; }
.cb { clear: both; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

/* index */
#rueckruf { margin:20px 0 0 0; width:125px; height:195px; background:#84B274 url('img/rueckruf_bg.png') repeat-x top left; float: left; }
#rueckruf form { padding:2px 2px 0 2px; }
#rueckruf h3 { margin:0; padding: 0; font-size: 16px; color:#bd0926; font-style:italic; font-weight:normal; }
#rueckruf input { width: 115px; height:16px; background: url('img/input_bg.png') no-repeat top left; border: #94765D 1px solid; margin: 5px 0 15px 0; }
#rueckruf .imgsend { width: 27px; height:19px; }
#rueckruf #termin { width: 88px; float: left; }
#rueckruf label { color:#fff;font-size:12px;font-family:Verdana,sans-serif; width:115px; margin:0; font-weight:normal; }
#loader { margin:0; width:125px; height:195px; display:none; background: url('img/load.gif') no-repeat 50% 50%; font-size:16px; text-align:center; }
#loader p { padding-top: 30px; }
#success { text-align:center; padding: 10px 10px 10px 10px; }
#success h2 { font-size: 22px; }
#rueckruf input.rr_error { border:#bd0926 2px solid; }

/* teaser */
.teaser { margin:20px 0 0 10px; width: 370px;height:195px; background: url('img/teaser_bg.png') no-repeat top left;color:#fff;float:left; overflow:hidden; }
.teaser a { color: #9F8066; background: url('img/link_pfeil.png') no-repeat 100% 50%; line-height:18px; padding: 0 10px 0 5px;font-family:Trebuchet MS,Tahoma,sans-serif; }
.teaser a:visited,.teaser a:hover,.teaser a:active { color: #9F8066; text-decoration:none; }
.teaser a.nobg { background: none; line-height:1;padding:0; }
.teaser_gradient { float:right; height:195px; width: 25px; background: url('img/content_gradient.png') no-repeat 0% 75%; }
.teaser .teaser_gradient img { margin: 0 0 10px 3px; }
.teaser h2 { color: #84b274; margin:5px 0 0 0;padding:0;font-size: 20px; }
.teaser p { margin: 5px 30px 10px 130px; font-size:12px; }
.teaser img { float:left; margin:10px; }
.teaser a.tlink { position:absolute; display:block;margin:168px 0 0 180px; }

/* Galleryview */
.panel-overlay h2,
.panel-overlay p{ margin: .3em 0; }
.panel-overlay p { line-height: 1.2em; }

/* behandlungen */
#msgbox { display:none;position:absolute; margin:0px 0 0 365px; padding:10px;background:#84b274; width:500px; font-size:11px; }
#msgbox h3 { background: url('img/behandlungen_kategorie.png') no-repeat top left; color:#fff;font-size:24px; display:block;text-decoration:none; margin: -10px 0 0 -14px; padding: 0px 4px 0px 8px; }
#msgbox a { color: #fff; }
#behandlungen,#behandlungen ul,#behandlungen2,#behandlungen2 ul { list-style:none; }
#behandlungen,#behandlungen2 {  margin: 20px 0 0 0; }
#behandlungen li,#behandlungen2 li { background: #D9CCC2; margin:2px 0 0 0; }
#behandlungen li a,#behandlungen2 li a { background: url('img/behandlungen_kategorie.png') no-repeat top left; color:#fff;font-size:24px; display:block;text-decoration:none; margin: 0 0 0 -4px; padding: 0px 4px 0px 8px; }
#behandlungen li ul li,#behandlungen2 li ul li { margin:0;border-top:#fff 2px solid;color:#41291c; }
#behandlungen li ul li a,#behandlungen2 li ul li a { background:#9F8066; color:#41291c;font-size:16px; font-style:italic;margin:0; }
#behandlungen li ul li div,#behandlungen2 li ul li div { padding:5px; }
#behandlungen p,#behandlungen2 p {  font-size:11px; padding:0; margin:2px 0 15px 0; font-weight:bold; }
#behandlungen .item,#behandlungen2 .item { padding:0; margin:0 0 10px 0; border-bottom: #fff 2px dotted;  font-size:11px; width:650px; }
#behandlungen .item div,#behandlungen2 .item div { padding:0; }
#behandlungen .itemtext,#behandlungen2 .itemtext { width: 430px; }
#behandlungen .itempreis,#behandlungen2 .itempreis { float:right; margin: -20px 100px 0 20px; color: #41291c; font-size:14px; }
#behandlungen .itemdauer,#behandlungen2 .itemdauer { float:right; margin: -20px 150px 0 20px; color: #41291c; font-size:14px; }
#behandlungen div.itembuchen,#behandlungen2 div.itembuchen { float:right; margin: -20px 0 0 20px; color: #673b15; font-size:14px; line-height: 18px; font-style: italic; text-align:center; background:url('img/buchen.png') no-repeat 50% 100%; cursor:pointer; padding: 0 15px 0 10px; }
#behandlungen div.itembuchen:hover,#behandlungen2 div.itembuchen:hover,#behandlungen div.itemgebucht { color: #84b274; }
.behandlungen_bild { float:right; margin:5px; }

/* Specials */
#specialsmsgbox { display:none;float:right; margin:-90px 0 0 0; padding:10px;background:#84b274; width:350px; font-size:11px; }
#specialsmsgbox h3 { background: url('img/behandlungen_kategorie.png') no-repeat top left; color:#fff;font-size:24px; display:block;text-decoration:none; margin: -10px 0 0 -14px; padding: 0px 4px 0px 8px; }
#specialsmsgbox a { color: #fff; }
#specials,#specials ul { list-style:none; }
#specials li { background: #D9CCC2; margin:2px 0 0 0; clear:right; }
#specials li a { background: #9F8066; font-family:Trebuchet MS,Tahoma,sans-serif; font-style:italic; font-size:16px; color:#41291c; display:block;text-decoration:none; margin: 0; padding: 0px 4px 0px 8px; }
#specials li ul li { margin:0;border-top:#fff 2px solid;color:#41291c; }
#specials li ul li a { background:#9F8066; color:#41291c;font-size:16px; font-style:italic;margin:0; }
#specials li div { padding:5px; }
#specials p {  font-size:11px; padding:0; margin:2px 0 15px 0; font-weight:bold;font-style:italic; }
#specials .item { padding:0; margin:0 0 10px 0; border-bottom: #fff 2px dotted;  font-size:11px; width:650px; }
#specials .item div { padding:0; }
#specials .itemtext { width: 430px; }
#specials .itempreis { float:right; margin: -20px 100px 0 20px; color: #41291c; font-size:14px; }
#specials .itemdauer { float:right; margin: -20px 150px 0 20px; color: #41291c; font-size:14px; }
#specials div.itembuchen { float:right; margin: -20px 0 0 20px; color: #673b15; font-size:14px; line-height: 18px; font-style: italic; text-align:center; background:url('img/buchen.png') no-repeat 50% 100%; cursor:pointer; padding: 0 15px 0 10px; }
#specials div.itembuchen:hover,#specials div.itemgebucht { color: #84b274; }
#specials p.red { color:#C53C50; }
#specials p.big { font-size:16px;font-family:Trebuchet MS,Tahoma,sans-serif;font-style:italic; }
.special_bild { float:right; margin:5px; }

/* kontakt */
#kontakt_optionen { float:right; padding:10px; width: 400px; }
#kontakt_optionen ul { margin: 0 20px; }
#kontakt_optionen ul li { margin: 0 0 5px 0; }
input.rr,input.presse { margin: 0 10px; }
textarea.form_xl { width: 400px; }
a.remove { margin-left: 20px; font-size:10px; color: #ff0000; }
div.filialen { width: 440px; height: 460px; float:left; margin:1px;padding:0; background: url('img/440x440verlauf_.png') no-repeat top left; }
div.filialen h3 { font-size:22px; margin: 20px 0 0 20px; color: #fff; }
div.filialen iframe,div.filialen a { margin: 0 20px 0 20px; }

/* news */
#news { list-style:none; }
#news li { background: #D9CCC2; margin:2px 0 0 0; clear:right; }
#news li a { background: #9F8066; font-family:Trebuchet MS,Tahoma,sans-serif; font-style:italic; font-size:16px; color:#41291c; display:block;text-decoration:none; margin: 0; padding: 0px 4px 0px 8px; }
#news li a span { font-size: 12px;float:right; color:#41291c;padding-top:5px; }
#news li div { padding:5px;font-size:13px; }
#news li div a { display:inline;font-family:Trebuchet MS,Tahoma,sans-serif; font-size:13px; color: #9F8066; background: url('img/link_pfeil.png') no-repeat 100% 50%; line-height:18px; padding: 0 10px 0 5px; }
#news p {  font-size:13px; padding:0; margin:2px 0 15px 0; font-weight:normal; }
#news img.news_bild { float:right; margin:10px; }

/* presse */
#presse { list-style:none; }
#presse li { background: #D9CCC2; margin:2px 0 0 0; clear:right; }
#presse li a { background: #9F8066; font-family:Trebuchet MS,Tahoma,sans-serif; font-style:italic; font-size:16px; color:#41291c; display:block;text-decoration:none; margin: 0; padding: 0px 4px 0px 8px; }
#presse li a span { font-size: 12px;float:right; color:#41291c;padding-top:5px; }
#presse li div { padding:5px;font-size:13px; }
#presse li div a { display:inline;font-family:Trebuchet MS,Tahoma,sans-serif; font-size:13px; color: #9F8066; background: url('img/link_pfeil.png') no-repeat 100% 50%; line-height:18px; padding: 0 10px 0 5px; }
#presse p {  font-size:13px; padding:0; margin:2px 0 15px 0; font-weight:normal; }
#presse img.presse_bild { float:right; margin:10px; }

/* beautyparty */
#beautyparty { list-style:none; }
#beautyparty li { background: #D9CCC2; margin:2px 0 0 0; clear:right; }
#beautyparty li a { background: #9F8066; display:block;text-decoration:none; margin: 0; padding: 0px 4px 0px 8px; font-family:Trebuchet MS,Tahoma,sans-serif; font-style:italic; font-size:16px; color:#41291c; }
#beautyparty li a span { font-size: 12px;float:right; color:#41291c;padding-top:5px; }
#beautyparty li div { padding:5px;font-size:13px; }
#beautyparty li div a { display:inline;font-family:Trebuchet MS,Tahoma,sans-serif; font-size:13px; color: #9F8066; background: url('img/link_pfeil.png') no-repeat 100% 50%; line-height:18px; padding: 0 10px 0 5px; }
#beautyparty p {  font-size:13px; padding:0; margin:2px 0 15px 0; font-weight:normal; }

/* newsletter */
#footer #newsletter .block { float:left; width:150px;padding:0 10px 0 0 ; }
#footer #newsletter label { display: block; float:none; }
#footer #newsletter input { float:none; margin:0; }
#footer #newsletter .block .imgsend {float:right; margin:40px 40px 0 0;}
#footer #newsletter_error,#footer #email_error,#footer #name_error { display:none; }
#footer #newsletter_error { width:430px; color:#bd0926; border:#fff 1px solid;background:#84B274 url('img/rueckruf_bg.png') repeat-x top left; font-size:14px; padding:5px; }
#footer #newsletter_error ul { list-style:none; margin:0;padding:0; }
#footer #newsletter_error ul li { margin:0; }