/*----------------------------
  Screen CSS created by Webfox April 2008
  Edited by Fabian Zastrow
  ---------------------------- 
*/

/*----------------------------
  --- reset default styles ---
  ---------------------------- */
* {
   margin:0;
   padding:0;
   }

  
/*----------------------------
  --- reset font sizes -------
  ---------------------------- */
li, p, td, th {
	font-size:1em;
   }

/*----------------------------
  --- generic element styles -
  ---------------------------- */
html {
   height: 101%;
   }

body {
	font:0.7em Verdana,Arial,sans-serif;
	height:100%;
	margin:0px;
	text-align:center;
	background:#c7ccd2;
   }
body.indexpage {
	background:none;
   }
   
a {
   text-decoration:none;
   }
a:hover {
   text-decoration:underline;
   }

img {
   border:none;
   }


/*----------------------------
  --- visual hidden elements -
  ---------------------------- */
 
.aural, h1 {
   position:absolute;
	left:-5000px;
	width:250px;
   }

/*----------------------------
  --- global layou helper ----
  ---------------------------- */
.clear {
   clear:both;
   }

/*----------------------------
  --- layout elements --------
  ---------------------------- */
.clear {
   clear:both;
   }
/*
#bgall {
   background:#0a0144 url("../images/background-blue.gif") 0 0;
   border-left:solid 12px #901c1d;
   width:49%;
   height:100%;
   margin-left:50%;
   margin-top:154px;
   top:0;
   left:0;
   position:absolute;
   }
*/
#bgleft {
   background:#0a0144;
   height:432px;
   width:47.5%;
   top:104px;
   left:0;
   position:absolute;
   }

#bgright {
   background:#fff;
   height:432px;
   width:52.5%;
   top:104px;
   right:0;
   position:absolute;
   }
   
#page-body {
   width:990px;
   margin:0 auto;
   }

#page-headerarea-wrapper {
	position: relative;
   }

#page-headerarea {
	height:104px;
   }
/*
#page-headerarea #page-headerarea-mainbox,
#page-headerarea #page-headerarea-rightbox {
   min-height:100px;
   }

#page-headerarea-leftbox {
   position:absolute;
   width:220px;
   left:0;
   }

#page-headerarea-mainbox {
   margin: 0 290px 0 220px;
   }

#page-headerarea-rightbox {
   position:absolute;
   right:0;	
   top:0;
   width: 290px;
   }
 
#page-headerarea-rightbox img {
   margin-top:24px;
   }
*/  
    
#page-headerarea-navigation {
   z-index:4;
   position:absolute;
   width:980px;
   left:0;
   line-height:20px;
   text-align:left;
   top:40px;
   }
   
#page-headerarea-navigation h2 {
   font-size:1.4em;
   margin-left:486px;
   float:left;
   color:#0a0144;
   text-transform:uppercase;
   }

#page-wrapper {
	float:left;
   }


#page-leftside {
	width:170px;
	float:left;
   position:relative;
   }

#page-main {
	width:800px;
   margin:0;
   float:left;
   position:relative;
   }
   
#page-rightside {
   width:140px;
	float:right;
   position:relative;
   margin:0;
   }
#page-rightside {
	}
	
#page-main-footer {
	clear:both;
	position:relative;
	bottom:0;
   }

#page-footer {
   background:#0a0144;
   color:#fff;
   margin-left:285px;
   padding:1.0em 0 0.4em 20px;
   border-left:solid 12px #901c1d;
   border-top:solid 1px #efefef;
   text-align:left;
   }

#page-leftbox {
   padding-top:20px;
   }

#page-leftbox {
   height:402px;
   background:#0a0144;
   }

#page-mainbox {
   padding:0 0 0 0;
   min-height:432px;
   text-align:left;
   background:none;
   /*background:url("../images/mainbox-bg.gif") top left repeat-y #fff;*/
   color:#333;
   }
   
#page-language {
   position:absolute;
   width:168px;
   top:432px;
   left:0;
   border-left:solid 2px #901c1d;
   }

.imagearea {
   background:#9fadbd;
   float:left;
   width:285px;
   height:432px;
   padding:0;
   overflow:hidden;
   }

#page-mainbox .imagearea img {
   margin:0;   
   }
   
.contentarea1,
.contentarea2,
.contentareaNews {
   border-left:solid 12px #901c1d;
}
.contentarea1 {
   padding:10px 12px 0 20px;
   height:422px;
   overflow:hidden;
   }
.contentareaNews {
   padding:10px 12px 1.4em 20px;
   min-height:800px;
   overflow:hidden;
   background:#f5f5f5;
   }
.contentarea2 {
   background:#0a0144;
   color:#fff;
   padding:10px 12px 25px 20px;
   margin-left:285px;
   min-height:120px;
   }
 
#fullcontent {
   background:#fff;
   border:solid 1px #fff;
   padding:10px 10px 0 10px;
   }
         
/*----------------------------
  --- index page only --------
  ---------------------------- */
  
#index-bgleft {
   background:#0a0144;
   height:432px;
   width:30%;
   top:104px;
   left:0;
   position:absolute;
   }
#index-bgright {
   background:#0a0144;
   border-bottom:solid 12px #901c1d;
   height:420px;
   width:70%;
   top:104px;
   right:0;
   position:absolute;
   }

#index-center {
   position:absolute;
   top:104px;
   height:400px;
   }

#index-wrapper {
   width:1010px;
   }

#imagetext-box {
   width:450px;
	float:left;
   position:relative;
   background:#fff;
   height:432px;
   }

#image-box {
   width:426px;
   height:275px;
   margin:12px;
   overflow:hidden;
   }

#slogan-box {
   position:relative;
   float:left;
   background:#901c1d;
   color:#fff;
   width:376px;
   min-height:100px;
   margin:0 12px 12px 12px;
   padding:10px 25px;
   overflow:hidden;
   font-size:1.1em;
   line-height:2.0;
   text-align:left;
   text-transform:uppercase;
   }

#logo-box {
   text-align:left;
   }
#slogan-box2 {
   position:relative;
   float:left;
   color:#fff;
   width:412px;
   height:200px;
   margin:20px 50px;
   padding:0;
   overflow:hidden;
   text-align:left;
   }
#link-box {
   margin:250px 100px 0 0;
   text-align:right;
   }
#link-box a {
   padding-left:20px;
   background:url('../images/link-arrow.gif') no-repeat left center;
   color:#fff;
   }
   
#intro-text {
   margin:48px 0 0 490px;
   text-align:left;
   }
   
#intro-text h2 {
   font-size:1.2em;
   font-weight:normal;
   color:#0a0144;
   margin:0.5em 0 0.8em;
   }
#intro-text p {
   margin:0.4em 0;
   color:#222;
   }

/*----------------------------
  --- navigations ------------
  ---------------------------- */
  
#page-language ul,
#page-headerarea-navigation ul,
#footer-navi ul {
   list-style:none;
   }

#index-center #page-language ul,
#page-leftside #page-language ul {
   margin:8px 0 12px 8px;
   }
   
#index-center #page-language ul li,
#page-leftside #page-language ul li {
   text-align:left;
   padding-bottom:3px;
   }
   
#index-center #page-language ul li a,
#page-leftside #page-language ul li a {
   text-transform:uppercase;
   color:#666;
   text-decoration:none;
   }

#index-center #page-language ul li.current a,
#page-leftside #page-language ul li.current a {
   color:#901c1d;
   }

#page-headerarea-navigation ul li,
#footer-navi ul li {
   display:inline;
   }

#footer-navi ul li {
   margin-right:10px;
   padding:0 0 0 10px;
   border-left:solid 1px;
   }
   
#footer-navi ul li.first {
   border:none;
   }
   
#page-headerarea-navigation ul li a {
   color:#fff;
   text-decoration:none;
   font-size:0.9em;
   padding-left:10px;
   }
   
#page-headerarea-navigation ul li a:hover,
#page-headerarea-navigation ul li a.current,
#page-headerarea-navigation ul li.current a,
#footer-navi ul li a:hover,
#footer-navi ul li a.current {
   color:#fff;
   text-decoration:underline;
   }

#page-headerarea-navigation ul#langnavi {
   float:left;
   }

#page-headerarea-navigation ul#langnavi li a {
   padding-left:30px;
   margin:0 20px 0 10px;
   }
   
#page-headerarea-navigation ul.addnavi {
   float:right;
   }
   
#page-headerarea-navigation ul.addnavi li a {
   padding-left:10px;
   margin:0 0 0 20px;
   }  
   
  
#page-leftbox-navigation ul {
   list-style:none;
   }

#page-leftbox-navigation {
   margin:0 auto 10px auto;
   text-align:left;
   }

#page-leftbox-navigation ul li {
   }

#page-leftbox-navigation ul li a {
   display:block;
   text-transform:uppercase;
   text-decoration:none;
   padding:10px 2px 3px 0px;
   color:#fff;
   font-weight:bold;
   border-bottom:solid 1px #0a0144;
  	}
   
#page-leftbox-navigation ul li a:hover,
#page-leftbox-navigation ul li a.current {
   border-bottom:solid 1px #c51b1d;
   }
   
#page-leftbox-navigation ul li.first{}

#page-leftbox-navigation ul li ul {
   padding-top:5px;
   padding-bottom:15px;
   }

#page-leftbox-navigation ul li ul li {
   border-color:#fff;
   }
      
#page-leftbox-navigation ul li ul li a {
   background-image:none;
   padding:5px 2px 3px 10px;
   text-transform:none;
   font-weight:normal;
   border-bottom:solid 1px #0a0144;
   }

#page-leftbox-navigation ul li ul li a:hover,
#page-leftbox-navigation ul li ul li a.current {
   border-bottom:solid 1px #999;
   text-decoration:none;
   }
   
#page-leftbox-navigation ul li ul li ul {
   border:none;
   }
   
#page-leftbox-navigation ul li ul li ul li a {
   font-weight:normal;
   padding-left:40px;
   }

#page-leftbox-navigation ul li ul li ul li a:hover,
#page-leftbox-navigation ul li ul li ul li a.current {
   color:#bc0e1d;
   }


#footer-navi {
   display:none;
/*
	clear: both;
	position:relative;
   height:13px;
   margin:4px 0;
   color:#fff;
   font-size:0.85em;
*/
	}
   
#footer-navi a {
   text-decoration:none;
   color:#fff;
   }

#footer-navi a:hover{
   color:#fff;
   }

/*----------------------------
  -----standard Inhalte-------
  ---------------------------- */

#page-mainbox h2 {
   padding:0.15em 0;
   font-size:1.3em;
   text-align:left;
   clear:both;
   height:1%;
   }

#page-mainbox h2 em {
   padding:0.15em 0;
   font-size:0.85em;
   height:1%;
   }

#page-mainbox h3 {
   display:inline;
   padding:0 0 0.3em 0;
   font-size:1.1em;
   line-height:3.0;
   text-align:left;
   text-transform:uppercase;
   }

#page-mainbox .imagearea h3,
#page-mainbox .contentarea1 h3,
#page-mainbox .contentareaNews h3 {
   color:#333;
   border-bottom:solid 1px #333;
   }
   
#page-mainbox .contentarea2 h3 {
   color:#fff;
   border-bottom:solid 1px #fff;
   }

#page-mainbox h4,
#page-mainbox h5 {
   padding:0.3em 0 0.2em 0;
   font-size:1.0em;
   text-align:left;
   } 
   
#page-mainbox .contentareaNews h4,
#page-mainbox .contentareaNews h5 {
   margin-top:12px;
   }
   
#page-mainbox .contentareaNews h4 {
   color:#879ab0;
   border-bottom:solid 1px #9fadbd;
   }
   
#page-mainbox .contentareaNews h4.show {
   font-weight:normal;
   color:#333;
   border:none;
   }
   
#page-mainbox .contentareaNews h5 span {
   font-weight:normal;
   }
   
#page-mainbox .contentareaNews h5.show {
   margin-top:0;
   font-size:1.1em;
   }
   
#page-mainbox .contentareaNews p.back {
   margin-top:1.4em;
   }

#page-mainbox p {
   padding:0 0 10px 0;
   text-align:left;
   line-height:1.3;
   } 
   
#page-mainbox ul {
   margin:3px 0 12px 20px;
   }
   
#page-mainbox ul li {
   padding:1px 0;
   line-height:1.3;
   }
    
#page-mainbox .contentarea1 a,
#page-mainbox .contentareaNews a {
   color:#000;
   }
   
#page-mainbox .contentarea2 a {
   color:#fff;
   }
   
#page-footer a.top,
#page-mainbox a.top {
   padding-left:22px;
   background:url('../images/link-top.gif') no-repeat left 2px;
   color:#c51b1d;
   line-height:3;
   }
#page-mainbox a.popup {
   padding-left:16px;
   background:url('../images/link-popup.gif') no-repeat left 3px;
   color:#0a0144;
   }
   
#page-mainbox ul.anker li {
   list-style-image:url('../images/ul-anchor-image.gif');
   padding-left:2px;
   }
#page-mainbox .contentarea2 ul li {
   list-style-image:url('../images/ul-list-image.gif');
   padding-left:2px;
   }
    
/*Bilder*/

#page-mainbox div.portrait {
   position:absolute;
   margin-left:-220px;
   width:210px;
   text-align:center;
   height:200px;
   } 

#page-mainbox div.portraittext {
   height:200px;
   }

#page-rightbox img {
   margin:50px 0;
   } 

/*Tabellen*/

#page-mainbox table{
   border-collapse:collapse;
   width:462px;
   }
   
#page-mainbox table th {
   text-align:center;
   font-size:0.9em;
   border-bottom:solid 2px #999;
   padding:2px;
   }

#page-mainbox td {
   padding:2px;
   text-align:center;
   font-size:0.9em;
   border-bottom:solid 1px #ccc;
   }

#page-mainbox tr.tablegray {
   background:#f2f2f2;
   }

#page-rightbox p {
   font-size:0.9em;
   color:#666;
   padding:0 0 10px 0;
   }
   
/* Minitable */
#page-mainbox ul.minitable {
	width:470px;
   margin:3px 0 12px 0;
	padding:0;
	}
#page-mainbox ul.minitable li {
   list-style:none;
	padding:0;
	}

#page-mainbox ul.minitable span.column1 {
	display:block;
	float:left;
	width:11.0em;
	}
   
#page-mainbox ul.minitable span.column2 {
	margin-left:10px;
	}

#page-mainbox ul.twoCols li {
	display:block;
	float:left;
	width:16em;
   } 
   
/*----------------------------
  ----------Formulare---------
  ---------------------------- */

fieldset {
   margin-top:20px;
   border:solid 1px #fff;
   padding:10px 0 10px 0px;
   }

legend {
   font-weight:bold;
   padding:4px;
   }
.contentarea1 legend {
   color:#0a0144;
   }
.contentarea2 legend {
   color:#fff;
   }

label {
   font-weight:bold;
   display:block;
   float:left;
   width:125px;
   margin:4px 0;
   }

input {
   float:left;
   width:305px;
   border:solid 1px #999;
   margin:4px 0;
   padding:4px;
   font:1.1em Verdana,Arial,sans-serif;
   }

input:focus,
textarea:focus {
   background:#e7edf4;
   }

textarea {
   border:solid 1px #999;
   width:430px;
   height:200px;   
   padding:4px;
   font:1.1em Verdana,Arial,sans-serif;
   }
   
select {
   width:150px;
   padding:1px;
   margin:4px 0;
   }

form div {
   clear:both;
   }

form div.textarea,
form div.buttons {
   padding:10px 0;
   }

.textarea label {
   float:none;
   }

.buttons {
   text-align:right;
   }

.buttons input.button {
   float:none;
   background:#999;
   margin:0 5px 0;
   width:120px;
   cursor:pointer;
   font-size:1.0em;
   font-weight:bold;
   color:#000;
   }
.buttons input.button:hover {
   background-color:#c51b1d;
   color:#fff;
   }

div.warn,
div.succes {
   border:solid 1px;
   margin:4px 0;
   padding:6px 10px;
   font-weight:bold;
   }
div.warn h4 {
   color:#000;
   }
div.warn {
   background:#c51b1d;
   border-color:white;
   color:white;
   }
div.succes {
   background:green;
   border-color:white;
   color:white;
   }

/* Kontaktformular */
fieldset#mailer {
   border:solid 1px #999;
   padding:4px 12px;
   }
fieldset#mailer legend {
   color:#999;
   }
fieldset#mailer div {
   margin-left:4px;
   }
   
/* Bewerbungsformular */
fieldset#bewerbung1,
fieldset#bewerbung2 {
   border:solid 1px #999;
   padding:4px 12px;
   }
fieldset#bewerbung2 legend {
   color:#999;
   }
fieldset#bewerbung1 div,
fieldset#bewerbung2 div {
   margin-left:4px;
   }
fieldset#bewerbung2 div.buttons {
   padding:15px 0 6px 0;
   }
fieldset#bewerbung2 label {
   width:430px;
   margin-top:12px;
   }

/*----------------------------
  ----------- News -----------
  ---------------------------- */
.news-select {
   margin:10px 12px 0px 20px;
   }
   
.contentareaNews div {
   margin:6px 0;
   }
   
/* Formular */
form.news-select-form {
   }
   
form.news-select-form select {
   width:240px;
   }
   
form.news-select-form input {
   background:#ccc;
   margin:0;
   width:240px;
   cursor:pointer;
   font-size:1.0em;
   font-weight:bold;
   color:#000;
   }
   
form.news-select-form input:hover {
   background-color:#901c1d;
   color:#fff;
   }