/*CVS Add-ins*/
/*
$Revision: 1.9 $

/*
    basics.css for Projektname
    barbara-loth.de (original: kurt-beck.de)
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

    colour code           colour          usage
    -----------------     --------------  -------------------------------
    spdred                #E60003         class bgRed, colorRed
    siteBG                #F0EDE6
    serviceNav            #35352B
    subNav                #E60003         background
    vitaContent           #D7E4F4         background
    themenContent         #
    reden_textContent     #
    rheinlandpfalzContent #071D4C

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

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* special case startpage */

#startTeaser1,
#startTeaser2,
#startTeaser3,
#startTeaser4 {
margin:0;width:200px;
position:absolute;top:305px;
text-align:center;
}

#startTeaser1{
left:49px;
background:#E3001B url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_rot.gif) repeat-x;
}

#startTeaser2{
left:263px;
background:#D7E4F4 url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_hellgrau.gif) repeat-x;
}
#startTeaser3{
left:477px;
background:#D7E4F4 url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_hellgrau.gif) repeat-x;
}

#startTeaser4{
left:693px;
background:#071D4C url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_dunkelgrau.gif) repeat-x;
}

#startTeaser1 h1,
#startTeaser2 h1,
#startTeaser3 h1,
#startTeaser4 h1{
margin:13px 15px 13px 15px;
padding:0;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#startTeaser1 h1 a,
#startTeaser2 h1 a,
#startTeaser3 h1 a,
#startTeaser4 h1 a{
display:block;
padding:2px 5px;
text-decoration:none;
color:#000;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
width:auto;
}

#startTeaser1 h1 a:hover,
#startTeaser2 h1 a:hover,
#startTeaser3 h1 a:hover,
#startTeaser4 h1 a:hover{
padding:2px 5px;
text-decoration:none;
color:#E60003;
background:#fff;
}

#startTeaser1 h1 a:hover{
padding:2px 5px;
text-decoration:none;
color:#E60003;
background:#fff;
}

#startTeaser1 p,
#startTeaser2 p,
#startTeaser3 p,
#startTeaser4 p{
padding:5px 15px;
font:normal 11px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
}

#startTeaser1 p.moreLink,
#startTeaser2 p.moreLink,
#startTeaser3 p.moreLink,
#startTeaser4 p.moreLink{
padding:5px 15px 15px 15px;
text-align:center;
}
#startTeaser1 p.moreLink a,
#startTeaser2 p.moreLink a,
#startTeaser3 p.moreLink a,
#startTeaser4 p.moreLink a{
padding:2px 5px;
text-transform:uppercase;color:#5F5B52;
font-weight:bold;text-decoration:none;
}

#startTeaser1 p.moreLink a{color:#73000F;}
#startTeaser4 p.moreLink a{color:#BECCD5;}


#startTeaser1 p.moreLink a:hover,
#startTeaser2 p.moreLink a:hover,
#startTeaser3 p.moreLink a:hover,
#startTeaser4 p.moreLink a:hover,
#startTeaser1 p.moreLink a:focus,
#startTeaser2 p.moreLink a:focus,
#startTeaser3 p.moreLink a:focus,
#startTeaser4 p.moreLink a:focus{
color:#E60003;text-decoration:none;
background-color:#fff;
}


/* abweichende Schriftfarben */
#startTeaser1 h1,
#startTeaser4 h1,
#startTeaser1 h1 a,
#startTeaser4 h1 a,
#startTeaser1 p,
#startTeaser4 p{
color:#fff;
}


/* Bild ueberhalb der Headline */
#startTeaser1 img,
#startTeaser2 img,
#startTeaser3 img,
#startTeaser4 img{
margin:10px 10px 0 15px;
}

/*teaser for subpages*/
/*Teaser A Aktuelles*/
#teaserA{
position:absolute;left:55px;top:305px;width:200px;
text-align:center;
background:#E60003 url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_rot.gif) repeat-x;
}

#teaserA h1{
padding:13px 15px 8px 15px;color:#fff;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#teaserA h1 a{
display:block;
padding:2px 5px;
color:#fff;
text-decoration:none;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#teaserA h1 a:hover{
color:#E60003;
background:#fff;
}

#teaserA p{
padding:5px 15px;color:#fff;
font:normal 11px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
}

#teaserA img{
margin:10px 10px 0 15px;
}
#teaserA p.moreLink{
padding:5px 15px 15px 15px;
text-align:center;
}
#teaserA p.moreLink a{
padding:2px 5px;
text-transform:uppercase;color:#73000F;
font-weight:bold;text-decoration:none;
}


/*Teaser B Zur Person*/
#teaserB{
position:absolute;
left:703px;
top:305px;
width:200px;
text-align:center;
background:#071D4C url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_dunkelgrau.gif) repeat-x;
}

#teaserB h1{
padding:15px 15px 10px 15px;color:#fff;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#teaserB h1{
padding:13px 15px 8px 15px;color:#fff;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#teaserB h1 a{
display:block;
padding:2px 5px;
color:#fff;
text-decoration:none;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#teaserB h1 a:hover{
color:#E3001B;
background:#fff;
}
#teaserB p{
padding:5px 15px;
color:#fff;
font:normal 11px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
}

#teaserB img{
margin:10px 10px 0 15px;
}
#teaserB p.moreLink{
padding:5px 15px 15px 15px;
text-align:center;
}

#teaserB p.moreLink a{
padding:2px 5px;
text-transform:uppercase;
color:#BECCD5;
font-weight:bold;
text-decoration:none;
}

#teaserA p.moreLink a:hover,
#teaserA p.moreLink a:focus,
#teaserB p.moreLink a:hover,
#teaserB p.moreLink a:focus {
padding:2px 5px;
text-transform:uppercase;
font-weight:bold;
color:#E60003;
text-decoration:none;
background-color:#fff;
}


/*content area styles global*/
#contentA,
#contentB,
#contentC,
#contentD{
}

#contentA h1,
#contentB h1,
#contentC h1,
#contentD h1{
padding:15px 15px 10px 15px;
font:bold 15px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
color:#000;
}

#contentD h1, #contentD h1 a{
color:#fff;
}

#contentA h1 a,
#contentB h1 a,
#contentC h1 a,
#contentD h1 a{
display:block;
padding:2px 5px;
text-decoration:none;
color:#000;
font:bold 12px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#contentA h1 a:hover,
#contentB h1 a:hover,
#contentC h1 a:hover,
#contentD h1 a:hover{
text-decoration:none;
color:#E60003;
background:#fff;
}


#contentA h2,
#contentB h2,
#contentC h2,
#contentD h2{
padding:15px 15px 10px 15px;
font:bold 14px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
color:#000;
}

#contentA p,
#contentB p,
#contentC p,
#contentD p{
padding:5px 15px;
font:normal 12px/140% Verdana,Arial,Helvetica,sans-serif;text-align:left;
}

#contentA a,
#contentB a,
#contentC a,
#contentD a{
color:#CC0909;
font:bold 12px/120% Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
}

#contentA a:hover,
#contentB a:hover,
#contentC a:hover{
color:#000;
}

#contentD a{
color:#7FABDC;
}

#contentD a:hover{
color:#CC0909;
}

#contentA ul,
#contentA ol,
#contentB ul,
#contentB ol,
#contentC ul,
#contentC ol,
#contentD ul,
#contentD ol{
padding:5px 15px;
}

#contentA ul li,
#contentB ul li,
#contentC ul li{
list-style:none;
}

#contentA ul li.normal,
#contentB ul li.normal,
#contentC ul li.normal{
list-style:none;
background-image:url(http://www.barbara-loth.de/layout_loth_2007/images/listStyleImgA.gif);
background-repeat:no-repeat;
background-position:left;
font:normal 13px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
padding:5px 15px;
}

#contentA ul li.pdf a,
#contentB ul li.pdf a,
#contentC ul li.pdf a,
#contentD ul li.pdf a {
background-image: url(http://www.barbara-loth.de/layout_loth_2007/images/icon_pdf.gif);
display: block; 
background-position:left;
padding-left: 45px;
padding-top: 10px;
min-height: 35px; 
background-repeat: no-repeat;
}

#contentA ul li.audio a,
#contentB ul li.audio a,
#contentC ul li.audio a,
#contentD ul li.audio a {
background-image: url(http://www.barbara-loth.de/layout_loth_2007/images/icon_audio.gif);
display: block; 
background-position:left;
padding-left: 45px;
padding-top: 10px;
min-height: 35px; 
background-repeat: no-repeat;
}

#contentA ul li.bild a,
#contentB ul li.bild a,
#contentC ul li.bild a,
#contentD ul li.bild a {
background-image: url(http://www.barbara-loth.de/layout_loth_2007/images/icon_picture.gif);
display: block; 
background-position:left;
padding-left: 45px;
padding-top: 10px;
min-height: 35px; 
background-repeat: no-repeat;
}

#contentA ul li.video a,
#contentB ul li.video a,
#contentC ul li.video a,
#contentD ul li.video a {
background-image: url(http://www.barbara-loth.de/layout_loth_2007/images/icon_video.gif);
display: block; 
background-position:left;
padding-left: 45px;
padding-top: 10px;
min-height: 35px; 
background-repeat: no-repeat;
}

#contentA ul li.extern a,
#contentB ul li.extern a,
#contentC ul li.extern a,
#contentD ul li.extern a {
background-image: url(http://www.barbara-loth.de/layout_loth_2007/images/icon_externalLink.gif);
display: block; 
background-position:left;
padding-left: 45px;
padding-top: 10px;
min-height: 35px; 
background-repeat: no-repeat;
}

#contentA ol li,
#contentB ol li,
#contentC ol li,
#contentD ol li{
font:normal 13px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
margin-left:25px;
padding:5px 0;
}
#contentA table,
#contentB table,
#contentC table,
#contentD table{
margin:5px 15px;
width:92%;
font:normal 12px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
border-color:#fff;

}

#contentA table th,
#contentB table th,
#contentC table th{
color:#fff;
text-align:center;
padding:4px;
}

#contentA table td,
#contentB table td,
#contentC table td{
padding:4px;
}
/*content area styles specific*/

/*vita*/

/*themen*/

#contentB table th{
border:1px solid #fff;
background-color:#071D4C;
}
#contentB table td{
border:1px solid #fff;
background-color:#C2B9A7;
}

/*reden texte*/
#contentC table{
}

#contentC table th{
border:1px solid #fff;
background-color:#071D4C;
}
#contentC table td{
border:1px solid #fff;
background-color:#D7E4F4;
}

/*list*/
#contentC div.listItem {
padding:0;
margin:5px 0 10px 0;
}

#contentC div.listItem  h2 {
font:bold 11px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
padding:0px 15px 0px 15px;

}

#contentC div.listItem  h2 a{
font:bold 11px/140% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
}

#contentC div.listItem p{
font:bold 11px/140% Verdana,Arial,Helvetica,sans-serif;text-align:left;
}


/*Rheinland-Pfalz*/
#contentD h1,
#contentD h2,
#contentD p ,
#contentD li {
color:#fff;
}

#contentD ul li {
list-style:none;
background-image:url(http://www.barbara-loth.de/layout_loth_2007/images/listStyleImgD.gif);
background-repeat:no-repeat;
background-position:left;
font:normal 13px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
padding:5px 15px;
}

#contentD table{
margin:5px 15px;
width:92%;
font:normal 12px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
border-color:#968B75;
}

#contentD table th{
color:#fff;
text-align:center;
background-color:#071D4C;
padding:4px;
border:1px solid #D7E4F4;
}

#contentD table td{
color:#000;
background-color:#fff;
padding:4px;
border:1px solid #D7E4F4;
}


/*Imprint Content*/
div#contentE{
  position:absolute;
  left:185px;
  top:313px;
  width: 560px;
 background: #fff url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_weiss.gif) repeat-x;
}

div#contentE .displayNoneCss{
  display:none;
}

/*Textelements*/

div#contentE p{
margin:0 25px 0 20px;
padding:15px 15px 10px 15px;
font:normal 12px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
}

div#contentE p.e1 {
margin:0 15px 0 5px;
padding:15px 10px 10px 10px;
font:normal 13px/130% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
}

div#contentE p.e2 {
margin:0 15px 0 5px;
padding:15px 10px 10px 10px;
font:normal 12px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
}

div#contentE a{
color:#CC0909;
font:bold 12px/120% Verdana,Arial,Helvetica,sans-serif;
text-decoration:none;
}

div#contentE a:hover,
div#contentE a:active,
div#contentE a:focus{
color:#000;
}

div#contentE ul{
list-style:none;
margin:0 25px 0 20px;
padding:15px 15px 10px 15px;
font:normal 12px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
}

div#contentE ul li{
background-image:url(http://www.barbara-loth.de/layout_loth_2007/images/listStyleImgA.gif);
background-repeat:no-repeat;
background-position:0 5px;
padding:0px 15px 5px 15px;
}

div#contentE form p{
margin:0;
padding:0px;
}

div#contentE h1{
font:bold 14px/140% Verdana,Arial,Helvetica,sans-serif;
text-transform:uppercase;
margin:0 25px 0 20px;
padding:15px 15px 10px 15px;
}

div#contentE h2{
font:normal 12px/140% Verdana,Arial,Helvetica,sans-serif;
text-transform:uppercase;
margin:0 25px 0 20px;
padding:15px 15px 10px 15px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*footer imprint*/

div#contentE div#footer table{
margin:0 25px 0 20px;
width:auto;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/