/*
 * Copyright (c) A&B FACE2NET GmbH
 *
 * author JDE
 * version $Revision: 1.31 $
 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    start.css for SPD (home styles)
    23.06.2006 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* general: */

div#content {
margin: 0 auto;  width: 822px; min-width: 822px; position: relative;z-index: 20;
border:0; text-align: left;  }

.topteaser{
display: block; color: #000000; background: #d7d7d7; width: 290px; position: absolute;
top: 0px; left:0px; }

#content #topteasersection{
display: block; background: transparent url(/images/style/bg_teasersection.gif) repeat-y 0 0;
width: 822px; min-height: 300px; margin-bottom: 10px;
}

#content h1, #content h2, #content h3, #content h4, #content h5
#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a{
color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content span.label a{
padding:3px 3px 1px 3px; background: #e2001a; text-transform: uppercase; font-family: Arial, Verdana, Helvetica, sans-serif;}

#content span.label, #content span.label a{
color: #fff; font-weight: bold; }

#content span.label a:hover, #content span.label a:active, #content span.label a:focus{
background: #505050; color: #fff; text-decoration: none;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* topteaser: */

#content .topteaser h4{ font-weight: bold; font-size: 1.38em; padding:5px;}
#content .topteaser h4 a strong{ font-size: 0.88em; display: block; margin-top: 0.6em; }
#content .topteaser h4 span.source{ display: block; margin-top: 0.6em; }
#content .topteaser h4 a:hover strong,#content .topteaser h4 a:focus strong, #content .topteaser h4 a:active strong { text-decoration: underline; }
#content .topteaser h4 span.label{ font-size: 60%; display: block; margin-bottom: 6px;  }
#content .topteaser img{ font-size: 0.93em; color:#000; margin:5px; }
#content .topteaser p{ font: normal 0.75em/150% Verdana, Arial, Helvetica, sans-serif; padding:5px; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* topteaser special: */

#content .topteaser h4.special{ font-size: 1.12em; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* newsteaserliste: */

#content ol.newsteaser{ display: block; width: 520px; margin-left: 302px; }
#content ol.newsteaser li{ display: block; padding:2px 4px; margin: 0 0 12px 0; clear: both;
background: #fff; min-height: 99px;}
#content ol.newsteaser li.last_entry{ margin-bottom: 0;}

#content ol.newsteaser li h4{ font-size: 1.12em; display: block;}
#content ol.newsteaser li h4 a{ display: block; color: #000000;}
#content ol.newsteaser li h4 span.label{ display: block; margin: 4px 0px;}
#content ol.newsteaser li h4 span.label a{ padding: 1px 3px; color: #fff; font-size: 65%;
margin:2px 2px 2px 0; display: inline; }

#content ol.newsteaser li p{ clear: left; padding: 2px 0 4px 0;
font: normal 0.75em/160% Verdana, Arial, Helvetica, sans-serif; display: block; }

#content ol.newsteaser li br{ clear: right; display: none;  }

#content ol.newsteaser li img{
display: block; float: right; margin: 2px 0 2px 8px;}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* aktionsboxen: */

#content #boxsection{
width:822px; background: transparent url(/images/style/bg_boxsection.gif) repeat-y 0 0;
margin-bottom: 10px;
}

#content #boxsection h4{
width:260px; background: #930000; color: #ffffff; text-transform: uppercase; font-size: 0.75em;
margin-bottom: 4px; padding: 3px 0px 3px 6px;
}

#content #boxsection div.box02 h4{
background: #930000 url(/images/style/bg_box02_head.gif) no-repeat right top;
}

#content #boxsection div{
width:266px; min-height: 134px; float: left; margin: 0 12px 0 0; background: #e2001a;
}

#content #boxsection div.box03{
margin-right: 0; }

#content #boxsection a{
color: #ffffff; font-weight:  bold;
}
#content #boxsection p{
color: #ffffff; background: #e2001a; font: normal 0.88em/150% Verdana, Arial, Helvetica, sans-serif; padding: 0 8px 6px;
}

#content #boxsection img{
color: #ffffff; background: #e2001a; font: bold 0.69em/140% Verdana, Arial, Helvetica, sans-serif;
margin: 0px 6px 2px 4px; float: left;
}

#content #boxsection label, #content #boxsection input{
display: block; font: bold 0.69em/140% Verdana, Arial, Helvetica, sans-serif; 
}

#content #boxsection input.formElement{
color: #000; background: #fff; border: 1px solid #e2001a; padding:1px; width: 180px;
font: bold 0.69em/120% Verdana, Arial, Helvetica, sans-serif; 
}

#content #boxsection label {
color: #ffffff; text-transform: uppercase;
}

#content #boxsection input.sendButton{
color: #ffffff; background: #930000; text-transform: uppercase; border: 1px solid #930000;
}

#content #boxsection fieldset{
border: none; padding: 4px 8px 6px;
}
#content #boxsection input.sendButton{
padding-left: 8px; cursor: pointer;}

#content #boxsection input.formElement:focus {background:#930000; color:#ffffff; border:1px solid #e2001a}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* variable Teaser und rechte Spalte: */
#content #wrapper{ position: relative; margin-top:10px; }

/* variable Teaser: */
#content #leftteasersection{
width: 544px; margin-bottom: 12px; }

#content #leftteasersection .teaser_news,
#content #leftteasersection .teaser_banner,
#content #leftteasersection .teaser_newscompact,
#content #leftteasersection .vevent{
margin: 0 0 12px 0; background: #fff; }

#content #leftteasersection .teaser_news,
#content #leftteasersection .vevent{
padding-left: 12px; }

#content #leftteasersection .vevent .when{
 color: #e2001a; font: bold 0.75em/140% Verdana, Arial, Helvetica, sans-serif;}

#content #leftteasersection .vevent .where,
#content #leftteasersection .vevent .what{
 font: bold 0.88em/140% Verdana, Arial, Helvetica, sans-serif;}

#content #leftteasersection .vevent .when{
 text-transform: uppercase;}
#content #leftteasersection .vevent .when abbr{
 border: 0;}
#content #leftteasersection .vevent .where{
 color: #505050;}

#content #leftteasersection .vevent .what a{
color: #000000;}

#content #leftteasersection .vevent div.date{
background: #e2001a url(/images/style/bg_date_shadow.gif) repeat-x right top; height: 6em;
float: left; margin: 3px 10px 10px 0; padding-left: 2px; width: 5.1em; text-align: center;border-bottom: 2px solid #ccc;
 }

#content #leftteasersection .vevent div.date p{
color: #ffffff; font: bold 0.75em/250% Arial, Verdana, Helvetica, sans-serif; }

#content #leftteasersection .vevent div.date p span{
font-size: 2.82em; display: block; padding-top: 30px ;
}


#content #leftteasersection .teaser_news h4,
#content #leftteasersection .vevent h4{
padding: 8px 0 2px 0; font: bold 1.12em/140% Verdana, Arial, Helvetica, sans-serif;display: block; }

#content #leftteasersection .teaser_news h4 span.label a {
padding: 1px 3px; color: #fff; font-size: 65%; line-height: 130%; margin:5px 2px 0 0; display:inline; float: left;}

#content #leftteasersection .teaser_news h4 span.label{
padding: 0; margin:0; }


#content #leftteasersection .teaser_news p,
#content #leftteasersection .vevent p{
padding: 2px 8px 10px 0; font: normal 0.75em/160% Verdana, Arial, Helvetica, sans-serif;display: block; }

#content #leftteasersection .teaser_news img{
float: right; margin: 5px; }

#content #leftteasersection .teaser_newscompact ol{
display: block; width: 530px; padding: 6px 0 6px 8px; }
#content #leftteasersection .teaser_newscompact li{
display: block; padding:2px 4px; margin: 0 0 4px 0;}


#content #leftteasersection .teaser_newscompact li{
clear: both; background: #fff;clear: both;}

#content #leftteasersection .teaser_newscompact li h4{
font-size: 0.88em; line-height: 160%; display: block;}

#content #leftteasersection .teaser_newscompact li h4 a{
display: block;}

#content #leftteasersection .teaser_newscompact li p{
clear: left;}

#content #leftteasersection .teaser_newscompact li img{
display: block; float: right; margin: 2px 0 2px 4px;}

#content #leftteasersection .teaser_newscompact li h4 span.label a{
padding: 1px 3px; font-size: 0.82em; line-height: 140%; margin:2px 5px 0 0; float: left;}


/*rechte Spalte: */
#content #rightteasersection{
position: absolute; top: -13px; left: 556px; width: 266px; min-height: 50px; 
}
/*Themenmodule */
#content #rightteasersection #modules{
background: #e2001a; display: block; padding-bottom: 10px; margin-bottom: 12px;
}

#content #rightteasersection #modules h3{
background: #f6b3bb; text-transform: uppercase; color: #470f1a; padding: 2px 5px;
font: bold 0.75em/140% Arial, Verdana, Helvetica, sans-serif;
}

#content #rightteasersection #modules ul{
display: block; background: #e2001a url(/images/style/bg_modules_ul.jpg) no-repeat 177px 0px; color: #fff; list-style: none; margin: 8px 0px 0px 8px;
border: 0; padding-right: 90px;
}

#content #rightteasersection #modules ul li{
background: #e2001a url(/images/style/bg_module_list.gif) repeat-y 0 0; line-height: 99%;
padding:0; margin:0;  display: block;
}
#content #rightteasersection #modules li h5{
 display: block; padding: 0px 10px 0px 7px; font: bold 0.75em/99% Arial,Verdana,  Helvetica, sans-serif;
 margin:0; border:0;
}

#content #rightteasersection #modules li h5 a,
#content #rightteasersection #modules li h5 span{
margin:0; display: block; padding: 3px 10px; font-family: Arial,Verdana,  Helvetica, sans-serif;
}

#content #rightteasersection #modules li h5 a{
 background: #e2001a; color: #fff;
}

#content #rightteasersection #modules li h5 a:hover,
#content #rightteasersection #modules li h5 a:focus,
#content #rightteasersection #modules li h5 a:active{
 background: #f6b3bb; color: #470f1a; text-decoration: none;
}

#content #rightteasersection #modules li h5 span{
 background: #fff; color: #000;
}

#content #rightteasersection #c_01, #content #rightteasersection #c_02, #content #rightteasersection #c_03,
#content #rightteasersection #c_04, #content #rightteasersection #c_05, #content #rightteasersection #c_06,
#content #rightteasersection #c_07, #content #rightteasersection #c_08, #content #rightteasersection #c_09{
background: #fff url(	/images/style/bg_c_modules.gif) no-repeat 1px 0; font: normal 0.75em/140% Arial, Verdana, Helvetica, sans-serif;
margin: 0 8px; display: block; padding: 24px 8px 8px;
}

#content #rightteasersection #c_01 a, #content #rightteasersection #c_02 a, #content #rightteasersection #c_03 a,
#content #rightteasersection #c_04 a, #content #rightteasersection #c_05 a, #content #rightteasersection #c_06 a,
#content #rightteasersection #c_07 a, #content #rightteasersection #c_08 a, #content #rightteasersection #c_09 a{
font-weight: bold; color: #000000; display: block; margin-top: 12px; text-transform: uppercase;
}