/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    master.css for SPD html Baukasten
    25.10.2006 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

  colour code   colour      	usage
  -----------   --------------  -------------------------------
  #DDDDDD     graublau       	Hintergrund Suche, Footer
  #d0e2f5     hellblau    		Hintergrund Hauptteaser,-navigation
  #00306b     schriftblau   	Hauptnavigation, Überschriften
  #e2001a     rot
  #4B7296     graublau    		visited link im content
  
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


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

* { margin:0;padding:0; }

body { 
background:#FEEFDB; 
text-align: center; 
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:100.01%;

}

img, a img{ 
display:block; 
border: 0; 
color: #000;
font-weight: bold; 
font-size: 0.83em; 
}

a img{ 
text-decoration: underline; }

acronym{ 
border-bottom: 1px dotted #DDDDDD; 
cursor: help;}

blockquote{ 
background: #d0e2f5; 
margin-right: 13px; 
padding: 15px;
}

img.click{ cursor: pointer; }

hr{ clear: both; }

a{ text-decoration:none;  }
a:hover, a:focus, a:active{ text-decoration:underline; }

strong { font-weight:bold; }

.displayNone, #hide{  display:none; }
.displayOutside{ position: absolute; top: -7000px; left:-7000px; }
.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; }

table{ 
border:0; 
border-collapse:collapse; 
}

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

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* structure: */

/* skiplist: */
ul.skiplist{ 
list-style-type: none; 
position:absolute; 
top:0; left:0; 
width: 100%; 
z-index: 30;
}

a.skip, a#top, a.skip:hover {
display: block; 
position:absolute; 
top:-7000px; left:-60000px; 
width: 10px; 
font-size: 0.1em;
padding: 0 0 1em 0; 
background: transparent; 
font-weight: bold; 
text-align: center; 
z-index: 10;
color: #062051; 
}

a#top {text-align: left; }

a.skip:link, a.skip:visited, a#top:link, a#top:visited {
color: #062051; 
text-decoration: none; 
font-size: 0.88em;
}

a.skip:focus, a.skip:active {
background: #fff url(../images/struktur/skip.gif) no-repeat center bottom; 
top:0; left:0; 
width:100%; 
z-index: 30;
}

/* header: */
div#header{
margin: 22px auto 10px;  
width: 995px; min-width: 995px; 
position: relative; 

z-index: 20; 
border:0; 
text-align: left; 
}

div#header img{ 
display: block; 
background: #DDDDDD; 
color: #005599; 
font: bold 0.75em/160% arial, verdana, Helvetica, sans-serif;
}

div#header .logo { 
width: 839px; 
height:152px;  
}

div#header .sponsor {
clear:left; 
float: right;
width: 146px; 
height:152px;
background-image:url(/images/sponsor_nobbe.gif)  
}

div#header h3 {
color:#005599; 
font: bold 0.75em/110% Verdana, Arial, Helvetica, sans-serif; 
padding: 7px 0px 1px 6px; 
border-bottom: 2px solid #058589;
}

div#header img.header { margin: 10px 0 0;  }

div#claim{ 
display: block; 
margin:0 0 12px 85px; 
width: 738px; height: 72px; 
background:#DDDDDD; 
border: 1px solid #DDDDDD;
}

div#header div#claim img{ margin-top:36px; }

div#wrapper {
margin: 12px auto;
margin-bottom:2px; 
width: 995px; min-width: 995px; 
position: relative; 
z-index: 20; 
text-align: left;  
}

div#wrapperfeet {
margin: 12px auto;
margin-bottom:2px; 
width: 995px; min-width: 995px; 
z-index: 20; 
text-align: left;  
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*Breadcrumbnavigation*/

#breadcrumb{ 
color: #fff; 
font: bold 0.75em/150% Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 10px; 
background: #DDDDDD url(../images/struktur/bg_body.jpg) repeat-x 0 -274px; 
}

#breadcrumb a, #breadcrumb span{
margin-right: 8px; 
color: #fff; 
}

#breadcrumb span.lang {margin-right: 0px;}
#breadcrumb a.home{text-transform: uppercase; }
#breadcrumb p strong {font-weight: normal;  }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*Servicenavigation und Footer*/

div#footer{ 
display: block; 
width: 995px;
background:url(../images/struktur/bg_footer.gif) no-repeat; 
height: 30px; 
margin-bottom: 10px; 
}

div#footer ul{ 
float: right; 
list-style: none; 
display: block; 
width: 450px; 
background: #DDDDDD; 
height: 30px; 
}

div#footer ul li{ 
float: right; 
background: #DDDDDD; 
margin:0; padding:0; 
display: block;
}

div#footer ul li a{ 
display: block; 
background: #DDDDDD; color: #005599; 
border: 6px solid #DDDDDD; border-left: 0; border-right: 0; 
padding: 0 9px 0 9px; 
text-transform: uppercase;
font: bold 0.69em/160% Verdana, Arial, Helvetica, sans-serif;  
}

div#footer ul li a:hover, 
div#footer ul li a:focus, 
div#footer ul li a:active{
text-decoration: none; 
border-bottom: 6px solid #005599; 
}

div#footer ul li span.active{ 
display: block; 
background: #058589; color: #005599; 
border: 6px solid #e2001a;
padding: 0px 3px 0 3px; 
font: bold 0.69em/160% Verdana, Arial, Helvetica, sans-serif; 
text-transform: uppercase; 
}

div.copyright{
font: bold 0.69em/160% Verdana,  Arial, Helvetica, sans-serif; 
color: #005599; 
padding: 6px 2px 0.6em 6px;
background: #DDDDDD; 
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* rechte Spalte:*/

#rightsection{ 
clear:left; 
float: right;
width: 146px; 
min-height: 50px;
margin: 0px 0px 12px 0px;
padding-top:5px;
background:url(../images/struktur/bg_rgsec_ob.gif) no-repeat;
background-color:#DDDDDD;
}

#rightsection h3 { 
padding: 2px 10px 5px 6px;
font: bold 0.75em/110% Verdana, Arial, Helvetica, sans-serif; 
border-bottom: 2px solid #058589;
color:#005599; 
}

#rightsection #offer{ 
display: block; 
background: #DDDDDD; 
margin: 0 0 12px;
padding: 0px 0px 10px; 
}

#rightsection #offer ul{ 
display: block; 
margin-top:10px; 
list-style: none;
}
 
#rightsection #offer li a{ 
padding:3px 0px 3px 45px; 
margin:0 0 15px 15px; 
text-transform:none;
color: #005599; 
font: bold 0.75em/190% Arial, Verdana, Helvetica, sans-serif;  
}

#rightsection #offer li a:hover,
#rightsection #offer li a:focus,
#rightsection #offer li a:active{
color: #005599;  
text-decoration: underline; 
}

#rightsection #offer h3{
width:120px; 
background: #DDDDDD; 
color: #00306b; 
text-transform: uppercase; 
font-size: 0.75em; 
margin-bottom: 4px; 
padding: 3px 0px 3px 6px; 
}

#rightsection #content {
background-color:#fdf4e7;
margin: 5px 5px 5px 5px;
border: #058589 solid 1px;
min-height:245px;
}

#rightsection #content p{  
font: normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
display: block;
text-align:center;
padding: 8px 8px 0px 5px; 
}


/*Banner */
#rightsection div.banner img{ 
margin-bottom: 12px; 
margin-top: 0;
}

#rightsection div.banner { 
clear: both; 
}

/*Linke Box (Navigation)*/
#leftsection{ 
clear:left;
float: right; 
width: 155px; 
margin: 0 10px 12px 0px; 
}


/** Navigation **/


/* Ebene 1 / allgemein Navigation */
ul#nav, ul#nav li, ul#nav ul {
margin: 0;
padding: 0;
list-style: none;
text-transform: uppercase;
font: bold 0.84em/160% Verdana, Arial, Helvetica, sans-serif;  
background-color:#DDDDDD;
}

ul#nav li {
margin:0;
color:#005599;
display:block;
}

ul#nav li a {
display: block;
color:#005599;
text-decoration: none;
padding: 2px 2px 0px 5px;
border-bottom: 2px solid #058589;
}

ul#nav li.active {
display: block;
text-decoration: none;
padding: 2px 2px 0px 5px;
color:#005599;
background-color: #f0c360;
border-bottom: 2px solid #058589;
}

ul#nav li.active a{
padding:0px 2px 0px 0px;
border:none;
}
ul#nav a:hover {
color: inherit;
background-color: #f0c360;
}

/* Ebene 2 */
ul#nav li ul li {
background-color: #f0c360;
padding-left: 12px;
text-transform:none;
font: bold 1.14em/140% Verdana, Arial, Helvetica, sans-serif;  

}
ul#nav li ul li.active {
border:none;
background-color: #f0c360;
padding-left: 12px;
text-decoration:underline;
}

ul#nav li ul li a {
border:none;
padding-left: 0px;
}
ul#nav li ul li a:hover {
color: inherit;
font-weight:bolder;
color:#DDDDDD;
}


/* Rahmen für die Navigation */

.navcontent, {
color: #000;
border-top: 3px solid #f0c360;
padding-top:10px;
border-bottom: 3px solid #f0c360;
padding-bottom:15px;
background-color:#dddddd;
}


.leftcontent .text {
padding: 1px;
}


ul#nav strong {
font-weight: normal;
}
ul#nav strong a {
background-color: #fff;
color: #000;
}