﻿body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #708090;
  /*background: url("../img/bg.gif") 0px 0px repeat;*/
  font: 101% verdana, arial, sans-serif;
  color: #4d4d4d;
  line-height: 120%;
}

img
{
	border: 0px;
}

div#container {
  width: 980px;
  margin: 0px auto;
  padding: 0;
  border: 2px solid #cdcdcd;
  background-color: #f5f5f5;
}
div#header {
  width: 980px;
  height: 106px;
  background-color: #fff;
}
div#header img {
  margin: 5px;
}
div#headline {
  width: 980px;
  height: 15px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  background-color: #f5f5f5;
  text-align: left;
}
div#center {
  float: left;
  width: 618px;
  margin: 0 -750px 0 0;
  border-right: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  background-color: #fff;
  font-size: 9pt;
  text-align: left;
  display: inline;
}
div#left {
  float: left;
  width: 180px; /*changed*/
  margin: 0;
}
div#right {
  float: right;
  width: 180px;
  //background-color: #fff;
  text-align: left;
  //border-bottom: 1px solid #cdcdcd;
}
div#footer {
  height: 25px;
  width: 618px;
  border-top: 1px solid #cdcdcd;
  background-color: #fff;
  text-align: center;
  color: #8d8d8d;
  font-size: 8pt;
  padding-top: 3px;
}
div#content {
  margin: 15px;
}
/**** EASYCLEAR *****/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1 {
  font-size: 12pt;
  font-weight: bold;
  margin-top: -2px;
}
h2 {
  font-size: 9pt;
  font-weight: bold;
}
.menu1Header {
  color: #8c090c;
}
.menu2Header {
  color: #bb2b52;
}
.menu3Header {
  color: #db3178;
}
.menu4Header {
  color: #e94da0;
}
.menu5Header {
  color: #d951ba;
}
.menu6Header {
  color: #ae42ae;
}
.menu7Header {
  color: #6d2893;
}
.menu8Header {
  color: #17066d;
}
#headline a {
  text-decoration: none;
  color: #8c090c;
  font-family: Arial;
  font-size: 8pt;
  margin-left: 10px;
  margin-top: -5px;
}
#headline a:hover {
  font-weight: bold;
}
#content img.headergif {
  float: left;
  margin-right: 10px;
}
#content p {
  text-align: justify;
}
#content a {
  text-decoration: none;
  color: #8c090c;
  white-space:nowrap;
}
#content a:hover {
  text-decoration: underline;
}
#content a img {
  border: 0;  
}
#content ul {
  list-style: url(../img/bullet.gif) outside;
  margin-left: 16px;
}
#content li {
  margin-bottom: 10px;
}
#content table.graytable {
  border-collapse:collapse;
  font-size: 8pt;
}
#content table.graytable td, th {
  border: 1px solid white;
  vertical-align: top;
  background-color: #f5f5f5;
  padding: 2px;
}
#content table.graytable .grauer {
  background-color: #f0f0f0;
}
#content table.graytable .dunkelgrau {
  background-color: #e5e5e5;
}
#content table.graytable .weiss {
  background-color: #fff;
}
/* Formular */
#bewerbung {
  border: 1px solid #cdcdcd;
  margin: 40px;
  padding: 20px;
}
#bewerbung input, textarea {
  margin: 5px;
  padding: 2px 2px 2px 5px;  
  border: 1px solid #cdcdcd;  
  color: #4d4d4d;
  font: 9pt verdana, arial, sans-serif;
}
#bewerbung input:focus, #content textarea:focus, #content input:hover, #content textarea:hover {
  color: #000000;
  background-color: #f5f5f5;
}
#bewerbung input.submit, #content input.reset {
  width:100;
  height:20;
  border: 1px solid #f5f5f5;
  background-color: #8c090c;
  color: #f5f5f5;
  font-weight: bold;
}
#bewerbung input.submit:hover, #content input.reset:hover, #content input.submit:focus, #content input.reset:focus {
  color: #8c090c;
  background-color: #f5f5f5;
  border: 1px solid #8c090c;
}


#footer a {
  color: #8d8d8d;
  text-decoration: none;  
}
#footer a:hover {
  text-decoration: underline;
}
#right a {
  text-decoration: underline;
  white-space: nowrap;
}
#right a img {
  border: 0;  
}

/**** RECHTE SPALTE ****/
div#suchtext {
  color:#bb2b52;
  font-weight:700;
  margin:0;
  padding:0;
}
#suchtext p {
  margin: 0;
  padding: 5px 0px 2px 5px;
}
#right form {
  margin: 0;
  padding: 0;
}
div#suchfeld {
  border-bottom: 1px solid #cdcdcd;
  padding: 0px 0px 10px 5px;	
}
div#suchfeld input.eingabe {
  border: 1px solid #8d8d8d;
  color: #8d8d8d;
}
div#suchfeld input.senden {
  border: 0;
  background-color: #bb2b52;
  color: #fff;
}
#extern {
  text-align: center;
  line-height: 25px;
}
#extern li {
  border-bottom: 1px solid #cdcdcd;
}
#extern a {
  display: block;
  height: 25px;
  color: #bb2b52;
}

#extern a:hover {
  background-color: #bb2b52;
  color: #fff;
}
.header_rechts {
  text-align: center;
  font-weight: 700;
  font-size: 9pt;
  color: #fff;
  background-color: #bb2b52;
  height: 29px;
  line-height: 29px;
}
.aktuell {
  text-align: left;
  margin: 5px 5px 15px 5px;
  font-size: 8pt;
  line-height: 140%;
}
.aktuell a {
  color: #8c090c;
  font-weight: normal;
}
.aktuell a:hover {
  text-decoration: underline;
}

/**** NAVIGATION ****/
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu {
  display: none;
}
#smenu1_opened, #smenu2_opened, #smenu3_opened, #smenu4_opened, #smenu5_opened, #smenu6_opened, #smenu7_opened, #smenu8_opened, #smenu_openend {
  display: block;
}
dl, dt, dd, ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu {
  position: relative;
  top: 0;
  left: 0;
  text-align: left;
  background-color: #fff;
}
#menure {
	position: relative;
	top: 0;
	right: 0;
	text-align: left;
	background-color: #fff;
}
#menu dt, #menure dt {
  cursor: pointer;
  margin: 0;
  border-bottom: 1px solid #cdcdcd;
  background: url(../img/strich.gif) repeat-y 6px 0px;
}
#menu li, $menure li {
  border-bottom: 1px solid #cdcdcd;
  background: url(../img/strich.gif) repeat-y 6px 0px;
}
#menu dt a, #menu li a, #menure dt a, #menure li a {
  display: block;
  color: #4d4d4d;
  text-decoration: none;
  font-family: Arial;
  font-size: 8pt;
  border-left: 6px solid #fff;
}
#menu dt a, #menure dt a {
  padding: 5px 2px 5px 3px;
}
#menu li a, #menure li a {
  padding: 5px 2px 5px 10px;
  /*font-style: italic;*/
}


/*Menu-Colors*/

/*obermenü mouseover*/
#menu dt a.menu1:hover {
  border-left: 6px solid #8c090c;
}
#menu dt a.menu2:hover {
  border-left: 6px solid #bb2b52;
}
#menu dt a.menu3:hover {
  border-left: 6px solid #db3178;
}
#menu dt a.menu4:hover {
  border-left: 6px solid #e94da0;
}
#menu dt a.menu5:hover {
  border-left: 6px solid #d951ba;
}
#menu dt a.menu6:hover {
  border-left: 6px solid #ae42ae;
}
#menu dt a.menu7:hover {
  border-left: 6px solid #6d2893;
}
#menu dt a.menu8:hover {
  border-left: 6px solid #17066d;
}
/*obermenü clicked*/
#menu dt a.menu1_opened {
  border-left: 6px solid #8c090c;
  color: #8c090c;
  font-weight: 600;
}
#menu dt a.menu2_opened {
  border-left: 6px solid #bb2b52;
  color: #bb2b52;
  font-weight: 600;
}
#menu dt a.menu3_opened {
  border-left: 6px solid #db3178;
  color: #db3178;
  font-weight: 600;
}
#menu dt a.menu4_opened {
  border-left: 6px solid #e94da0;
  color: #e94da0;
  font-weight: 600;
}
#menu dt a.menu5_opened {
  border-left: 6px solid #d951ba;
  color: #d951ba;
  font-weight: 600;
}
#menu dt a.menu6_opened {
  border-left: 6px solid #ae42ae;
  color: #ae42ae;
  font-weight: 600;
}
#menu dt a.menu7_opened {
  border-left: 6px solid #6d2893;
  color: #6d2893;
  font-weight: 600;
}
#menu dt a.menu8_opened {
  border-left: 6px solid #17066d;
  color: #17066d;
  font-weight: 600;
}
/*untermenü*/
#menu li a.smenu1 {
  border-left: 6px solid #c58485;
}
#menu li a.smenu2 {
  border-left: 6px solid #dd95a8;
}
#menu li a.smenu3 {
  border-left: 6px solid #ed98bb;
}
#menu li a.smenu4 {
  border-left: 6px solid #f4a6cf;
}
#menu li a.smenu5 {
  border-left: 6px solid #eca8dc;
}
#menu li a.smenu6 {
  border-left: 6px solid #d6a0d6;
}
#menu li a.smenu7 {
  border-left: 6px solid #b693c9;
}
#menu li a.smenu8 {
  border-left: 6px solid #8b82b6;
}
/*untermenü mouseover*/
#menu li a.smenu1:hover {
  background: url(../img/strichpfeil1.gif) no-repeat;
}
#menu li a.smenu2:hover {
  background: url(../img/strichpfeil2.gif) no-repeat;
}
#menu li a.smenu3:hover {
  background: url(../img/strichpfeil3.gif) no-repeat;
}
#menu li a.smenu4:hover {
  background: url(../img/strichpfeil4.gif) no-repeat;
}
#menu li a.smenu5:hover {
  background: url(../img/strichpfeil5.gif) no-repeat;
}
#menu li a.smenu6:hover {
  background: url(../img/strichpfeil6.gif) no-repeat;
}
#menu li a.smenu7:hover {
  background: url(../img/strichpfeil7.gif) no-repeat;
}
#menu li a.smenu8:hover {
  background: url(../img/strichpfeil8.gif) no-repeat;
}
/*untermenü clicked*/
#menu li a.smenu1_opened {
  border-left: 6px solid #c58485;
  color: #c58485;
  background: url(../img/strichpfeil1.gif) no-repeat;
  font-weight: 600;
}
#menu li a.smenu2_opened {
  border-left: 6px solid #dd95a8;
  color: #dd95a8;
  background: url(../img/strichpfeil2.gif) no-repeat;
  font-weight: 600;
}
#menu li a.smenu3_opened {
  border-left: 6px solid #ed98bb;
  color: #ed98bb;
  background: url(../img/strichpfeil3.gif) no-repeat;
  font-weight: 600;
}
#menu li a.smenu4_opened {
  border-left: 6px solid #f4a6cf;
  color: #f4a6cf;
  background: url(../img/strichpfeil4.gif) no-repeat;
  font-weight: 600;
}
#menu li a.smenu5_opened {
  border-left: 6px solid #eca8dc;
  color: #eca8dc;
  background: url(../img/strichpfeil5.gif) no-repeat;
  font-weight: 600;
}
#menu li a.smenu6_opened {
  border-left: 6px solid #d6a0d6;
  color: #d6a0d6;
  background: url(../img/strichpfeil6.gif) no-repeat;
  font-weight: 600;
}
#menu li a.smenu7_opened {
  border-left: 6px solid #b693c9;
  color: #b693c9;
  background: url(../img/strichpfeil7.gif) no-repeat;
  font-weight: 600;
}
#menu li a.smenu8_opened {
  border-left: 6px solid #8b82b6;
  color: #8b82b6;
  background: url(../img/strichpfeil8.gif) no-repeat;
  font-weight: 600;
}

