/*CVS Add-ins*/
/* 
$Revision: 1.3 $
$Date: 2007/05/29 13:42:55 $
$RCSfile: content.css,v $
author: JDE
Copyright (c) A&B. face2net GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
content.css for schrittzaehler.die-praevention.de
30.01.2006 20:00 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
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* General  */
#startContent, #content {background:#fff; font:normal 0.8em/150% Verdana, Arial, Helvetica, sans-serif; padding: 0 0 16px 0; border: 8px solid #c44026; min-height:500px;}
#content a, table#teaserLayout a, #startContent a{	font-weight: bold;	color: #C44026;	}
#content a:hover, #startContent a:hover {text-decoration: underline;	}
#content a:visited, 
#startContent a:visited {color:#666666;	}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Startseite  */


#startContent h2 {color: #C44026; padding:20px 16px 0 10px; font-size:1.5em; }
#startContent h3 {color: #000;	padding:16px 0 8px 10px; }
#startContent p{padding:16px 8px 4px 10px; line-height:14pt; }	
								
#startContent #stepmaker{float: right; padding-right: 8px;}
#content #stepmaker{float: right; }
#startContent #teasersection, #startContent #teasersectionLog{width: 100%; clear: both;}

#startContent ul {	list-style:none; padding: 4px 0 2px 10px; }
#startContent ul li {background-image: url(/bewegungscoach/images/icon_ulList.gif); background-repeat: no-repeat; background-position:0 6px;
margin: 0; padding: 0 0 4px 16px; }

#startContent ol {list-style: decimal; list-style-position: inside; padding: 4px 0 2px 10px; }
#startContent ol li{padding-bottom: 4px; /*color:#c44026;*/ }

/*small teaser*/
#startContent .smallteaser {display: block; border: 1px solid #C44026; background: #fff url(/bewegungscoach/images/bg_smallteaser.gif) repeat-y 0 0; }
#startContent #teaserLeft {	float: left; width:47.4%; margin: 8px 2px 8px 8px; }
#startContent #teaserRight {float: right; width:47.4%; margin: 8px 8px 8px 2px;}

#startContent .smallteaser h3 {color: #fff; background:#C44026; padding:2px 16px 0 75px; font-size:1.2em; text-transform:uppercase; }
#startContent .smallteaser p { min-height:85px ;padding:2px 16px 6px 83px; }
#startContent .smallteaser p.materials {background: transparent url(/bewegungscoach/images/icon_smallteaser_materials.gif) no-repeat left bottom;}
#startContent .smallteaser p.logbook {background: transparent url(/bewegungscoach/images/icon_smallteaser_logbook.gif) no-repeat left bottom;}

/*small teaser loginseite*/
#startContent #teasersectionLog .smallteaser {	display: block; border: 1px solid #C44026; background: #fff; }
#startContent #teasersectionLog .smallteaser h3 { padding:6px 16px 6px 10px; font-size:1.4em; text-transform:none; }
#startContent #teasersectionLog .smallteaser p { min-height:75px ;padding:2px 16px 6px 10px; }

#startContent #teasersectionLog .smallteaser p.materials {background: transparent;}
#startContent #teasersectionLog .smallteaser p.logbook {background: transparent;}
#startContent #teasersectionLog .smallteaser img {float: right; margin: 10px;}

/*small teaser ohne Profil*/
#startContent #teasersection_schritte .smallteaser{ background-image:none; border: 0; }
#startContent #teasersection_schritte .smallteaser h3 { padding:6px 16px 6px 10px; font-size:1.2em; text-transform:none; }
#startContent #teasersection_schritte .smallteaser p {  line-height: 130%; padding-bottom: 2px; min-height:70px; padding-left: 100px; border: 1px solid #c44026; background: #fff url(/bewegungscoach/images/bewegungsplan/teaser/bg_profil.jpg) no-repeat 0 0; }
#startContent #teasersection_schritte span.bLink{ float: right;}
#startContent #teasersection_schritte span.bLink a{ padding-right: 20px; background: transparent url(/bewegungscoach/images/bewegungsplan/teaser/bg_bLink.gif) no-repeat right bottom;}
#startContent #teasersection_schritte .smallteaser img {float: right; margin: 0 10px 0 0;}

/*small teaser mit Profil*/
#startContent #teasersection_profil .smallteaser{ background-image:none; border: 0; }
#startContent #teasersection_profil .smallteaser h3 { background: #e6ae20; color: #000; padding:6px 16px 6px 10px; font-size:1.2em; text-transform:none; }
#startContent #teasersection_profil .smallteaser div p {  line-height: 110%; margin-top: 2px; padding-left: 45px; min-height:70px; border: none; background: transparent url(/bewegungscoach/images/bewegungsplan/icons/bg_profil.jpg) no-repeat 0 0; }
#startContent #teasersection_profil .smallteaser p span{ display: block;}
#startContent #teasersection_profil .smallteaser div.terminlos{ padding-left: 0px; text-align: center; background-image: none;}
#startContent #teasersection_profil .smallteaser div.terminlos p{ padding-left:0; padding-right: 0; }
#startContent #teasersection_profil .smallteaser div { border: 1px solid #e6ae20; background: url(/bewegungscoach/images/bewegungsplan/icons/icon_sonstige.gif) no-repeat 6px 7px;  }
#startContent #teasersection_profil .smallteaser div.s1{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_schwimmen.gif);  }
#startContent #teasersection_profil .smallteaser div.s2{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_nordic_walking.gif);  }
#startContent #teasersection_profil .smallteaser div.s3{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_volleyball.gif);  }
#startContent #teasersection_profil .smallteaser div.s4{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_tanzen.gif);  }
#startContent #teasersection_profil .smallteaser div.s5{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_radfahren.gif);  }
#startContent #teasersection_profil .smallteaser div.s6{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_gymnastik.gif);  }
#startContent #teasersection_profil .smallteaser div.s7{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_laufen.gif);  }
#startContent #teasersection_profil .smallteaser div.s8{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_tischtennis.gif);  }
#startContent #teasersection_profil .smallteaser div.s9{ background-image: url(/bewegungscoach/images/bewegungsplan/icons/icon_badminton.gif);  }
#startContent #teasersection_profil .smallteaser div.schrittanzeige{text-align: left; background:#e6ae20 url(/bewegungscoach/images/bewegungsplan/bg_schritte.gif) no-repeat  left top; }
#startContent #teasersection_profil .smallteaser div.schrittanzeige span{padding-left: 30px; }


#startContent #teasersection_profil span.bLink{ float: right;}
#startContent #teasersection_profil span.bLink a{ padding-right: 20px; background: transparent url(/bewegungscoach/images/bewegungsplan/teaser/bg_bLink.gif) no-repeat right bottom;}
#startContent #teasersection_profil .smallteaser img {float: right; margin: 10px 10px 0 0;}

/*big teaser*/
#startContent .uneventeaser,
#startContent .eventeaser{	min-height:100px ; clear: both; margin: 8px; border: 1px solid #d89b00; border-top-width: 8px;}
#startContent .eventeaser{	border-color: #C44026;   }

#startContent .eventeaser p, #startContent .uneventeaser p {	padding:2px 16px 6px 120px; }
#startContent .uneventeaser h3, #startContent .eventeaser h3 {color: #000; background:transparent; padding:10px 16px 0 120px; margin-bottom: 0; font-size:1.2em;  }
#startContent .uneventeaser h3 a, #startContent .eventeaser h3 a{color: #C44026; }

#startContent .uneventeaser img, #startContent .eventeaser img{	float: left; margin: 0px 6px 0 0;}

#startContent #paul{background: #fff url(/bewegungscoach/images/bewegungsplan/teaser/bg_paultipp.jpg) no-repeat top left; }

#startContent .regteaser{display: block; background: #fff url(/bewegungscoach/images/bg_regTeaser.gif) repeat-x bottom right; min-height:73px ; clear: both; margin: 8px; border: 8px solid #d89b00; border-bottom-width: 1px;}
#startContent .regteaser img{margin:-20px 10px 0 0;  float:right; }
#startContent .regteaser p {padding:2px 16px 6px 10px; }
#startContent .regteaser h3{color:#C44026; font-size:1.4em; }
#startContent .regteaser ul li {background-image: url(/bewegungscoach/images/icon_ulListRegTeaser.gif); background-repeat: no-repeat; background-position:0 6px;
margin: 0; padding: 6px 0 6px 28px; }
#startContent .regteaser ul{margin-bottom: 10px; display: block;}
#startContent .regteaser .teaserfooter{	margin-bottom: 30px; display: block;}

#startContent hr.divide{clear: both; color: #fff; border: 1px solid #fff; background: #fff;}


#startContent div.backStep {padding:10px 0 0 0;	float: right; }
#startContent div.backStep a {display: block; background: transparent url(/bewegungscoach/images/btn_arrowRedWhiteLeft.gif) no-repeat left top;
padding:0 8px 0 20px; color: #c44026; text-transform: uppercase; }

#startContent div.backStep a:link, #startContent div.backStep a:visited,  #startContent div.backStep a:hover, 
#startContent div.backStep a:active, #startContent div.backStep a:focus { 	color: #c44026; }

#closeback {padding:2px 10px 0 0;	float: right;}
#closeback #close{display: block; background: transparent url(/bewegungscoach/images/btn-close.gif) no-repeat left center;
padding:0 8px 0 20px; color: #c44026; text-transform: uppercase;  }

#startContent p.formHint{display: block; margin-top: 8px; }
#startContent p.formHint span{display: inline; font-weight: bold; background:#C44026; color: #fff; padding: 0 2px 0 2px; }
#startContent p.formHint span.lang{font-weight: normal; background:#fff; color: #000; }

/*Ende Startseite*/


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* editable section  */
/* content layout: */
#content {	background:#fff;	font:normal 0.8em/150% Verdana, Arial, Helvetica, sans-serif;	padding:20px 0 16px 0px;	min-height:500px;	}

#content .colorRed {color:#C44026; font-size:1.3em; }
#content .colorWhite{color:#fff; }
.colorBlack {	color:#000; }
#content .backgroundRed {	background:#C44026; }

#content h2{font-size:1.6em;	color: #C44026;	padding:0px 16px 16px 10px; line-height:1.2em;  }
#content h3 {	color: #000;	padding:0px 0 8px 10px;	}
#content h4, #content h5 {	color: #000;	font-size:1em;	 padding:8px 0 8px 10px;}
#content p{	padding:8px 16px 8px 10px;	}
/*images*/
#content img{border:8px solid #c44026; 	margin:8px 8px 8px 0;	}
#content img.floatRight{margin:8px 8px 6px 8px;	float:right;	}
#content img.floatLeft{	margin:8px 8px 4px 8px;	float:left;	}
#content div.imgBox{margin:8px 0px; text-align:left; }

#content div.imgBox.floatRight{	float: right; margin:8px 0px 8px 8px; }
#content div.imgBox.floatLeft{	float: left; margin:8px 8px 8px 0px; }
#content div.imgBox img{border:8px solid #c44026; margin:8px 10px 0px 10px; }
#content div.imgBox p {	color:#C44026; padding:8px 0 0 14px; font-size:0.85em; text-align:left; }
#content div.alignCenter p{				}

/* lists*/
#content ul {list-style:none; padding: 4px 0 2px 10px; }

#content ul li {background-image: url(/bewegungscoach/images/icon_ulList.gif); background-repeat: no-repeat; background-position:0 6px;
margin: 0 0 0 0px; padding: 0 0 4px 16px; }

#content ol {list-style: decimal; list-style-position: inside; padding: 4px 0 2px 10px; }
#content ol li{	padding-bottom: 4px; /*color:#c44026;*/ }
#content ul.listStyleArrow li{background-image: url(/bewegungscoach/images/btn_arrowRedWhiteMore.gif); background-repeat: no-repeat; background-position:0 2px; 
padding: 0 0 0 20px ; margin:0 0 8px 2px; }

/*custom style:*/
#content div.roterRahmen{	clear: both; margin: 10px; border: 1px solid #C44026;}
#content div.roterRahmen h3, #content div.roterRahmen h4{padding: 10px 10px 2px 10px;}

/*custom style:*/
#content ol .ol-Ueberschrift{display: inline;padding:0; margin:0; font-size: 1.0em;}
#content ol p{	padding:0 24px; margin:0;}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* rubrik start */

div.linkboxBgRed {	background-color: #C44026; width:306px; float: right; margin:14px 0px 8px 8px; padding-bottom:8px; }

#content div.linkboxBgRed ul li{background-image: url(/bewegungscoach/images/btn_arrowRedWhiteRightFocus.gif); background-repeat: no-repeat; background-position:0 2px;
padding: 0 8px 0 20px ; margin:0 0 8px 2px; line-height:1.2em; }

#content div.linkboxBgRed a:link{		font-weight: normal; color:#fff; text-decoration: underline; }
#content div.linkboxBgRed li a:hover, #content div.linkboxBgRed li a:focus, #content div.linkboxBgRed li a:active{	
color:#000; text-decoration: none; background: #fff;  }

#content div.linkboxBgRed li a:visited{	color:#e6e6e6; }
#content div.linkboxBgRed li a:visited:hover, #content div.linkboxBgRed li a:visited:focus, #content div.linkboxBgRed li a:visited:active{	color:#000; }	

#content div.linkboxBgRed h4{margin:0 0 8px 0px; padding-top: 0px; color:#fff; font-size:1.1em; }
#content div.linkboxBgRed p{padding: 0 0 0 10px ;color:#fff; margin:0 0 8px 0; }
#content div.linkboxBgRed img{border:12px solid #C44026; border-right-width: 8px; margin:0; }

#content p.formHint{display: block; margin-top: 8px; }
#content p.formHint span{display: inline; font-weight: bold; background:#C44026; color: #fff; padding: 0 2px 0 2px; }
#content p.formHint span.lang{	font-weight: normal; background:#fff; color: #000; }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 4 ebene zurueckbutton */
#content div.backStep {	padding:0;	float: right; }
#content div.backStep a {display: block; background: transparent url(/bewegungscoach/images/btn_arrowRedWhiteLeft.gif) no-repeat left top; padding:0 35px 0 20px; color: #c44026; text-transform: uppercase;  }
#content div.backStep a:link, #content div.backStep a:visited,  #content div.backStep a:hover,  #content div.backStep a:active, #content div.backStep a:focus { 		
color: #c44026; }
	
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Sitemap */

#content ul.sitemap{list-style-type:none; }
#content ul.sitemap li{	background-image:none; line-height: 1.9em; padding-bottom:0; }
#content ul.sitemap li a, #content ul.sitemap li a:visited{		
color:#c44026; font-size:1.1em; }

#content ul.sitemap li.sitemapLevel02 a, #content ul.sitemap li.sitemapLevel02 a:visited{ 
color:#c44026; font-size: 95%; }

#content ul.sitemap li.sitemapLevel03 a, #content ul.sitemap li.sitemapLevel03 a:visited{ 
color:#c44026; font-weight:normal;  font-size: 100%; }

ul.sitemap li ul{list-style-type:none; }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  interviews */

#content .interview{					padding:10px 10px 0 0; clear: both;}
#content .interview h4.guest{			padding:0px 0 14px 10px; font-weight: bold; font-size: 1em;}
#content .interview ul{					list-style-type:none; padding: 0;}
#content .interview li{					background-image:none; padding:0 0 20px 0; }
#content .interview li h3{				padding:0 0 0 10px; font-size: 110%; }
#content .interview li p{				padding:0 0 0 10px; }
#content .interview h4 {				color: #000;	font-size:1em;	 padding:14px 0 8px 10px;}
#content .interview img{				float: right; margin: 20px 20px 20px 10px;}

#content div.swapFooter  {				margin: 0 0 10px 10px;  padding: 0; font-weight: bold;  text-align: left; }
#content div.swapFooter a {				display: inline; font-weight: bold; line-height:1.8em; padding:0 4px 0 0; margin: 0; }
/*active*/
#content div.swapFooter span {			display: inline; font-weight: bold; background-color: #c44026; color: #fff; line-height:1.8em; padding: 1px; margin:0 4px 0 0; }
#content div.swapFooter a:hover,
#content div.swapFooter a:active,
#content div.swapFooter a:focus {		text-decoration: underline; }
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  material */

#content .materialList{					padding: 20px 10px 0 0; }
#content .materialList h3{				 }
#content .materialList ul {				list-style:none; margin: 0 0 60px 0; padding: 0; }
#content .materialList ul li {			background-image:none; background-repeat: no-repeat; background-position:0 5px; min-height: 125px;
										margin: 10px 0 40px 0; padding: 0 0 0.2em 8px; }
#content .materialList ul li ul  {		margin: 4px 0 4px 116px; padding: 0; }
#content .materialList ul li ul li {	font-weight: bold; background-image: url(/bewegungscoach/images/icon_ulList.gif); background-repeat: no-repeat; background-position:0 6px; min-height: 1px; margin: 5px 0; padding: 0 0 0 16px; }
#content .materialList ul li p {		display: block; padding:0; margin:0;}
#content .materialList ul li h3 {		display: block; margin: 0 0 0 104px; }
#content .materialList ul li p span {	text-transform: uppercase; }
#content .materialList ul li img{		border:8px solid #c44026; margin: 4px 5px 0 6px; padding:0; float: left; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  quiz und fragen an paul*/
#content .quiz{							float: left; display: block; margin: 20px 5px 0 10px; border: 1px solid #c44026; }
#content .quiz p, #content .quiz ul,
#content .quiz ol, #content .quiz h3{	width: 22em; padding-left: 15px; }
#content .quiz p{						font-size:95%; width: 25.8em; }
#content .quiz p.question,
#content .quiz p.contact,
#content .quiz p.answer{				background: transparent url(/bewegungscoach/images/bg_question.gif) no-repeat top left; padding:12px 10px 0px 50px; font-weight: bold; width: 23.5em; }
#content .quiz p.answer{				background-image: url(/bewegungscoach/images/bg_answer.gif);}
#content .quiz p.contact{				background-image: url(/bewegungscoach/images/bg_contact.gif); font-weight: normal; padding: 12px 10px 6px 53px;}
#content .quiz p.answer span,
#content .quiz p.contact span{			text-transform: uppercase; font-size: 1.1em; display: block; margin-bottom: 6px; }
#content .quiz p.contact span{			font-weight: bold;}
#content .quiz p.answer span.wrong{		text-transform: uppercase; font-size: 1.5em; display: block; margin-bottom: 6px;  }
#content div.paulbox {					display: block; width:220px; float: right;  margin:14px 0px 8px 8px; padding-bottom:8px; }
#content div.paulbox img{				border: none; }
#content .quiz hr{						height:1px; border: 0px solid #c44026; color:#c44026; background: #c44026; margin: 10px 0;   }
#content .quiz h3{						text-transform: uppercase; }

#content .quiz div.backStep {			padding:20px 0 12px 20px; float: none; }
#content div.backStep a {				padding:0 35px 0 20px; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  spaziergang*/
/*custom style:*/
#content ul.paragraphliste li{			margin-bottom: 16px;}
#content ul.paragraphliste li p,
#content ul.paragraphliste li h3,
#content ul.paragraphliste li h4,
#content ul.paragraphliste li h5{		margin: 0; padding:0;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  hilfe*/
/*custom style:*/
a.anker_hoch{							float: right; padding: 20px;}