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

/*
    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    #BECCD5


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

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

* {margin:0;padding:0;}

body {
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
background:#EAF1F9 url(http://www.barbara-loth.de/layout_loth_2007/images/bg_body.jpg) repeat-x;
text-align:center;
color:#35352B;
}

img{display:block;}

strong {font-weight:bold;}

abbr, acronym{border-bottom:1px dotted #fff;}

.displayNone{display:none;}
.displayNoneCss{position:absolute;
top:0;left:-7000px;
width:40px;
height:20px;
overflow:hidden;}
.displayInline{display:inline;}
.displayBlock{display:block;}
.noWrap{white-space:nowrap;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearboth{clear:both;}
/* margin und padding auf null setzen */
.mpZero{margin:0;padding:0;border:0;}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}

table{border:0;border-collapse:collapse;}
table tr td{vertical-align:top;margin:0;padding:0;text-align:left;}

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

#theSite{
position:absolute;top:0;left:51.7%;margin:0 0 0 -470px;
width:960px;text-align:left;
}

#header{
width:960px;height:265px;
background:url(http://www.barbara-loth.de/layout_loth_2007/images/bg_header.jpg) no-repeat;
}

#schriftLogo{
width:520px;
height:63px;
position:absolute;
left:490px;
top:60px;
}

#serviceNav{
width:790px;
height:40px;
text-align:left;
}

#serviceNav ul{
list-style-type:none;
padding:11px 8px 0 0;}
#serviceNav ul li{
display:block;
float:right;}
#serviceNav ul li a{
text-transform:uppercase;
color:#BECCD5;
text-decoration:none;
font:bold 12px/160% Verdana,Arial, Helvetica, sans-serif;
padding:2px 6px;
}

/*IE BUG weird site behaviour */
#serviceNav ul li a:hover,
#serviceNav ul li a:focus{
/*IE BUG weird site behaviour
background-color:#fff;*/
color:#fff;
text-decoration:none;

}

#serviceNav ul li span{
/*IE BUG weird site behaviour
background-color:#fff;*/
color:#fff;
font:bold 12px/160% Verdana,Arial, Helvetica, sans-serif;
padding:2px 6px;
text-transform:uppercase;
}

#mainNav{
background-color:#fff;
height:40px;
}

#mainNav a{
width:190px;
display:block;
float:left;
text-transform:uppercase;
color: #072050;
font-weight: bold;
text-decoration: none;
font-size: 17px;
text-align: center;
margin-top: 10px;
}

#mainNav a:hover{
text-decoration: none;
color: #E60003;
}

#mainNav a:active{
text-decoration: none;
color: #E60003;
}

/* Finetuning der Buttons */
#mainNavLink_01{margin-left:50px;}
#mainNavLink_02{margin-left:26px;}
#mainNavLink_03{margin-left:28px;}
#mainNavLink_04{margin-left:30px;}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/*subnavigation 2nd level*/
ul#subNav{
padding-top:8px;
padding-bottom:0;
list-style:none;
background:#E3001B url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_rot.gif) repeat-x;
border-bottom:8px solid #E3001B;
}

ul#subNav li{
text-align:center;
}

ul#subNav li.active{
color:#071D4C;
text-transform:uppercase;
background-color:#fff;
font:bold 12px/130% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
padding:5px;
}

ul#subNav li.active a.active{
padding:0 5px 0 5px;
}

ul#subNav li a{
color:#fff;
display:block;
text-decoration:none;
font:bold 12px/130% Verdana,Arial,Helvetica,sans-serif;text-transform:uppercase;
padding:5px;
}

ul#subNav li a:hover{
color:#000;
}

ul#subNav li a.active{
color:#000;
}

ul#subNav li a.active:hover{
color:#E60003;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* content right column Download List Box / context box, downloads */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
#downloadListBox{
position:relative;
width:auto;
background-color:#fff;
z-index:5;
}

#downloadListBox ul{
list-style:none;
padding-top:10px;
padding-bottom:6px;
background-color:#fff;
width:17.1em;

}

#downloadListBox ul li{
list-style:none;
padding:5px 5px 5px 10px;
min-height:32px;
}

#downloadListBox ul li img{
float:left;
}

#downloadListBox ul li a{
color:#E60003;
display:block;
text-decoration:none;
font:bold 11px/120% Verdana,Arial,Helvetica,sans-serif;text-align:left;
text-transform:uppercase;
padding:0;
margin-left:43px;
}

#downloadListBox ul li a:hover{
color:#000;
}

/* end of content right column Link List Box / subject box */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/* TestStyles zur Positionierung der einzelnen DIVs auf Unterseiten: */


/*contentA subNavA Vita*/
#subNavA{
position:absolute;left:60px;top:305px;width:190px;
}

#contentA{
position:absolute;left:250px;top:313px;width:440px;
background:#D7E4F4 url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_hellgrau.gif) repeat-x 0 -10px;
}

/*contentB subNavB Themen*/
#subNavB{
position:absolute;left:270px;top:305px;width:190px;
}

#contentB{
position:absolute;left:460px;top:313px;width:430px;
background:#D7E4F4 url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_hellgrau.gif) repeat-x 0 -10px;
}

/*contentB subNavB Reden Texte*/
#subNavC{
position:absolute;left:488px;top:305px;width:190px;
}

#contentC{
position:absolute;left:58px;top:313px;width:430px;
background-color:#D7E4F4;
background:#D7E4F4 url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_hellgrau.gif) repeat-x 0 -10px;
}

/*contentB subNavB Rheinland-Pfalz*/
#subNavD{
position:absolute;left:700px;top:305px;width:190px;
}

#contentD{
position:absolute;left:270px;top:313px;width:430px;
background:#071D4C url(http://www.barbara-loth.de/layout_loth_2007/images/bg_schatten_dunkelgrau.gif) repeat-x 0 -10px;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  */
/*Footer*/

div#footer{
margin-top:20px;
background-color:#fff;
padding:8px 0px 8px 0px;
border:0;
}

div#footer table{
padding:0;
margin:0;
width:100%;
}

div#footer table td{
color:#595854;
font:bold 10px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:left;
background-color:#fff;
padding:0 15px;
white-space:nowrap;
text-transform:uppercase;
border:0;
}

div#footer table td a.backToList{
font:bold 10px/120% Verdana,Arial,Helvetica,sans-serif;
text-align:right;
display:block;
}