/*
 * 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:#bbd8E1;
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; }
hr.noclear {clear: none; }

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#headerclaim{
	width: 824px;
	margin: 12px auto;
	overflow: hidden;
}

div#headerphoto{
	width: 824px;
	margin: 0 auto;
	overflow: hidden;
}

div#header{ 
	width: 74px;
	margin-right: 6px;
	overflow: hidden;
	float: left;
	display: inline;
	background: #e2001a; 
	color: #fff; 
}

div#claim{ 
	margin-left: 6px;
	overflow: hidden;
	float: left;
	display: inline;
	width: 738px; 
	background:#e2001a; 
	text-align: left;
}

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


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

div#navMain {
	width: 824px;	
	margin: 12px auto;
	overflow: hidden;
	background: #559db3;  
}

div#navMain ul{ 
list-style: none; 
display: block; 
width: 822px; 
background: #559db3; 

}

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

div#navMain ul li a{ 
display: block; 
background: #559db3; color: #000000; 
padding: 0 6px; 
border: 5px solid #559db3; 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: #1c4c5c; color: #fff; 
border: 5px solid #1c4c5c;
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: #e2001a; color: #fff; 
border-color: #e2001a;
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;
}
/* ----------------------------- Mainrow -------------------------------------- */
div#mainrow {
	width: 824px;
	margin: 6px auto;
	overflow: hidden;
	text-align: left;
}

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

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

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

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

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

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

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: #1c4c5c url(../images/navigation/sub_aactive_1.gif) no-repeat right center;
color: #fff; 
border-color:#1c4c5c; 
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; 
}

/*Unternavigation 2.Ebene*/
div#navSub ul li ul{ 
background: #1c4c5c; 
padding: 0; 
margin-bottom:0;
}

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

div#navSub ul li.active ul li a{ 
text-transform: none; 
font-size: 80%; 
line-height: 140%; 
padding-left: 11px;
background: #559db3; color:#000; 
border: 1px solid #559db3; border-right: 6px solid #559db3;  
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: #000; 
font: bold 0.75em/150% Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 10px; 
background: #BBD8E1 /* vorher 144b93 mit: url(../images/struktur/bg_body.jpg) repeat-x 0 -274px */; 
}

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

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

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

div#footer{ 
	background: #1c4c5c; 
	margin: 12px 0; 
}

div#footer ul{ 

list-style: none; 
display: block; 
background: #1c4c5c; 
height: 30px; 
}

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

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

/* ------------------------------- linke Spalte -------------------------- */
div#leftsection {
	width: 546px; 
	margin: 0px;
	overflow: hidden;
	float: left;
	display: inline;
}
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* rechte Spalte:*/

#rightsection{ 
	width: 266px; 
	margin-left:12px;
	overflow: hidden;
	float: left;
	display: inline;
}

/*Linkbox*/
#rightsection #offer li a{ background: #e2001a url(../images/content/bg_item01.gif) no-repeat 0px 0px;}
#rightsection #offer li a.item_02{ background-image:url(../images/content/bg_item02.gif); }
#rightsection #offer li a.item_03{ background-image:url(../images/content/bg_item03.gif); }
#rightsection #offer li a.item_04{ background-image:url(../images/content/bg_item04.gif); }
#rightsection #offer li a.item_05{ background-image:url(../images/content/bg_item05.gif); }
#rightsection #offer li a.item_06{ background-image:url(../images/content/bg_item06.gif); }
#rightsection #offer li a.item_07{ background-image:url(../images/content/bg_item07.gif); }
#rightsection #offer li a.item_08{ background-image:url(../images/content/bg_item08.gif); }

#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 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,
#rightsection #offer li a:focus,
#rightsection #offer li a:active{
color: #fff;  
text-decoration: underline; 
}

#rightsection #offer h3{
width:260px; 
background: #1c4c5c; 
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; 
}