/* Allgemeine Formatierungen */
* html, body {
 margin:0px;
 padding:0px;
 height: 100%;
}

html, body {
 min-height: 100%;
 margin: 0;
 padding: 0;
}

body {
	background-color: #f8f8fc;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 75%;
    color: #191d81;
}

/* Hyperlinks */
a {
color: #d24c1f;
 }

 a:hover {
color: #f1a188;
text-decoration: none;
 }

 a:active {
color: #d24c1f;
}

/* Überschriften */
h1,h2,h3,h4,h5 {
  color: #191d81;
  text-transform: uppercase;
	font-size : 120%;  
}

/* Aufzählungen */
li {
  padding: 3px 0 3px 0;
}

ul.listabstand {
    margin: 0;
    padding: 0;
}

ul.listabstand li{
    margin: 0px 0 0px 16px;
    padding: 0;
}



/* Navigationsbox links - für die 3 Themenbereiche unterschiedlich */
#nav-links {
  background-image: url(../images/nav-background.jpg);
  background-repeat: no-repeat;
  background-color: #191D81;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 144px;
  min-height: 100%;
  text-align: right;
}

* html #nav-links {
 height: 100%;
}

#nav-links2 {
  background-image: url(../images/nav-background2.jpg);
  background-repeat: no-repeat;
  background-color: #191D81;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 144px;
  min-height: 100%;
  text-align: right;
}

* html #nav-links2 {
 height: 100%;
}

#nav-links3 {
  background-image: url(../images/nav-background3.jpg);
  background-repeat: no-repeat;
  background-color: #191D81;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 144px;
  min-height: 100%;
  text-align: right;
}

* html #nav-links3 {
 height: 100%;
}

/* Navigationsbilder - nur für Handheld Version */
.navbild {
}

/* Hauptnavigation */
a.nav-main {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 padding-right: 12px;
}

a.nav-main:hover {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: underline;
}


.nav-main-active {
  color: #FFFFFF;
  font-weight: bold;
 padding-right: 12px;
 text-decoration: underline;
}

a.nav-main:active {
  color: #FFFFFF;
}

/* Linien um die Navigationspunkte oben und unten */
.nav-main-box {
  border-top: 1px solid #f8f8fc;
  border-bottom: 1px solid #f8f8fc;
  height: 35px;
  width: 144px;
}

/* Mittlerer Navigationspunkt ohne Rahmen, da die Linien sonst doppelt sind */
.nav-main-box-mitte {
  height: 35px;
  width: 144px;
}

/* Box für Metanavigation: Startseite, etc. */
.metanavbox {
 font-size: 90%;
 color: #FFFFFF;
 width: 144px;
}

a.metanav {
 color: #FFFFFF;
 text-decoration: none;
 padding-right: 12px;
}

a.metanav:hover {
 color: #FFFFFF;
 text-decoration: underline;
}

a.metanav:active {
 color: #FFFFFF;
}

.metanav-active {
 color: #FFFFFF;
 text-decoration: underline;
 padding-right: 12px;
}

/* Box für Link zur englischen Fassung */
.englishversion {
 font-size: 90%;
 width: 144px;
}

a.english {
 color: #FFFFFF;
 text-decoration: none;
 padding-right: 12px;
}

a.english:hover {
 text-decoration: underline;
 color: #FFFFFF;
}

a.english:active {
 color: #FFFFFF;
}


/* Rahmen um den Content für grauen Hintergrund */
#rahmen {
  min-height: 100%;
  background-color: #f8f8fc;
  margin-left: 144px;
  margin-right: 100px;
  width: auto;
}

* html #rahmen {
 height: 100%;
}


/* Header mit Logo etc. */
#header {
  height: 90px;
}

.logotabelle {
  height: 90px;
}


.sloganabstand {
 padding-left: 10px;
 padding-top: 22px;
}

/* Content Bereich */
#content {
  height: auto;
  min-height: 100%;
  border-top: 1px solid #191d81;
  border-bottom: 1px solid #191d81;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}

/* Content Definition extra für die Partner Seite, da der IE den Rahmen falsch interpretiert */
#contentpartner {
  height: auto;
  min-height: 100%;
  border-top: 1px solid #191d81;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
}

/* Seperater Rahmen unten auf der Partnerseite, da IE Darstellungsprobleme hat */
.partnertabelle {
  border-bottom: 1px solid #191d81;
}


/* Footer Abstand */
.footer {
  height: 34px;
}


/* Unternavigation im Header  - erstes Element */
.subnav-abstand {
  padding-left: 10px;
}

a.subnav {
 color: #d24c1f;
 text-decoration: none;
}

a.subnav:hover {
 color: #f1a188;
 text-decoration: underline;
}

a.subnav:active {
 color: #d24c1f;
}

.subnav-active {
 color: #d24c1f;
}

/* Unternavigation im Header  - folgende Elemente */
.subnav-more {
 margin-left: 30px;
}

a.subnav-more {
 color: #d24c1f;
 text-decoration: none;
 }

a.subnav-more:hover {
 color: #f1a188;
 text-decoration: underline;
}

a.subnav-more:active {
 color: #d24c1f;
}




/* Content Text Formatierungen */
.content {
  color: #191d81;
}

.fett {
  font-weight: bold;
}

.unter {
  text-decoration: underline;
}

.kleiner {
  font-size: 85%;
}

.handheldhead {
  text-decoration: underline;
}

.ausblender {
  display: none;
}


/* Abstandhalter für Aufzählungen mit Effekten */


/*Bilder im Contentbereich */
.contentbild {
  padding-right: 10px;
  padding-bottom: 10px;
}

/* DIV einblenden mit HOVER  - Projekte */
a.box1, a.box2, a.box3, a.box4, a.box5, a.box6, a.box7, a.box8, a.box9, a.box10, a.box11, a.box12, a.box13, a.box14, a.box15, a.box16 {
 text-decoration: none;
 padding-left: 20px;
 color:#191d81;
}

a.box1:hover, a.box2:hover, a.box3:hover, a.box4:hover, a.box5:hover, a.box6:hover, a.box7:hover, a.box8:hover, a.box9:hover, a.box10:hover, a.box11:hover, a.box12:hover, a.box13:hover, a.box14:hover, a.box15:hover, a.box16:hover {
 color: #191d81;
  padding-left: 20px;
 background: #f8f8fc;
}

a.box1 span, a.box2 span, a.box3 span, a.box4 span, a.box5 span, a.box6 span, a.box7 span, a.box8 span, a.box9 span, a.box10 span, a.box11 span, a.box12 span, a.box13 span, a.box14 span, a.box15 span, a.box16 span {
 visibility: hidden;
 position: absolute;
 left: 50em;
 margin-top: 0em;
 padding: 0em;
 text-decoration: none;
}

a.box1:hover span, a.box2:hover span, a.box3:hover span, a.box4:hover span, a.box5:hover span, a.box6:hover span, a.box7:hover span, a.box8:hover span, a.box9:hover span, a.box10:hover span, a.box11:hover span, a.box12:hover span, a.box13:hover span, a.box14:hover span, a.box15:hover span, a.box16:hover span {
 visibility: visible;
 border: 1px solid #191d81;
 color: #191d81;
 background: #f8f8fc;
 font-size: 80%;
}

/* DIV einblenden mit HOVER  - Skills */
a.boxskills1, a.boxskills2, a.boxskills3, a.boxskills4, a.boxskills5, a.boxskills6, a.boxskills7, a.boxskills8, a.boxskills9 {
 text-decoration: none;
 padding-left: 20px;
 color:#191d81;
}

a.boxskills1:hover, a.boxskills2:hover, a.boxskills3:hover, a.boxskills4:hover, a.boxskills5:hover, a.boxskills6:hover, a.boxskills7:hover, a.boxskills8:hover, a.boxskills9:hover {
 color: #191d81;
 padding-left: 20px;
 background: #f8f8fc;
}

a.boxskills1 span, a.boxskills2 span, a.boxskills3 span, a.boxskills4 span, a.boxskills5 span, a.boxskills6 span, a.boxskills7 span, a.boxskills8 span, a.boxskills9 span {
 visibility: hidden;
 position: absolute;
 left: 44em;
 margin-top:0em;
 padding: 0em;
 text-decoration: none;
}

a.boxskills1:hover span, a.boxskills2:hover span, a.boxskills3:hover span, a.boxskills4:hover span, a.boxskills5:hover span, a.boxskills6:hover span, a.boxskills7:hover span, a.boxskills8:hover span, a.boxskills9:hover span {
 visibility: visible;
 border: 1px solid #191d81;
 color: #191d81;
 background: #f8f8fc;
 font-size: 80%;
}

/* Ausblender nur für PDA Seiten */
#heldnav {
  display: none;
}

/* Ausblender für englische Sprachversion */
.lang-ausblender {
/* display: none; */
}