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

  colour code   colour      usage
  -----------   --------------  -------------------------------
  #144b93     mittelblau    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:#E7F0F9 url(../images/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: #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: */

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(/prj-spd06007/images/style/skip.gif) no-repeat center bottom; top:0; left:0; width:100%; z-index: 30;}

div.spacer, div.spacer_top { height: 12px; width: 100%; clear: both; font-size: 1px; margin-bottom: 1px;}
div.spacer_top { height: 10px;}

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

#logo { width: 290px; height: 90px; position: absolute; top: 0px; left: 0px; clear: both; }

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*Hauptnavigation und Suche, Linkliste in Suchleiste*/

div#navMain, div#navSearch { width: 520px; margin: 0 0 0 302px; }
div#navMain { display: block; background: #d0e2f5; min-height: 31px; height: 1.9em; }
div#navSearch {background: #144b93; border-bottom: 1px solid #144b93; }

/*Linkliste in Suchleiste*/
div#navSearch ul{ height: 1.9em; background: #144b93;margin: 0 3px 0 0;padding-top: 1px;}
div#navSearch ul li{ float: right; height: 1.63em; background: #144b93; list-style-type: none;}


div#navSearch a, div#navSearch span.active {font: bold 0.82em/120% Arial, Verdana, Helvetica, sans-serif; display: block; padding: 0px 20px 0px 2px; margin: 4px; border: 2px solid #d0e2f5; font-weight: bold;}
div#navSearch a {background: #fff url(/prj-spd06007/images/style/navigation/service_1.gif) no-repeat right; color: #000; }
div#navSearch span.active {background: #e2001a url(/prj-spd06007/images/style/navigation/service_1.gif) no-repeat right; color: #fff; }

div#navSearch a:hover,div#navSearch a:focus,div#navSearch a:active { background-color: #144b93; color: #fff; text-decoration: none;  }
div#navSearch acronym{ cursor: pointer; border-bottom: none;}

/*Suchformular*/
form#navMainSearch{ margin: 0; padding:0 0 0 10px; float: right; }
form#navMainSearch label{ float: left; text-transform: uppercase; color: #fff; background: #144b93; font-size: 0.9em; font-weight: bold; margin: 0; padding:1px 0 0 0;}
form#navMainSearch input.formElement{ color: #000; font-size: 0.9em; text-transform: none; font-weight: bold; width: 120px; border: 1px solid #d0e2f5; margin: 5px 0 0 0; padding:0;}
form#navMainSearch input.formElement:focus{ background-color:#D0E2F5; border: 1px solid #fff; }

form#navMainSearch input.submit{ height: 27px; color: #fff; font-weight: bold; text-decoration: underline; background: #144b93;}

/*Hauptnavigation*/
div#navMain ul{ list-style: none; display: block; width: 520px; background: #d0e2f5; height: 30px; }
div#navMain ul li{ float: left; background: #d0e2f5; margin:0; padding:0; display: block; }

div#navMain ul li a{ display: block; background: #d0e2f5; color: #00306b; padding: 0 6px; 
border: 5px solid #d0e2f5; 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: #144b93; color: #fff; border: 5px solid #144b93;
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: #00306b; 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: #144b93; color: #fff; border-color: #144b93;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#navSub{ display: block;}
div#navSub .spacer { height: 12px; width: 100%;}
div#navSub ul{ display: block; list-style: none; }
div#navSub ul li{ display: block; list-style: none; margin:  0 0 3px 0; }

div#navSub ul li a{ display: block; background: #d0e2f5; color: #00306b; padding: 3px 8px 3px 2px;
border-left: 8px solid #d0e2f5; border-right: 8px solid #d0e2f5; 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:#144b93;
background: #144b93 url(../images/sub_aactive_1.gif) no-repeat right center;  }

div#navSub ul li.single a.active{ background-image: url(/prj-spd06007/images/style/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: #00306b; 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: #144b93 url(/prj-spd06007/images/style/navigation/sub_aactive_1.gif) no-repeat right center;
color: #fff; border-color:#144b93; 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: #144b93 url(/prj-spd06007/images/style/navigation/sub_aactive_1single.gif) no-repeat right center;
color: #fff; border-color:#144b93; text-decoration: underline; }

div#navSub ul li.active span.active{ display: block; color: #fff; text-transform: uppercase;
background: #e2001a url(../images/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/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: #144b93; padding: 0; }
div#navSub ul li.active ul li{ background: #144b93; margin: 0 8px 0 0; padding: 0; border-top: 3px solid #d0e2f5; }

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

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

div#navSub ul li.active ul li.single a.active{ background-image: url(/prj-spd06007/images/style/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: #00306b; border-color: #fff;  text-decoration:none; 
border-top-color:#d0e2f5 ;border-right-color:#e2001a; }

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: #00306b; 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: #144b93 url(/prj-spd06007/images/style/navigation/sub_aactive_2.gif) no-repeat right center; 
color: #fff; text-decoration: underline; border-color: #144b93; }

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(/prj-spd06007/images/style/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(/prj-spd06007/images/style/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 #144b93; }

div#navSub ul li.active ul li.active ul li a{ background: #fff; color: #00306b; 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: #00306b; 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;
margin-right: 12px; color: #e2001a; text-decoration: underline; border: 1px solid #fff; padding-top: 3px; 
padding-bottom: 3px; background: #fff url(/prj-spd06007/images/style/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;
margin-right: 12px; color: #00306b; text-decoration: none; border: 1px solid #fff; padding-top: 3px; 
padding-bottom: 3px; background: #fff url(/prj-spd06007/images/style/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; margin-right: 12px; color: #00306b; text-decoration: underline; border: 1px solid #fff; padding-top: 3px; 
padding-bottom: 3px; background: #fff url(/prj-spd06007/images/style/navigation/sub_aactive_3.gif) no-repeat right center;}

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

#breadcrumb{ color: #fff; font: bold 0.75em/150% Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 10px; background: #144b93 url(/prj-spd06007/images/style/bg_body.jpg) repeat-x 0 -104px; }
#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: 822px; background: #144b93; height: 30px; margin-bottom: 10px; }

div#footer ul{ float: right; list-style: none; display: block; width: 450px; background: #144b93; height: 30px; }
div#footer ul li{ float: right; background: #144b93; margin:0; padding:0; display: block; }

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

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* rechte Spalte: gemeinsame Elemente*/
/*Angebote */
#content #rightteasersection #offer{
display: block; background: #144b93; margin: 12px 0;padding: 0px 0px 10px; }

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

#rightsection #offer ul, #content #rightteasersection #offer ul{
display: block; margin-top:10px; list-style: none; }

#rightsection #offer li a, #content #rightteasersection #offer li a{
padding:3px 0px 3px 45px; 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, #content #rightteasersection #offer li a:hover{
color: #fff;  text-decoration: underline; }

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


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

#rightsection div.banner, #content #rightteasersection div.banner {
clear: both; }

/*Blaue Box rechts */
#rightsection .bluebox, #content #rightteasersection .bluebox{
width:266px; min-height: 134px; margin: 0 0 12px 0; background: #144b93; clear: both; }

#rightsection .bluebox h4, #content #rightteasersection .bluebox h4, 
#content #rightteasersection .bluebox h3, #rightsection .bluebox h3{
width:260px; background: #d0e2f5; color: #00306b; text-transform: uppercase; font-size: 0.75em;
margin-bottom: 4px; padding: 3px 0px 3px 6px; }

#rightsection .bluebox a, #content #rightteasersection .bluebox a{
color: #fff; font-weight:  bold; background: #144b93; }

#rightsection .bluebox p, #content #rightteasersection .bluebox p{
color: #fff; background: #144b93; font: normal 0.88em/150% Verdana, Arial, Helvetica, sans-serif; padding: 0 8px 6px; }

#rightsection .bluebox img, #content #rightteasersection .bluebox img{
color: #fff; background: #144b93; font: bold 0.69em/140% Verdana, Arial, Helvetica, sans-serif;
margin: 0px 6px 2px 4px; float: left; }