/*CVS Add-ins*/
/* 
$Revision: 1.3 $
$Date: 2007/05/29 13:29:42 $
$RCSfile: basics.css,v $
author: JDE
Copyright (c) A&B. face2net GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
basics.css for schrittzaehler.die-praevention.de
30.01.2006 19:30 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* verwendete Farben:
 colour code		colour			usage
  -----------		--------------	-------------------------------
	#c44026			rot				Flaechen, Text, Rahmen, Icons
	#e6ae20			orange			Flaechen, Rahmen
	#d89b00			dunkel-orange	Text
	#faefd2			hellgelb		Hintergrund
	#fff 			weiss			Flaechen, Text
	#000			schwarz			Text
	#e6e6e6			dunkelgrau		visited link
*/


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

* {margin:0;padding:0;	}

body{background:#faefd2;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100.01%; }
img{display:block;}
strong{	font-weight:bold;}
#header img{ border: 0 none; }

/*abbr, acronym{					border-bottom:1px dotted #0E4097;  }*/

.displayNoneCss{position: absolute; top: 0; left:-5000px; }
.hideButRead, .hideButRead a,
.hideButRead ul, .hideButRead p,
.hideButRead h1 {font-size: 1%; width:0.05ex; height:0.05ex; }
.displayNone{display:none; }
.noWrap{white-space:nowrap;}

.textRight{text-align:right;}		
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.clearBoth{	clear:both; }

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;}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Haupt Layout Tabelle*/
#basicLayout{position:relative; left:0;top:0; background-color:#faefd2; width:100%; }
td.navi{width:180px;}
td.context{	width:200px;}
td.content{	vertical-align:top; margin:0;padding:0;border:0; }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 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; }
/*claim*/	
#keyvisual{	padding-left: 179px; border: #E6AE20 solid 8px; min-width: 354px; background:#fff url(/bewegungscoach/images/bg_header.jpg) no-repeat 100% 50%; }

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


#navService{display: block; width: 100%; min-width: 40em; min-height:20px; background-color : #C44026; text-align: right; }
.rightBlock{display: block;	padding-right: 10px; border: 0px solid #C44026;	min-height:20px; }
#navService a.serviceLink{display: inline; font-family: Arial, Helvetica, sans-serif; font-size:0.7em; font-weight: bold; 
letter-spacing:0.1ex; color:#FFF; text-transform:uppercase; padding-left: 8px; }
#navService a.serviceLink:hover { text-decoration : underline;}
#navService a.serviceLink.active {text-decoration : underline; }
#navService a.serviceLink:focus {text-decoration : underline; color: #C44026; background: #fff; }


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Haupt Navigation: */
#navMain {	background: #c44026 url(/bewegungscoach/images/bg_nav.gif) repeat-y 0 0; width:auto; padding:0px 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 a { color:#fff;  display:block; margin:0 0 0 33px; padding:0 0 0 10px; border-bottom:5px solid #c44026;  }
ul#navLevel_01 li #coach{ text-transform: none;}
ul#navLevel_01 li a:hover,
ul#navLevel_01 li a:focus,
ul#navLevel_01 li a:active {text-decoration: underline;  }
ul#navLevel_01 li a:focus {	color: #C44026; background: #faefd2; }

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

ul#navLevel_01 li.active {	background: transparent url(/bewegungscoach/images/bg_arrowNav_active.gif) no-repeat 0 0; color:#FFF; display:block; }
ul#navLevel_01 li span.active {	text-decoration: underline; color:#fff; display:block; border-bottom:5px solid #c44026; padding:0 0 0 10px; margin:0 0 0 33px;}

ul#navLevel_01 li.passive {	color:#c44026;} 
ul#navLevel_01 li.passive a {padding:7px 0 6px 5px; border: 4px solid #c44026; border-top: 0px; color:#c44026; background:#fff;  } 
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; } 


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Navigation Level 2: */
ul#navLevel_02  {	padding:0; margin:0; font-size: 1.0em; list-style: none;  }
ul#navLevel_02  li{	padding:0; margin:0; text-transform: none; }
ul#navLevel_02 li a {padding:2px 0 0 20px; margin:0 0 2px 33px; border-bottom:4px solid #c44026; }
ul#navLevel_02 li a:hover,
ul#navLevel_02 li a:focus,
ul#navLevel_02 li a:active {background-image: none; color:#c44026; background: #faefd2; text-decoration: none;}

ul#navLevel_02 li.active {  background-image: none; }
ul#navLevel_02 li.active {	color:#C44026;  background-image: none;}
ul#navLevel_02 li.active a:focus,
ul#navLevel_02 li.active a:hover,
ul#navLevel_02 li.active a:active {	color:#C44026; background-color: #faefd2; text-decoration: underline;}
ul#navLevel_02 li a.active {background: #C44026;}
ul#navLevel_02 li span.active {	text-decoration: none; color:#C44026;  background: #fff; padding:2px 0 0 20px; margin:0 0 2px 33px; border-bottom:4px solid #fff; }


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Navigation Level 3: */
ul#navLevel_03  {	padding:0; margin:0; font-size: 0.95em; list-style: none;  }
ul#navLevel_03  li{	padding:0; margin:0; text-transform: none; }
ul#navLevel_03 li a {padding:2px 0 0 30px; margin:0 0 2px 33px; border-bottom:4px solid #c44026; }
ul#navLevel_03 li span.active {padding:2px 0 0 30px; margin:0 0 2px 33px; border-bottom:4px solid #fff; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Navigation Koop links: */
#navKoop {	background: #fff; border: 8px solid #C44026; border-right:0px solid #C44026; width:auto; margin: 20px 0px 2px 33px; padding:6px 0 1px 0; }
ul#navLevelk_01 {	padding:0;	list-style: none;	}
ul#navLevelk_01 li{	padding:0;margin:0; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; }
ul#navLevelk_01 li a {	background:#fff; color:#C44026;  display:block; margin: 6px 0 4px 0; padding:3px 0 3px 10px;  }
ul#navLevelk_01 li a.active {background:#faefd2; }
ul#navLevelk_01 li a:hover,
ul#navLevelk_01 li a:focus,
ul#navLevelk_01 li a:active {background:#C44026; color: #fff; text-decoration: none;  }
ul#navLevelk_01 li span.active {background:#faefd2; color:#C44026;  display:block; margin: 6px 0 4px 0; padding:3px 0 3px 10px;  }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* inaktive/deaktivierte Navpunkte des Bewegungsplans: */
ul#navLevel_02 li.inaktiv {  background-image: none; }
ul#navLevel_02 li.inaktiv span.inaktiv {display: block; padding:2px 0 0 20px; font-weight: bold; margin:0 0 2px 33px; color:#D9A3A3; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Pfad Navigation: */
#navPath{ background-color:#FAEFD2; min-height:21px; padding:0 8px; }
#navPath a{ color:#C44026; font:bold 0.7em/180% Verdana,Arial,Helvetica, sans-serif; }
#navPath a:hover{ text-decoration:underline; }
#navPath a:focus{ text-decoration:underline; color: #FAEFD2; background-color:#C44026; }
#navPath span{	color:#C44026; 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; 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; margin:0 0 0 10px; padding:2px 0 2px 23px; text-decoration:none; }
#footer a#toTop{text-transform:uppercase; background: url(/bewegungscoach/images/btn_arrowRedLyellowUp.gif) 0 0 no-repeat; }
#footer a#print{text-transform:uppercase; background: url(/bewegungscoach/images/btn_print.gif) 0 0 no-repeat; }

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

#footer a:focus#toTop{	text-decoration: underline; color:#fff; background: #C44026 url(/bewegungscoach/images/btn_arrowRedLyellowUpFocus.gif) 0 0 no-repeat; }
#footer a:focus#print{	text-decoration: underline; color:#fff; background: #C44026 url(/bewegungscoach/images/btn_printFocus.gif) 0 0 no-repeat; }
#footer span{display: none;}
#footer span.copyright{	display: block;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Banner Boxes left column */
.bannerBoxLeft{width:139px; height: 85px; border: 8px solid #C44026; padding:0;margin:16px -8px 0 0; text-align: right;
float: right;
}

bannerBoxLeft img{
padding:0;margin:0;	
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Banner Boxes right column */
.bannerBoxRight{padding:0;margin:0 0 0 16px; width:10em; }

.bannerBoxRight a{font-weight:bold; color: #c44026; }
.bannerBoxRight a:hover, 
.bannerBoxRight a:active,
.bannerBoxRight a.focus{text-decoration: underline; }

.bannerBoxRight .rot{color: #c44026; }
.statusbox{	display: block; border:8px solid #c44026; padding:0;margin:0 0 12px 0; background: #fff; }
.statusbox h3{	font-size:0.8em ; background: #c44026; color: #fff; text-transform: uppercase; padding: 1px 0 4px 0; }
.statusbox p{	font-weight:bold ; font-size:0.75em ; padding: 6px 0 4px 5px;}
.statusbox div p.error{	font-size:0.8em ;}
.statusbox div p.error a{text-align: left;font-size:0.8em; padding: 0 2px 0 0;}

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

.teaserbox{	display: block; border-bottom:9px solid #e6ae20; padding:0;margin:6px 0 0 0; background: #e6ae20; }
.teaserbox h3{	font-size:0.8em ; background: #c44026; color: #fff; text-transform: uppercase; padding: 1px 6px 4px 10px; }
.teaserbox div{	padding: 8px 0 0 10px; }
.teaserbox p{font-weight:normal ; font-size:0.8em ; padding: 2px 8px 4px 0px;}
.teaserbox a{text-decoration: underline; font-weight: normal; color: #000;}
.teaserbox a:hover, 
.teaserbox a:active,
.teaserbox a.focus{	text-decoration: none; color:#000; background:#fff; }

.teaserbox img{	margin: 2px 0 6px 0px;}

.teaserbox ul {	list-style:none; padding: 2px 0 2px 0px; }
.teaserbox ul li {	background:transparent url(/bewegungscoach/images/icon_ulList.gif) no-repeat 0 4px; margin: 0px; padding: 0 0 3px 14px;  font-size:0.8em ;}

.teaserbox ol {	list-style: decimal; list-style-position: outside; padding: 2px 0 2px 0px; }
.teaserbox ol li{padding-bottom: 3px; font-size:0.8em ; margin-left: 20px;}

.registerbox{	display: block; border:8px solid #c44026; padding:0;margin:0 0 12px 0; background: #c44026; margin-right: 1px; }
.registerbox img{	border: 1px solid #c44026; padding:0; margin:0;}
.registerbox a {display: block; padding:1px 0px 3px 22px; text-align: left; font-size:0.8em; color: #fff;}
.registerbox a.register{margin-top: 6px; background: transparent url(/bewegungscoach/images/btn_register_new.gif) no-repeat top left ;}