/*CSS-Dateien martin-franssen.de
Stand: 19.08.2008
Autor: Ansgar Bolle, multimediadesign.net, Düsseldorf*/
/*Standards
*/
* {
margin: 0;
padding: 0; }
html {
font-size: 100.01%; }
body {
color: #62676b;
font-size: 82%;
font-family: "Lucida Sans", verdana, helvetica, arial, sans-serif;
background-color: #efefef;
text-align: center; }
ul,ol {
list-style-type: none; }
a, a:link, a:visited {
color: #376290;
text-decoration: none;
outline-style: none; }
a:hover {
text-decoration: underline; }
.invisible {
visibility: hidden; }
/*Seitenaufbau*/
div#main {
background-image: url(../shared/bg_main.gif);
background-repeat: no-repeat;
background-position: left top;
text-align: left;
position: absolute;
top: 50%;
left: 50%;
width: 1051px;
height: 766px;
margin-top: -383px;
margin-left: -525px; }
div#mainContent {
position: absolute;
top: 55px;
left: 60px;
width: 930px;
height: 660px; }
div#logo {
position: absolute;
top: 0;
left: 217px; }
div#col1 {
position: absolute;
top: 270px;
left: 0;
width: 200px;
height: 400px;
z-index: 99; }
div#col2 {
position: absolute;
top: 270px;
left: 217px;
width: 717px;
height: 400px; }
div#paging {
margin-top: 15px; }
div#footer {
position: absolute;
left: 217px;
bottom: 0; }
div#social {
position: absolute;
right: 0;
bottom: 0;
width: 195px; }
div#date {
position: absolute;
top: 278px;
right: 0; }
div#listviewselect {
position: absolute;
top: 50px;
left: 490px; }
div#zitat {
position: absolute;
top: 50px;
left: 0;
width: 480px;
height: 150px; }
div#boxAktuell {
position: absolute;
top: 45px;
right: 0;
width: 200px; }
/*Accordion Menue*/
div#accordion {
position: absolute;
top: 60px;
width: 930px;
z-index: 100; }
.sm {
width: 930px;
height: 180px;
overflow: hidden;
margin: 0;
padding: 0;
list-style-type: none;
display: block; }
.sm li {
overflow: hidden;
float: left;
margin: 0;
padding: 0;
cursor: pointer;
display: inline;
white-space: nowrap; }
/*Service-Navigation Kopf*/
div#navService {
position: absolute;
top: 0;
right: 0; }
div#navService ul { }
div#navService ul li {
background-image: none;
float: left;
padding-left: 0;
display: inline; }
div#navService ul li a {
color: #c9ccce;
font-size: 70%;
font-weight: normal;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 1px;
padding-right: 10px; }
div#navService ul li a:hover {
color: #87a1bc;
text-decoration: none; }
/*Sub-Navigation*/
ul.subNavi {
margin-top: 50px; }
ul.subNavi li {
height: 1%;
margin-bottom: 1.2em;
white-space: nowrap; }
ul.subNavi li a {
color: #797f84;
font-size: 85%;
line-height: 1em;
text-transform: uppercase;
display: block; }
ul.subNavi li a:hover {
color: #376290; }
ul.subNavi li a.active {
color: #376290;
font-weight: bold; }
/*Typographie*/
div#col2 a {
background-image: url(../shared/bg_content_link.gif);
background-repeat: repeat-x;
background-position: 0 bottom; }
div#col2 a:hover {
background-image: url(../shared/bg_content_link_hover.gif);
text-decoration: none; }
div#col2 h1 {
color: #376290;
font-size: 160%;
font-weight: normal;
line-height: 1.2em;
padding-right: 200px;
padding-bottom: 0.8em; }
div#col2 h2 {
color: #376290;
font-size: 110%;
font-weight: bold;
line-height: 1.2em;
padding-bottom: 0.4em; }
div#col2 h3 {
font-size: 90%;
font-weight: bold;
line-height: 1.3em; }
div#col2 p {
line-height: 1.5em;
margin-bottom: 0.4em; }
div#col2 p.zitat {
color: #376290;
font-style: normal; }
div#col2 p.zitatquelle {
font-size: 80%;
line-height: 1.3em;
padding-top: 0.6em; }
div#col2 p.zitatquelle span {
 }
div#social p {
color: #94999d;
font-size: 62%;
line-height: 1em;
text-transform: uppercase;
padding-bottom: 5px; }
.zitat {
font-style: italic; }
.quelle {
font-size: 80%;
line-height: 1em; }
div#col2 ul {
margin-top: 0.8em;
margin-bottom: 0.8em; }
div#col2 ul li {
line-height: 1.4em;
background-image: url(../shared/icon_ffwd.gif);
background-repeat: no-repeat;
background-position: 0 3px;
margin-bottom: 0.4em;
padding-left: 20px; }
div#paging a, div#paging a:hover {
background-image: none; }
div#paging a.forward {
font-size: 75%;
font-weight: bold;
line-height: 1em;
background-image: url(../shared/icon_ffwd.gif);
background-repeat: no-repeat;
background-position: right 1px;
text-transform: uppercase;
padding-right: 15px;
padding-bottom: 3px; }
div#paging a.back {
font-size: 80%;
font-weight: bold;
line-height: 1em;
background-image: url(../shared/icon_back.gif);
background-repeat: no-repeat;
background-position: left 0;
text-transform: uppercase;
letter-spacing: 1px;
padding-right: 15px;
padding-bottom: 3px;
padding-left: 15px; }
div#footer p {
color: #94999d;
font-size: 70%;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
padding: 0; }
div#date p {
color: #94999d;
font-size: 75%;
line-height: 1em; }
div#col2 ul.listview {
margin: 0;
padding: 0;
border-top: 1px none #c9ccce; }
div#col2 li.listview {
background-image: none;
margin: 0;
padding: 5px 0 0;
border-bottom: 1px none #c9ccce; }
div#col2 li.listview p {
font-size: 90%;
line-height: 1.3em;
margin: 0;
padding: 0 0 0.2em; }
div#col2 li.listview a.link {
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 2px; }
div#col2 div.listview h2 {
font-size: 100%;
line-height: 1.2em;
margin: 0 0 0.4em;
padding: 0; }
div#col1 div.infobox, div#col2 div.infobox {
width: 200px; }
div#col1 div.infobox {
position: absolute;
top: 50px; }
div#col2 div.infobox h1 {
color: #376290;
font-size: 110%;
font-weight: bold;
line-height: 1em;
margin: 0;
padding: 10px 0 0; }
div#col1 div.infobox p {
font-size: 90%;
line-height: 1.4em;
padding-bottom: 0.4em; }
/*Sitemap*/
div#sitemap ul { }
div#sitemap ul li {
font-size: 90%;
font-weight: bold;
line-height: 1.2em;
background-image: none;
float: left;
margin: 0 1.2em 0 0;
padding: 0 0 0.6em;
display: inline; }
div#sitemap ul li ul {
margin: 0;
padding: 0.6em 0 0; }
div#sitemap ul li ul li {
font-size: 90%;
font-weight: normal;
line-height: 1.2em;
background-image: none;
float: none;
margin: 0;
padding-top: 0;
padding-right: 0;
padding-left: 0;
border-style: none;
display: block; }
/*Tabellen*/
td {
text-align: left;
vertical-align: top; }
td.cvjahr {
color: #376290;
white-space: nowrap; }
div#col2 table.tableBranchen {
font-size: 100%;
line-height: 1.2em;
width: auto;
margin-top: 8px; }
div#col2 table.tableBranchen td {
text-align: left;
vertical-align: top;
width: 120px;
border-right: 1px solid white;
border-bottom: 1px solid white;
white-space: normal; }
div#col2 table.tableBranchen p {
font-size: 85%;
line-height: 1.2em;
margin: 0 0 5px;
padding: 0 5px 0 0; }
div#col2 table, div#col2 table td, div#col2 p {
font-size: 100%; }
div#col2 table p {
line-height: 1.3em;
padding-right: 15px; }
/*Accordion*/
      div#col2 div#plaintabs {
margin: 0;
padding: 0; }
      div#col2 div#plaintabs ul {
margin: 0;
padding: 0;
display: block;
list-style: none; }
      div#plaintabs ul li {
color: white;
font-size: 85%;
font-weight: bold;
line-height: 1em;
margin: 0 1px 1px 0;
padding: 5px 10px;
display: inline;
background-color: #afc0d3;
background-image: none;
float: left;
cursor: pointer;
white-space: nowrap; }
      div#plaintabs ul li.active { background-color: #376290; color: white; }
      div#plaintabs div {
margin: 0;
padding: 10px 0 0 0;
display: none;
clear: both; }
      div#plaintabs div.active {
display: block; }
/*Slider*/
.slider {
background: white;
position: absolute;
top: 50px;
width: 480px;
overflow:hidden;
height:280px;
padding-bottom: 10px;
border-color: #afc0d3 #d7e0e9 #d7e0e9 #afc0d3;
border-style: solid;
border-width: 1px; }
.slidercontent {
position:absolute;
padding: 0 10px 10px; }
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {}
.newsslider {
background-image: none;
background-repeat: no-repeat;
background-position: 0 0;
position:absolute;
overflow:hidden;
width:480px;
top: 50px;
height: 280px;
padding-bottom: 10px; }
.newsslidercontent {
position:absolute;
height: 280px; }
.newsslidercontent .upper {border-bottom:1px solid #9ac1c9}
.newssection {
padding-bottom: 130px; }
div.up, div.down {
position: absolute;
left: 490px;
cursor: pointer; }
div.up {
top: 80px; }
div.down {
top: 100px; }
span.link {
cursor: pointer; }
/*Formularelemente*/
form {
 }
form p {
overflow: hidden;
clear: both; }
fieldset {
border-style: none;
outline-style: none; }
legend { }
label {
color: #376290;
font-size: 80%;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
width: 100px;
float: left; }
input.textfeld, input.captcha, textarea.textfeld,select {
font-size: 90%;
line-height: 1em;
padding: 0.2em;
border-color: #c9ccce #e4e5e6 #e4e5e6 #c9ccce;
border-style: solid;
border-width: 1px; }
input.textfeld, textarea.textfeld {
width: 200px; }
input.captcha {
width: 50px; }
.textfeld:focus {
background-color: #d7e0e9; }
input.submit {
color: white;
font-size: 80%;
font-weight: bold;
line-height: 1em;
background-color: #376290;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0.2em;
border-color: #87a1bc #254262 #254262 #87a1bc;
border-style: solid;
border-width: 1px;
cursor: pointer; }
select {
 }
select option {
padding-right: 0.8em; }