/* =main
================================================ */
html {
	height:100%;
	background-color: #c4e2ea;		
}
body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #111;
	line-height: 19px;
	margin: 0pt auto;
	min-height: 101%;
	position: relative;
	text-align: left;
	width: 960px;
}
#wrapper { 
	padding: 0 10px;
	background-color: #fff;
	width: 940px;
}
#header {
	background: transparent url(../img/layout/header.jpg) bottom right no-repeat;
	width: 940px;
	height: 266px;
	border-bottom: 4px solid #4c4c4c;
}
#logo {
	height: 220px;
	padding-top: 11px;  /* 46 */
	padding-left: 19px;
	width: 220px;
	float: left;
}
#top_navi {
	height: 90px;
	float: left;
	padding-left: 1px;
	background: transparent url(../img/navigation/line.png) no-repeat left top; 		
}
#logo_rolfing {
	width: 60px;
	height: 90px;
	background-color: #FFFFFF;
	float: left;
}
#content {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #a5a5a5;	
	width: 820px;
	padding: 45px 60px 70px;
	min-height: 460px;
}
#footer {
	width: 820px;
	padding: 10px 60px 20px;
	font-size: 11px;
}
#map {
	width: 310px;
	height: 400px;
	margin-bottom: 20px;
}
.float_left { float: left; }
.float_right { float: right; }
.invisible { display: none; }
hr.clear {
	border: none;
	clear: both;
	height: 0pt;
	line-height: 0pt;
	margin: 0pt;
	padding: 0pt;
	visibility: hidden;
}
hr.line {
	height: 1px;
	background-color: #cfcfcf;
	color: #fff;
	border: none;
	margin-top: 30px;
	margin-bottom: 10px;
}
div.divider {
    height: 1px;
    margin: 1em 0;
    clear: left;
    background-color: #cfcfcf;
    overflow: hidden;
}
/* =text formatierung
================================================ */
sup {
	font-size: 10px;
	vertical-align: top;
}
h2 sup, h3 sup { font-size: 0.5em;}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
#content a  {
	color: #D32380;
}
#content p a, #content .column_right a q a {
	color: #D32380;
	border-bottom: 1px solid #D32380;
}
#content span.fctlink a {
	border-bottom: none;
}
q a{
	color: #D32380;
	border-bottom: 1px solid #D32380;
}
#footer p a { 
	color: #d32380; 
	border-bottom: 0; 
}
#content p a:hover, #footer p a:hover, #content .column_right a:hover {
	color: #111;
	border-bottom: 1px solid #111;
}
#button-kontakt {display: block; width: 258px; height: 30px; text-indent: -9999px; text-decoration: none; border: none; background: url(../img/button-kontakt.png) 0 0 no-repeat; margin-bottom: 2.5em; }
#button-kontakt:hover {background-position: 0 -30px; outline: none; border: 0!important;}
#button-kontakt:active {background-position: 0 -60px; outline: none; border: 0!important;}
ins {
	text-decoration: none;
}
p {
	margin-bottom: 1.5em; 
}
#content p.v_card {
	background: transparent url(../img/layout/v-card.gif) no-repeat 2px 2px;
	padding-left: 47px;	
}
#content p.date { 
	margin-bottom: 3px;
	font-style: italic;
}
address {
	position: relative;
	margin-bottom: 18px;
	font-style: normal;
	background: transparent url(../img/layout/v-card.gif) no-repeat scroll 2px 4px;
}
address.pur {
	background: none;
}
address.pur span.address {
	padding-left: 0;
}
address span.address {
	margin-bottom: 18px;
	padding-left: 47px;
	display: block;
}
address span.contact span {
	width: 47px;
	float: left;
	font-weight: normal;
}
/* =headlines
================================================ */
h1 span{
	visibility: hidden;
}
#content h1 {
	background-position: -1px top;
	background-repeat: no-repeat; 
	margin-bottom: 0.5em;
	font-size: 46px;
	color: #8F9293;
	line-height: 48px;
	height: 48px;
}
#content h1.h1-ueber_rolfing {	background-image: url(../img/content/h1/h1-ueber_rolfing.gif); }
#content h1.h1-fragen_und_antworten {	background-image: url(../img/content/h1/h1-fragen_und_antworten.gif); }
#content h1.h1-dr_ida_rolf {	background-image: url(../img/content/h1/h1-dr_ida_rolf.gif); }

#content h1.h1-details {	background-image: url(../img/content/h1/h1-details.gif); }
#content h1.h1-massage {	background-image: url(../img/content/h1/h1-massage.gif); }
#content h1.h1-esalen_massage {	background-image: url(../img/content/h1/h1-esalen_massage.gif); }
#content h1.h1-lymphdrainage {	background-image: url(../img/content/h1/h1-lymphdrainage.gif); }
#content h1.h1-fussreflexzonentherapie {	background-image: url(../img/content/h1/h1-fussreflexzonentherapie.gif); }

#content h1.h1-profil {	background-image: url(../img/content/h1/h1-profil.gif); }
#content h1.h1-aktuelles {	background-image: url(../img/content/h1/h1-aktuelles.gif); }
#content h1.h1-empfehlungen {	background-image: url(../img/content/h1/h1-empfehlungen.gif); }

#content h1.h1-impressum {	background-image: url(../img/content/h1/h1-impressum.gif); }
#content h1.h1-anfahrt {	background-image: url(../img/content/h1/h1-anfahrt.gif); }
#content h1.h1-inhaltsverzeichnis {	background-image: url(../img/content/h1/h1-inhaltsverzeichnis.gif); }

h2, h3, h4, label {
	font-family: Georgia,"Times New Roman",Times,serif;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
h2 {
	font-size: 24px;
	color: #0096BD;
	font-weight: normal;
}
.start h2 {
	padding-bottom: 14px;
	border-bottom: 1px solid #CFCFCF;
}
h3  {
	font-size: 21px;
	color: #8F9293;
	font-weight: normal;
}
.start h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #CFCFCF;	
}
h4, label {
	color:  #111;
	font-size:13px;
	font-style: italic; 
	font-weight: bold;
}
h5, h6 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #111;
	line-height: 19px;
}
h5 {
	font-weight: bold;
}
h6 {
	font-weight: normal;
}
small {
	font-size: 10px;
}
/* =tabellen
================================================ */
table {
	border-spacing: 1px;
	border-collapse: separate;
	background-color: #ededed;
	width: 100%;
	margin-bottom: 19px;
}
table th, table td {
	border: 3px solid #FFFFFF;
	margin-bottom: 18px;
	padding: 6px;
}
table td {
	background-color: #ededed;

}
table th{
	background-color: #0096BD;
	color: #fff;
	font-weight: bold;
}
table  tfoot td {
	background-color: #0096BD;
	color: #fff;
	font-size: 10px;
	text-align: right;
	padding: 0px 6px;
}
/* =listen
================================================ */
ul, ol {
 	list-style: none;
}
#content ol.decimallist ol { 
	list-style: lower-latin;
	margin: 0;
	padding-left:0;
	padding-top: 2px;
	padding-left: 12px;
	list-style: none;
}
#content ol.decimallist {
	list-style: decimal;
	padding-left: 15px;
	color: #0096BD;
}
#content ol.decimallist li {
	padding: 4px 0;
}
#content ol.decimallist li span{
	color: #111;
}
#content ol.faq li {
	padding: 5px 0 12px 0;
}
#content ol.faq li h2 {
	background: transparent url(../img/layout/i-question.gif) 2px 1px no-repeat;
	padding: 7px 0 0 40px;
}
#content ol.faq li p {
	padding-left: 40px;
}
/*
================================================ */
#content ul.starlist ul { 
	padding-top: 4px;
	padding-left: 12px;
}
#content ol.decimallist ol li,
#content ul.starlist ul li {
	background: transparent url(../img/layout/i-bullet.gif) no-repeat scroll left 8px;
	padding: 2px 0 2px 12px;
	color: #111;
	border: none;	
}
ul.starlist, ul.linklist, ol {
	margin-bottom: 28px;
}
ul.starlist li{
	padding: 8px 0 8px 12px;
	border-bottom: 1px solid #cfcfcf;
	background: transparent url(../img/layout/i-bullet.gif) no-repeat left 14px;	
}
.start #content .column_right ul.starlist {
	margin-top: -10px;
}
.start #content .column_right ul.starlist a{
	border-bottom: none;
}
ul.starlist li a{
	color: #D32380;
} 
ul.starlist li a:hover{
	color: #111111;
} 
ul.linklist li {
	padding: 6px 0 6px 12px;
	background: transparent url(../img/layout/i-arrow.gif) no-repeat left 12px;		
}
ul.newslist {
	margin-top: -9px;
}
ul.linklist li a,
ul.newslist li h4 a:hover,
ul.newslist li h4 a.active{
	color: #D32380;
} 
ul.linklist li a:hover{
	color: #111111;
}
#content .column_right ul.newslist li{
	padding: 12px 0 12px 0;
	border-bottom: 1px solid #cfcfcf;	
}
#content .column_right ul.newslist li.active,
#content .column_right ul.newslist li.active h4 a,
#content .column_right ul.newslist li.active h4 a:hover {
	color: #111;
}
#content .column_right ul.newslist li a { border: none;}
#content .column_right ul.newslist li a:hover { border-bottom: 1px solid #111;}
#content .column_right ul.newslist li.active a.more { color: #D32380; border-bottom: none; }
#content .column_right ul.newslist li h4 {
	margin-bottom: 0.5em;
}
#content .column_right ul.newslist li h4 a{
	color:  #0096BD;
	font-style: normal;
	padding-top:17px;
	border-bottom: none;
}
#content .column_right ul.newslist li h4 a:hover {
	color:  #111;
}
#content .column_right ul.newslist li.active a:hover {
	color:  #111; border-bottom: 1px solid #111;
}
/* =sitemap
================================================ */
#content .column_right ul.sitemap li {
	padding: 8px 0 8px 12px;
	border-bottom: 1px solid #cfcfcf;
	background: transparent url(../img/layout/i-bullet.gif) no-repeat left 13px;	
}
#content .column_right ul.sitemap ul{
	padding-left: 10px;
}
#content .column_right ul.sitemap ul li {
	padding: 6px 0 6px 12px;
	background: transparent url(../img/layout/i-arrow.gif) no-repeat left 12px;		
	border: none;
}
#content .column_right ul.sitemap li h4 a{
	color:  #0096BD;
	font-style: normal;
	padding-top:17px;
	border-bottom: none
}
#content .column_right ul.sitemap li h4 a:hover{
	color:  #111;
}
/* =bilder
================================================ */
#content img { 
	padding: 3px;
	border: 1px solid #cfcfcf;
	margin-bottom: 10px;
}
#content img.no-frame {
	padding: 0;
	border: none;
}
#content span.pic, .start #content .img_subtitle {
	float: left;
	display: block; 
	margin-right: 10px;
	padding-top: 4px;
	padding-bottom: 7px;
	font-size: 10px;
	color: #AFAFAF;
	line-height: 1.2em;
}
#content span.pic a, .start #content .img_subtitle a { color: #AFAFAF; border-color: #AFAFAF;}
#content span.pic a:hover, .start #content .img_subtitle a:hover { color: #111; border-color: #111;}
#content span.pic img { 
	margin-bottom: 5px; 
}
#content span.size-large { width: 480px; float: none;  margin-right: 0;}
#content span.size-large img{ width: 472px;}

#content .two_columns span.size-large{ width: 310px; float: none;  margin-right: 0;}
#content .two_columns span.size-large img{ width: 302px;}

#content span.size-medium { width: 240px;}
#content span.size-medium img{ width: 232px;}

#content .two_columns span.size-medium { width: 150px; }
#content .two_columns span.size-medium img{ width: 142px; }

#content span.size-small{ width: 150px; }
#content span.size-small img { width: 142px; }

#content .two_columns span.size-small { width: 80px; }
#content .two_columns span.size-small img { width: 72px; }
/* =formular
================================================ */
form ol li { margin-bottom: 10px;}
label {
	display: block;	
	margin: 0;
}
li.error label { color: #0096BD; }
input.form_text, textarea {
	width: 300px;
	border: none;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 19px;
	color: #111111;
} 
input.form_text {
	background: #FFFFFF url(../img/layout/bg_inputfield.jpg) no-repeat left 4px;
	height: 25px;
	padding: 11px 6px 3px 6px;
}
input.form_small {
	width: 140px;
	float: right;
	margin-right: 10px;
	background-image: url(../img/layout/bg_inputfield-small.jpg);
}
li.error input.form_text {
	background-image: url(../img/layout/bg_inputfield_error.jpg);
}
li.error input.form_small{
	background-image: url(../img/layout/bg_inputfield-small_error.jpg);
}
input.form_text:focus, 
input.form_small:focus,
li.error input.form_text:focus,
li.error input.form_small:focus  {
	background-position: left -36px;
}
textarea {
	background: #FFFFFF url(../img/layout/bg_textarea.jpg) no-repeat left 4px;
	padding: 10px 6px 8px 6px;
 	height: 144px;
}
li.error textarea {
	background-image: url(../img/layout/bg_textarea_error.jpg);
}
textarea:focus,
li.error textarea:focus {
	background-position: left -166px;
}
input.form_submit {
	display: block; 
	width: 182px; 
	height: 30px; 
	text-indent: -9999px; 
	text-decoration: none; 
	border: none; 
	background: url(../img/button-absenden.png) 0 0 no-repeat; 
	margin-bottom: 1em;
	margin-right: 8px;
	float: right;
}
input.form_submit:hover {
	background-position: 0 -30px; 
	outline: none; 
	border: 0!important;
	cursor: pointer;
}
input.form_submit:active {
	background-position: 0 -60px; 
	outline: none; 
	border: 0!important;
}
 .erfolg {
	background: #d2fdd2;
	border: 1px solid #009900;
	color: #009900;
	padding: 5px 10px;
	margin-bottom: 2em;
	font-family: georgia,'times new roman',serif;
	font-size: 14px;
	font-style: italic;
	line-height: 21px;
}
/* =logo
================================================ */
#logo a {
	display: block;
	width: 220px;
	height: 125px;
}
/* =navigation
================================================ */
ul#navigation li {
	display: block;
	height: 90px;
	width: 160px;
	float: left;
	background: transparent url(../img/navigation/line.png) no-repeat right top;	/*-15px*/
}
ul#navigation li a {
	display: block;
	height: 90px;
	width: 160px;
}

ul#navigation li.rolfing a{
	background: transparent url(../img/navigation/rolfing.png) no-repeat left 65px;
}
ul#navigation li.massage a{
	background: transparent url(../img/navigation/massage.png) no-repeat left 65px;
}
ul#navigation li.ueber_mich a{
	background: transparent url(../img/navigation/ueber_mich.png) no-repeat left 65px;
}
ul#navigation li.kontakt a{
	background: transparent url(../img/navigation/kontakt.png) no-repeat left 65px;
}
ul#navigation li.rolfing a:hover,
ul#navigation li.rolfing a.active,
ul#navigation li.rolfing a.active:hover{
	background: transparent url(../img/navigation/rolfing_hover.png) no-repeat left top;
}
ul#navigation li.massage a:hover,
ul#navigation li.massage a.active,
ul#navigation li.massage a.active:hover{
	background: transparent url(../img/navigation/massage_hover.png) no-repeat left top;
}
ul#navigation li.ueber_mich a:hover,
ul#navigation li.ueber_mich a.active,
ul#navigation li.ueber_mich a.active:hover{
	background: transparent url(../img/navigation/ueber_mich_hover.png) no-repeat left top;
}
ul#navigation li.kontakt a:hover,
ul#navigation li.kontakt a.active,
ul#navigation li.kontakt a.active:hover{
	background: transparent url(../img/navigation/kontakt_hover.png) no-repeat left top;
}
/* =navigation ebene 2
================================================ */
#sub_navi h4 {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 13px;
	color: #111;
	margin-bottom: 0.5em;
	font-style: italic;
	padding-top: 17px;
}
#sub_navi ul {
	padding-top: 30px;
}
#sub_navi ul li {
	border-top: 1px solid #cfcfcf;
}
#sub_navi ul li a {
	display: block;
	padding: 10px 0 10px 2px;
	color: #111;
}
#sub_navi ul li a:hover,
#sub_navi ul li.active a,
#sub_navi ul li.active a:hover  {
	color: #D32380;
}
/* =uebergeordnete navigation im footer
================================================ */
#footer_navi {
	width: 820px;
	padding-bottom: 20px;
	padding-top: 10px;
}
#footer_navi ul li {
	float: left;
	padding: 4px 14px 0 0;
	font-size: 12px;
}
#footer_navi ul li.first,
#footer_navi ul li.first a {
	padding-left: 0px;
	border-left: none;
}
#footer_navi ul li a{
	color: #A5A5A5;
	border-left: 1px solid #A5A5A5;
	padding-left: 14px;
}
#footer_navi ul li a:hover{
	color: #111;
	border-bottom: none;
}
#footer_navi ul li.top { 
	padding-left: 50px;
	padding-right: 12px;
	background: transparent url(../img/layout/i-top.gif) no-repeat right 8px;	
}
/* =content
================================================ */
div#content q, #content blockquote {
	font-family: georgia,'times new roman',serif;
	font-size: 14px;
	font-stretch: normal;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	line-height: 21px;
	padding: 18px 0 22px 0;
}
#content blockquote {
	margin-bottom: 18px;
	padding-left: 40px;
	padding-right: 30px;
	background: #e1f0f4 url(../img/layout/i-cite.gif) no-repeat 12px 12px; 
	display: block;
}
#content blockquote p { margin: 0; }
#content .two_columns blockquote {
	padding-left: 24px;
	padding-right: 24px;
}

#content blockquote img {
	position: relative;
	width: 50px;
	height: 50px;
	margin: 4px 10px 0 2px;
	float: left;
	background-color: #fff;
}
#content cite {
	font-style: normal;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	display: block;
	width: 100%;
	text-align: right;
}
.start div#content q {
	margin-bottom: 2em;
	display: block;
}
.start div#content blockquote {
	padding-left: 0;
	padding-right: 0;
	background-position: -3px 9px;
}
div#content div.column_left {
	float: left;
	width: 160px;
	padding-right: 10px;
}
.start div#content div.column_left {
	width: 500px;
	padding-right: 30px;
}
div#content div.column_right {
	width: 480px;
	float: left;
	padding-left: 10px;
	padding-right: 160px;
} 
div#content div.column_right.two_columns {
	width: 640px;
	padding-right: 0;
}
div#content div.column_right.two_columns div.sub_column {
	width: 310px;
	float: left;
}
div#content div.column_right.two_columns div.left {
	margin-right: 20px;
}
.start div#content div.column_right {
	width: 260px;
	padding: 0 0 0 30px;
	background: transparent url(../img/layout/start_grey_line.gif)	 no-repeat left top;
	
}
.start div#content div.column_left div.sub_column {
	width: 237px;
	float: left;
}
.start div#content div.column_left div.left {
	margin-right: 26px;
}

#content p.right, #content span.right  { 
	text-align: right  
}

#content .amp  {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Anitqua", "Warnock Pro", serif;
	font-style: italic;
} 

