/* reset styles */
/*--------------*/

* { margin:0; padding: 0 }

/* Fix: margin/padding reset causes too small select boxes */
option { padding-left: 0.4em }

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }

/* Forcing vertical scrollbars in Netscape, Safari */
/*ATTENTION: might cause problems with permanent horizontal scroll-bar; in this case set brder to 0px*/
html { height: 100%;  margin-bottom: 0px;}
  
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;
	font-family: inherit;
}

/* no borders for <fieldset> and <img> */
fieldset, img { border: 0 solid; }

/* reset lists, blockquote and cite */
ul, ol, dl { margin: 0; padding:0; }
li { margin: 0; padding:0; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0; }

blockquote { margin: .5em 0 .8em 1.5em; }

a {
	outline: none; /*Firefox mousecklick-outline ausschalten*/
}

/*------------------------------------------------------------------------------------------------------*/





/* basic:  page-margins, fonts*/
/*--------------------------------------*/

html {
	background: url(../img/hg_main.gif) #fff top left repeat-x;
}

body {
	text-align: center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 1.375em; /* 22px bei 1em (16px)*/
	color: #497d06;
	font-size: 100%; /* at standard browser font-size equals 16px serving as evaluation basis*/

}


/* structure */
/*-----------*/

#wrappage {
	width: 912px;
	margin: 0px auto;
	text-align: left;
	background: url(../img/hg_page.gif) top left no-repeat;
}

#page {
	position: relative;
	
}



#nav {
	position:absolute;
	top:96px; left:31px;
	width:220px;
	padding:0 0 0 0px;
	background: #75920c top left no-repeat;
	z-index: 9;
}


h1#title {
	position:absolute;
	top:64px; left:72px;
	height: 59px; width:300px;
	margin:0;
	padding:0;
	background: url(../img/txt_naturheilpraxis.gif) top left no-repeat;
	text-indent: -999em;/* Phark IR*/
	z-index:10;
}

h1#title span {
	position:absolute;
	top:34px; left:82px;
	height: 24px; width:250px;
	margin:0;
	padding:0;
	background: url(../img/txt_frauke_bauerfeld.gif) top left no-repeat;
	text-indent: -999em;/* Phark IR*/
}

#logo {
	position:absolute;
	top:37px; left: 31px;
	width:41px;
	height:87px;
	z-index:15;
}

#gingko {
	position:absolute;
	top:0px; left:530px;
	height: 266px; width:289px;
	background: url(../img/gingko.gif) top left no-repeat;
	z-index: 1;
}

#gingkoklein {
	/*zur Vermiedung eines horizontalen Scrollbalkens hier in den 'guten' Browsern mit float-Positionierung arbeiten. IE braucht absolute Pos... siehe CondComm: top:0px; left:932px;*/
	float:right;
	margin-right: -152px;
	height: 112px; width:172px;
	background: url(../img/ginko_klein.gif) top left no-repeat;
	z-index: 2;
}

#menugrar {
	position:absolute;
	top:0px; left:220px;
	height: 81px; width:157px;
	background: url(../img/menu_gra_r.gif) top left no-repeat;
	z-index: 10;
}

#menugral {
	position:absolute;
	top:0px; left:0px;
	height: 544px; width:21px;
	background: url(../img/menu_gra_l.gif) top left no-repeat;
	z-index: 1;
}


.zitatspalte {
	position:absolute;
	top: 550px; left:38px;
	width: 230px;
	padding: 0px 0 45px 0px;
	background: url(../img/zitat_a.gif) bottom left no-repeat;
	z-index:30;
}


.zitatspalte p {
	font-size: 112.5%;
	line-height: 1.3em;
	text-align:left;
	font-family:"Times New Roman", Times, serif;
	padding: 40px 20px 0 35px;
	background: url(../img/zitat_e.gif) top right no-repeat;
}

.zitatspalte span.autor {
	font-size: 62.5%;
	padding: 40px 20px 0 45px;
}


.bildspalte {
	position:absolute;
	top: 391px; left:52px;
	width: 200px;
	padding: 0;
	z-index:30;
}



div.sideinfo {
	position:absolute;
	width: 220px;
	top: 3px; left:-245px;
	z-index:20;
}

div.sideinfo p {
	padding-right:15px;
	font-size: 68.75%; /* 11px bei 16 */
}

div.sideinfo h4 {
	font-size: 87.5%; /* 14px bei 16 */
}

div.sideinfo ul {
	margin:0;
	padding:5px 15px 10px 25px;
	font-size: 68.75% /* 11px bei 16 */
}

div.sideinfo ul li {
	padding:0;
}

.hidden {
	visibility:hidden;
}
/* Navigation */
/*------------*/



ul#mainnav {
	width:220px;
	text-align:right;
	margin:0; padding:80px 0 20px 0px;
	list-style:none;
	background: url(../img/menu_hg.gif) bottom left no-repeat;
	color: #fff;
}

ul#mainnav li {
	font-size:15px; line-height:24px;
	margin: 0; padding:0 0 0 0;
}

ul#mainnav li a {
	display:block;
	height: 24px;
	padding-right: 22px;
	color: #fff;
}

ul#mainnav li a:hover {
	/*color: #052;*/
	background: url(../img/menu_over_hg.png) top left no-repeat;
}

ul#mainnav li.act {
	background: url(../img/menu_marker.gif) center right no-repeat;
}

ul#mainnav li.sub { 
	background: url(../img/menu_marker.gif) 100% 3px no-repeat;
	/* darf nicht mit center positioniert werden /sonder mit '3px', da li.sub ja das untermenu ul.submenu enthält und daher eine viel größere Höche bekommt */
	/* 'right 3px' wird von firefox nicht verstanden, deswegen '100% 3px'  */
}
 /* 2. Ebene */
ul#mainnav li.sub ul.submenu {
	list-style:none;
	padding:2px 0 2px 0; margin:0 0 7px 0;
	background: url(../img/submenu_hg2.png) top left repeat;
}

ul#mainnav li.sub ul.submenu li {
	font-size: 12px;
	line-height: 21px;
}

ul#mainnav li.sub ul.submenu li a {
	height: 20px;
	background: none;
}

ul#mainnav li.sub ul.submenu li.act {
	background: url(../img/submenu_marker.gif) 100% 50% no-repeat;
}

ul#mainnav li.sub ul.submenu li a:hover {
	background: url(../img/menu_over_hg.png) top left no-repeat;
}

/* content */
/*------------*/

#content {
	position: relative;
	z-index: 1;
	padding:214px 49px 90px 306px;
	margin: 0;
	min-height:500px;
}

div.contenthg {
	background: url(../img/gingkoblatt.gif) bottom right no-repeat;
}

div.contenthg2 {
	background: url(../img/footer_hg.gif) 658px 100% no-repeat;
}

/*
h2 {
	font-size: 35px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0 0 25px -7px;
	padding: 0px 0 12px 7px;
	background: url(../img/headerline.gif) bottom left no-repeat;
	color:#F90;
}
*/

.h2line h2 {
	height:37px; width:300px;
	padding: 0;
	margin-left:7px;
	background: transparent top left no-repeat;
	text-indent:-900em;
}

.h2line {
	margin: 0 0 25px -7px;
	background: url(../img/headerline.gif) bottom left no-repeat;
}

h2#praxis { background-image: url(../img/txt_praxis.gif); }
h2#profil { background-image: url(../img/txt_profil.gif); }
h2#therapien { background-image: url(../img/txt_therapien.gif); }
h2#diagnostik { background-image: url(../img/txt_diagnostik.gif); }
h2#kosten { background-image: url(../img/txt_kosten.gif); }
h2#fragen { background-image: url(../img/txt_fragen.gif); }
h2#kontakt { background-image: url(../img/txt_kontakt.gif); }
h2#aktuelles { background-image: url(../img/txt_aktuelles.gif); }
h2#impressum { background-image: url(../img/txt_impressum.gif); }




h3 {
	font-family:Times, "Times New Roman", serif;
	font-size: 156.26%; /*25px*/
	font-weight: normal;
	margin: 25px 0 15px 0;
	padding: 0px 0 0px 0;
	color: #f79700;
	line-height:1.1em;
}



h4 {
	font-family:Times, "Times New Roman", serif;
	font-size: 100%; /*16px*/
	font-weight: bold;
	margin: 0;
	padding: 15px 0 0px 0;
}

h4.subcat {
	font-size: 125%;
	color: #f79700;
	font-weight:normal;
	padding-bottom: 5px;
}

h3.line {
	margin: 0 5px 0px -5px;
	padding: 15px 0 5px 5px;
	border-bottom: 3px solid #f90;
}

h3.nobottommargin {
	margin-bottom: 0;
}

div.padleft {
	padding-left: 78px;
}

p {
	font-size: 75%; /*12px*/
	line-height: 1.5em;
	margin: 0;
	padding: 4px 100px 4px 0;
}

p.caption {
	font-size: 62.5% /* 10px */
}

p.wichtig {
	font-family:"Times New Roman", Times, serif;
	font-size: 100%;
	font-style:italic;
	line-height: 1.4em;
}


.bildspalte p.caption {
	text-align:right;
	padding: 4px 2px 4px 15px;
}

p.hrind {
	border-top: 1px solid #ffaa00;
	border-bottom: 1px solid #ffaa00;
	padding: 5px 40px 5px 15px;
	margin: 15px 5px 15px 0px;
}


strong {
	font-weight: bold;
}

em {
	font-style:italic;
}

.spaceinterpunktion {padding-left: 3px;}

.bigger {
	font-size: 125%;
	padding-left: 30px;
}

.ind {
	padding-left: 7px;
}

ul.liste {
	margin: 7px 80px 10px 10px;
	padding:0;
	font-size: 75%; /*12px*/
	list-style:none;
}

ul.liste li {
	margin: 0px;
	padding:3px 0 3px 12px;
	background: url(../img/listbul.gif) 0% 9px no-repeat; /* funzt nich im IE */
}

ul.liste li span {
	font-style:italic;
}

ul.space {
	margin-right: 120px;
	margin-top: 20px;
}

ul.space li {
	padding-bottom:15px;
}

ul {
	padding:10px 40px 80px 43px;
}

li {
	padding: 5px 0;
}

/* Bilder mit Schatten */
.wrappicschatten {
	width:284px; height: 229px;
	margin:10px 0 20px 20px;
	background: url(../img/picschatten_hg.png) top left no-repeat;
}

.picschatten {
	margin: 13px 0 0 13px;
}

.floatright {
	float: right;
	display:inline; /* bugfix doubled float margin bug für IE<=7 */
}

.imgmarginlb {
	margin: 0 5px 20px 20px
}

.negmarg20 {
	margin-right: -20px;
}

/* links */

a:link, a:visited {
	color:#cc6a00;
	text-decoration:none;
}

a:hover {color: #497d06;}


a.extlink b {
	padding:0 0 0 18px;
	background: url(../img/extlink_ic.gif) 4px 0px no-repeat;
}

a.intlink {
	/*padding-right:20px;
	background: url(../img/intlink_ic.gif) 100% 50% no-repeat;*/
	color: #cc6a00;
	text-decoration:none;
	border-bottom: 1px dotted #cc6a00;
	font-family:Verdana, Geneva, sans-serif; /*bei Lucida entsteht ein unschöner großer Abstand zwischen Buchstabenunterkante und dotted line */
}

a.intlink:hover {
	text-decoration: none;
	color: #396d00;
}


a.zoomin {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}
 
a.pdf {
	padding-left: 20px;
	background: url(../img/pdf_icon.gif) 0px 0px no-repeat;
}


p.impressumlink {
	margin-top:20px;
	font-size:62.5%;
}

p.impressumlink a {
	font-weight:normal;
}


/* subcolumns */
.subcols {
	width: 100%;
	overflow:hidden;
}

.paddbott30 {
	padding-bottom: 30px;
}

.margtop20 {
	margin-top:20px;
}


.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc  { padding: 0 0.8em; }
.subcl { padding: 0 0.8em; }
.subcr { padding: 0 0 0 0.8em; }

.c50l p, .c50r p {
	padding-right:20px;
}

.fullwidth {
	background-color: #e3e9ce;
	margin-left: -220px;
	padding: 20px 0 100px 225px;
}

.pagebottom2 {
	margin-right:-15px;
	margin-bottom:-90px;
	padding-right: 15px;
	background-image: url(../img/footer_hg.gif);
	background-position:100% 100%;
	background-repeat:no-repeat;
}



.boxrund {
	position:relative;
	margin: 5px 0 30px -22px;
	padding: 25px 0px 25px 25px;
	background: url(../img/gra_rundecke_h.gif) #e3e8ce top left no-repeat;
}

.boxrundgreen {
	position:relative;
	margin: 5px 0 30px -22px;
	padding: 25px 0px 25px 25px;
	background: url(../img/gra_rundecke.gif) #839d24 top left no-repeat;
	color:#fff;
}

.boxrundgreen p, .boxrund p {
	padding-right:40px;
}

.gingkogra {
	position:absolute;
	top:-3px; left:-75px;
	width:111px; height:119px;
	background: url(../img/gingko_gra.png) top left no-repeat;
}


div.pagebottom {
	margin-bottom:-90px;
	padding-bottom: 90px;
}

/* Praxis */

#karte {
	margin-top: 40px;
	min-height: 278px;
	background: url(../img/karte.gif) right top no-repeat;
}
p.termine {
	border-bottom: 1px solid #497d06;
	margin: 0px 340px 0px -200px;
	padding:25px 0 15px 200px;
	position:relative; /* IE bugfix, damit border angezeigt wird */
}

div.adresse {
	text-align:right;
	margin: 90px 215px 0 0;
}

div.linkgoogle {
	clear:right;
	float:right;
	width: 300px;
	padding-right: 25px;
	text-align:right;
}

div.linkgoogle span.pfeil {
	padding: 0 7px 0 25px;
	background: url(../img/pfeil.gif) 0% 50% no-repeat;
	font-size: 75%;
}

div.linkgoogle img {
	vertical-align:bottom;
}


/* Fragen */

div.fragantind {
	padding-left:100px;
}

p.frage {
	font-size:87.5%;
	font-style:italic;
	padding-left:50px;
	color: #f79700;
}

p.antwort {
	padding-bottom: 18px;
	background: url(../img/boxline.gif) right bottom no-repeat;
}

div.antwort {
	margin: -8px 5px 38px 10px;
	padding: 10px 0 0 85px;
	min-height: 50px;
	background: url(../img/gingko_gra_klein.gif) top left no-repeat;
	
}



/* Kosten */
table.kosten {
	margin: 25px 100px 30px 0px;
}

table.kosten tr td {
	padding: 20px 0 2px 20px;
	font-size: 75%;
	line-height:1.5em;
	border-bottom: 1px dotted #d1b2b2;
	vertical-align:bottom;
}

table.kosten tr td.kosten {
	width: 100px;
	padding-left:0;
	text-align: right;
}

div.textright {
	text-align:right;
}

/* Impressum */
.impressum {
	line-height:1.2em;
	margin:20px 0px 0px 0px;
	padding-bottom:40px;
}

.marginal {
	font-size: 10px;
}

p.adresse {
	padding: 0 0 0 8px;
	margin-left:6px;
	border-left: 3px solid #ffc000;
}

/* Kontakt */

p.tel {
	background: url(../img/ic_tel.gif) 0% 50% no-repeat;
	padding-left: 23px;
}

p.fax {
	background: url(../img/ic_fax.gif) 0% 50% no-repeat;
	padding-left: 23px;
}

p.mail {
	background: url(../img/ic_mail.gif) 0% 50% no-repeat;
	padding-left: 23px;
}


div.formular {
	margin:0px 0 -90px -200px;
	width:752px;;
}

div.wrapleftcol {
	float:left;
	width:350px;
	padding-top: 20px;
}

div.formular div.wrapleftcol {
	text-align:right;
}




form {
	margin: 5px 0 0px -5px;
	padding: 10px 0 95px 30px;
	background: url(../img/form_hg.gif) #75920c bottom left no-repeat; /* 829c24 */
}

form div.row {
	padding: 5px 0px;
	clear:both; float: none;
}

form div.fieldset {
}

div.message {
}

input, textarea {
	display:block;
	background-color: #ffeebb;
	margin:0;
	padding: 0;
	border:none;
	font-family:Verdana, Geneva, sans-serif;
	color:#161;
	font-size: 12px;
	line-height:1em;
}

/* IE auslagern */
* html input, * html textarea {padding: 0 5px;}
* html div { margin: 0;}

.w20 {width:20px;}
.w50 {width:50px;}
.w100 {width:100px;}
.w120 {width:120px;}
.w200 {width:200px;}
.w300 {width:300px;}

div.w200, div.w100, div.w120, div.w50, div.w20 {margin-right: 10px;}

.floatleft {float:left;}
div.row div.floatleft {padding: 2px 0;}
.clearfloat {clear:both; float: none;}
.noblock {display: inline;}

textarea {
	height: 150px;
}

input.senden {
	width: auto;
	padding: 5px 10px;
	font-size: 12px;
	color: #fff;
	font-weight:bold;
	background-color: #f6ac00;
}

input.senden:hover {
	cursor:pointer;
	background-color: #060;
}

label {
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	padding:2px 0px 0 2px;
	margin:0;
	font-size:62.5%;
	line-height:1em;
	color: #fff;
}

form span.formlabel {
	font-size:75%;
	line-height:1em;
	color: #fff;
}


label span {
	font-size:0.8em;
}

p.formularmsg {
	padding-right: 20px;
}