html, body {
  width: 100%;
  height: 100%;
}
*{
 	font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
}
body {
  margin: 0;
  font-size: 62.5%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background:white url(bg.jpg) top left repeat-x;
color:#000;
}
a {
  color: #00367B;
}
a img {
  border: none;
}
img {
  margin: 0;
  padding: 0;
}
a.button {
  display: block;
  text-decoration: none;
  font-weight: bold;
  background: url(button_bg.gif) no-repeat;
  width: 130px;
  height: 25px;
  line-height:25px;
  margin:0;
  padding: 0;
  text-align: center;
}
/***********************************************************
Body-Container
***********************************************************/
#bodyContainer {
  position: relative;
  width: 768px;
  text-align: left;
  margin: 24px auto;
}
#bodyTop {
  position: relative;
  height: 228px;
  overflow: hidden;
}

#Translate{
  position: absolute;
  top:-18px;
  left:650px;
	color:#5F5C5C;
	font-size:11px;
	font-weight:bold;
}
#Translate a{
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#5F5C5C;
}
#Translate a:hover{
	color:#00367B;
	text-decoration:underline;
}

#Translate a.active{
	color:#00367B;
}

#left {
  float: left;
  width: 240px;
  position: relative;
  height: 230px;
  overflow: hidden;
}
#right {
  float: left;
  width: 528px;
  position: relative;
  height: 230px;
  overflow: hidden;
}
#bodyTop_Logo {
  border-bottom: 2px solid #FFF;
  height: 169px;
  overflow: hidden;
}
#bodyTop_Banner {
  background: #82ABC1;
  height: 170px;
  overflow: hidden;
  border-bottom: 2px solid white;
}
#bodyTop_Date {
  background: #5F5F5C url(bodyTop_Date_bg.gif) repeat-x;
  height: 44px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
}
#bodyTop_Date a.login_link {
  display: block;
  font: bold 1.1em Arial, Helvetica, sans-serif;
  background: url(common/btn_login_bg.gif) no-repeat;
  width: 114px;
  height: 21px;
  line-height: 21px;
  margin: 10px 16px 0px;
  text-align: center;
  color: #D2D4D6;
  text-decoration: none;
}
#bodyTop_Date input.login_link {
  font: bold 1.1em Arial, Helvetica, sans-serif;
  color: #D2D4D6;
  border: 1px solid #D2D4D6;
  background: transparent;
  margin: 10px 16px 0px;
  padding: 2px 12px;
}

#bodyTop_Date p {
  color: #B4BFBF;
  padding: 11px 0 0 16px;
  margin: 0;
  font-size: 1.1em;
}
/***********************************************************
Channel-Navigation
***********************************************************/
div#bodyTop_Channels {
  background: #00367B url(bodyTop_Channels_bg.gif) repeat-x;
  height: 44px;
  overflow: hidden;
  border-bottom: 2px solid white;
}
#bodyTop_Channels table{
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}
#bodyTop_Channels td{
	width: 105px; 	
	height: 44px;
	margin:0;
	padding:0;
	vertical-align:middle;
}
#bodyTop_Channels a {
  font: bold 1.1em Arial;
  color: #FFF;
  text-decoration: none;
  padding:0  0 0 15px;
  display:block;
}

#bodyTop_Channels a:hover,
#bodyTop_Channels a.selected {
	/* background: url(bodyTop_Channels_bg_selected.gif) repeat-x; */
	color: #FF9900;
}

/***********************************************************
Positionierung bodyContent
***********************************************************/
#bodyContent_Shell {
	position: relative;
	background: url(bodyContent_bg.gif) repeat-y;
}
#bodyContent {
	float: right;
	width: 528px;
	padding: 24px 0;
}
#bodyBottom{
	height:43px;
	width:768px;
	background: url(bodybottom_footer.gif) no-repeat;
}
/***********************************************************
Macronavigation
***********************************************************/
ul#bodyContent_Macronavigation {
  list-style: none;
  margin: 0 0 96px 0;
  padding: 0;
}
ul#bodyContent_Macronavigation ul.firstlevel{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul#bodyContent_Macronavigation ul.nextlevel{
	margin:0 0 0 0;
	padding:0 0 0 20px;
}

ul#bodyContent_Macronavigation li {
	list-style:none;
  padding: 4px 0;
}
ul#bodyContent_Macronavigation ul.nextlevel li {
	list-style:none;
	padding: 2px 0;
}
ul#bodyContent_Macronavigation li a {
  font-size: 1.2em;
  font-weight: bold;
  color: #00367B;
  text-decoration: none;
}


ul#bodyContent_Macronavigation ul.level4 li a.active,
ul#bodyContent_Macronavigation ul.level5 li a.active,
ul#bodyContent_Macronavigation li a.active {
  color: #FF9900;
}

ul#bodyContent_Macronavigation ul.level4 li a,
ul#bodyContent_Macronavigation ul.level5 li a {
  font-weight: normal;
  color: #00367B;
  text-decoration: none;
}

ul#bodyContent_Macronavigation li span {
  font-weight: bold;
}
ul#bodyContent_Macronavigation li a:hover {
  text-decoration: underline;
}
/***********************************************************
Inhalte
***********************************************************/

.graphic, h1, h2, p { 
  margin: 0 24px; 
}
.ZMSGraphic{
	margin-bottom:1em;
}
p {
  font-size: 1.28em;
  line-height: 130%;
  margin-bottom: 1em;
}
p.small {  
  font-size: 1em;
}
#bodyContent ul, #bodyContent ol {
  margin: 0px 24px 1em;
  padding: 0px 24px;
}
#bodyContent ul {
  list-style: square outside;
}
#bodyContent li {
  font-size: 1.28em;
  line-height: 130%;
  margin-bottom: 0.25em;
}
h1, h2, h3, h4, h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 2.4em;
  color: #999;
  margin-bottom: 0.5em;
}
h2 {
  font-size: 1.6em;
  color: #004DA0;
  margin-bottom: 0.5em;
}


h3 {
  font-size: 1.4em;
  color: #004DA0;
  margin: 1em 24px 1em 24px;
}
h4 {
  font-size: 1.28em;
  color: #004DA0;
  margin: 1em 24px 0 24px;
}
.page_teaser_element {
  float: left;
}
.page_teaser_element h2, .teaserElement h2 {
  margin: 0 0 0.5em 0;
}
.teaserElement {
  margin-bottom: 48px;
}
.teaserElement p{
	margin:0;
}

p.teaserText {
  font-size: 1.1em;
  line-height: 120%;
  color: #5F5F5C;
  margin: 0;
}
.teaserLink span, .login_link span {

}
a.teaserLink {
  display: block;
  text-align: right;
  font-weight: bold;
  color: #77A0CC;
  text-decoration: none;
}
a.teaserLink:hover {
  color: #FF6600;
}
p.copyright {
  font-size: 1em;
  color: #FFF;
  padding:28px 50px 0 0;
  text-align:right;
}
p.copyright a {
  color: #FFF;
  text-decoration:none;
}
p.copyright a.current,
p.copyright a:hover {
	color:#FF9900;
}
.orange {
  color: #FF9900;
}
.delimiter {
  display: none;
}

/***********************************************************
Mail-Formular
***********************************************************/
form#mailform {
  margin: 0px 24px;
}
form#mailform fieldset legend {
  font-weight: bold;
  color: black;
  font-size: 1em;
}
form#mailform table {
  width: 450px;
  border-collapse: collapse
}
form#mailform tr {
  vertical-align: top;
}
form#mailform td {
  width: 200px;
}
.mandatory {
  font-weight: bold;
  font-size: 1.6em;
  color: #CE141D;
}