/* The Layout File contains all rules for screen, projection except navigation rules. */

body {
background-image:url(../images/bg_body.gif);
background-position:-9px 0;
background-repeat:repeat-y;
}

div#RootContainer,div#ctl00_RootContainer {
background-image:url(../images/bg_body.gif);
background-position:-9px 0;
background-repeat:repeat-y;
width:1000px;
display:block;
position:relative;
margin:0 0;
}

/* --- Header --- */

div#HeaderContainer {
background-image:url(../images/bg_header.jpg);
background-position:0 0;
background-repeat:no-repeat;
background-color:#FFF;
height:181px;
float:left;
margin:0;
padding:0;
}

#PrimaryHeader {
border-bottom:1px solid #d2d2d2;
padding-top:45px;
padding-bottom:3px;
padding-right:592px;
margin-left:45px;
display:block;
height:0;
width:0;
}

div#ScreenLogo {
position:absolute;
right:2px;
top:0;
}

/* Search Features */

#GlobalSearch {
position:absolute;
top:22px;
left:479px;
width:138px;
height:21px;
}

#GlobalSearch input {
position:absolute;
width:130px;
height:21px;
border:1px solid #b5b5b5;
border-bottom-color:#dadada;
border-right-color:#dadada;
background-color:#FFF;
color:#555;
margin:0;
padding:1px 0 0 3px;
}

#GlobalSearch input:focus {
color:#000;
}

#GlobalSearch input.Button {
width:auto;
height:auto;
border:none;
position: absolute;
height: 21px;
width: 21px;
left:137px;
padding:0;
}

#GASearch {
position:absolute;
left:45px;
top:67px;
width:572px;
height:58px;
}

#GASearch em {
position:absolute;
top:-2px;
left:0;
font-style:normal;
font-size:24px;
line-height:120%;
letter-spacing:-.02em;
color:#555;
display:block;
clear:right;
height:48px;
}

#GASearch a {
position:absolute;
left:0;
top:22px;
height:31px;
line-height:31px;
margin:0;
padding:0;
width: 100%;
}

#GASearch a img {
position:relative;
top: 5px;
}

#GASearch a:hover {
cursor: pointer;
}

#GASearch a span {
display:block;
float:left;
font-size:150%;
margin-right:8px;
}


/* --- Body --- */

#BodyContainer {
background-image:url(../images/bg_body_container.gif);
background-repeat:repeat-y;
background-position:0 0;
clear:both;
zoom:1;
position:relative;
left:45px;
}

/* Clear DIV */
#BodyContainer:after {
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}

#LeftColumnContainer {
width:200px;
background-color:#E8E8E8;
margin-top:0;
clear:left;
float:left;
min-height:600px;
height:100%;
}

#CenterColumnContainer {
margin-right:45px;
width:668px;
float:left;
clear:right;
background-color:#FFF;
}

/* Every page needs it's own CSS class based on the raw url. The Homepage gets the class "homepage" */
.homepage #CenterColumnContainer {
width:868px;
clear:both;
}

/* Main Content */

.homepage #MainContent {
margin-left:0;
margin-top:0;
margin-bottom:0;
}

#MainContent {
margin-left:18px;
margin-bottom:60px;
}

#MainContent li {
margin-left: 2em;
list-style:square;
}
#MainContent div.Text li { /*HACK: this should select all and only stuff that is not really content
 (service navigation, breadcrumb trail, page tools) */
margin-left: 0;
}

#MainContent div.StandardTeaser {
margin-left:-17px;
height: 159px;
overflow: hidden;
}

#MainContent div.Text {
clear:both;
}

.homepage #MainContent div.Text {
clear:none;
}

#MainContent div.FlashTeaser {
height:322px;
overflow: hidden;
}

.privatpersonen #MainContent div.Text1 {
border:none;
}

/* Service Teaser HomePage*/

.homepage #MainContent div.ServiceTeaser {
margin-top:15px;
width:572px;
float:left;
background-image:url(../images/icon_sn_divider_vertical.gif);
background-repeat:repeat-y;
background-position:275px 0;
}

.homepage #MainContent div.ServiceTeaser div {
width:258px;
height:100px;
float:left;
position:relative;
padding-bottom:0;
margin-bottom:0;
}

.homepage #MainContent div.ServiceTeaser div.Item1,#MainContent div.ServiceTeaserHP div.Item3,#MainContent div.ServiceTeaserHP div.Item5 {
margin-right:38px;
}

.homepage #MainContent div.ServiceTeaser div.Item5,#MainContent div.ServiceTeaserHP div.Item6 {
background-image:none;
}

.homepage #MainContent div.ServiceTeaser div.Item3,#MainContent div.ServiceTeaserHP div.Item4,#MainContent div.ServiceTeaserHP div.Item5,#MainContent div.ServiceTeaserHP div.Item6 {
border-top:1px solid #d4d4d4;
}

.homepage #MainContent div.ServiceTeaser div h2 {
margin-top:0;
padding-top:13px;
padding-bottom:0;
margin-bottom:0;
width:85%;
line-height:100%;
font-size:120%;
}

.homepage #MainContent div.ServiceTeaser div p {
width:215px;
padding-top:0;
font-size:100%;
}

body:first-of-type #MainContent div.ServiceTeaser div p {
font-size:100%;
}

.homepage #MainContent div.ServiceTeaser div img {
position:absolute;
top:14px;
right:2px;
}

/* Service Teaser */

#MainContent div.ServiceTeaser {
margin-top:1px;
width:650px;
float:left;
background-image:url(../images/icon_sn_divider_vertical.gif);
background-repeat:repeat-y;
background-position:324px 0;
}

#MainContent div.ServiceTeaser div {
width:306px;
height:100px;
float:left;
position:relative;
padding-bottom:0;
margin-bottom:0;
}

#MainContent div.ServiceTeaser div.Item1,#MainContent div.ServiceTeaser div.Item3,#MainContent div.ServiceTeaser div.Item5 {
margin-right:38px;
}

#MainContent div.ServiceTeaser div.Item5,#MainContent div.ServiceTeaser div.Item6 {
background-image:none;
}

#MainContent div.ServiceTeaser div.Item3, #MainContent div.ServiceTeaser div.Item4, #MainContent div.ServiceTeaser div.Item5, #MainContent div.ServiceTeaser div.Item6 {
border-top:1px solid #d4d4d4;
}

#MainContent div.ServiceTeaser div h2 {
margin-top:0;
padding-top:13px;
padding-bottom:0;
margin-bottom:0;
width:99%;
line-height:130%;
font-size:120%;
font-weight:bold;
line-height:100%;
}

#MainContent div.ServiceTeaser div p {
width:245px;
padding-top:0;
font-size:100%;
}

body:first-of-type #MainContent div.ServiceTeaser div p {
font-size:100%;
}

#MainContent div.ServiceTeaser div img {
position:absolute;
top:14px;
right:2px;
}

/* Text Teaser */

#MainContent div.TextTeaser {
margin-top:0px;
width:650px;
float:left;
background-image:url(../images/icon_sn_divider_vertical.gif);
background-repeat:repeat-y;
background-position:324px 0;
}

#MainContent div.TextTeaser div {
width:306px;
height:110px;
float:left;
position:relative;
padding-bottom:0;
margin-bottom:0;
}

#MainContent div.TextTeaser div.Item1,#MainContent div.TextTeaser div.Item3,#MainContent div.TextTeaser div.Item5,#MainContent div.TextTeaser div.Item7,#MainContent div.TextTeaser div.Item9,#MainContent div.TextTeaser div.Item11 {
margin-right:38px;
}

#MainContent div.TextTeaser div.Item11,#MainContent div.TextTeaser div.Item12 {
background-image:none;
}

#MainContent div.TextTeaser div.Item11,#MainContent div.TextTeaser div.Item12,#MainContent div.TextTeaser div.Item3,#MainContent div.TextTeaser div.Item4,#MainContent div.TextTeaser div.Item5,#MainContent div.TextTeaser div.Item6,#MainContent div.TextTeaser div.Item7,#MainContent div.TextTeaser div.Item8,#MainContent div.TextTeaser div.Item9,#MainContent div.TextTeaser div.Item10 {
border-top:1px solid #d4d4d4;
}

#MainContent div.TextTeaser div h2 {
margin-top:0;
padding-top:13px;
padding-bottom:0;
margin-bottom:0;
width:99%;
line-height:130%;
font-size:120%;
font-weight:bold;
line-height:100%;

}

#MainContent div.TextTeaser div p {
width:300px;
padding-top:0;
font-size:100%;
}

body:first-of-type #MainContent div.TextTeaser div p {
font-size:100%;
}

#MainContent div.TextTeaser div img {
position:absolute;
top:14px;
right:2px;
}

div#MainContent h1 {
font-size:150%;
font-weight:400;
color:#000;
line-height:22px;
padding-top:18px;
padding-bottom:11px;
}

/* News (homepage quick news and news-lists) */

.homepage #MainContent div.News {
position:relative;
float:left;
clear:right;
width:296px;
background-color:#e8e8e8;
padding-top:10px;

}

.homepage #MainContent div.News h2 {
display:block;
width:257px;
border-bottom:1px solid #d4d4d4;
padding-bottom:3px;
margin-left:19px;
margin-bottom:10px;
font-size:130%;
padding-top:13px;
}

.homepage #MainContent div.News ul {
width:257px;
padding-left:19px;
}

.homepage #MainContent div.News img {
position:absolute;
top:27px;
right:20px;
}

#MainContent div.News {
background-color:#ffffff;
padding-top:0px;
}

#MainContent div.News ul {
padding-left:0px;
list-style-type:none;
}

#MainContent div.News ul li {
margin-bottom:14px;
margin-left:0px;
list-style:none;
}

#MainContent div.News ul li a {
font-size:110%;
}

#MainContent div.News ul li p {
line-height: 18px;
}




/* Insurance Demand  */

#MainContent div.InsuranceDemand {
margin-top:24px;
padding-bottom: 18px;
width:646px;
float:left;
background-image:url(../images/icon_sn_divider_vertical.gif);
background-repeat:repeat-y;
background-position:323px 0;
}

.homepage #MainContent div.InsuranceDemand {
margin-top:0;
}

#MainContent div.InsuranceDemand div {
width:323px;
float:left;
border-top:1px solid #d4d4d4;
}

#MainContent div.InsuranceDemand div.Item2 {
width:303px;
padding-left:20px;
}

#MainContent div.InsuranceDemand div div {
width:auto;
float:none;
border-top:none;
}

#MainContent div.InsuranceDemand div h3 {
display:block;
font-weight: normal;
font-size:130%;
}

#MainContent div.InsuranceDemand div p {
width:90%;
font-size:110%;
}

#MainContent .InsuranceDemand h2 {
background-image:none;
background-color:#FFF;
}

/* Image Sub Content Selector */

div#ImageSubContentSelector {
padding-bottom:68px;
}

div#ImageSubContentSelector ul {
list-style-type:none;
}

div#ImageSubContentSelector ul li {
float:left;
}

div#ImageSubContentSelector img {
float:left;
margin-right:165px;
}

div#ImageSubContentSelector ul li img {
margin-right:0;
margin-left:12px;
float:none;
}

div#ImageSubContentSelector ul li a {
display:block;
float:left;
}


/* Accordion  */

#MainContent #Accordion a.header {
display:block;
/*width:636px;*/ /* NOTE: Otherwise IE6 doesn't display correctly! */
height:29px;
line-height:29px;
background-color:#d5d5d5;
background-image:url(../images/bg_akordeon_inactive.gif);
background-position:right top;
color:#333;
font-weight: bold;
margin:0;
padding:0 0 0 10px;
}

#MainContent #Accordion a.header:hover {
background-image:url(../images/bg_akordeon_inactive_hover.gif);
}

#MainContent #Accordion a/* IE <= 6 does not support multiple class selectors, so we omit .header here, but that should be enough anyway */.selected,
#MainContent #Accordion a/* IE <= 6 does not support multiple class selectors, so we omit .header here, but that should be enough anyway */.selected:hover {
background-image:url(../images/bg_akordeon_active.gif);
}

#MainContent #Accordion {
border-top:1px solid #B7B7B7;
width:648px;
margin-top:20px;
margin-bottom:20px;
}

#MainContent #Accordion li {
display: block;
margin-left: 0;
border-left:1px solid #b7b7b7;
border-right:1px solid #b7b7b7;
}

#MainContent #Accordion li li {
margin-left: 2em;
display: list-item;
border-left: 0;
border-right: 0;
list-style:square;
}

#MainContent #Accordion li.selected {
border-top:0px solid #b7b7b7;
display:block;
}

#MainContent #Accordion li div.Accordion {
border-bottom:1px solid #b7b7b7;
padding:12px 18px;
}

#MainContent #Accordion li.selected div.Accordion {
display: block;
}

/* Hack wegen IE: ausblenden des borders bei bildern im ersten accordeon */
#MainContent #Accordion li.selected div div {
border-bottom: 1px solid white;
}

#MainContent #Accordion a.selected,#MainContent #Accordion a.selected:hover {
background-image:url(../images/bg_akordeon_active.gif);
}


/* PDF Downloads */

#MainContent div.Download a.pdf {
background-image:url(../images/icon_acrobat.gif);
background-repeat:no-repeat;
padding-left:32px;
padding-top:3px;
height:21px;
display:block;
}


/* --- Footer --- */

div#FooterContainer {
height:100px;
width:868px;
border-top:1px solid #d4d4d4;
margin-left:45px;
clear:both;
float:none;
}

div#FooterContainer div.Copyright {
clear:both;
color:#7c7b7b;
font-size:110%;
position:relative;
top:2px;
}

#GASearchP {
position:absolute;
left:45px;
top:67px;
width:620px;
height:58px;
}

#GASearchP em {
position:absolute;
top:-2px;
left:0;
font-style:normal;
font-size:22px;
line-height:120%;
letter-spacing:-.02em;
color:#555;
display:block;
clear:right;
height:48px;
}

#GASearchP span{
position:absolute;
top:20px;
left:0;
font-style:normal;
font-size:15px;
line-height:120%;
letter-spacing:-.02em;
color:#000000;
display:block;
clear:right;
height:48px;
}

#GASearchP a img {
position:relative;
top: 2px;
margin-left:15px;
}

/* ANPASSUNG 05.11.2008 GM */

#mainContent table{
font-size:80%;
font-style:normal;
font-weight:400;
font-family:Arial, Verdana;
color:#000000;
line-height:18px;
}

td{
font-size:100%;
padding: 0;
}

th{
font-size:130%;
padding: 0;
}

.TabelleVariabel{
border-collapse: collapse;
border : 1px solid;
padding: 4px;
}
.TabelleVariabel td{
padding: 4px;
}
.TabelleFix{
border-collapse: collapse;
border : 1px solid;
table-layout: fixed;
}

.TabelleFix td{
padding: 4px;
}

#MainContent input {
position:absolute;
width:110px;
height:21px;
border:1px solid #b5b5b5;
border-bottom-color:#dadada;
border-right-color:#dadada;
background-color:#FFF;
color:#555;
margin:0;
padding:1px 0 0 3px;
}

#MainContent input:focus {
color:#000;
}

#MainContent input.Button {
width:auto;
height:auto;
border:none;
position: relative;
height: 21px;
width: 21px;
left:117px;
padding:0;
}

/* ANPASSUNG 13.11.2008 GM */

.LeadText{
font-weight:bold;
}

/* ANPASSUNG 18.11.2008 GM */

#Sitemap ul{
margin-left: 2em;
list-style:square;
}

/* ANPASSUNG 25.11.2008 GM */

#MainContent .UpperCase {
text-transform:uppercase;
}

/* ANPASSUNG 08.05.2009 GM */

.ImageLeft{
float: left;
margin-right:7px;
margin-bottom: 3px;
}

.ImageRight{
float: right;
margin-left:7px;
margin-bottom: 3px;
}
/* ANPASSUNG 08.07.2009 GM */
.PortraitTabelle{
width:647px; 
clear:both;
}

.PortraitTabelleLeft{
width: auto; 	
float: left;	
padding-right: 20px ;

}

.PortraitTabelleRight{
width: 66%; 
float:left;
}
 
.PortraitTabelleSpace{
width:647px; 
clear:both; 
height: 20px ;
}
/* The following block should be removed before the launch of the new website
img#OverlayImage {
display:none;
position:absolute;
top:-260px;
left:-86px;
z-index:2000;
filter:alpha(opacity=20);
opacity:0.15;
-moz-opacity:0.15;
}
*/