/* ----------------------------------------------------- P A G E   L A Y O U T ------------------------------------------ */
@charset "UTF-8";
body  {
	background-color: rgb(182,204,208);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
/* Hintergrundfarbe fuer Safari und Opera */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    body { background-color: rgb(182,204,208); }
}
.heilpraktiker #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #CFE6C0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0;
	border: 1px solid #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
/* ---------------------------------------------------- HEADER --------------------------------------------------------- */
.heilpraktiker #header {
	background: #000000;
	background-image: url(media/bg_js_header);
	height: 125px;
	margin: 0px;
	padding: 0 20px 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom: 1px solid #FFFFFF;
} 
.heilpraktiker #headerLeft {
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 0;
	padding: 0;
	float: left;
}
.heilpraktiker #headerRight {
	margin: 0 0 0 220px;
	padding: 12px 0 0 0;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: rgb(113,0,72);
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnavigationLeft a {
	float:none;
} /* End IE5-Mac hack */
/* ---------------------------------------------------- TOP NAVIGATION --------------------------------------------------------- */
.heilpraktiker #topnavigationLeft, .heilpraktiker #topnavigationRight { 
	height: 15px;
	margin: 0;
	padding: 32px 0px 0px 0px;
}
ul#topnavigationLeft {
	margin:0;
	padding:0;
	list-style:none;
	float:left; 
	width: 70%;
	text-align: left;
}
ul#topnavigationRight {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	width: 30%;
	text-align: right;
}
#topnavigationLeft li {
	float:left;
	margin:0; 
	padding:0;
	display:inline;
}
#topnavigationRight li{
	float:right;
	margin:0; 
	padding:0;
	display:inline;
}
#topnavigationLeft a, #topnavigationRight a {
	display:block;
	padding:2px 9px 0 9px;
	line-height: normal;
	text-decoration:none;
	border-right: 1px solid #FFFFFF;
}
#topnavigationLeft .selected, #topnavigationRight .selected {
	display:block;
	padding:2px 9px 0 9px;
	line-height: normal;
	text-decoration:none;
	border-right: 1px solid #FFFFFF;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(113,0,72);
}
#topnavigationLeft .selectednoline, #topnavigationRight .selectednoline {
	display:block;
	padding:2px 9px 0 9px;
	line-height: normal;
	text-decoration:none;
	border-right: 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(113,0,72);
}
#topnavigationLeft #noline a {
	padding:0 0 0 6px;
	border-right: 0;
}
#topnavigationRight #noline a {
	padding:0 0 0 6px;
	border-right: 0;
}
#topnavigationLeft a:link, #topnavigationLeft a:visited {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#topnavigationLeft a:hover, #topnavigationLeft a:focus {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(113,0,72);
}
#topnavigationRight a:link, #topnavigationRight a:visited {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#topnavigationRight a:hover, #topnavigationRight a:focus {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(113,0,72);
}
/* ----------------------------------------------------- MAIN CONTENT -------------------------------------------- */
.heilpraktiker #mainContent {
    background: #CFE6C0;
	margin: 0px;
	padding: 0px;
}
.heilpraktiker #mainContentLeft {
	float: left;
    width: 180px;
	height: 1%;
}
.heilpraktiker #mainContentRight {
    background: #CFE6C0;
	width: 540px;
	position: relative; top: 20px;
	margin: 0px 0px 20px 205px;
}
/* ----------------------------------------------------- SUB NAVIGATION -------------------------------------------- */
ul#subnavigation{
   margin: 0;
   padding: 0;
   background: #A3D288;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
}
ul#subnavigation li {
   width: 180px;
   padding: 0;
   margin: 0;
   list-style: none;
   }
#subnavigation #end li {
   width: 180px;
   padding: 0;
   margin: 0;
   list-style: none;
   background:url(media/bg_navfeld_btm.gif) no-repeat left bottom;
}
#subnavigation a {
   margin: 0;
   display:block;
   border-bottom: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}
/* --- inaktiv --- */
#subnavigation a.inaktiv:link, #subnavigation a.inaktiv:visited {
   padding: 10px 1px 10px 19px;
   background-color: #A3D288;
   color: #333333;
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;   
   width: 159px !important;
   display: block;
}
#subnavigation #end a.inaktiv:link, #subnavigation #end a.inaktiv:visited {
   background:url(media/bg_navfeld_btm.gif) no-repeat left bottom;
   border: 0;
   width: 160px !important;
}
#subnavigation a.inaktiv:hover, #subnavigation a.inaktiv:focus {
   padding: 10px 1px 10px 19px;
   background-color: rgb(113,0,72);
   color: #FFFFFF;
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;
   width: 159px !important;
   display: block;
}
#subnavigation #end a.inaktiv:hover, #subnavigation #end a.inaktiv:focus {
   background:url(media/bg_navfeldr_btm.gif) no-repeat left bottom;
   border: 0;
   width: 160px !important;
}
/* --- aktiv --- */
#subnavigation a.aktiv:link, #subnavigation a.aktiv:visited {
   padding: 10px 1px 10px 19px;
   background:url(media/nav_bullet.gif) no-repeat left center;
   color: rgb(113,0,72);
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;   
   width: 159px !important;
   display: block;
}
#subnavigation #end a.aktiv:link, #subnavigation #end a.aktiv:visited {
   background:url(media/bg_navfeld_active_btm.gif) no-repeat left bottom;
   color: rgb(113,0,72);
   border: 0;
   width: 160px !important;
}
#subnavigation a.aktiv:hover, #subnavigation a.aktiv:focus {
   padding: 10px 1px 10px 19px;
   background-color: rgb(113,0,72);
   color: #FFFFFF;
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;
   width: 159px !important;
   display: block;
}
#subnavigation #end a.aktiv:hover, #subnavigation #end a.aktiv:focus {
   background:url(media/bg_navfeldr_btm.gif) no-repeat left bottom;
   color: #FFFFFF;
   border: 0;
   width: 160px !important;
}
/* ----------------------------------------------------- SUB NAVIGATION 2nd level-------------------------------------------- */
ul#subnavigation2{
   margin: 0;
   padding: 0;
   background: #A3D288;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
}
ul#subnavigation2 li {
	width: 180px;
	padding: o;
	margin: 0;
    list-style: none;
   }
#subnavigation2 #end li {
   width: 180px;
   padding: 0;
   margin: 0;
   list-style: none;
   background:url(media/bg_navfeld_btm.gif) no-repeat left bottom;
}
#subnavigation2 a {
   margin: 0;
   display:block;
   border-bottom: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
}
/* --- inaktiv --- */
#subnavigation2 a.inaktiv:link, #subnavigation2 a.inaktiv:visited {
   padding: 10px 1px 10px 30px;
   background-color: #A3D288;
   color: #333333;
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;   
   width: 148px !important;
   display: block;
}
#subnavigation2 #end a.inaktiv:link, #subnavigation2 #end a.inaktiv:visited {
   background:url(media/bg_navfeld_btm.gif) no-repeat left bottom;
   border: 0;
   width: 160px !important;
}
#subnavigation2 a.inaktiv:hover, #subnavigation2 a.inaktiv:focus {
   padding: 10px 1px 10px 30px;
   background:url(media/nav_2ndlevel_bullet.gif) no-repeat left center;
   color: rgb(113,0,72);
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;
   width: 148px !important;
   display: block;
}
#subnavigation2 #end a.inaktiv:hover, #subnavigation2 #end a.inaktiv:focus {
   background:url(media/bg_navfeldr_btm.gif) no-repeat left bottom;
   border: 0;
   width: 160px !important;
}
/* --- aktiv --- */
#subnavigation2 a.aktiv:link, #subnavigation2 a.aktiv:visited {
   padding: 10px 1px 10px 30px;
   background:url(media/nav_2ndlevel_bullet.gif) no-repeat left center;
   color: rgb(113,0,72);
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;   
   width: 148px !important;
   display: block;
}
#subnavigation2 #end a.aktiv:link, #subnavigation2 #end a.aktiv:visited {
   background:url(media/bg_navfeld_active_btm.gif) no-repeat left bottom;
   color: rgb(113,0,72);
   border: 0;
   width: 160px !important;
}
#subnavigation2 a.aktiv:hover, #subnavigation2 a.aktiv:focus {
   padding: 10px 1px 10px 30px;
   background:url(media/nav_2ndlevel_bullet.gif) no-repeat left center;
   color: rgb(113,0,72);
   text-decoration: none;
   border-bottom: 1px solid #FFFFFF;
   width: 148px !important;
   display: block;
}
#subnavigation2 #end a.aktiv:hover, #subnavigation2 #end a.aktiv:focus {
   background:url(media/bg_navfeldr_btm.gif) no-repeat left bottom;
   color: #FFFFFF;
   border: 0;
   width: 160px !important;
}
/* ------------------------------------------------- MAIN CONTENT - LEFT --------------------------------- */
#leftboxtop {
    margin: 10px 0px 0px 0px;
	padding: 0px;
	background:url(media/bg_leftcolumn_top.gif) no-repeat left top;
	width: 180px !important;
	position: relative;
}
#leftbox{
    margin: -5px 0px 0px 0px;
    padding: 2px 10px 8px 15px;
    background: rgb(113,0,72);
	border-right: 1px solid #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #ffffff;
	width: 154px !important;
    display: block;
}
#leftboxbottom {
    margin: -5px 0px 10px 0px;
	background:url(media/bg_leftcolumn_btm.gif) no-repeat left bottom;
	width: 180px !important;
}
/* -------------------------------------------- MAIN CONTENT - RIGHT ----------------------------------------------------- */
#contentwrap{
	margin: 0;
	padding: 0;
	width:540px;
	position:relative;
}
#headlinebox{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 20px;
	width:300px;
	z-index:50;
	position:relative;
}
#headlineboxContent{
	margin: -3px 0px 0px 0px;
	padding: 5px 20px 5px 20px;
	background: #CFE6C0;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font: 16px Times New Roman, Times, serif;
	text-align: left;
	color: rgb(113,0,72);
	line-height: 20px;
	font-style: italic;
}
.autor{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 10px;
	text-align: right;
	color: #333333;
	font-style: normal;
}
#headlineboxTop{
	margin: 0;
	background-image:url(media/bg_headfeld_top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height: 12px;
}
#headlineboxBottom{
	margin: -3px 0px 0px 0px;
	background-image:url(media/bg_headfeld_btm.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	height: 12px;
}

/* ------------------- MAIN CONTENT - RIGHT - Textbox --------------------------------- */
#textboxEinzeiler, #textboxZweizeiler, #textboxDreizeiler, #textboxVierzeiler, #textboxFuenfzeiler{
	padding: 0px 0px 20px 5px;
	width:540px;
	position:relative;
	float: left;
	z-index: 0;
}
#textboxEinzeiler{
	margin: -40px 0px 0px 0px;
}
#textboxZweizeiler{
	margin: -60px 0px 0px 0px;
}
#textboxDreizeiler{
	margin: -80px 0px 0px 0px;
}
#textboxVierzeiler{
	margin: -100px 0px 0px 0px;
}
#textboxFuenfzeiler{
	margin: -120px 0px 0px 0px;
}
#textboxContentEin, #textboxContentZwei, #textboxContentDrei, #textboxContentVier, #textboxContentFuenf{
	margin: -3px 0px 0px 0px;
	background: #A3D288;
	background-image:url(media/bg_textfeld_plant.gif);
	background-position:right top;
	background-repeat:no-repeat;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #333333;
}
#textboxContentEin{
	padding: 40px 20px 10px 20px;
}
#textboxContentZwei{
	padding: 60px 20px 10px 20px;
}
#textboxContentDrei{
	padding: 80px 20px 10px 20px;
}
#textboxContentVier{
	padding: 100px 20px 10px 20px;
}
#textboxContentFuenf{
	padding: 120px 20px 10px 20px;
}
#textboxTop{
    margin: 0px 0px 0px 0px;
	background-image:url(media/bg_textfeld_top.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height: 12px;
}
#textboxBottom{
	margin: -3px 0px 0px 0px;
	background-image:url(media/bg_textfeld_btm.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	height: 12px;
}
#textboxContent li.list1 {
   padding: 0;
   margin: 0px 0px 0px -26px;
   list-style: disc outside;
}
#textboxContent li.list2 {
   padding: 0;
   margin: 0;
   list-style: circle outside;
}
/* ------------------- MAIN CONTENT - RIGHT - Textbox No Header --------------------------------- */

#textboxNoHead{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 5px;
	width:540px;
	position:relative;
	float: left;
	z-index: 0;
}
#textboxContentNoHead{
	margin: -3px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	background: #A3D288;
	background-image:url(media/bg_textfeld_plant.gif);
	background-position:right top;
	background-repeat:no-repeat;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #333333;
}

/* -------------------------------------------------------FOOTER --------------------------------------------------- */
.heilpraktiker #footer {
    margin: 10px 0px 0px 0px; 
	background: #CFE6C0;
	padding: 5px 10px 5px 19px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#CFE6C0;
    border-top: 1px solid #FFFFFF;
} 
.heilpraktiker #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
/* --------------------------------------------- Floats -------------------------------------------------- */

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* --------------------------------------------- T E X T   S T Y L E S -------------------------------------------------- */
h1  {
	margin: 0;
	padding: 0;
	font: 18px Times New Roman, Times, serif;
	color: #FFFFFF;
	line-height: 20px;
	font-style: italic;
}
h2 {
	font-size: 11px
}
h3 {
	font-size: 11px;
	color: rgb(113,0,72);
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	height: auto;
}
h5 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	height: 12px;
	color: rgb(113,0,72);
}
p{
	margin: 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #333333;
}
em {
	color: rgb(113,0,72);
}
footer  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333333;
	line-height: 16px;
}
li.list1 {
	list-style: square outside;
	color:#333333;
} 
li.list2 {
	list-style: square inside;
	color:#333333;
}
.zeilenabstand {
	line-height: 2em;
}
a:link {color:#333333; text-decoration:underline}
a:visited {color:rgb(113,0,72); text-decoration:none}
a:active {color:rgb(113,0,72); text-decoration:none}
a:hover {color:rgb(113,0,72); text-decoration:underline}

a:link.white {color:#ffffff; text-decoration:underline}
a:visited.white {color:#ffffff; text-decoration:underline}
a:active.white {color:#ffffff; text-decoration:underline}
a:hover.white {color:#ffffff); text-decoration:underline}