/********************************************
 $Id: layout.css,v 1.6 2006/02/12 11:43:39 scout Exp $

 �er diese Datei wird das grundlegende Layout der Seite gesteuert.
 Hier werden fr die benannten Bereiche alle notwendigen Angaben
 zu deren Dimensionen gemacht.
*/
body {
    background-color: #ffffff;
    color: #000080;
    margin: 0;
    padding: 0;
/* Seitencontainer mittig ausrichten im IE */
    text-align: center;
  }
h1,h2,h3,h4,h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin:0;
}
img { border: none;}
table, tr, td {margin:0;padding:0;clear:both;}
/********************************************
 Seitencontainer
 legt die Gesamtbreite fest
*/

#page {
    background-color: #ffffff;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 1000px;
/* In allen Browsern au�r dem IE kann man den Seitencontainer mittels margin: 0 auto mittig ausrichten. Im
IE wird dieser Effekt dadurch erreicht, da�man text-align im body auf center setzt. Da sich dies aber auf alle  folgenden Bereiche vererbt, mu�es hier wieder auf left gesetzt werden */
    text-align: left;
}

/********************************************
Kopfbereich
*/

#headRow {
    background-color: #ffffff;
    color: #000080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
  }

/********************************************
Blauer Balken
*/
#blueBar {
    background-color: #084294;
    display: block;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    line-height: 20px;
    height:20px;
    padding-left: 10px;
}
/********************************************
 Breadcrumbs
*/
#breadcrumbs{
    background-color: #ffffff;
    color: #000080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 26px;
    color: #999999;
    margin: 0;
    padding: 0 0 0 166px;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
    font-family: inherit;
    line-height: 26px;
    color: inherit;
    text-decoration: none;
    color: #999999;
}
#breadcrumbs a:hover{
    color: #ff0000;
}

/********************************************
Mittlere Zeile, umschlie� leftSidebar, rightSidebar, main
*/
#midRow {
    background-color: #ffffff;
    color: #000080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    float: left;
    margin: 0;
    padding:0;
  }

/********************************************
linke Spalte, enth�t die Hauptnavigation
*/
#leftSidebar {
    background-color: #ffffff;
    color: #000080;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block;
    width: 150px;
    float: left;
    margin:0;
    padding:0;
  }

#menu{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    display: block;
    width: 150px;
    float: left;
    margin:0;
    padding:0;
    overflow: hidden;
}

#menu a {
    display: block;
    margin: 0;
}

#menu a {
    width: 150px;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
    voice-family:"\"}\"";
    voice-family:inherit;
    width: 140px;
  }
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct
length values to user agents that exhibit the parsing error exploited above yet get
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

#menu>a {
    width: 140px;
}

.highlighted {font-style: italic;}
/* Menu 1.Ebene */
.menuLevel0 {
    background-color: #ca473f;
    color: #ffffff;
    font-family: inherit;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    line-height: 26px;
    padding: 0 0 0 10px;
    border-bottom: 5px solid #ffffff;
  }

/* Menu 2.Ebene */
.menuLevel1 {
    background-color: #ffffff;
    color: #0a45f5;
    font-family: inherit;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 22px;
    padding: 0 0 0 20px;
    border-bottom: 2px solid #ffffff;
  }

/* Menu 3.Ebene */
.menuLevel2 {
    background-color: #ffffff;
    color: #0a45f5;
    font-family: inherit;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    padding: 0 0 0 30px;
  }
/* Menu 1.Ebene */
.sitemap0 {
    display: block;
    width: 600px;
    background-color: #ffffff;
    color: #0a45f5;
    font-family: inherit;
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    line-height: 26px;
    padding: 0 0 0 10px;
    margin: 0 10px 0 0;
    float: left;
    clear: left;
    border-bottom: 1px solid #0a45f5;
  }

/* Menu 2.Ebene */
.sitemap1 {
    display: block;
    width: 600px;
    background-color: #ffffff;
    color: #0a45f5;
    font-family: inherit;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 22px;
    padding: 0 0 0 20px;
    float: left;
    clear: left;
  }

/* Menu 3.Ebene */
.sitemap2 {
    display: block;
    width: 600px;
    background-color: #ffffff;
    color: #0a45f5;
    font-family: inherit;
    font-size: 9pt;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
    line-height: 20px;
    padding: 0 0 0 30px;
    float: left;
    clear: left;
  }

.description{    font-size: 9pt;
    line-height: 20px;
}
/* Zwischenraum in der Navigation */
.menuSpacer{
/*    display: block; */ 
    height: 5px;
}

/********************************************
Oeffnungszeiten
*/
#oeffnungzeiten {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #ffffff;
    color: #000000;
    margin:0;
    padding:  0px 0 0 10px;
    overflow: hidden;
}

/********************************************
Utility
*/

#utility {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    color: #0a45f5;
    margin:0;
    padding:  0px 0 0 10px;
    overflow: hidden;
}

#utility a {
    background-color: #ffffff;
    color: #0a45f5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    display: block;
    width: 130px;
    float: left;
}

#utility a:hover {
    color: #ff0000;
}


/********************************************
mittlere Spalte, Inhaltsbereich
*/
#main {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: -3px 16px 16px 16px;
    float: left;
    padding:0;
    width: 634px;
  }


#subrow{
    clear: both;
    display: block;
}


/********************************************
Inhaltselemente
*/

/* Container fr alle nachfolgenden Elemente */
.contentSubPart {
    background-color: #ffffff;
    color: #000000;
    display: block;
    margin: 0 0 10px 0;
    padding:0;
    width: 634px;
    clear: both;
    overflow:hidden;
  }

.contentSubPart hr {width: 80%; color: #0a45f5;}

/* 2 Spalten */
.TwoCols {
    background-color: #ffffff;
    color: #000000;
    display: block;
    float: left;
    margin: 0;
    padding: 0 1% 1% 1%;
    overflow:hidden;
  }

/*  3 Spalten*/
.ThreeCols {
    background-color: #ffffff;
    color: inherit;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    overflow:hidden;
    padding: 0 1% 1% 1%;
  }

/* 4 Spalten */
.FourCols {
    background-color: #ffffff;
    color: inherit;
    margin: 0 0;
    padding: 0 1% 1% 1%;
    float: left;
    overflow:hidden;
  }

.TwoCols img, .ThreeCols img, .FourCols img {margin: 3px;}

/********************************************
Fusszeile
*/
#footRow {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    clear: both;
    margin-top: 0;
  }


label{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    color:#084294;
}

/* einzelner Eintrag in der Liste */
.listitem{
  color: #000000;
  margin: 0 0 16px 0;
  overflow: hidden;
  clear: both;
}


/* Datum Liste */
.listdate{
  font-size: 10px;
  font-weight:bold;
  margin: 10px 0px 10px 0px;
}


/* Titel Liste */
.listtitle{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
  line-height: 120%;
  font-weight:bold;
  text-decoration: none;
  margin: 0 0 0 16px;
}

a.listtitle:link,a.listtitle:active,a.listtitle:visited{
color: #ffffff;
}

/* Titel Liste */
.nlisttitle{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #084294;
  line-height: 120%;
  font-weight:bold;
  text-decoration: none;
  margin: 0 0 10px 0px;
}

a.nlisttitle:link,a.nlisttitle:active,a.nlisttitle:visited{
color: #084294;
}
/* Link zur Detailseite */
.nlndetail {
clear: both;
  text-align: right;
  text-decoration: none;
  font-size: 11px;
  font-weight:bold;
  margin: 0px 0px 10px 5px;
  }

a.nlndetail:link,a.nlndetail:active,a.nlndetail:visited, a.nlndetail:hover{
  text-decoration: none;
}

/* Anrei�r Liste */
.listteaser{
  display:block;
  font-size: 12px;
  font-weight:normal;
  color: #000000;
  margin: 0px 0px 16px 0;
}
.listteaser img {
  float: left;
  margin: 3px 3px 3px 0;
  clear: both;
}
/* Link zur Detailseite */
.lndetail {
  text-align: right;
  text-decoration: none;
  font-size: 11px;
  font-weight:bold;
  margin: 0px 0px 10px 5px;
  }

a.lndetail:link,a.lndetail:active,a.lndetail:visited, a.lndetail:hover{
  text-decoration: none;
}
/* Suchergebnis Liste */
.searchresult{
  margin: 0px 16px 10px 16px;
}

/* Datum Liste */
.searchdate{
  font-family: Arial;
  color: #293462;
  font-size: 11px;
  font-weight:bold;
  margin: 0px 0px 10px 0px;

}


/* Titel Liste */
.searchtitle{
  font-family: Arial;
  font-size: 14px;
  line-height:120%;
  font-weight:bold;
  color: #293462;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
}
/* Titel Liste */
.searchteaser{
  font-family: Arial;
  font-size: 11px;
  line-height:120%;
  font-weight:bold;
  color: #293462;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
}
#searchform{width:147px; margin:0;float: right;}

.search{border: 1px solid #000150; font-size: 11px; background-color:#EEEEEE; width:105px; margin: 0px 3px 0px 0px; padding: 0; clear:right;}

.searchbtn{border: 1px solid #000150; font-size: 9px; padding: 0px; background-color:#D9E2EA;  margin: 0;}

/* Link zur Detailseite */
.search_lndetail {
  font-family: Arial;
  text-align: right;
  text-decoration: none;
  font-size: 11px;
  font-weight:bold;
  }

a.search_lndetail:link,a.search_lndetail:active,a.search_lndetail:visited{
  color: #cc3300;
}

a.search_lndetail:hover{
  background: #293462;
  color: #FFFFFF;
}
span.search_lndetail {
  width:234px;
  border-top: 1px solid #FFFFFF;
  }

  #searchmessage{
  font-size: 12px;
  color: #293462;
  display: block;
  text-align: center;
  background-color: #FFFFFF;
  border: solid 1px #5A659C;
  margin: 16px;
  padding: 3px;
}

.searchword{
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #293462;
}