html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  background: #FFFFFF url(bg.jpg) repeat-x top;
  font-size: 100%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}

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: 773px;
  text-align: left;
  margin: 24px auto;
}

#bodyContent_Left {
  /* float: left; */
  width: 187px;
  text-align: center;
  background-color: #FFFFFF;
  min-height: 700px;
}

/* for Internet Explorer */
/*\*/
* html #bodyContent_Left {
	height: 700px;
}
/**/

#bodyContent_Right {
  /* float: right; */
  width: 581px; 
}

#bodyTop_Logo {
  border-bottom: 1px solid #FFF;
  height: 138px;
  overflow: hidden;
}
#bodyTop_Banner {
  overflow: hidden;
  position: relative;
  min-height: 163px;
  float: right;
  margin:0;
}

p.banner_title {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 128px;
  left: 60px;
  color: #FFF;
  font: bold 18px Arial,Helvetica,sans-serif;
}

#bodyTop_Header {
  border-bottom: 1px solid white;
  position: relative;
  /* float: right; */
  height: 24px;
  background: transparent url(bodyTop_Header.gif) no-repeat left;
}

#bodyTop_Header td {
  color: #FFFFFF;
  font-size: 68%;
  padding-left: 20px;
  padding-right: 30px;
}

#bodyTop_Header a, #bodyTop_Header td {
  color: #FFFFFF;
  text-decoration: none;
}

/***********************************************************
Positionierung bodyContent
***********************************************************/
#bodyContent_Shell {
  position: relative;
}

#bodyContent {
  background-color: #FFFFFF;
  float: right;
  width: 581px;
  padding: 20px 0;
  margin: 4px 0px 0px 0px;
  min-height: 400px;
}

/* for Internet Explorer */
/*\*/
* html #bodyContent {
	height: 400px;
}
/**/

/***********************************************************
Macronavigation
***********************************************************/
#Macro_Left {
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 10px 37px;
        text-align: left;
	border: 1px solid #FFFFFF;
	border-style: none solid none solid;
        background: #FFFFFF url(bg_left.jpg) no-repeat top;
        height: 150px;
}

/*-----Macronavigation-----*/

#Macronavigation {
	margin: 0px 0px 0px 0px;
	padding: 0px;
        text-align: left;
	border: 1px solid #FFFFFF;
	border-style: none solid none solid;
        background-color: #C6CDE1 /* #F9B229; */
	}
#Macronavigation ul {
	list-style-type: none;
	margin: 0px;
	border: 0px;
	padding: 0px;
}	
#Macronavigation ul li.folder0, #Macronavigation ul li.folder1 {
	font-size: 76%;
	list-style-type: none;
	padding: 0px 0px 0px 37px;
	margin: 0px;
        line-height: 190%;
	height: 24px;
	border-bottom: 1px solid #FFFFFF;
}
#Macronavigation ul li.folder0	{
	background-color: #ABABAB;
}

#Macronavigation ul li.folder1	{
	background-color: #1A3989; /* #F9B229; */
}

li.folder0, li.folder0 a:link, li.folder0 a:visited, li.folder0 a:hover, li.folder0 a:active, li.folder1, li.folder1 a:link, li.folder1 a:visited, li.folder1 a:hover, li.folder1 a:active {
        color: #FFFFFF;
        text-decoration: none;
	margin: 0;
	padding: 0;
	}

/*
#Macronavigation ul li.folder1 a {
        color: #1A3989;
}
*/

#Macronavigation ul li.doc0, #Macronavigation ul li.doc1 {
	list-style-type: none;
        margin: 15px 0px 15px 37px;
	padding: 0px 0px 0px 0px;
        font-size: 70%;
        font-weight: bold;
	}
#Macronavigation ul li.doc20 {
	list-style-type: none;
        margin: 7px 0px 7px 37px;
	padding: 0px 0px 0px 0px;
        font-size: 62%;
	}
#Macronavigation ul li.doc21	{
        list-style: url(pfeil.gif);
        margin: 7px 0px 7px 37px;
	padding: 0px 0px 0px 0px;
        font-size: 62%;
	}
li.doc0, li.doc0 a:link, li.doc0 a:visited {
        color: #788AB9;
        text-decoration: none;
	margin: 0;
	padding: 0;
        line-height: 100%;
	}
li.doc20, li.doc20 a:link, li.doc20 a:visited {
        color: #575757;
        text-decoration: none;
	margin: 0;
	padding: 0;
        line-height: 100%;
	}
li.doc1, li.doc1 a:link, li.doc1 a:visited, li.doc1 a:hover, li.doc1 a:active, li.doc21, li.doc21 a:link, li.doc21 a:visited, li.doc21 a:hover, li.doc21 a:active, li.doc0, li.doc0 a:hover, li.doc0 a:active, li.doc20, li.doc20 a:hover, li.doc20 a:active {
        color: #1A3989;
        text-decoration: none;
	margin: 0;
	padding: 0;
        line-height: 100%;
	}

/***********************************************************
Inhalte
***********************************************************/
h1, h2, p, blockquote, div.ZMSGraphic { 
  margin: 0px 90px 0px 60px; 
}

h1, h2, h3, h4, h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 20px;
  color: #004DA0;
  margin-bottom: 0.5em;
}

h2 {
  font-size: 16px;
  color: #004DA0;
  margin-bottom: 0.5em;
}

h3 {
  font-size: 80%;
  color: #004DA0;
  margin: 1em 90px 1em 60px;
}

h4 {
  font-size: 80%;
  color: #004DA0;
  margin: 1em 90px 0 60px;
}

p, blockquote {
  font-size: 80%;
  line-height: 130%;
  margin-bottom: 1em;
}

small {
  font-size: 90%;
}

p.small {
  font-size: 72%;
}

p.indented_block {
  margin-left: 90px;
  margin-right: 120px;
}

p.description {
  font-weight: bold;
  color: #576DA7;
}

p.left {
  font-size: 65%;
  color: #6C6C6C;
  margin: 5px 5px 0px 0px;
}

p.left a {
  color: #6C6C6C;
  text-decoration: none;
}

strong.orange {
  color: #FF9900;
}

strong.blue {
  color: #1A3989;
}

p.copyright {
  font-size: 65%;
  color: #ABABAB;
  margin: 2em 60px;
}

p.copyright a {
  color: #ABABAB;
}

.orange {
  color: #FF9900;
}

.delimiter {
  display: none;
}

/***********************************************************
Listen
***********************************************************/

#bodyContent ul.bullet_list, #bodyContent ol.ordered_list {
  margin: 0px 60px 1em;
  padding: 0px 20px;
}

#bodyContent ul.bullet_list {
  list-style: square outside;
}

#bodyContent li {
  font-size: 80%;
  line-height: 130%;
  margin-bottom: 0.25em;
}
/***********************************************************
Liste mit Häkchen
***********************************************************/

ul.haken {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

ul.haken li {
  background: url(icon_haken.gif) no-repeat 0px 1px;
  padding-left: 20px;
  line-height: 120% !important;
}

/***********************************************************
Liste FAQ-Frage und Antwort FAQ-Frage
***********************************************************/

ul.faq_frage_liste {
  list-style: none !important;
  margin: 0 90px 0 60px;
  padding: 0;
}

ul.faq_frage_liste li {
  background: url(faq_icon.gif) no-repeat 0px 1px;
  /*font-weight: bold;*/
  padding-left: 20px;
  padding-bottom: 0;
  text-decoration: none;
}
a.faq_frage_liste {
  text-decoration: none;
  }

a.faq_frage_liste:hover  {
	text-decoration:underline;
	}

p.faq_frage {
  margin-bottom: 0;
  font-weight: bold;
}

p.faq_antwort {
  margin-bottom: 3em;
}

div.faq_frage a.back2top {
  display: block;
  text-align: right;
  font-size: 55%;
  text-transform: uppercase;
  text-decoration: none;
  color: #999;
  border-top: 1px solid #999;
  margin: 1em 60px 2em;
  padding: 0.25em 0 0 0;
}

div.faq_frage a.back2top:hover {
  text-decoration: underline;
}

/***********************************************************
Liste Interface Partner (wie FAQ aber kein icon)
***********************************************************/

ul.interf_partner_liste {
  list-style: none !important;
  margin: 0 90px 0 60px;
  padding: 0;
}

ul.interf_partner_liste li {
	padding-bottom: 5px;

}

ul.interf_partner_liste a {
	font-size: 14px;
  color: #004DA0;
  margin-bottom: 0.5em;
	text-decoration:none;
} 

p.interf_partner {
  font-size: 16px;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #77A0CC;
}

p.interf_partner_center {
  font-size: 16px;
  text-align:center;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #77A0CC;
}

p.interf_text {
  margin-bottom: 3em;
}

div.interf_partner a.back2top {
  display: block;
  text-align: right;
  font-size: 55%;
  text-transform: uppercase;
  text-decoration: none;
  color: #999;
  border-top: 1px solid #999;
  margin: 1em 60px 2em;
  padding: 0.25em 0 0 0;
}

div.interf_partner a.back2top:hover {
  text-decoration: underline;
}

/***********************************************************
Liste Abrechnungszyklen (wie FAQ)
***********************************************************/

ul.ab_zyklen_liste {
  list-style: none !important;
  margin: 0 20px 0 60px;
  padding: 0;
}

ul.ab_zyklen_liste li {
	padding-bottom: 0.5px;
}

}
ul.ab_zyklen_liste a {
	font-size: 12px;
  color: #004DA0;
  margin-bottom: 0.5em;
	text-decoration:none;
} 

p.ab_zyklus {
  font-size: 16px;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #77A0CC;
}

p.ab_text {
  margin-bottom: 3em;
}

div.ab_zyklen a.back2top {
  display: block;
  text-align: right;
  font-size: 55%;
  text-transform: uppercase;
  text-decoration: none;
  color: #999;
  border-top: 1px solid #999;
  margin: 1em 60px 2em;
  padding: 0.25em 0 0 0;
}

div.ab_zyklen a.back2top:hover {
  text-decoration: underline;
}

/***********************************************************
Links mit Pfeil-Icon
***********************************************************/

a.goto {
  background: url(link_goto.gif) no-repeat 0px 0px;
  padding-left: 20px;
  line-height: 18px;
  text-decoration: none;
}

a.goto:hover {
  text-decoration: underline;
}

/***********************************************************
Links mit Q-Icon
***********************************************************/

a.gotoq {
  text-decoration: none;
}

a.gotoq:hover {
  text-decoration: underline;
}


/***********************************************************
Textbox
***********************************************************/

.textbox_200 {
  background: url(bg_box.gif) no-repeat;
  padding: 10px;
}

.textbox_200 strong, .column strong {
  color: #1A3A8A;
}

.textbox_200 ul, .column ul {
  margin: 0 !important;
  padding: 0 !important;
}

.textbox_200 ul, .column ul li {
  line-height: 120% !important;
}


/***********************************************************
Mehrspaltiges Seitenlayout
***********************************************************/

div.column_container {
  margin: 12px 60px;
}

div.column_container div.column {
  width: 210px
}

div.column_container p, div.column_container h2, div.column_container h3 {
  margin: 0;
}


/***********************************************************
Teaser
***********************************************************/


.page_teaser_element {
  float: left;
}

.page_teaser_element h2, .teaserElement h2 {
  margin: 0 0 0.5em 0;
}

.teaserElement {
  margin: 37px 12px 0px 37px;
  text-align: left;
}

.teaserElement h2 {
  font-size: 80%;
  line-height: 100%;
}

p.teaserText {
  font-size: 68%;
  line-height: 120%;
  color: #5F5F5C;
  margin: 0;
  text-align: left;
}

.teaserLink span {
  font-size: 130%;
}

a.teaserLink {
  display: block;
  text-align: right;
  font-weight: bold;
  color: #77A0CC;
  text-decoration: none;
}

a.teaserLink:hover {
  color: #FF6600;
}

#Translate{
  position: absolute;
  top:-18px;
  right:20px;
	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;
}



/***********************************************************
Mail-Formular
***********************************************************/

form#mailform {
  margin: 0px 90px 0px 60px;
}

form#mailform p{
  margin: 0px;
}

form#mailform fieldset legend {
  font-weight: bold;
  color: black;
  font-size: 80%;
}

form#mailform table {
  width: 400px;
  border-collapse: collapse
}

form#mailform tr {
  vertical-align: top;
}

form#mailform td {
  width: 180px;
}

.mandatory {
  font-weight: bold;
  font-size: 125%;
  color: #CE141D;
}

form#gewinnspiel fieldset {
  border: none;
  margin: 0;
}

form#gewinnspiel p, form#gewinnspiel h2 {
  margin: 0 0px 0 30px 
}
form#gewinnspiel td p {
  margin-bottom: 0.5em;
}
input.lwort {
  width: 20px;
  text-align: center;
}

div.ZMSGraphic div.text p{
        margin:0;
}
