html{
	min-height: 101%;
}
body{
background: #333;
color: #333;
font-size: 11px;
padding: 20px 0 40px;
font-family:Arial, Helvetica, sans-serif;
}
a, a:visited{
color: #CA2233;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
/* ############################################################## */
#wrapper{
background-color: #ebebeb;
}
.container_16
{
background: #fff url(img/16_col.gif) repeat-y;
}
#kopfbereich{
position: relative;
background: url(../img/head.png);
height: 95px;
}
#kopfbereich #home{
width: 240px;
height: 95px;
display:block;
text-indent:-1000px;
z-index:200;
}
#topnavi{
position:absolute;
top: 40px;
right: 0;
}
#topnavi li{
float: left;
margin-right: 20px;
}
#topnavi a{
font-size: 12px;
color: #fff;
text-decoration: none;
}
#topnavi a:hover{
text-decoration: underline;
}
/* ############################################################## */
#mainnavi{
height: 34px;
background: url(../img/mainmenu.png);
padding-left: 10px;
}
#mainnavi li{
height: 34px;
margin-right: 5px;
float:left;
}
#mainnavi li a{
display:block;
float:left;
color: #fff;
font-size: 13px;
text-decoration:none;
padding:11px 20px 11px 20px;
font-weight:700;
}
#mainnavi li:hover,
#mainnavi li.active{
background:url(../img/bg.li.mainmenu.png) left top no-repeat;
}
#mainnavi li a:hover,
#mainnavi li.active a{
background:url(../img/bg.a.mainmenu.png) right top no-repeat;
}
/* ############################################################## */
#subnavi{
height: 31px;
background: url(../img/submenu.png);
padding-left: 10px;
margin-bottom: 40px;
}
#subnavi li{
height: 31px;
margin-right: 10px;
float:left;
background:url(../img/bg.li.submenu.png) left top no-repeat;
}
#subnavi li a{
display:block;
float:left;
color: #fff;
font-size: 13px;
text-decoration:none;
padding:12px 30px 6px 30px;
background:url(../img/bg.a.submenu.png) right top no-repeat;
}
#subnavi li:hover,
#subnavi li.active{
background:url(../img/bg.li.submenu.active.png) left top no-repeat;
}
#subnavi li a:hover,
#subnavi li.active a{
background:url(../img/bg.a.submenu.active.png) right top no-repeat;
color: #333;
}
/* ############################################################## */
#topnavi{
z-index:100;
}
/* ############################################################## */
.themenavi{ /* vorher 300px */
height: 620px;
}
.themenavi li{
height: 55px;
background:url(../img/li.themenavi.png) right top no-repeat;
margin-bottom: 6px;
}
.themenavi li:hover,
.themenavi li.active
{
height: 55px;
background:url(../img/li.themenavi.active.png) right top no-repeat;
}
.themenavi a{
display: block;
height: 55px;
font-size: 16px;
font-weight: 700;
padding: 18px;
color: #999;
}
.themenavi li.active a{
color: #666;
}
.themenavi .weblink{
margin-top: 20px;
}
/* ############################################################## */
#teaser{
background:url(../img/bg.teaser.png);
height: 300px;
margin-bottom: 20px;
}
#page22 #teaser{
background:url(../img/bg.karriere.png);
}
#page20 #teaser{
background:url(../../../images/unternehmen/teaser.historie.jpg);
}
#page21 #teaser{
background:url(../../../images/unternehmen/teaser.mission.jpg);
}
#page50 #teaser{
background:url(../../../images/unternehmen/teaser.prinzip.jpg);
}
#teaser p{
overflow: hidden;
font-size: 12px;
line-height: 120%;
padding: 0 10px 10px 10px;
color:#333;
}
#teaser h3{
font-size: 14px;
line-height: 120%;
padding: 10px;
color:#666;
}
#teaser ul{
font-size: 16px;
line-height: 120%;
padding: 0 10px 10px 25px;
list-style-type: square;
}
/* ############################################################## */
#banner{
background:url(../img/bg.banner.png);
height: 105px;
margin-bottom: 18px;
}
#banner p{
overflow: hidden;
font-size: 12px;
line-height: 120%;
padding: 0 10px 10px 10px;
color:#333;
}
#banner h3{
font-size: 14px;
line-height: 120%;
padding: 10px;
color:#666;
}
#banner ul{
font-size: 16px;
line-height: 120%;
padding: 0 10px 10px 25px;
list-style-type: square;
}
/* ############################################################## */
#infodienst{
background:url(../img/bg.infodienst.png);
height: 300px;
margin-bottom: 20px;
}
#infodienst img{
padding: 5px 0 0 0;
}
#infodienst h2{
font-size: 14px;
padding: 15px 10px 5px 10px;
}
#infodienst h3{
font-size: 14px;
padding: 5px 10px 5px 10px;
}
#infodienst h4{
font-size: 13px;
padding: 5px 0px 5px 10px;
line-height: 14px;
color: #444;
}
#infodienst p{
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 110%;
padding: 5px 10px 10px 10px;
color:#333;
}
#infodienst p:first-child{
padding: 0 10px 5px 10px;
border-bottom: 1px dotted #ccc;
margin-top: 5px;
}
#infodienst ul{
margin-top: 3px;
}
/* ################################ gemeinsame Formatierungen der Spalten */
.kompletteBreite img,
.kompletteSpalte img,
.solution img,
.info img,
.langeSpalte img,
.langeBreiteSpalte img,
.kurzeBreiteSpalte img,
#infostandard1 img,
#infostandard2 img,
#infostandard3 img,
#info3spaltig img{
padding: 5px 0 0 0;
}
.kompletteBreite ul,
.kompletteSpalte ul,
.solution ul,
.info ul,
.inline_spalte ul,
.start ul,
.langeSpalte ul,
.langeBreiteSpalte ul,
.kurzeBreiteSpalte ul,
#info3spaltig ul,
#infostandard1 ul,
#infostandard2 ul,
#infostandard3 ul,
#infodienst ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 0px 5px 5px 8px;
line-height: 110%;
}
.start ul{
padding: 5px 5px 5px 8px;
}
.kompletteBreite li,
.kompletteSpalte li,
.solution li,
.info li,
.inline_spalte li,
.start li,
.langeSpalte li,
.langeBreiteSpalte li,
.kurzeBreiteSpalte li,
#info3spaltig li,
#infostandard1 li,
#infostandard2 li,
#infostandard3 li,
#infodienst li{
background:url(../img/haken.gif) 0 0 no-repeat;
/*list-style-image:url(../img/haken.gif);*/
padding-left: 22px;
margin-bottom: 5px;
line-height: 13px;
}
.kompletteBreite h2,
.kompletteSpalte h2,
.banner h3,
.solution h2,
.info h2,
.langeSpalte h2,
.langeBreiteSpalte h2,
.kurzeBreiteSpalte h2,
#info3spaltig h2,
.kompletteBreite h3,
.solution h3,
.info h3,
.langeSpalte h3,
.langeBreiteSpalte h3,
.kurzeBreiteSpalte h3,
.banner h3,
#infostandard1 h3,
#infostandard2 h3,
#infostandard3 h3,
#info3spaltig h3{
font-size: 14px;
color:#333;
padding: 10px 5px 0px 10px;
margin-bottom: 5px;
height: 30px;
border-bottom: 1px dotted #ccc;
}
.start h2,
.start h3{
font-size: 14px;
color:#333;
padding: 5px 5px 5px 10px;
height: 50px;
border-bottom: 1px dotted #ccc;
/*margin-bottom:5px;*/
line-height:110%;
}
.kompletteBreite h4,
.kompletteSpalte h4,
.banner h4,
.solution h4,
.info h4,
.start h4,
.langeSpalte h4,
.langeBreiteSpalte h4,
.kurzeBreiteSpalte h4,
#infostandard1 h4,
#infostandard2 h4,
#infostandard3 h4,
#info3spaltig h4{
font-size: 14px;
padding: 0 5px 5px 10px;
color: #444;
}
.kompletteBreite p,
.kompletteSpalte p,
.solution p,
.info p,
.start p,
.langeSpalte p,
.langeBreiteSpalte p,
.kurzeBreiteSpalte p,
#infostandard1 p,
#infostandard2 p,
#infostandard3 p,
#info3spaltig p{
font-family: Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
font-size: 11px;
line-height: 120%;
padding: 0 10px 10px 10px;
color:#333;
}
/* ############################################################## */
.info{
background:url(../img/bg.info.long.png);
height: 340px;
margin-bottom: 20px;
}
.solution{
background:url(../img/bg.solution.png);
height: 300px;
margin-bottom: 20px;
}
.start{
position: relative;
background:url(../img/bg.solution.png);
height: 300px;
margin-bottom: 20px;
}
.start .link{
position: absolute;
bottom: 5px;
right: 5px;
}
.kompletteSpalte{
background:url(../img/bg.kompletteSpalte.png);
height: 620px;
margin-bottom: 20px;
}
.kompletteBreite{
background:url(../img/bg.kompletteBreite.png);
height: 500px;
margin-bottom: 20px;
}
#page50 .solution p{
line-height: 110%;
}
/* ############################################################## */
.langeSpalte{
background:url(../img/bg.langeSpalte.png);
height:500px;
margin-bottom: 20px;
}
/* ############################################################## */
.langeBreiteSpalte{
background:url(../img/bg.langeBreiteSpalte.png);
height:500px;
margin-bottom: 20px;
}
/* ############################################################## */
.kurzeBreiteSpalte{
background:url(../img/bg.kurzeBreiteSpalte.png);
height:300px;
margin-bottom: 20px;
}
/* ############################################################## */
#info3spaltig{
background:url(../img/bg.teaser.png);
height: 300px;
margin-bottom: 20px;
}

/* ############################################################## */
#infostandard1{
background:url(../img/bg.standard.png);
height: 600px;
margin-bottom: 20px;
}

/* ############################################################## */
#infostandard2{
background:url(../img/bg.standard2.png);
height: 900px;<
margin-bottom: 20px;
}

/* ############################################################## */
#infostandard3{
background:url(../img/bg.standard3.png);
height: 1200px;
margin-bottom: 20px;
}


/* ############################################################## */
.ansprechpartner{
background:url(../img/bg.solution.png);
height: 300px;
margin-bottom: 20px;
}
.ansprechpartner img{
padding: 10px 0 0 0;
}
.ansprechpartner ul{
font-size: 12px;
line-height: 120%;
padding: 0 10px 10px 25px;
list-style-type: square;
}
.ansprechpartner h2,
.ansprechpartner h3{
font-size: 14px;
color:#333;
padding: 10px 5px 5px 10px;
}
.ansprechpartner h4{
font-size: 13px;
padding: 10px 5px 5px 10px;
color: #444;
}
.ansprechpartner p{
overflow: hidden;
font-size: 12px;
line-height: 120%;
padding: 0 10px 5px 10px;
color:#333;
}
/* ############################################################## */
.kontaktformular{
background:url(../img/bg.form.png);
height: 620px;
margin-bottom: 20px;
}
.kontaktinfo{
background:url(../img/bg.solution.png);
height: 300px;
margin-bottom: 20px;
}
.kontaktinfo img{
padding: 0 0 0 0;
}
.kontaktinfo ul{
font-size: 12px;
line-height: 120%;
padding: 0 10px 10px 25px;
list-style-type: square;
}
.kontaktinfo h1{
font-size: 16px;
color:#333;
padding: 10px 5px 0px 10px;
height: 25px;
border-bottom: 1px dotted #ccc;
}
.kontaktinfo h2{
font-size: 14px;
color:#333;
padding: 10px 5px 0px 10px;
height: 25px;
border-bottom: 1px dotted #ccc;
}
.kontaktinfo h3{
font-size: 14px;
color:#333;
padding: 10px 5px 5px 10px;
}
.kontaktinfo h4{
font-size: 13px;
padding: 10px 5px 0px 10px;
color: #444;
}
.kontaktinfo p{
overflow: hidden;
font-size: 12px;
line-height: 120%;
padding: 0 10px 5px 10px;
color:#333;
}
/* ############################################################## */
.unternehmen{
background:url(../img/bg.4spalten.png);
height: 300px;
margin-bottom: 20px;
}
.inline_spalte{
height: 300px;
width: 235px;
float: left;
padding-top:10px;
}
.inline_spalte p{
overflow: hidden;
font-size: 12px;
line-height: 14.5px;
padding-left:10px;
margin-bottom: 5px;
color:#333;
}
.inline_spalte h3{
font-size: 14px;
color:#333;
line-height: 130%;
padding-left:10px;
}
.inline_spalte h4{
font-size: 12px;
color:#333;
line-height: 115%;
padding-left:10px;
}
/* ############################################################## */
#footer{
border-top: 1px dotted #999;
padding: 10px 0;
}
#footer img{
float: left;
}
#footer li {
float: left;
padding: 5px;
padding-left: 5px;
margin-left: 30px;
list-style-image:url(../img/pfeil.gif);
}
#footer li a {
text-decoration: underline;
color: #666;
}
#footer li a:hover {
color: #C50C1F;
}