﻿body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #fff0ff;
  /*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: 950px;
  margin: 25px auto;
  padding: 0;
  border: 2px solid #cdcdcd;
  background-color: #f5f5f5;
}
div#header {
  width: 950px;
  height: 106px;
  background-color: #fff;
}
div#header img {
  margin: 5px;
}
div#headline {
  width: 950px;
  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 -830px 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: 150px;
  background-color: #fff;
  font-size: 9pt;
  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;
}

#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: none;
  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;
}
#right .header_rechts {
  text-align: center;
  font-weight: 700;
  color: #fff;
  background-color: #bb2b52;
  height: 29px;
  line-height: 29px;
}
#right .aktuell {
  margin: 5px 5px 15px 5px;
  font-size: 8pt;
  line-height: 140%;
}
#right .aktuell a {
  color: #8c090c;
}
#right .aktuell a:hover {
  text-decoration: underline;
}

/**** NAVIGATION ****/

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;
}
#menu dt {
  cursor: pointer;
  margin: 0;
  border-bottom: 1px solid #cdcdcd;
  background: url(../img/strich.gif) repeat-y 6px 0px;
}
#menu li {
  border-bottom: 1px solid #cdcdcd;
  background: url(../img/strich.gif) repeat-y 6px 0px;
}
#menu dt a, #menu li a {
  display: block;
  color: #4d4d4d;
  text-decoration: none;
  font-family: Arial;
  font-size: 8pt;
  border-left: 6px solid #fff;
}
#menu dt a {
  padding: 5px 2px 5px 3px;
}
#menu li a {
  padding: 5px 2px 5px 10px;
  /*font-style: italic;*/
}

