/*
 * Copyright (c) 2006 A&B FACE2NET GmbH
 * author JDE
 * version $Revision: 1.5 $
 */
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    master.css for SPD html Baukasten
    25.10.2006 JDE
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* principally used colours:

  colour code   colour      	usage
  -----------   --------------  -------------------------------
  alt:
  #144b93     mittelblau    	Hintergrund Suche, Footer
  #d0e2f5     hellblau    		Hintergrund Hauptteaser,-navigation
  #00306b     schriftblau   	Hauptnavigation, ?berschriften
  #e2001a     rot
  #4B7296     graublau    		visited link im content
  neu:
  #eeeded     hellgrau          Hintergrund
  #505050     dunkelgrau
  #d7d7d7     mittelgrau
  #e2001a     rot
  
  
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */


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

* { margin:0;padding:0; }

body { 
background:#C4C4C4 url(../images/struktur/bg_body.jpg) repeat-x; 
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 #144b93; 
cursor: help;}

blockquote{ 
background: #D7D7D7; 
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: 824px; min-width: 824px; 
position: relative; 
z-index: 20; 
border:0; 
text-align: left; 
}

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

div#header img.logo { 
position: absolute; 
top: 0; left:0; 
width: 74px; 
height:74px;  
}

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

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

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

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

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*Hauptnavigation*/

div#navMain {
margin-bottom: 12px; 
width: 824px; min-width: 824px; 
min-height: 31px; height: 1.9em;
text-align: left; 
display: block; 
background: #d7d7d7;  
}

div#navMain ul{ 
list-style: none; 
display: block; 
width: 822px; 
background: #d7d7d7; 
min-height: 30px; 
}

div#navMain ul li{ 
float: left; 
background: #d7d7d7; 
margin:0; padding:0; 
display: block; 
}

div#navMain ul li a{ 
display: block; 
background: #d7d7d7; color: #000000; 
padding: 0 6px; 
border: 5px solid #d7d7d7; border-left-width: 0px; border-right-width: 0px; 
text-transform: uppercase;
font: bold 0.93em/140% Arial, Verdana, Helvetica, sans-serif; 
}

div#navMain ul li a.active{ 
display: block; 
background: #505050; color: #fff; 
border: 5px solid #505050;
padding: 0px 1px; 
font: bold 0.93em/140% Arial, Verdana, Helvetica, sans-serif; 
text-transform: uppercase; 
}

div#navMain ul li a:hover, 
div#navMain ul li a:focus, 
div#navMain ul li a:active{
color: #000000; 
border-color:#fff; border-bottom-color:#e2001a;
background: #fff; 
text-decoration: none; 
padding: 0 6px; 
}

div#navMain ul li a.active:hover, 
div#navMain ul li a.active:focus, 
div#navMain ul li a.active:active{
background: #505050; color: #fff; 
border-color: #505050;
text-decoration: underline; 
padding: 0px 1px; 
}

div#navMain ul li span.active{ 
display: block; 
background: #e2001a; color: #fff; 
border: 5px solid #e2001a;
padding: 0 1px; 
font: bold 0.93em/140% Arial, Verdana, Helvetica, sans-serif; 
text-transform: uppercase;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*Subnavigation*/

/*Unternavigation 1.Ebene*/
div#subNav{ 
display: block; 
padding-bottom: 12px; 
}

div#navSub ul{ 
display: block; 
list-style: none;
margin-bottom: 12px; 
}

div#navSub ul li ul{
margin-bottom:0;
}

div#navSub ul li{ 
display: block; 
list-style: none; 
margin:  0 0 3px 0; 
}

div#navSub ul li a{ 
display: block; 
background: #d7d7d7; 
color: #000000; 
padding: 3px 8px 3px 2px;
border-left: 8px solid #d7d7d7; border-right: 8px solid #d7d7d7; 
text-transform: uppercase;
font: bold 0.93em/180% Arial, Verdana, Helvetica, sans-serif; 
}

div#navSub ul li.active a.active, div#navSub ul li.single a.active{ 
color: #fff; 
border-color:#505050;
background: #505050 url(../images/navigation/sub_aactive_1.gif) no-repeat right center;  
}

div#navSub ul li.single a.active{ 
background-image: url(../images/navigation/sub_aactive_1single.gif);  }

div#navSub ul li a:hover, 
div#navSub ul li a:focus, 
div#navSub ul li a:active{ 
text-decoration: none;
color: #000000; 
border-color:#fff; border-right-color: #e2001a; 
background: #fff;  
}

div#navSub ul li.active a.active:hover, 
div#navSub ul li.active a.active:focus, 
div#navSub ul li.active a.active:active{
background: #505050 url(../images/navigation/sub_aactive_1.gif) no-repeat right center;
color: #fff; 
border-color:#505050; 
text-decoration: underline; 
}

div#navSub ul li.single a.active:hover, 
div#navSub ul li.single a.active:focus, 
div#navSub ul li.single a.active:active{
background: #505050 url(../images/navigation/sub_aactive_1single.gif) no-repeat right center;
color: #fff; 
border-color:#505050; 
text-decoration: underline; 
}

div#navSub ul li.active span.active{ 
display: block; 
color: #fff; 
text-transform: uppercase;
background: #e2001a url(../images/navigation/sub_active_1.gif) no-repeat right center;
font: bold 0.93em/180% Arial, Verdana, Helvetica, sans-serif;
border: 1px solid #e2001a; border-left: 8px solid #e2001a; 
padding: 2px 16px 2px 2px; 
}

div#navSub ul li.single span.active{ 
display: block; 
color: #fff; 
text-transform: uppercase;
background: #e2001a url(../images/navigation/sub_active_1.gif) no-repeat right center;
font: bold 0.93em/180% Arial, Verdana, Helvetica, sans-serif; 
padding: 2px 16px 2px 2px;
border: 1px solid #e2001a; border-left: 8px solid #e2001a;  
}

/*Unternavigation 2.Ebene*/
div#navSub ul li ul{ 
background: #505050; 
padding: 0; 
}

div#navSub ul li.active ul li{ 
background: #144b93; 
margin: 0 8px 0 0; padding: 0; 
border-top: 3px solid #d7d7d7; 
}

div#navSub ul li.active ul li a{ 
text-transform: none; 
font-size: 80%; 
line-height: 140%; 
padding-left: 11px;
background: #d7d7d7; color:#000; 
border: 1px solid #d7d7d7; border-right: 6px solid #d7d7d7;  
margin:0;
}

div#navSub ul li.active ul li a.active{ 
border-color: #505050; 
color: #fff;
background: #505050 url(../images/navigation/sub_aactive_2.gif) no-repeat right center; 
}

div#navSub ul li.active ul li.single a.active{ 
background-image: url(../images/navigation/sub_aactive_2single.gif); }

div#navSub ul li.active ul li a:hover, 
div#navSub ul li.active ul li a:focus, 
div#navSub ul li.active ul li a:active {
background: #fff; color: #000; 
border-color: #fff;  border-top-color:#d7d7d7;border-right-color:#e2001a;
text-decoration:none; 
}

div#navSub ul li.active ul li.active a:hover, 
div#navSub ul li.active ul li.active a:focus, 
div#navSub ul li.active ul li.active a:active {
background: #d0e2f5; color: #000; 
border-color: #d0e2f5; 
text-decoration: none; 
}

div#navSub ul li.active ul li.active a.active:hover, 
div#navSub ul li.active ul li.active a.active:focus, 
div#navSub ul li.active ul li.active a.active:active {
background: #505050 url(../images/navigation/sub_aactive_2.gif) no-repeat right center; 
color: #fff; 
text-decoration: underline; 
border-color: #505050; 
}

div#navSub ul li.active ul li.single a.active:hover, 
div#navSub ul li.active ul li.single a.active:focus, 
div#navSub ul li.active ul li.single a.active:active {
background-image: url(../images/navigation/sub_aactive_2single.gif); }

div#navSub ul li.active ul li span.active, 
div#navSub ul li.active ul li.single span.active{ 
text-transform: none; 
font-size: 80%; line-height: 140%; 
padding: 3px 16px 3px 4px;
color: #fff; 
border-color: #e2001a; 
background:  #e2001a url(../images/navigation/sub_active_2.gif) no-repeat right center; 
}


/*Unternavigation 3.Ebene*/
div#navSub ul li.active ul li.active ul, 
div#navSub ul li.active ul li.active ul li{
background: #fff; 
color: #00306b; 
font-size: 90%; line-height: 140%; 
border:none; 
padding-right: 0; padding-left: 0;  
}

div#navSub ul li.active ul li.active ul li{ 
margin-left: 0px;
margin-right: 0px;
}

div#navSub ul li.active ul li.active ul{ 
border-bottom: 1px solid #505050; 
}

div#navSub ul li.active ul li.active ul li a{ 
background: #fff; color: #000; 
font-size: 90%; line-height: 150%;
padding-left: 11px; 
border-color: #fff;
}

div#navSub ul li.active ul li.active ul li a:hover, 
div#navSub ul li.active ul li.active ul li a:focus, 
div#navSub ul li.active ul li.active ul li a:active{
color: #000; 
text-decoration: underline; 
background: #fff; 
border-color: #fff; border-right: 6px solid #e2001a; 
padding-right: 6px;
}

div#navSub ul li.active ul li.active ul li span.active{ 
font-size: 90%; line-height: 150%; 
padding-left: 11px; padding-top: 3px; padding-bottom: 3px; 
margin-right: 12px; 
color: #e2001a; 
text-decoration: underline; 
border: 1px solid #fff; 
background: #fff url(../images/navigation/sub_active_3.gif) no-repeat right center;
}

div#navSub ul li.active ul li.active ul li.single a.active{ 
font-size: 90%; line-height: 150%; 
padding-left: 11px; padding-top: 3px; padding-bottom: 3px; 
margin-right: 12px; 
color: #00306b; 
text-decoration: none; 
border: 1px solid #fff; 
background: #fff url(../images/navigation/sub_aactive_3.gif) no-repeat right center;
}

div#navSub ul li.active ul li.active ul li.single a.active:hover, 
div#navSub ul li.active ul li.active ul li.single a.active:focus, 
div#navSub ul li.active ul li.active ul li.single a.active:active{ 
font-size: 90%; line-height: 150%; 
padding-left: 11px; padding-top: 3px; padding-bottom: 3px; 
margin-right: 12px; 
color: #00306b; 
text-decoration: underline; 
border: 1px solid #fff; 
background: #fff url(../images/navigation/sub_aactive_3.gif) no-repeat right center;
}

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

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

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

#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: 544px; 
background: #505050; 
height: 30px; 
margin-bottom: 10px; 
}

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

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

div#footer ul li a{ 
display: block; 
background: #505050; color: #fff; 
border: 6px solid #505050; 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 #fff; 
}

div#footer ul li span.active{ 
display: block; 
background: #e2001a; color: #fff; 
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: #fff; 
padding: 6px 2px 0.6em 6px;
background: #505050; 
}

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

#rightsection{ 
clear:left; 
float: right; 
width: 266px; 
min-height: 50px;
}

/*Linkbox*/
#rightsection #offer{ 
display: block; 
background: #e2001a; 
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 0 3px 10px; 
margin:0 0 15px 15px; 
text-transform:none;
color: #fff; 
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: #fff;  
text-decoration: underline; 
}

#rightsection #offer h3{
width:260px; 
background: #930000; 
color: #fff; 
text-transform: uppercase; 
font-size: 0.75em; 
margin-bottom: 4px; 
padding: 3px 0px 3px 6px; 
}

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

#rightsection div.banner { 
clear: both; 
}