/*CVS Add-ins*/
/* 
$Revision: 1.12 $
$Date: 2007/05/29 12:33:47 $
authors: msc apa jde	 
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
content.css for die-praevention.de
18.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
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Teaser Startseite  */

#startContent { background:#fff; font:normal 0.8em/150% Verdana, Arial, Helvetica, sans-serif; padding:16px 0 16px 0; }

#startContent h2 { color: #C44026; padding:0px 16px 0 16px; font-size:1.5em; text-transform:uppercase; } 

#startContent p{ padding:16px 8px 4px 0px; line-height:16pt; }

#startContent p a:hover, #startContent p a:active, #startContent p a:focus{ text-decoration: underline; }

#content blockquote, #startContent blockquote { color: #000; background: #fff; padding: 0px 10px; border-left: 4px solid #e6ae20; border-right: 4px solid #e6ae20; margin: 5px 12px 5px 12px; }
#content blockquote.links, #startContent blockquote.links { border-right: 0px solid #e6ae20; }

#content blockquote.rechts, #startContent blockquote.rechts { 	border-left: 0px solid #e6ae20; }
#content p.cite, #startContent p.cite{ 	text-align: right; 	padding: 0px 12px 1em 12px; }



table#teaserLayout{ margin:16px 0 0 0; }
table#teaserLayout td{ padding:0 0 0 8px; width:50%; }
table#teaserLayout td.leftCol{ width:50%; }
table#teaserLayout td.rightCol{ width:50%; }

div.teaserRightTop{ background:#e6ae20; padding:8px 0 0 0; margin:0; }
#startContent div.teaser{ padding:0;margin:16px 0 0 0; }

#startContent div.teaser h3, div.teaserRightTop h3{  padding:0 0 8px 8px;margin:0; color: #C44026; font-weight:bold; font-size:1.3em; text-transform:uppercase; }
div.teaserRightTop h3{ padding:0 0 0 8px;margin:0; }

#startContent div.teaserRightTop h4 a{ color: #000; font-size:1.2em; }
#startContent div.teaserRightTop h4 a:focus, #startContent div.teaserRightTop h4 a:active{ text-decoration: underline; }
#startContent div.teaserRightTop h4 a:visited{ color: #000; }
#startContent div.teaser h4 a{ color: #000; font-size:1.2em; }
#startContent div.teaser h4 a:focus, #startContent div.teaser h4 a:active{ text-decoration: underline; }
#startContent div.teaser h4 a:visited{ color: #000; }

div.teaser h4, div.teaserRightTop h4{ padding:0 0 0 8px;margin:0; margin-bottom:12px; }
#startContent div.teaserRightTop h4{ padding:0 0 2px 8px;margin:0; }

#startContent div.teaser p, #startContent div.teaserRightTop p{padding:0 10px 6px 8px;margin:0; }

#startContent div.teaser p a:focus, #startContent div.teaserRightTop p a:active{ text-decoration: underline; }

div.scalingImgBorder{ margin:0;padding:0; border:0; background:#e6ae20; margin-bottom:12px; border:8px solid #e6ae20; }
#startContent div.teaserRightTop div.scalingImgBorder{ margin-bottom:0px; background:#e6ae20; border:8px solid #e6ae20; }

#startContent div.teaser img, #startContent div.teaserRightTop img{ padding:0;margin:0 auto; border:0; }
#startContent div.teaserRightTop a:visited { color:#666666;}

#startContent a.moreTextBg img{ border:0; }

#startContent div.teaserRightTop a.moreTextBg { background-image: url(/images/btn_arrowRedOrangeMore.gif); }

#startContent div.teaserRightTop a.moreTextBg:hover,
#startContent div.teaserRightTop a.moreTextBg:active,
#startContent div.teaserRightTop a.moreTextBg:focus{
background-image: url(/images/btn_arrowRedOrangeMoreFocus.gif);
}

#startContent div.teaser a.moreTextBg:hover,
#startContent div.teaser a.moreTextBg:active,
#startContent div.teaser a.moreTextBg:focus{
background-image: url(/images/btn_arrowRedWhiteRightFocus2.gif);
}

/*Ende Startseite*/


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Channel-Content (Teaser)*/

#channelContent {
background:#fff;
font:normal 0.8em/150% Verdana, Arial, Helvetica, sans-serif;
padding:16px 0 16px 0;
}

#channelContent h2 {
color: #C44026;
padding:0px 16px 0 16px;
font-size:1.5em;
}


#channelContent p{
padding:16px 8px 4px 0px;
line-height:16pt;
}

#channelContent p a:hover,
#channelContent p a:active,
#channelContent p a:focus{
text-decoration: underline;
}


#channelContent div.teaser{
padding:0;margin:16px 0 0 0;
}

#channelContent div.teaser h3{
padding:0 0 8px 8px;margin:0;
color: #C44026;
font-weight:bold;
font-size:1.3em;
text-transform:uppercase;
}


#channelContent div.teaser h4 a{
color: #000;
font-size:1.2em;
}

#channelContent div.teaser h4 a:focus,
#channelContent div.teaser h4 a:active{
text-decoration: underline;
}

#channelContent div.teaser h4 a:visited{
color: #000;
}

#channelContent div.teaser p{
padding:0 10px 6px 8px;margin:0;
}

#channelContent div.teaser p a:focus{
text-decoration: underline;
}

#channelContent div.teaser img{
padding:0;margin:0;
width:100%;
border:0;
}

#channelContent a.moreTextBg img{
border:0;
}

#channelContent div.teaser a.moreTextBg:hover,
#channelContent div.teaser a.moreTextBg:active,
#channelContent div.teaser a.moreTextBg:focus{
background-image: url(/images/btn_arrowRedWhiteRightFocus2.gif);
}

/*Ende Channel-Content (Teaser)*/


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* editable section  */
/* content layout: */
/*misc*/
#content .colorRed {
color:#C44026;
font-size:1.3em;
}

#content .colorWhite{
color:#fff;
}

.colorBlack {
color:#000;
}

#content .backgroundRed {
background:#C44026;

}

td.content{
vertical-align:top;
margin:0;padding:0;border:0;
}

#content {
background:#fff;
font:normal 0.8em/150% Verdana, Arial, Helvetica, sans-serif;
padding:16px 0 16px 8px;
min-height:363px;
}



#content h2{
font-size:1.6em;
color: #C44026;
padding:0px 16px 16px 8px;
line-height:1.2em;
width:85%;
}

#content h3,
#content h4  {
color: #000;
padding:16px 0 8px 8px;
}


#content p{
padding:8px 16px 0 8px;
}

#content a, table#teaserLayout a, #startContent a{
font-weight: bold;
color: #C44026;
}

#content a:hover, #startContent a:hover {
text-decoration: underline;
}

#content p a:hover,
#content p a:active,
#content p a:focus{
text-decoration: underline;
}


#content a:visited, #startContent a:visited {
 color:#666666;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*images content*/

#content img{
border:8px solid #E6AE20; 
margin:8px 8px 8px 0;
}

#content .flashBox img,
#content .flashBox object {
border:8px solid #fff; 
margin:8px 28px 8px 0;
}


#content img.floatRight{
margin:8px 8px 6px 8px;
float:right;
}

#content img.floatLeft{
margin:8px 8px 4px 0;
float:left;
}

#content div.imgBox{
margin-left:2px;
text-align:left;
}

#content div.imgBox img{
border:8px solid #E6AE20; 
margin:8px 14px 0px 0px;
}

#content div.imgBox p {
color:#C44026;
padding:8px 0 0 6px;
font-size:0.85em;
text-align:left;

}

#content div.alignCenter p{

}

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

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

#content ol {
list-style: decimal;	
list-style-position: inside;
padding: 4px 0 2px 8px;
}
#content ol li{
padding-bottom: 8px;
}

#content ul.listStyleArrow li{
background-image: url(/images/btn_arrowRedWhiteMore.gif);
background-repeat: no-repeat;
background-position:0 2px;
padding: 0 0 0 20px ;
margin:0 0 8px 2px;
}

#content ul.oTonListe{
	list-style:none;
	padding: 4px 8px 2px 8px;
}

#content ul.oTonListe li{
 	font-size:1em;
 	line-height:1.3em;
 	font-weight:normal;
 	color: #000;
 	background-image:url(/images/icon_sound.gif);
 	background-repeat: no-repeat;
 	background-position:0 2px;
 	margin:16px 0; padding: 0 0 0 24px;
}

#content ul.oTonListe li a{
 	font-weight: bold;
	color: #C44026;
 
}

#content ul.oTonListe li a:hover {
	text-decoration: underline;
}

#content ul.oTonListe li a:visited {
 	color:#A4A4A4;
}

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

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


#content div.linkboxBgOrange ul{
background: #faefd2; margin: 1px 8px; padding-top: 8px;
}

#content div.linkboxBgOrange ul li{
background-image: url(/images/btn_arrowRedLiteYellRight.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.linkboxBgOrange ul li a:visited{
color:#853020;
}


#content div.linkboxBgOrange ul li a:hover,
#content div.linkboxBgOrange ul li a:active,
#content div.linkboxBgOrange ul li a:focus{
text-decoration: underline;
}


div.linkboxBgOrange h4{
margin:0 0 8px 2px; padding-top: 0px;
color:#000;
font-size:1.1em;
}

#content div.linkboxBgOrange p{
padding: 0 0 0 8px ;
margin:0 0 8px 0;
}

/*
div.rubrikBoxBgOrange img{
border:8px solid #E6AE20;
}
*/
#content div.linkboxBgOrange img{
border:8px solid #E6AE20;border-bottom:2px solid #E6AE20;
margin:0;
}

div.kontextboxImgSubText {
width:250px;
float: right;
margin:8px 0 0 8px;
padding-bottom:8px;
}

div.kontextboxImgSubText img{
border:8px solid #E6AE20;
margin:16px 0 16px 0;
}

#content div.kontextboxImgSubText p{
color:#C44026;
font-size:0.85em;
padding:0 8px 0 8px;margin:0;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* press section */

.pressRelease {
margin:16px 0 0 0;
padding:0;
}

#content  .pressRelease h3 {
	padding:0 16px 0px 8px;
	margin:0;
	color:#000;
	font-weight: bold;
	font-size: 1.1em;
	
}

#content .pressSubHeader {
	text-transform: uppercase;
	padding:12px 16px 0 8px;
	color:#C44026;
	font-weight: bold;
	font-size: 1.3em;
}

#content  .pressRelease p {
	padding:0 8px 0px 8px;
	margin:0;
	
}

#content  .pressRelease a {
	display: block;
	padding:0;
	margin:0;
	}


	
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 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;
	text-transform:none;
	font-size: 100%;
}

ul.sitemap li ul{
list-style-type:none;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*context box right column */

/* Paul Box right column */

#paulBox {
border:0px solid #c44026;
background:#faefd2;	
}

#paulBox h4{
background:#c44026;
margin:0;
padding:4px 3px 4px 3px;
border-bottom:8px solid #c44026;
text-transform:uppercase;
font-size:0.75em;
font-weight:bold;
color:#fff;
}

#paulBox p{
font-size:0.75em;
color:#c44026;
padding:8px;
font-weight:bold;
}

#paulBox p a{
color:#c44026;
}

#paulBox p a:hover{
text-decoration:underline;
}

#paulBox p a:visited{
color:#6E6E6E;
}

#paulBox p.colorBlack{
color:#000;
}

#paulBox a.moreInfo {
display:block;
background-image: url(/images/btn_arrowRedLiteYellRight.gif);
background-repeat: no-repeat;
background-position:left;
padding-left:20px;
margin-left:2px;
}

#paulBox p.nextQuestion{
background:#fff;
}

#paulBox p.nextQuestion a{
display:block;
background-image: url(/images/btn_arrowRedWhiteLeft.gif);
background-repeat: no-repeat;
background-position:left;
padding-left:20px;
margin-left:2px;
color:#c44026;
}

/* timeline Box right column */

#timeLine {
 margin:0;padding:0;
 width:200px;
 border: 0px solid #faefd2;
 background-color: #faefd2;
 overflow:hidden;
 background-image: url(/images/hintergrund.jpg);
 background-repeat:no-repeat;
}

#timeLine a{
 	color:#C44026;text-decoration:none;font-weight:bold;
}

#timeLine ul {
 margin:0;
 padding:0 5px 0 25px;
}

li.noflash {
  list-style-position:outside;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  line-height:1.2em;
  padding:2px 6px 6px 0px;
  margin:0;
  font-weight:normal;
  list-style-image:url(/images/pfeil_subnav.gif);
}

h3.noflash {
 margin: 0px;
 padding: 12px 2px 5px 7px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:0.75em;
 line-height:1.2em;
 color:#c44026;
 text-transform:uppercase;
}

p.noflash {
 margin: 0px;
 padding: 5px 10px 10px 7px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:0.7em;
 font-weight:normal;
 line-height:1.2em;
}

p.flashversion {
 margin: 0px;
 padding: 5px 13px 15px 7px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:0.6em;
 line-height:1.0em;
 text-transform:uppercase;
 text-align:right;
}

p.textversion {
 margin: 0px;
 padding: 5px 13px 15px 7px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:0.6em;
 line-height:1.0em;
 text-transform:uppercase;
 text-align:right;
 background-repeat:no-repeat;
}  
  
#timeLine p.flashversion a:link, #timeLine p.textversion a:link, #timeLine li.noflash a {color:#C44026;text-decoration:none;font-weight:bold;}
#timeLine p.flashversion a:visited, #timeLine p.textversion a:visited, #timeLine li.noflash a:visited {color:#6E6E6E;}
#timeLine p.flashversion a:hover, #timeLine p.textversion a:hover,#timeLine li.noflash a:hover {text-decoration:underline}


/* + + + + + timeline end + + + + + + + + + + + + + ++ + + + + + + + + + + + +  */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Banner Boxes right column */
.bannerBox{
/* border-top:8px solid #c44026; */
/*border-bottom:8px solid #c44026;*/
padding:0;margin:0;
width:100%;
background-color:#faefd2;
}

.bannerBox img{
padding:0;margin:0;	
}

#timeLine .bannerBox{
border:8px solid #c44026;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* Banner Boxes left column */
/* edited by ihe for banner bmg 20.09.07 */

div.bannerBoxLeft{
/*width:141px;*/
width:170px;
border-top:8px solid #faefd2;
border-right:8px solid #faefd2;
padding:0;margin:0;
/*text-align: right;*/
float: right;
}

div.bannerBoxLeft img{
padding:0;margin:0 0 0 7px;
border-bottom:0px solid red;
}

div.bannerBoxLeft h2{
font-size:0.69em;
line-height:1.25em;
color:#000;
padding:10px 0 7px 0;margin:0 0 0 7px;
}

div.bannerBoxLeft h2.partner{
font-size:0.69em;
line-height:1.25em;
color:#000;
padding:20px 0 7px 0;margin:0 0 0 7px;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  info box see custom/styles.css as well */

#content div.infoBox h4 {
 margin:0;
 padding:4px 8px 4px 8px;
 text-transform:uppercase;
font-size:0.9em;
 }

#content div.infoBox p {
 margin:0;
 padding:4px 8px 4px 8px;
}

#content div.infoBox ul ,#content div.infoBox ol  {
 margin:0 16px 0px 16px;
 }

#content div.infoBox ul ,#content div.infoBox ol  li{
 font-weight:normal;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  schedule list and details */

#content .scheduleTeaser{
margin:16px 8px 8px 0;
border:8px solid #c44026;
padding-bottom:8px;
}


#content .scheduleTeaser h3{
margin:0;
padding:0px 8px 8px 8px;
color:#fff;
background:#c44026;
text-transform:uppercase;
font-size:1.0em;
}

#content .scheduleTeaser ul{
margin:8px 16px 0 8px;padding:0;
width:220px;
}

#content .scheduleTeaser ul li{
background-image:none;
margin:0 0 16px 0;padding:0;
font-weight:bold;
}

#content .scheduleTeaser div.scheduleDetailLink{
float:right;
color: #fff;
}

#content .scheduleTeaser div.scheduleDetailLink a,
#content .scheduleTeaser div.scheduleDetailLink a:visited{
background-image: url(/images/btn_arrowRedWhiteRightFocus.gif);
background-repeat: no-repeat;
background-position:0 2px;
padding-left:20px;
color:#fff;
}

#content div.scheduleDetailLink a:visited{
color:#fff;
}


#content .scheduleTeaser div.scheduleDetailLink a:active,
#content .scheduleTeaser div.scheduleDetailLink a:focus{
text-decoration: underline;
color:#fff;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  misc */

div.back {
 padding:0;	
 float: right;
}

div.back a {
display: block;
text-transform:uppercase;
background-image: url(/images/btn_arrowRedWhiteLeft.gif);
background-repeat: no-repeat;
background-position:0 -1px;
padding:0 8px 0 20px;
font-size:0.85em;
line-height:1.2em;
}

#content div.back a:visited {
color: #c44026;
}


#content .pdfDown {
padding:8px 0 0 8px;
}

.pdfDown a{
background-image: url(/images/icon_downloadPdf.gif);
background-repeat: no-repeat;
background-position: 0 1px;
padding:0 8px 1px 25px;
}


a.moreTextBg {
background-image: url(/images/btn_arrowRedWhiteRight.gif);
background-repeat: no-repeat;
background-position:left;
padding:14px;
margin-left:5px;
}

#content a.moreTextBg img{
display:inline;
border:0;
}

.extraFooter{
	padding:0; margin:0;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  quiz und fragen an paul 17.10.06 JDE*/
#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 .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; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*  material 20.02.2007 */

#content .materialList{	padding: 20px 10px 0 0; }

#content .materialList h3{ padding-top: 0;}

#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(/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 h3 {display: block; margin: 0 0 0 104px; }
#content .materialList ul li p {display: block; padding:0; margin:0;}
#content .materialList ul li p span {text-transform: uppercase; }

#content .materialList ul li img{margin: 4px 5px 0 6px; padding:0; float: left; }