html, body {
width: 100%;
height: 100%;
}

body 
{
background-image: url(images/backGndNaviLeft.gif);
background-position: top left;
background-repeat: repeat-y;
background-color: #fff;
font-family: Arial;
font-size: 12px;
color: #333333;
}

* {
margin: 0px;
padding: 0px;
text-align: left;
}

h1 {
width: 490px;
text-align: left;
margin: 0px 0px 20px -10px;
padding: 2px 1px 2px 5px;
color: #104AA5;
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
background-color: #e1f0f5;
}

h2 {
color: #ffffff;
background-image: url(images/symLogoSmall.gif);
background-position: top right;
background-repeat: no-repeat;
background-color: #216DA1;
font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 5px 0px;
padding: 2px 1px 2px 5px;
}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
color: #ffffff;
}

*+html .csc-header {
color: #ffffff;
background-color: #216DA1;
background-image: url(images/symLogoSmall.gif);
background-position: top right;
background-repeat: no-repeat;
font-size: 12px;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}


#col_right h2 a:link, #col_right h2 a:visited, #col_left h2 a:link, #col_left h2 a:visited {
color: #ffffff;
font-weight: normal;
text-decoration: none;
}

h3 {
color: #333333;
font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}


#container {
height: 96%;
width: 956px;
border-left: 1px solid #22429c;
border-right: 1px solid #22429c;
border-top: 1px solid #22429c;
}

#title {
height: 139px;
background-color: #fff;
}

#menufirma {
height: 21px;
padding: 5px 0px 0px 245px;
background-image: url(images/backGndNaviTop.gif);
background-position: left top;
background-repeat: repeat-x;
}

#menufirma ul {
list-style-type: none;
}

#menufirma li{
float: left;
padding-right: 30px;
}

#menufirma #topactive {
padding-left: 10px;
color: #fdbd12;
background-repeat: no-repeat;
background-position: center left;
background-image: url(images/bulletTopOn.gif);
}

#menufirma li a:link, #menufirma li a:visited, #menufirma li a:active {
color: #ffffff;
text-decoration: none;
padding-left: 10px;
background-image: url(images/bulletTop.gif);
background-repeat: no-repeat;
background-position: center left;
}

#menufirma li a:hover {
padding-left: 10px;
background-image: url(images/bulletTopOn.gif);
background-repeat: no-repeat;
background-position: center left;
}

#left {
float: left;
width: 213px;
padding-top: 25px;
background-image: url(images/backGndNaviLeftVerlauf.jpg);
background-position: left top;
background-repeat: no-repeat;
}

#left ul {
list-style-type: none;
text-align: left;
margin-bottom: 10px;
}

#left ul li a {
display: block;
height: 24px;
font-size: 13px;
font-weight: bold;
text-align: left;
text-decoration: none;
color: #e9f1f6;
background-color: #216da1;
border-bottom: 1px solid #00416c;

padding: 8px 0px 0px 10px;
margin-bottom: 3px;
}

#left ul li ul {
list-style-type: none;
}

#left ul li ul li a {
display: block;
height: 16px;
font-size: 12px;
color: #00558f;
background-image: url(images/bulletLeftSecond.gif);
background-repeat: no-repeat;
background-position: center left;
background-color: transparent;
border-style: none;
padding: 2px 0px 0px 10px;
margin-left: 12px;
margin-bottom: 2px;
}


#left ul li ul li #secondLevel  
{
background-image: url(images/bulletLeftSecondOn.gif);
background-repeat: no-repeat;
background-position: center left;
}


#left ul li ul li ul li a {
display: block;
height: 15px;
font-size: 12px;
color: #00558f;
font-size: 12px;
font-weight: normal;
background-color: transparent;
border-style: none;
padding: 2px 0px 0px 10px;
margin-left: 22px;
margin-bottom: 2px;
}

#left ul li ul li ul li ul li a {
display: block;
height: 13px;
font-size: 12px;
color: #00558f;
font-size: 12px;
font-weight: normal;
background-color: transparent;
border-style: none;
padding: 2px 0px 0px 10px;
margin-left: 33px;
margin-bottom: 1px;
}


#left #tankstelleOff a:link, #left #tankstelleOff a:active, #left #tankstelleOff a:visited, #left #tankstelleOff a:hover, #left #tankstelleOn 
{ 
text-align: right;
text-decoration: none;
letter-spacing: 1px;
font-weight: bold;
color: #00558f;
font-size: 12px;
margin: 0px 5px 0px 0px;
padding: 1px 0px 1px 5px;
background-image: url(images/bulletLeftSecond);
background-repeat: no-repeat;
background-position: center right;
display: block;
}


#left #sonder ul li a {
display: block;
height: 15px;
font-size: 12px;
color: #00558f;
background-image: url(images/bulletLeftSecond.gif);
background-repeat: no-repeat;
background-position: center left;
background-color: transparent;
border-style: none;
padding: 2px 0px 0px 10px;
margin-left: 35px;
margin-bottom: 2px;
}

#right {
float: right;
width: 190px;
padding: 0px px 0px 0px;
margin: 25px 0px 0px 0px;
font-size: 12px;
color: #001524;
}

#right a:link, #right a:visited {
font-size: 12px;
color: #001524;
text-decoration: none;
}

#right ul {
list-style-type: none;
list-style: inside;
list-style-image: url(images/symHaken.gif);
}

#right ol {
list-style: outside;
margin-left: 25px;
}

#right .csc-textpic-caption {
font-size: 9px;
color: #999999;
}

#bluebox {
padding: 0px 5px 0px 5px;
margin-bottom: 10px;
}

#blueboxwrap {
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
border: 1px solid #00558f;
}


#content {
width: 490px;
margin-left: 240px;
padding: 26px 0px 0px 10px;
line-height: 130%;
color: #525252;
}

#content h1 
{
padding: 8px 0px 7px 10px;
}

#content ul {
list-style-type: none;
list-style: outside;
list-style-image: url(images/symHaken.gif);
margin-top: 0px;
margin-bottom: 15px;
}

#content ul li {
margin-left: 23px;
}

#content .csc-firstHeader a, #content .csc-firstHeader a:link, #content .csc-firstHeader a:visited {
color: #ffffff;
}

#content .csc-textpicHeader a, #content .csc-textpicHeader a:link, #content .csc-textpicHeader a:visited {
color: #ffffff;
}

#content a:link, a:visited, a:active, a:hover
{ 
text-decoration: none;
font-weight: normal;
font-size: 12px;
}

#content a:active, a:hover
{ 
text-decoration: none;
}

#col_left {
float: left;
width: 235px;
}

#col_right {
float: right;
width: 235px;
}

#footer {
font-size: 10px;
color: #22429c;
padding-top: 3px;
margin: 15px 0px 0px 245px;
}

#aono {
font-size: 9px;
color: #d0d0d0;
text-decoration: none;
}

.csc-textpic-caption
{
font-size: 10px;
line-height: 105%;
margin: 3px 0px 0px 3px;
}


.csc-textpic-clear {
float: none;
clear: both;
}

.OberUndUnterstrich {
color: #000;
font-size: 12px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

.OberUndUnterstrich a:link, a:visited {
color: #000;
text-decoration: none;
}

.TabelleMitRand td { 
font-size: 12px;
padding-left: 8px;
}

#mailform {
border: 1px solid #216DA1;
padding: 5px;
}

.csc-mailform {
border: 1px solid #fff;
}

.csc-mailform-field {
padding: 1px;
}

.csc-mailform-field label {
display: block;
width: 150px;
}

.csc-mailform-field input {
padding-left: 5px;
padding-right: 5px;
}