/*############################################################*/
/*                       "flexifloat"                         */
/*        STANDARD STYLESHEET www.ergotherapie-boss.de        */
/*       webdesign by fp-webmedia # www.fp-webmedia.de        */
/*!!!!!!!! Zwei (2) Spalten (Navi-left und Center) !!!!!!!!!!!*/
/*############################################################*/
/*#                  LAYOUT CSS BLOCK ELEMENTE               #*/
/*############################################################*/


/* Unterschied zum Basis-CSS (boss_0): alle backrounds/wrapper mit Sternenhimmel!*/

/* Außen- und Innenabstände aller Elemente zurücksetzen */
* {
	margin: 0; padding: 0; border: 0px none;
}

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
/*	font-size: 100.01%;	*/
	background: url(../pics/background-body.jpg) repeat-x;
	background-color: #FFDC99;
	color: #000099;
}

#wrapper { /* also holds the left "sliding" tab */
	background: #FFCC99 url(../pics/background-wrapper_1.gif) repeat-y 0 0;
	text-align: left;
	width: 796px; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
}

#head_1, #head_2, #head_3, #footer {
	clear: both;
	width: 796px;
}

/* Link nach oben (top)*/
#upper_footer{
float			:left;
clear			: both;
display			:block;
padding			:0px 0px 0px 368px;
margin			:0 0 0 0;
}
#upper_center{
float			:left;
display			:block;
padding			:0px 0px 0px 80px;
margin			:0 0 0 0;
}
#upper_footer a:link, #upper_center a:link, #upper_footer a:visited, #upper_center a:visited {
display			:block;
width			:272px;
height			:21px;
background		:url(../pics/design_top_2_1.jpg) no-repeat top left;
}
#upper_footer a:hover, #upper_center a:hover{
background		: url(../pics/design_top_1_2.jpg) no-repeat top left;
}

#footer {
	height:137px;
	text-align: left;
	color: #333;
	background: #FFDC99 url(../pics/BottomCenter_1d_s.gif) no-repeat 0 0px;
	padding: 0px 0px 0px 0px;
}
#contentfloatholder {/* also makes the right "sliding" tab */
	background: url(../pics/flexi_right_2.gif) repeat-y 100% 0;/* flexi_rigth_2 ist ein Dummy "trans" */
	float: left;
	width: 100%;
	position: relative
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#center {
	margin-left: 189px;
/*	width: 100%;	Einstellung wenn Spalte right verwendet wird */
	width: 546px;
	display: block;
	background-image: url(../pics/Center_1.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-right: -95%;
	/* this needs to be less than 100% for Moz/Mac which thinks
	it's empty otherwise. The difference is made up by putting a
	negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
	*/
}

/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#center_left {margin-left: 0;}

#wrapper {
position: relative;
z-index: 80; /* weil bei lightbox z-index 90 eingestellt ist,
	Bilddarstellung muss vor wrapper in den Vordergrund */
}

#head_1 {
	background-image:url(../pics/top_1_0.gif);
		width: 796px;
		height: 144px;
}
#head_2 {
	background-image: url(../pics/top_1_1.gif);
		height: 64px;
		width: 796px;
}
#head_3 {
	background-image: url(../pics/top_1_2.gif);
		height: 33px;
		width: 796px;
}

/*############################################################*/
/*#                 TYPOGRAFISCHE DEFINITIONEN               #*/
/*############################################################*/

/* Standards für Fließtext */
p, li {
	font-size: 0.7em;
	color:#000099;
}

p {
   margin-bottom: 0.7em;
}

a {
   color: #000066;
   text-decoration: none;
}

a:hover {
   color:#CC0000;
/*   text-transform: uppercase;	*/
   text-decoration: underline;
   }

h1 {
	font-size: 1.4em;
	font-weight: normal;
	color: #CC0000;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #CC0000;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 0.9em;
/*	font-weight: bold;*/
	color: #FFFF00;
	text-decoration: none;
	margin-bottom: 0.5em;
}
h5 {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	margin-bottom: 0.5em;
}
h6 {
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFF4A;
	text-decoration: none;
	margin-bottom: 0.5em;
}

p.navi_top_0 {
	float:left;
	margin: 0 0 0 260px;
	font-size: 0.8em;
	color: #000099	;
	text-align: center;
	text-decoration: none;
}

address {
/*	margin-left: 205px;	ausgeremmt für Smart*/
	padding-top: 0px;
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #000099;
	font-style: normal;
	font-weight: bold;
}

p.copyright {
	float:right;
	margin: 45px 20px 0 0;
	font-size: 0.6em;
	color: #666;
	text-align: right;
	text-decoration: none;
}
a.copyright {
	font-size: 10px;
	color: #666;
	text-decoration: none;
}
a.copyright:hover {
   color:#CC0000;
   text-decoration: underline;
}

td.balken_hell {
	padding:7px;
	font-size: 0.7em;
	color:#666;
	background-color:#FFF;
}
td.balken_dkl {
	padding:7px;
	font-size: 0.7em;
	color:#333;
	background-color:#E6E6E6;
}

.subtitle {
	padding-top: 0.5em;
	font-size: 0.8em;
	font-weight: normal;
	color:#CC0000; /*#000066; */
}


.text_s {
	font-family:verdana,arial,helvetica;
	color: #666;
	font-size: 0.6em;
}
.small_red {
	font-family:verdana,arial,helvetica;
	font-size: 0.6em;
	color: #CC0000;
}
.text_red {
	font-family:verdana,arial,helvetica;
	color: #CC0000;
	font-size: 0.7em;
	font-weight: lighter;
}
.text_yellow {
	font-family:verdana,arial,helvetica;
	color: #FFFF00;
	font-size: 0.7em;
	font-weight: normal;
}
.text_bold_red {
	font-family:verdana,arial,helvetica;
	color: #CC0000;
	font-size: 0.7em;
	font-weight:bold;
}

p.calibri /*Neuer Font im Test*/ {
	font-family: calibra, verdana, helvetica, sans-serif;
	font-size: 0.7em;
}
/*############################################################*/
/*#                     NAVIGATIONS-SPALTE (Left)            #*/
/*############################################################*/
#center_left {
	float: left;
	background-image: url(../pics/CenterLeft_1_kurz.gif);
	background-repeat: no-repeat;
		width: 189px;
		height: 224px;
}
#center_left_355 {
	float: left;
	background-image: url(../pics/CenterLeft_1_381.gif);
	background-repeat: no-repeat;
		width: 189px;
		height: 381px;
}
div#navigation {
    float:left;
	margin-top: 10px;
	margin-left: 68px;
	width: 100px;
	/*	background: #CCCCCC url(../pics/background-navigation.gif) repeat-y; */
}

.navicontainer {
	width:100px;
	margin:0px;
}
a.navi {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #000099;
		text-decoration: none;
		cursor: pointer;
		height: 26px;
		width: 100px;
		background-repeat: no-repeat;
		padding-left: 8px;
		padding-top: 2px;
		padding-bottom: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #FCFCFC 0px solid;
		border-left: #3B3B44 2px solid;
		border-right: #FCFCFC 0px solid;
		border-bottom: #3B3B44 1px solid;
}

a.navi_1 {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #000099;
		text-decoration: none;
		cursor: pointer;
		height: 16px;
		width: 100px;
		background-repeat: no-repeat;
		padding-left: 8px;
		padding-top: 2px;
		padding-bottom: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #FCFCFC 0px solid;
		border-left: #3B3B44 2px solid;
		border-right: #FCFCFC 0px solid;
		border-bottom: #3B3B44 1px solid;
}

a.navi_3 {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #000099;
		text-decoration: none;
		cursor: pointer;
		height: 36px;
		width: 100px;
		background-repeat: no-repeat;
		padding-left: 8px;
		padding-top: 2px;
		padding-bottom: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #FCFCFC 0px solid;
		border-left: #3B3B44 2px solid;
		border-right: #FCFCFC 0px solid;
		border-bottom: #3B3B44 1px solid;
}

a.navi:active, a.navi:hover {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #CC0000;
		text-decoration: none;
		cursor: pointer;
		height: 26px;
		width: 96px;
		background-repeat: no-repeat;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #3B3B44 0px solid;
		border-left: #CC0000 4px solid;
		border-right: #3B3B44 0px solid;
		border-bottom: #CC0000 1px solid;
}
a.navi_1:active, a.navi_1:hover {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #CC0000;
		text-decoration: none;
		cursor: pointer;
		height: 16px;
		width: 96px;
		background-repeat: no-repeat;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #3B3B44 0px solid;
		border-left: #CC0000 4px solid;
		border-right: #3B3B44 0px solid;
		border-bottom: #CC0000 1px solid;
}

a.navi_3:active, a.navi_3:hover {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		color: #CC0000;
		text-decoration: none;
		cursor: pointer;
		height: 36px;
		width: 96px;
		background-repeat: no-repeat;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #3B3B44 0px solid;
		border-left: #CC0000 4px solid;
		border-right: #3B3B44 0px solid;
		border-bottom: #CC0000 1px solid;
}

a.naviaktuell {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #CC0000;
		text-decoration: none;
		cursor: pointer;
		height: 26px;
		width: 96px;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #FCFCFC 0px solid;
		border-left: #CC0000 4px solid;
		border-right: #3B3B44 0px solid;
		border-bottom: #CC0000 1px solid;
}
a.naviaktuell_1 {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #CC0000;
		text-decoration: none;
		cursor: pointer;
		height: 16px;
		width: 96px;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #FCFCFC 0px solid;
		border-left: #CC0000 4px solid;
		border-right: #3B3B44 0px solid;
		border-bottom: #CC0000 1px solid;
}
a.naviaktuell_3 {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #CC0000;
		text-decoration: none;
		cursor: pointer;
		height: 36px;
		width: 96px;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #FCFCFC 0px solid;
		border-left: #CC0000 4px solid;
		border-right: #3B3B44 0px solid;
		border-bottom: #CC0000 1px solid;
}

/*----------------------- Seitennavigation Submenü ----------------------------------------------*/
a.subnavi {
   display: block;
	height:14px;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	background-image: url(../pics/list14hx10b.gif);
	background-repeat: no-repeat;
	color:#000099;
	text-decoration: none;
 }
a.subnavi_2 {
   display: block;
	height:24px;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	background-image: url(../pics/list14hx10b.gif);
	background-repeat: no-repeat;
	color:#000099;
	text-decoration: none;
 }
a.subnavi_3 {
   display: block;
	height:34px;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	background-image: url(../pics/list14hx10b.gif);
	background-repeat: no-repeat;
	color:#000099;
	text-decoration: none;
 }
a.subnavi:active, a.subnavi:hover {
    display: block;
	height:14px;
	padding-left: 15px;
	padding-top: 2px;
	background-image: url(../pics/list14hx10b-rot.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color:#CC0000;
	text-decoration: none;
}
a.subnaviaktuell {
    display: block;
	height:14px;
	padding-left: 15px;
	padding-top: 2px;
	background-image: url(../pics/list14hx10b-rot.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	color:#CC0000;
	text-transform: none;
	text-decoration: none;
}
a.subnavi_2:active, a.subnavi_2:hover {
    display: block;
	height:24px;
	padding-left: 15px;
	padding-top: 2px;
	background-image: url(../pics/list14hx10b-rot.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color:#CC0000;
	text-decoration: none;
}
a.subnaviaktuell_2 {
    display: block;
	height:24px;
	padding-left: 15px;
	padding-top: 2px;
	background-image: url(../pics/list14hx10b-rot.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	color:#CC0000;
	text-transform: none;
	text-decoration: none;
}
a.subnavi_3:active, a.subnavi_3:hover {
    display: block;
	height:34px;
	padding-left: 15px;
	padding-top: 2px;
	background-image: url(../pics/list14hx10b-rot.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	color:#CC0000;
	text-decoration: none;
 }
a.subnaviaktuell_3 {
    display: block;
	height:34px;
	padding-left: 15px;
	padding-top: 2px;
	background-image: url(../pics/list14hx10b-rot.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	color:#CC0000;
	text-transform: none;
	text-decoration: none;
}
/*############################################################*/
/*#           NAVIGATIONS-SPALTE (Top-Navigation)            #*/
/*############################################################*/
#top_navigation 		{ position:absolute; background:#FFDC99; width:632px; left:144px; top:143px; }
#top_navigation span 	{ display:none; }


.home .aktiv , .crew .aktiv, .praxis .aktiv, .selbstzahler .aktiv, .ort .aktiv, .faq .aktiv, .kontakt .aktiv, .kontakt .aktiv { background-position:0 -120px }
.home a:hover, .crew a:hover, .praxis a:hover, .selbstzahler a:hover, .ort a:hover, .faq a:hover, .kontakt a:hover, .kontakt a:hover  { background-position:0 0}
.home .homehalf, .crew .crewhalf , .praxis .praxishalf, .selbstzahler .selbstzahlerhalf, .ort .orthalf, .faq .faqhalf, .kontakt .kontakthalf, .kontakt .kontakthalf { background-position:0 -90px }
.homehalf a:hover, .crewhalf a:hover, .praxishalf a:hover, .selbstzahlerhalf a:hover, .orthalf a:hover, .faqhalf a:hover, .kontakthalf a:hover,  .kontakthalf { background-position:0 -30px }

.home a 			{ width:87px; height:30px; float:left; background:url(../images/button/home.jpg) 0 -60px;display:block}
.crew a 	 		{ width:91px; height:30px; float:left; background:url(../images/button/crew.jpg) 0 -60px;display:block}
.praxis a 		{ width:91px; height:30px; float:left; background:url(../images/button/praxis.jpg) 0 -60px;display:block}
.selbstzahler a 		{ width:91px; height:30px; float:left; background:url(../images/button/selbstzahler.jpg) 0 -60px;display:block}
.ort a 			{ width:91px; height:30px; float:left; background:url(../images/button/ort.jpg) 0 -60px;display:block}
.faq a 			{ width:91px; height:30px; float:left; background:url(../images/button/faq.jpg) 0 -60px;display:block}
.kontakt a 		{ width:90px; height:30px; float:left; background:url(../images/button/kontakt.jpg) 0 -60px;display:block}
.aktivover a:hover 	{ background-position:0 -120px;display:block}
/*------------------------------------Top-Navi-Ende-----------------------------------------------*/
/*############################################################*/
/*#            NAVIGATION-BOTTOM (Fus-Navigation)            #*/
/*############################################################*/
#navi_bottom {
	clear:both;
	margin-left: 155px;
	padding-top: 0px;
	height: 50px;
	width: 641px;
}
p.navi_bottom {
	margin: 2px 0px 0px 0px;
	font-size: 0.7em;
	letter-spacing: -1px;	/*kleiner Zeichenabstand*/
	color: #000099;
	text-decoration: none;
}
a.navi_bottom {
	color: #7B4202;
	text-decoration: none;
}
a.avi_bottom:active, a.navi_bottom:hover {
	color:#CC0000;
	text-transform: none;
	text-decoration: underline;
}
a.navi_bottomaktuell {
	color:#CC0000;
	text-transform: none;
	text-decoration: underline;
}