/*CVS Add-ins*/
/* 
$Revision: 1.18 $
$Date: 2008/09/11 12:48:45 $	 
author: JDE $
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
basics.css for die-praevention.de
22.04.2005 13:30 MSC APA JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* verwendete Farben:

  #c44026       rot                 Flaechen, Text, Rahmen, Icons
  #e6ae20       orange              Flaechen, Rahmen
  #d89b00       dunkel-orange       Text
  #faefd2       hellgelb            Hintergrund
  #A4A4A4       grau                visited link-alte Fassung
  #666666       dunkelgrau          visited link

  #fff 		      weiss			          Flaechen, Text
  #000		      schwarz			        Text
*/


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* global basics: */

* { margin:0;padding:0; }

body{
background:#faefd2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:100.01%;
}

img{display:block; border: 0;}
strong{font-weight:bold;}
abbr, acronym{ /* border-bottom:1px dotted #0E4097; */ }
.displayNone{ 	/*display:none;*/ 	position: absolute; 	top: 0; 	left:-5000px; }
.displayNone2{ 	display:none; }
.displayInline{display:inline;}
.displayBlock{display:block;}
.noWrap{white-space:nowrap;}
.floatLeft{float:left;}
.floatRight{float:right;}
.textRight{text-align:right;}
.alignNone{ float:none; }
.clearBoth{clear:both; display:block; }

.mpZero{ margin:0;padding:0;border:0; }
.alignRight{text-align:right;}
.alignLeft{text-align:left;}

table{
margin:0;padding:0;border:0;
border-collapse:collapse;
}

table tr td{
vertical-align:top;
text-align:left;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}
#navService input:focus{background-color:#faefd2}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Haupt Layout Tabelle (msc) */
#basicLayout{
position:relative;
left:0;top:0;
background-color:#faefd2;
width:100%; min-width: 750px;
}
td.navi{width:180px; }
td.context{width:200px;}

#basicLayout td.context{
width:200px;  }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Messages */

#siteMessages{ display:none; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* header section */
/* logo and claim*/
#header{ position:relative; top:0;left:0; width:100%; min-width: 40em; height:79px; white-space:nowrap; }
/* .logo{ display:block; border-right:#e6ae20 solid 8px; float:left; display: none; } */
.logo{ position: absolute; top: 0; left:0; border-right:#e6ae20 solid 8px; }
#keyvisual{ border: #E6AE20 solid 8px; min-width: 354px;  width:auto; 
background: #fafafa url(/images/bg_header_nature.jpg) no-repeat 100% 50%; }
.template_start #keyvisual{ min-width: 792px; }
#keyvisual div{ width: 445px; margin-left: 179px;}   

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Service Navigation: */


#navService{
	display: block;
	width: 100%; min-width: 770px; 
	background-color: #fff;
	text-align: right;
	clear: both;
	line-height: 120%;
}
.template_start #navService{ min-width: 808px;  }

#navService:after{ content: "."; clear: both; display: block; height:0; visibility: hidden;}

.rightBlock{
	display: block;
	padding-right: 10px;
}

#serviceSearchForm{
  display: block;
	padding-left: 5px;
	float:right;
	width: 13.8em;
	border: 1px solid #fff;
}

#serviceSearchForm fieldset{
  display: block;
	border: 0px solid #fff;
}

#serviceSearchForm label{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	font-weight: bold;
	letter-spacing:0.1ex;
	color:#C44026; 
	text-transform:uppercase;
}

#serviceSearchField{
	border: 1px solid #c44026;
	background-color : #fff;
	color:#000;
	width: 10em;
	padding:0 2px;	
	margin-top: 2px;
}

#navService ul.service{
text-align: right; display: block; list-style: none; 
}

#navService ul.service li{
 float: right; border:1px solid transparent; padding:2px 0 0 0;
 font-size:0.7em;
}

#navService a.serviceLink{
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing:0.1ex;
	color:#C44026; 
	text-transform:uppercase;
	padding-left: 8px;
	border:1px solid transparent; 
}

#navService a.serviceLink.active {
	text-decoration : underline;
}

#navService a.serviceLink:hover,
#navService a.serviceLink:active,  
#navService a.serviceLink:focus {
	text-decoration : underline;
	color: #C44026;
	background: #fff;
}


#searchButton{	border: 1px solid #fff;	}
#searchButton:focus{	border: 1px solid #C44026;	}

/*end of new service navi 22.11.*/


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Haupt Navigation: all ids and classes with "nav" prefix*/


#navMain {
background-image: url(/images/bg_nav.gif);
background-repeat: repeat-y;
background-color: #c44026;
width:auto;
padding:8px 0 1px 0;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Navigation Level 1: */

ul#navLevel_01 {
padding:0;
list-style: none;
}

ul#navLevel_01 li{
padding:0;margin:0;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-weight: bold;
}

ul#navLevel_01 li #coach{
text-transform:none;
}


ul#navLevel_01 li a {
color:#fff; 
display:block;
padding:0 0 2px 43px;
margin-bottom:10px; 
/*line-height: 14pt;*/
}

ul#navLevel_01 li.passive a{
 background: #fff; color:#c44026;
 margin: 0 4px 3px 37px; padding: 4px 1px 5px 5px; 
}

ul#navLevel_01 li.passive a:hover,
ul#navLevel_01 li.passive a:active,
ul#navLevel_01 li.passive a:focus{
 color:#c44026; background: #faefd2; text-decoration: underline;
 margin: 0 4px 3px 37px; padding: 4px 1px 5px 5px; 
}

ul#navLevel_01 li a:hover,
ul#navLevel_01 li a:active,
ul#navLevel_01 li a:focus {
color:#c44026; 
background: #faefd2; 
}

ul#navLevel_01 li a.active {
background-image: url(/images/bg_arrowNav_active.gif);
background-repeat: no-repeat;
background-position: 0 0;
color:#FFF; 
}

ul#navLevel_01 li a.active:hover,
ul#navLevel_01 li a.active:active,
ul#navLevel_01 li a.active:focus {
color:#c44026;	
}

ul#navLevel_01 li span.active {
background-image: url(/images/bg_arrowNav_active.gif);
background-repeat: no-repeat;
background-position: 0 0;
color:#FFF; 
text-decoration: underline;
display:block;
padding:0 0 2px 43px;
margin-bottom:10px; 
/*line-height: 14pt;*/
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Navigation Level 2: */
ul#navLevel_02  {
padding:0;
margin:0;
font-size: 1.0em;
list-style: none; 
}

ul#navLevel_02  li{
padding:0 0 0 0;
margin:0;
text-transform: none;
}

ul#navLevel_02 li a {
padding:0 0 2px 53px; 
margin:0;
margin-bottom:12px;
}

ul#navLevel_02 li a:hover {
background-image: none;
}

ul#navLevel_02 li a.active {
background-image: none;
}

ul#navLevel_02 li span.active {
color:#C44026; 
background-image: none;
margin-left:33px;
margin-bottom:12px;
padding:0 0 2px 20px; 
background-color: #fff;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Navigation Level 3: */
ul#navLevel_03 {
list-style: none;
padding:0;margin:0;
}

ul#navLevel_03  li a{
padding-left:70px;
/*line-height: 13pt;*/
}

ul#navLevel_03  li span.active{
padding-left:37px;
/*line-height: 13pt;*/
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Pfad Navigation: */

#navPath{
background-color:#FAEFD2;
min-height:21px;
padding:0 8px;
}

#navPath a{
color:#C44026;
text-transform:uppercase;
font:bold 0.7em/180% Verdana,Arial,Helvetica, sans-serif;
}

#navPath a:hover{
text-decoration:underline;
}

#navPath a:active,
#navPath a:focus{
text-decoration:underline;
}


#navPath span{
color:#000;
text-transform:uppercase;
font:normal 0.7em/180% Verdana,Arial,Helvetica, sans-serif;
}

div.fakedAbstand{
text-transform:uppercase;
min-height:21px;
color:#C44026;
font:bold 0.7em/180% Verdana,Arial,Helvetica, sans-serif;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Footer: */
#footer{
margin:0;
padding:4px 8px 8px 8px;
border-top:8px solid #e6ae20;
background-color:#FAEFD2;
text-align:right;
}


#footer span.copyright{
float:left;
color:#C44026;
font:bold 0.7em/160% Verdana,Arial,Helvetica, sans-serif;
padding:2px 0;
}

#footer a{
color:#C44026;
font:bold 0.7em/160% Verdana,Arial,Helvetica, sans-serif;
background-repeat: no-repeat;
background-position: left;
margin:0 0 0 10px;
padding:2px 0 2px 23px;
text-decoration:none;
}

#footer a#toTop{
text-transform:uppercase;
background: url(/images/btn_arrowRedLyellowUp.gif) 0 0 no-repeat;
}

#footer a#print{
text-transform:uppercase;
background: url(/images/btn_print.gif) 0 0 no-repeat;
}

#footer a:hover#toTop,
#footer a:hover#print{
text-decoration: underline;
}

#footer a:active#toTop,
#footer a:active#print,
#footer a:focus#toTop,
#footer a:focus#print{
text-decoration: underline;
}

.footerclaim{
display: block; padding: 18px 20px 11px; 
text-align: right; font-size: .69em; font-weight: bold; text-transform: uppercase;
}
/*Footer END*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*Statusbox*/
.statusbox a{									
font-weight:bold; color: #c44026; font-size:0.8em; text-align: right;
display: block; 
padding:1px 25px 3px 0;  
}

.statusbox a:hover, 
.statusbox a:active,
.statusbox a.focus{	
text-decoration: underline; 
}
.statusbox{										
display: block; padding:0;margin:0; 
background: #fff; border: 8px solid #c44026;
}
.statusbox h3{									
font-size:0.8em ; text-transform: uppercase; 
background: #c44026; color: #fff; 
padding: 1px 0 4px 0; 
}


.statusbox p{									
font-weight:bold ; font-size:0.75em; 
padding: 6px 0 4px 6px;
color: #000;
}
.statusbox p span{								
display: block; 
}
.statusbox p .steps{							
padding: 16px 0; 
}
.statusbox hr{									
background: #c44026; color: #c44026; 
border: 1px solid #c44026;
}
.statusbox a.logout{							
margin-top: 6px; padding-bottom: 6px; 
background: transparent url(/images/btn_status_logout.gif) no-repeat top right;
}
.statusbox a.change{							
margin-top: 6px; background: transparent url(/images/btn_status_change.gif) no-repeat top right;
}

.bannerBox2{ margin-top: 8px;}

/*Teaserueberschriften aus Schrittzaehlerbereich 18.10.06 JDE*/

#startContent div.teaser h4 strong{
color: #C44026; text-transform:uppercase; font-size:110%; display: block; padding: 10px 0;}

/*unterstuetzerboxen rechte spalte 10.09.08 JDE*/

.context .contextteaser{ display: block; margin: 4.2em 0 10px 0;}
.context .contextteaser div{ background: #fff; padding:5px; margin: 0 0 5px 0;}
.context .contextteaser h4, .context .contextteaser p{font-size: .7em; padding: 2px 8px 2px 6px;}
.context .contextteaser h4{ line-height: 130%; font-weight: bold;}
.context .contextteaser p{ line-height: 140%; }