@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global tags <<<-----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body, html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url(../images/bg-body.jpg) center top repeat-x #fff;
	font:0.9em "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	color:#173541;
	line-height:1.7em;
	behavior:url(csshover.htc);
	text-align:center;
}

a:link, a:visited {
	color:#ffa200;
	text-decoration:underline;
}

a:hover, a:active {
	color:#ffa200;
	text-decoration:none;
}

p {
	margin:0 0 1.3em 0;
}

img {
	border:0;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- global classes <<<--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

.clear {
	height:0.1em;
	line-height:0.1em;
	font-size:0.1em;
	clear:both;
	margin:0 0 0 0;
}

.line {
	width:593px;
	height:13px;
	background:url(../images/bg-line.gif) 0 0 no-repeat;
	margin:0 0 1em 0;
}

.image-border {
   cursor: url(../images/icon-zoomin.cur), pointer;
   border:2px solid #ccc;
   float:left;
   margin:0 15px 15px 0;
}

.image-border:hover {
   border:2px solid #fdd438;
}

.border {
	padding:2px;
   	background:#fff;
   	border:1px solid #ccc;	
}

.margin-right-stop {
	margin-right:0!important;
}

.margin-bottom {
	margin-bottom:1em;
}

.float-left {
	float:left;
}

p.grau { color:#999999; font-size: 11px; }
/* -------------------------------------------------------------------------------------------------------*/
/* ---- container <<<-------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#container {
	width:972px;
	margin:0 auto;
}



/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-container <<<-----------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-container {
	width:972px;
	margin:0 auto;
	text-align:left;
}

* html div#content-container {
	width:972px;
	margin:0 auto;
	text-align:left;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-sidebar <<<-------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-sidebar {
	float:left;
	width:330px;
	height:666px;
	background:url(../images/bg-content-sidebar.gif) 0 0 no-repeat;
	position:relative;
	font-size:0.85em;
	line-height:1.6em;
	z-index:100;
}


/* ---- navi <<<------------------------------------------------------------------------------------------*/

ul#navi {
	position:absolute;
	top:53px;
	left:32px;
}

ul#navi li {
	float:left;
	margin-right:20px;
}

/* ---- navi-add <<<--------------------------------------------------------------------------------------*/

ul#navi-add {
	width:281px;
	height:156px;
	position:absolute;
	top:29px;
	left:25px;
	list-style-type:none;
	z-index:100;
}

ul#navi-add li {
	text-indent: -9999em;
	display:inline;
}

ul#navi-add li a {
	display:block;
	border:none;
	
	height:77px;
	color:#000;
	text-decoration:none;
}

ul#navi-add li a:hover {
	text-decoration:underline;
}

ul#navi-add  a.navi-add-therapieverfahren:link, ul#navi-add a.navi-add-therapieverfahren:visited {
	background:url(../images/li-navi-add-therapieverfahren.jpg) 0 0 no-repeat;
}

ul#navi-add  a.navi-add-therapieverfahren:hover, ul#navi-add  a.navi-add-therapieverfahren:active {
	background:none;
}


ul#navi-add  a.navi-add-seminare:link, ul#navi-add  a.navi-add-seminare:visited {
	background:url(../images/li-navi-add-seminare.jpg) 0 0 no-repeat;
}

ul#navi-add  a.navi-add-seminare:hover, ul#navi-add  a.navi-add-seminare:active {
	background:none;
}

/* ---- navi-add2 <<<-------------------------------------------------------------------------------------*/

ul.navi-add2 {
	background:#fff;
	border:1px solid #bababa;
	height:500px;
	width:220px;
	position:absolute;
	top:-1px;
	left:270px;
	padding:0 10px 10px 20px;
	font-size:1.1em;
	z-index:10;
}

* html ul.navi-add2 {
	background:#fff;
	border:1px solid #bababa;
	height:425px;
	width:220px;
	position:absolute;
	top:-1px;
	left:270px;
	padding:10px 10px 10px 20px;
	font-size:1.1em;
	line-height:1em;
	z-index:10;
}

* + html ul.navi-add2 {
	background:#fff;
	border:1px solid #bababa;
	height:405px;
	width:220px;
	position:absolute;
	top:-1px;
	left:270px;
	padding:20px 10px 10px 20px;
	font-size:1.1em;
	line-height:1em;
	z-index:10;
}

ul#navi-add li ul.navi-add2 li{
	list-style-type:none;
	padding-left:20px;
	z-index:100;
	
}

* html ul.navi-add2 li a {
	text-indent:0;
	font-size:1em;
	height:2em!important;
}

* + html ul.navi-add2 li a {
	text-indent:0;
	font-size:1em;
	height:2em!important;
}

ul.navi-add2 li a {
	text-indent:0;
	font-size:1em;
	height:10px!important;

}

/* ---- navi-add2 <<<-------------------------------------------------------------------------------------*/

ul.navi-add3 {
	background:#fff;
	border:1px solid #bababa;
	height:85px;
	width:220px;
	position:absolute;
	top:76px;
	left:270px;
	padding:10px 10px 10px 20px;
	font-size:1.1em;
	line-height:1em;
	z-index:100;
}

* html ul.navi-add3 {
	background:#fff;
	border:1px solid #bababa;
	height:20px;
	width:220px;
	position:absolute;
	top:76px;
	left:270px;
	padding:10px 10px 10px 20px;
	font-size:1.1em;
	line-height:1em;
	z-index:100;
}


 html ul.navi-add3 li a {
	text-indent:0;
	font-size:1em;
	height:2em!important;

}


ul.navi-add3 li a {
	text-indent:0;
	font-size:1em;
	height:10px!important;

}

li ul {
	display: none;

}

li>ul {
	top: auto;
	left: auto;
}

li:hover ul, li.over ul {
	display: block;
}


/* ---- content-sidebar-fragen <<<------------------------------------------------------------------------*/

div#content-sidebar-fragen {
	position:absolute;
	width:240px;
	height:95px;
	top:248px;
	left:44px;
	color:#1c3844;
	font-size:1.1em;
	line-height:1.6em;
}

/* ---- content-sidebar-newsletter <<<--------------------------------------------------------------------*/

.content-sidebar-newsletter-box {
	position:absolute;
	top:464px;
	left:44px;
	color:#1c3844;
	font-size:1.1em;
	width:245px;
	height:112px;
}

form#content-sidebar-newsletter {
	border:none;
	background:none;
	position:absolute;
	top:510px;
	left:86px;
	font-size:1em;
}

form#content-sidebar-newsletter input#email {
	width:183px;
	height:14px;
	padding:3px;
	background:none;
	border:none;
	font:1em "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:0;
	color:#000;
	cursor:text;
}

form#content-sidebar-newsletter input#submit {
	width:80px;
	height:20px;
	background:none;
	border:none;
	text-indent:-9999em;
	display:block;
	cursor:pointer;
	color:#444;
}

form#content-sidebar-newsletter fieldset {
	border:none;
}

form#content-sidebar-newsletter  br {
	clear:left;
}

form#content-sidebar-newsletter input[type=hidden] {
	border:0;
	padding:0;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- content-main <<<----------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#content-main {
	float:left;
	width:642px;
	padding:0 0 0 0;
	background:url(../images/bg-content-main.jpg) 0 0 no-repeat #fff;
	margin:0;
}



/* ---- content-main-header <<<---------------------------------------------------------------------------*/

div#content-main-header {
	width:642px;
	height:344px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
	z-index:0;
}

div#content-main-header-slideshow {
	width:621px;
	height:262px;
	position:absolute;
	top:26px;
	left:1px;
	z-index:0;
	background:url(../images/slideshow/slideshow1.jpg) 0 0 no-repeat;
}

h1#branding a{
	width:441px;
	height:114px;
	background:url(../images/h1-naturheilpraxis-grigat.png) 0 0 no-repeat;
	left:179px;
	top:27px;
	position:absolute;
	display:block;
	z-index:10;
	text-indent:-9999em;
}

* html h1#branding a {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/h1-naturheilpraxis-grigat.png',sizingMethod='scale');
	width:441px;
	height:114px;
	left:179px;
	top:27px;
	position:absolute;
	display:block;
	z-index:10;
	text-indent:-9999em;
	
}

/* ---- navi-add4 <<<-------------------------------------------------------------------------------------*/

ul#navi-add4 {
	width:642px;
	height:46px;
	position:absolute;
	top:290px;
	left:0px;
	text-indent:-9999em;
}

ul#navi-add4 li {
	display:block;
	height:46px;
	float:left;
}

ul#navi-add4 li a{
	display:block;
	height:46px;
}

a.navi-add4-ueber-mich, a.navi-add4-ueber-mich:visited {
	width:111px;
	background:url(../images/li-navi-add4-ueber-mich.jpg) 0 0 no-repeat;
}

a.navi-add4-ueber-mich:hover, a.navi-add4-ueber-mich:active {
	background:none;
}

a.navi-add4-berlin, a.navi-add4-berlin:visited {
	width:62px;
	background:url(../images/li-navi-add4-berlin.jpg) 0 0 no-repeat;
}

a.navi-add4-berlin:hover, a.navi-add4-berlin:active {
	background:none;
}

a.navi-add4-potsdam, a.navi-add4-potsdam:visited {
	width:95px;
	background:url(../images/li-navi-add4-potsdam.jpg) 0 0 no-repeat;
}

a.navi-add4-potsdam:hover, a.navi-add4-potsdam:active {
	background:none;
}

a.navi-add4-preise, a.navi-add4-preise:visited {
	width:63px;
	background:url(../images/li-navi-add4-preise.jpg) 0 0 no-repeat;
}

a.navi-add4-preise:hover, a.navi-add4-preise:active {
	background:none;
}

a.navi-add4-newsletter, a.navi-add4-newsletter:visited {
	width:97px;
	background:url(../images/li-navi-add4-newsletter.jpg) 0 0 no-repeat;
}

a.navi-add4-newsletter:hover, a.navi-add4-newsletter:active {
	background:none;
}

a.navi-add4-kontakt, a.navi-add4-kontakt:visited {
	width:81px;
	background:url(../images/li-navi-add4-kontakt.jpg) 0 0 no-repeat;
}

a.navi-add4-kontakt:hover, a.navi-add4-kontakt:active {
	background:none;
}

a.navi-add4-impressum, a.navi-add4-impressum:visited {
	width:100px;
	background:url(../images/li-navi-add4-impressum.jpg) 0 0 no-repeat;
}

a.navi-add4-impressum:hover, a.navi-add4-impressum:active {
	background:none;
}

div#content-main-column {
	width:593px;
	padding:20px 34px 0 15px;
}

.content-main-column1 {
	display:inline;
	float:left;
	margin-right:10px;
	width:280px;
}

div#content-main-column ul {
	margin:0 0 20px 0;
}

div#content-main-column li {
	list-style-type:none;
	background:url(../images/bg-li-content-main.gif) 0 6px no-repeat;
	padding-left:20px;
}

div#content-main-column li ul{
	display:block;
}

/* ---- accordion <<<-------------------------------------------------------------------------------------*/

a.accordion-headline, a.accordion-headline:visited {
	margin:0 0 15px 0;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	width:586px;
	display:block;
	height:26px;
	padding-left:4px;
	background:#ffba00;
}

a.accordion-headline:hover, a.accordion-headline:active {
	color:#000;
}

.accordon-content {
	float:none;
	margin:0 0 15px 0;
	overflow:visible;
}

.accordon-content a{
	display:block!important;
}

.accordon-content ul{
	display:block!important;
}

.accordon-content p{
	display:block!important;
}

/* ---- headlines <<<-------------------------------------------------------------------------------------*/

h2 {
	text-indent:-9999px;
	margin:0 0 0 0;
	height:46px;
}

h2#willkommen {background:url(../images/h2/h2-willkommen.gif) 0 0 no-repeat; height:65px;}
h2#kontakt {background:url(../images/h2/h2-kontakt.gif) 0 0 no-repeat;}
h2#impressum {background:url(../images/h2/h2-impressum.gif) 0 0 no-repeat;}
h2#fehler {background:url(../images/h2/h2-fehler.gif) 0 0 no-repeat;}
h2#newsletter {background:url(../images/h2/h2-newsletter.gif) 0 0 no-repeat;}
h2#therapieverfahren {background:url(../images/h2/h2-therapieverfahren.gif) 0 0 no-repeat;}
h2#seminare {background:url(../images/h2/h2-seminare.gif) 0 0 no-repeat;}
h2#ueber-mich {background:url(../images/h2/h2-ueber-mich.gif) 0 0 no-repeat;}
h2#praxis-berlin {background:url(../images/h2/h2-praxis-berlin.gif) 0 0 no-repeat;}
h2#praxis-potsdam {background:url(../images/h2/h2-praxis-potsdam.gif) 0 0 no-repeat;}
h2#preise {background:url(../images/h2/h2-preise.gif) 0 0 no-repeat;}
h2#infos {background:url(../images/h2/h2-informationen-kompakt.gif) 0 0 no-repeat;}

h3 {
	margin:0 0 1.2em 0;
	font-size:1.3em;
	font-weight:bold;
	color:#173541;
}

h4 {
	font-size:1.1em;
	margin:0 0 0.8em 0;
	color:#173541;
	font-weight:bold;
}

/* -------------------------------------------------------------------------------------------------------*/
/* ---- footer <<<----------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------*/

div#footer {
	width:972px;
	height:144px;
	background:url(../images/bg-footer.jpg) center top no-repeat;
	color:#fff;
	font-size:0.9em;
	line-height:1.5em;
	margin:0 auto;
	margin-top:50px;
	position:relative;
	text-align:left;
}

div#footer a{
	padding:0;
	margin:0;
}


.footer-berlin1 {
	position:absolute;
	top:72px;
	left:51px;
	width:200px;
	height:60px;
}

.footer-berlin2 {
	position:absolute;
	top:72px;
	left:250px;
	width:200px;
	height:60px;
}

.footer-potsdam1 {
	position:absolute;
	top:72px;
	left:525px;
	width:200px;
	height:60px;
}

.footer-potsdam2 {
	position:absolute;
	top:72px;
	left:770px;
	width:200px;
	height:60px;
}