@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => import additional CSS
==================================================*/

    @import url("lightbox.css");
    @import url("cms.css");
    @import url("clearfix.css");

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}

html {
	background:#2e5d2e;
}

body {
   color:#8cd08c;
   vertical-align:baseline;
   text-align:center;
   font:12px/22px "Georgia", Times New Roman, Times, serif;
   overflow:-moz-scrollbars-vertical;
   background:#336633 url(../images/body.jpg) repeat-x;
}

ol, ul, dl {
   list-style:none;
}

a, .escape span {
   text-decoration:underline;
   color:#efe20f;
   /*white-space:nowrap;*/
}

a:hover, a:hover span {
   color:#efe20f;
   text-decoration:none;
}

a {
   outline:none;/* disable dotted active-link borders */
}

p {
   margin:0 0 15px 0;
}

img, img a {
   border:none;
}

/*==================================================
    => global classes
==================================================*/
.hr { 
   height:19px;
   background:url(../images/p-hr.jpg) repeat-x top;
   margin:15px 0 0 0;
 }
.clear {
   clear:left;
   float:none;
   height:0;
   line-height:0.0em
}

.highlight-1 {
	background:url(../images/p-highlight-1.jpg) 5px 6px no-repeat;
   padding:0 0 0 18px;
}

.highlight-2 {
	background:url(../images/p-highlight-2.jpg) 5px 2px no-repeat;
   padding:0 0 0 30px;
}

.floatLeft {
   float:left;
}

.marginRight10px {
   margin:0 10px 0 0;
}

.floatRight {
   float:right;
}

.error404 li {
	background:url(../images/p-highlight-1.jpg) 8px 9px no-repeat;
   padding-left:25px;
   line-height:28px;
}

#btnImprint {
	display:none;
}

/*==================================================
    => container
==================================================*/

div#container {
   width:900px;
   position:relative;
   margin:0 auto;
   text-align:left;
   background:url(../images/div-container.jpg) no-repeat;
}

/*==================================================
    => header  
==================================================*/

div#header {
	height:353px;
}

/*------------------ =branding  ------------------*/

h1#branding a {
	clear:right;
	float:right;
	width:272px;
   height:142px;
   text-indent:-9999px;
   display:block;
   margin:3px 20px 0 0;
   _margin:3px 10px 0 0;
}

/*------------------ =claim  ---------------------*/

h1#claim {
	text-indent:-9999px;
   display:none;
}

/*==================================================
    => contentContainer  
==================================================*/

div#contentContainer {
	padding:30px 20px;
}

div#contentContainer h2 {
   color:#fff;
   font:normal 24px/28px "Georgia", Times New Roman, Times, serif;
}

div#contentContainer h3 {
   color:#84e281;
   font:normal 18px/28px "Georgia", Times New Roman, Times, serif;
}

div#contentContainer h4 {
   color:#fff;
   font:normal 16px/22px "Georgia", Times New Roman, Times, serif;
}

div#contentContainer h5 {
   font:bold 14px/22px "Georgia", Times New Roman, Times, serif;
}
/*------------------ =contentMain  ---------------*/

div#contentMain {
	width:548px;
   float:right;
   padding-bottom:20px;
}

.colLeft {
   width:254px;
   float:left;
}

.colRight {
   width:254px;
   float:right;
}

.route {
	width:528px;
   height:300px;
   overflow:hidden;
}

/*------------------ =contentSidebar  -------------*/

div#contentSidebar {
	width:272px;
	float:left;
   padding-bottom:20px;
}

div#contentSidebar dl dt, div#contentSidebar dl dt {
   display:block;
   width:27%;
   float:left;
   font-weight:bold;
}

div#contentSidebar dl dd, div#contentSidebar dl dd {
   clear:right;
}

div#biosynergetic {
	width:252px;
   height:32px;
   background:url(../images/div-biosynergetic.jpg);
   padding:34px 0 0 20px;
}

/* =imagesTypes */

.imagesType1 {
   border:10px solid #3d7a3d;
   background:#fff url(../images/layout/progress.gif) no-repeat center center;
   outline:none;
}

.imagesType1:hover, a:hover img.imagesType1 {
   border:10px solid #4d994d;
}

.imagesType2 {
   border:10px solid #3d7a3d;
   background:#fff url(../images/icon-progress.gif) no-repeat center center;
}

/* =imprint */

dl.imprintTypeOfBusiness, dl.imprintAddress {
}

dl.imprintTypeOfBusiness dt, dl.imprintAddress dt {
   display:block;
   width:50%;
   float:left;
   color:#6fb46f;
   text-transform:uppercase;
   font-weight:bold;
   font-size:10px;
}

dl.imprintTypeOfBusiness dd, dl.imprintAddress dd {
   clear:right;
}

/*==================================================
    => navigation    
==================================================*/

ul#navigation-1 {
	float:right;
   width:272px;
   height:31px;
   margin-right:20px;
   _margin-right:10px;
   padding-top:7px;
}

ul#navigation-1 li {
	float:left;
}

ul#navigation-1 li a {
	font-size:12px;
   color:#fff;
   text-decoration:none;
   padding:1px 2px;
   margin:0 8px;
}

ul#navigation-1 li a:hover, ul#navigation-1 .active a {
	color:#3d7a3d;
   background:#efe20f;
}

ul#navigation-2-1 {
	width:411px;
	height:29px;
   position:absolute;
   top:284px;
   left:469px;
   background:url(../images/ul-navigation-2-1.jpg);
}

ul#navigation-2-1 li {
	text-indent:-9999px;
   float:left;
}

ul#navigation-2-1 li a {
	display:block;
   height:29px;
}

ul#navigation-2-1 .ueber-mich {
	width:83px;
}

ul#navigation-2-1 .ueber-mich a:hover, ul#navigation-2-1 .ueber-mich-active a {
	width:83px;
   background:url(../images/ul-navigation-2-1.jpg) 0 -29px;
}

ul#navigation-2-1 .leistungen {
	width:87px;
}

ul#navigation-2-1 .leistungen a:hover, ul#navigation-2-1 .leistungen-active a {
	width:87px;
   background:url(../images/ul-navigation-2-1.jpg) -83px -29px;
}

ul#navigation-2-1 .selbsheilungskraefte {
	width:146px;
}

ul#navigation-2-1 .selbsheilungskraefte a:hover, ul#navigation-2-1 .selbsheilungskraefte-active a {
	width:146px;
   background:url(../images/ul-navigation-2-1.jpg) -170px -29px;
}

ul#navigation-2-1 .radiaestesie {
	width:95px;
}

ul#navigation-2-1 .radiaestesie a:hover, ul#navigation-2-1 .radiaestesie-active a {
	width:95px;
   background:url(../images/ul-navigation-2-1.jpg) -316px -29px;
}

ul#navigation-2-2 {
	width:548px;
   height:29px;
   position:absolute;
   top:324px;
   left:332px;
   background:url(../images/ul-navigation-2-2.jpg);
}

ul#navigation-2-2 li {
	text-indent:-9999px;
   float:left;
}

ul#navigation-2-2 li a {
	display:block;
   height:29px;
}

ul#navigation-2-2 .geomantie a {
	width:87px;
}

ul#navigation-2-2 .geomantie a:hover, ul#navigation-2-2 .geomantie-active a {
	width:87px;
   background:url(../images/ul-navigation-2-2.jpg) 0 -29px;
}

ul#navigation-2-2 .elektrosmog a {
	width:98px;
}

ul#navigation-2-2 .elektrosmog a:hover, ul#navigation-2-2 .elektrosmog-active a {
	width:98px;
   background:url(../images/ul-navigation-2-2.jpg) -87px -29px;
}

ul#navigation-2-2 .loesungen a {
	width:78px;
}

ul#navigation-2-2 .loesungen a:hover, ul#navigation-2-2 .loesungen-active a {
	width:78px;
   background:url(../images/ul-navigation-2-2.jpg) -185px -29px;
}

ul#navigation-2-2 .harmofix-produkte a {
	width:144px;
}

ul#navigation-2-2 .harmofix-produkte a:hover, ul#navigation-2-2 .harmofix-produkte-active a {
	width:144px;
   background:url(../images/ul-navigation-2-2.jpg) -263px -29px;
}

ul#navigation-2-2 .produkte a {
	width:77px;
}

ul#navigation-2-2 .produkte a:hover, ul#navigation-2-2 .produkte-active a {
	width:77px;
   background:url(../images/ul-navigation-2-2.jpg) -407px -29px;
}

ul#navigation-2-2 .partner a {
	width:64px;
}

ul#navigation-2-2 .partner a:hover, ul#navigation-2-2 .partner-active a {
	width:64px;
   background:url(../images/ul-navigation-2-2.jpg) -484px -29px;
}

/*==================================================
    => footer   
==================================================*/


div#footerContainer {
	background:#2e5d2e url(../images/div-footercontainer.jpg) repeat-x;
   text-align:left;
}

div#footer {
	width:860px;
   height:216px;
   margin:0 auto;
   background:url(../images/div-footer.jpg);
   padding:10px 20px 20px 20px;
   color:#65a865;
}

div#footer span.goToTop {
   float:right;
   margin-right:20px;
   _margin-right:10px;
   text-indent:-9999px;
   position:relative;
   top:-34px;
}

div#footer span.goToTop a {
	width:112px;
   height:24px;
	display:block;
   background:url(../images/span-gototop.jpg);
}

div#footer span.goToTop a:hover {
	background:url(../images/span-gototop.jpg) 0 -24px;
}

div#footerMain {
	width:548px;
   clear:both;
   float:right;
}

div#footerMain h2 {
   color:#a8cda8;
   font:normal 22px/32px "Georgia", Times New Roman, Times, serif;
}

div#footerMain span {
   color:#a8cda8;
   font:normal 20px/22px "Georgia", Times New Roman, Times, serif;
}

/*==================================================
    => standarts   
==================================================*/

ul.list {
	border-top:dashed 1px #578a57;
}

ul.list li {
   padding:5px 10px 5px 25px;
   border-bottom:dashed 1px #578a57;
   _height:20px;
   background:url(../images/p-highlight-1.jpg) 8px 11px no-repeat;
}

ul.list li:hover {
   background:#396f39 url(../images/ul-list-hover.jpg) 8px 11px no-repeat;
}

ol.list {
	border-top:dashed 1px #578a57;
}

ol.list li {
   padding:5px 0 5px 5px;
   *padding:5px 0 5px 8px;
   border-bottom:dashed 1px #578a57;
   list-style:decimal inside;
}

ol.list li:hover {
   background:#396f39;
}

ul.nav {
	border-top:dashed 1px #578a57;
}

ul.nav li {
   padding:5px 0 5px 25px;
   border-bottom:dashed 1px #578a57;
   _height:20px;
   background:#336633 url(../images/p-highlight-1.jpg) 8px 11px no-repeat;
}

ul.nav li:hover {
   background:#396f39 url(../images/ul-list-hover.jpg) 8px 11px no-repeat;
}

ul.nav .active {
   background:#396f39 url(../images/ul-list-hover.jpg) 8px 11px no-repeat;
   font-weight:bold;
}
