body {
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 10pt;
   margin: 5px;
   padding: 0;
   background-color: #E0E0E0;
   /*background-color: white;*/
}

/*
	Seite schwebt mittig  vor Hintergrund. Die Seite hat rechts und unten einen schmalen blauen Streifen (innerPage)

*/
.page {
   width: 900px;
   margin: auto;
}

/* Erzeugt einen dünnen blauen Schattenwurf Richtung rechts unten */
.innerPage {
   background-color: #ffffff;
   border-right: 2px solid #aaaadd;
   border-bottom: 2px solid #aaaadd;
}

/*************************************** Allgemeine Styles **************************************/
table {
   font-size: 10pt;
}

td {
   padding-right: 5px;
}

li {
   padding-bottom: 5px;
}

.contentBox {
   background-color: #FFF;
   padding-left: 24px;
}

img {
   border: 0;
}

hr {
   background-color: white;
   color: white;
   border: 0px;
   height: 2px;
}

h1 {
   font-size: 1.5em;
   margin: 0;
   padding: 0;
}

h2 {
   font-size: 1.3em;
   margin: 0;
   padding: 0;
}

h3 {
   font-size: 1.1em;
   margin: 0;
   padding: 0;
}

h4 {
   margin: 0;
   padding: 0;
   font-weight: bold;
}

form {
   margin: 0;
   padding: 0;
}

p {
   margin-top: 0;
   padding: 0;
}

.clear {
   clear: both;
}

.externalLink {
   background: url("/images/out.png") no-repeat center right;
   padding-right: 5px;
   margin-right: 5px;
}

div {
   padding: 0px;
   margin: 0px;
}

/******************************************** Kopfbereich ********************************/ /* Header-Grafik und -Dimensionen. 

 TODO: Die Hoehe wird zukuenftig dynamisch ermittelt (HS: 14.09.2010)
*/
.pageTop {
   background-color: #ffffff;
   /* background:url('../images/Header.jpg') no-repeat top left;*/ /*height:250px; */
   vertical-align: top;
}

.mainLogo {
   
}

/*****************  Die obere Navigationsleiste: Anmeldung, Home, usw. **************************/
.pageTopNavigation {
   position: relative;
   color: #1a3c7b;
   font-size: .85em;
   left: 285px;
   padding: 0px;
   margin: 0px;
}

.pageTopNavigation li {
   text-decoration: none;
   display: inline;
   border-right: 1px solid #FFF;
   padding: 0 0.5em;
}

.pageTopNavigation li form {
   text-decoration: none;
   display: inline;
}

.pageTopNavigation li a {
   text-decoration: none;
   color: #1a3c7b;
   margin: 0;
}

/***************************************** 
* Definiert die CSS fuer Popups
*****************************************/
.popUpBackground, .popupWindow {
   background-color: #002071;
   color: white;
   z-index:9999;	
}

/****************************** Dynamische Pop-up-Box fuer die Anmeldung an Metro24 ***************************/
   /****************************** Dynamische Pop-up-Box fuer die Anmeldung an Metro24 ***************************/
.anmeldungToggle {
   display:inline-block;
   width:140px;
   padding:2px;
   background-color: #556d9d;
   text-align: center;
   color: white !important;
   font-size: 12px !important;
   text-decoration: none;
   cursor: pointer;
}

.customerTabbedLoginContainer { /*position:absolute; */
   width: 600px;
   background-color: #8B9BBD;
   color: white;
   font-size: 12px;
   /*z-index:10; */
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.customerTabbedLoginContainer a {
   color: white !important;
   font-size: 12px;
   text-decoration: none;
}

.customerTabbedLoginContainer .button,.customerTabbedLoginContainer .button_small {
   text-align: center;
   background-color: #1A3C7B;
   display: block;
   color: white;
   cursor: pointer;
   padding: 2px 10px 2px 10px;
}

.customerTabbedLoginContainer .button {
   width: 200px;
}

.customerTabbedLoginContainer .button_small {
   display: inline;
}

.customerTabbedLoginContainer .label {
   font-size: 12px;
   font-weight: 600;
}

.customerTabbedLoginContainer .label_small {
   font-size: 12px;
   font-weight: 400;
}

.customerTabbedLoginContainer .leftForm,.customerTabbedLoginContainer .rightForm {
   margin: 0px 10px 20px 10px;
}

.customerTabbedLoginContainer  img {
   vertical-align: middle;
   margin: 0px 10px 0px 5px;
}

.customerTabbedLoginContainer  td {
   vertical-align: top;
}

.customerTabbedLoginContainer  .textfield {
   color: black;
   border: 1px solid #345288;
   height: 12px;
   font-size: 12px;
   margin: 0px;
   padding: 1px;
}

.customerTabbedLoginContainer .footer {
   background-color: #345288;
   height: 20px;
}

.customerTabbedLoginContainer #tabs {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
}

.customerTabbedLoginContainer #tabCard {
   float: left;
   width: 45%;
   height: 45px;
   margin: 0;
   padding: 0;
}

.customerTabbedLoginContainer #tabName {
   float: left;
   width: 45%;
   height: 45px;
   margin: 0;
   padding: 0;
}

.customerTabbedLoginContainer #tabClose {
   float: right;
   text-align: right;
   width: 10%;
   height: 45px;
   margin: 0;
   padding: 0;
   cursor: pointer;
}

.customerTabbedLoginContainer .tabActive {
   background-color: #8B9BBD;
   color: white;
}

.customerTabbedLoginContainer .tabInactive {
   background-color: #345288;
   color: white;
   cursor: pointer;
}

.transparent {
   filter: alpha(opacity = 90);
   -moz-opacity: 0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;
}

.transparentMenu {
   filter: alpha(opacity = 90);
   -moz-opacity: 0.9;
   -khtml-opacity: 0.9;
   opacity: 0.9;
   background-color: #556d9d;
   color: white !important;
   height: 36px;
   width: 110px;
   color: #ffffff;
   line-height: 34px;
   cursor: pointer;
   float: left;
}

.anmeldungText {
   margin-right: 10px;
}

.anmeldeBox a {
   color: white !important;
   font-size: 12px;
   text-decoration: none;
}

.anmeldeButton { //
   background: url("/images/blueButtonBackground.jpg");
   color: white;
   text-align: center;
   font-size: 12px;
   padding: 4px 35px 4px 35px !important;
   display: block;
}

.registerButton {
   background: url("/images/blueButtonBackground.jpg");
   color: white;
   text-align: center;
   font-size: 12px;
   margin-top: 5px;
   padding: 4px 10px 4px 10px !important;
}

.anmeldungTextfield {
   color: black;
   border: 0px;
   height: 12px;
   font-size: 12px;
   margin: 0px;
   padding: 1px;
}

/*************************************** Sucheingabe und -Button ************************/
.searchField {
   border: 0px;
   padding-right: 5px;
}

.searchButton {
   background: #ffffff;
   color: #000;
   text-align: center;
   vertical-align: middle;
   font-weight: 700;
   border: 0;
}

/******************* Menueleiste unter der Header-Grafik ************************/
.pageTopMainMenu {
   list-style: none;
   border-top: 2px solid #FFF;
   border-bottom: 2px solid #FFF;
   background-color: #33508D;
   width: 100%;
   margin: 0px 0px 50px 0px;
   padding: 0;
}

.pageTopMainMenu li {
   text-align: center;
   display: inline;
}

.pageTopMainMenu li a.activeTabLeft {
   text-align: center;
   text-decoration: none;
   background-color: white;
   color: #33508d;
   font-weight: 700;
   font-size: 10pt;
   float: left;
}

.pageTopMainMenu li span.activeTabRight {
   height: 36px;
   width: 110px;
   color: #33508d;
   line-height: 34px;
   cursor: pointer;
   float: left;
}

.pageTopMainMenu li a.inactiveTabLeft {
   background: url(../images/navi_button.png) no-repeat top left;
   text-align: center;
   text-decoration: none;
   font-size: 10pt;
   color: #33508d;
   font-weight: 700;
   float: left;
}

.pageTopMainMenu li span.inactiveTabRight {
   background: url("../images/navi_button2.png") repeat scroll left top transparent;
   border-left: 1px solid white;
   border-right: 1px solid #CCCCCC;
   color: #33508D;
   cursor: pointer;
   float: left;
   height: 36px;
   line-height: 34px;
   margin: 0;
   /* 
	background:url(../images/navi_button.png) no-repeat top left;
	height:36px;
	width:110px;
	color:#33508d;
	line-height:34px;
	cursor:pointer;
	float:left;
*/
}

.pageTopMainMenu li a:hover {
   color: #fcce20;
}

.pageTopMainMenu a {
   float: none;
}

/*************************************** Footer mit Social-Media-Icons und Copyright-Vermerk ***********************/
.pageBottom {
   background-color: #33508d;
   background: url(../images/Foot.jpg) no-repeat top left;
   color: #FFF;
   width: 100%;
   font-size: 10pt;
   padding-top: 5px;
   padding-bottom: 5px;
   height: 24px;
   width: 853px;
   margin-left: 30px;
   /*position:relative;*/
   top: -2px;
}

.pageBottomSocialMedia {
   float: left;
   vertical-align: middle;
   padding-left: 30px;
}

.socialMediaIcon {
   width: 20px;
   height: 20px;
}

.pageBottomCopyright {
   float: right;
   vertical-align: middle;
   padding-right: 5px;
   font-size: 0.8em;
}

.boxContent {
   background-color: #FFF;
   margin: 0;
   padding: 0 10px 0 0;
}

.pagedoesnotexist {
   color: #E03123;
   text-decoration: none;
   border-bottom: 1px dashed #E03123;
}

.zebra-table TH {
   background: #33508C;
   font-weight: 700;
   color: #FFF;
}

.zebra-table TR.odd TD {
   background: #A8D3FF;
}

.hidden {
   visibility: hidden;
}

.inputField {
   height: 15px;
   border: solid 1px #33508D;
   vertical-align: middle;
   color: #33508D;
   padding: 0;
}

.inputFieldButton {
   height: 15px;
   font-size: .85em;
   border: solid 1px #33508D;
   vertical-align: middle;
   color: #33508D;
   padding: 0;
}

.insertPageContent {
   margin: 5px;
}

.indexPluginHiddenLink {
   color: #E03123;
   text-decoration: blink;
}

.rssBox {
   width: 250px;
   height: 350px;
   font-size: 0.85em;
   border: dotted 1px;
   background-color: #FFF;
}

.rssBoxTitle {
   padding-left: 5px;
   background-color: #33508c;
   border-bottom: 2px solid #FFF;
   height: 1.5em;
   color: #FFF;
}

.rssBoxContent {
   overflow: auto;
}

.rssBoxContent ul {
   list-style: none;
   display: block;
   margin: 0 0 0 5px;
   padding: 0;
}

.rssBoxContent ul li {
   color: #000;
   padding-bottom: 5px;
}

.rssBoxContent ul li a {
   color: #33508D;
   text-decoration: none;
}

.pageBottom a,.trailTool a {
   color: #FFF;
}

.indexPluginHeader,.indexPluginBody {
   padding: 5px;
}

.trailTool,.searchTool {
   border: 5px solid #33508D;
   background: #33508D;
   color: #FFF;
}

.pageLanguageNavigation {
   position: absolute;
   top: 5px;
   right: 25px;
   margin: 0;
   padding: 0;
}

.pageLanguageNavigation li {
   text-decoration: none;
   color: #FFF;
   font-size: .85em;
   display: inline;
}

.pageLanguageNavigation li a {
   text-decoration: none;
   font-size: .85em;
   color: #FFF;
   border-right: 1px solid #FFF;
   margin: 0;
   padding: 0 0.5em;
}

.popup_close {
   font-size:smaller;
   text-align:right;
   vertical-align:top;
   cursor:pointer
}

.popup_textcolor_newsletter {
   color:white;
}

.popup_title {
   font-weight:bold;
   font-size:11pt;
}

.popup_subtitle {
   font-weight:bold;
   font-size:10pt;
}