/*

benutzte farben: 
  hintergrund: #fff 

  navigation highlight: #008dca
  grau navigationsleiste: #f7f7f7
  dunkelgrauer balken links: #cccecd
  hintergrund subnavigation: #e6e8e7

  links, überschriften: #007db1
  trenner breadcrumbs: #00a6eb (!?)
  schrift servicebereich: #797575

*/

body { 
  margin:0;
  background:white;
  font-family:Verdana,Helvetica,Sans-Serif;
  background:url(/images/bg-leftColumn.gif) repeat-y left;
  font-size:100%;
}

/* der header ist insgesamt 115px hoch */
#header { 
  background:transparent url(/images/fade-bg.png) repeat-y;
  height:115px;
  border-left:10px solid #cccecd;
  padding:0 20px 0 0;
}

/* header-bild ist 290x80 gross */
#header h1 { 
  margin:18px 0 0 15px;
  background:url(/images/ricarda-header.png) no-repeat;
  padding:80px 0 0 0;
  width:290px;
  height:0;
  overflow:hidden;
  float:left;

  /* hier ein kleiner versuch mit einem undurchsichtigen header-bild
     => beim verkleinern des fensters verschwindet die bildleiste darunter 
     das bild könnte noch etwas rand rechts vertragen
   */
  background:url(/images/ricarda-header-opaque.gif) no-repeat;
  margin-top:17px;
  width:292px;
}

/* bei einem undurchsichtigen header-bild bräuchten wir dann auch keine png-kompatibilitäts-verrenkungen mehr */
/* 
* html #header h1 {
  background:transparent;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ricarda-header.png',sizingMethod='scale');
}
*/

#header #bildleiste {
  background:url(/images/bildleiste.gif) no-repeat right;
  height:115px;
}

#service { 
  width:30%;
  float:right;
  padding:0 0 5px 0;
}

#service, #service a {
  color:#797575;
  font-size:80%;
  text-align:right;
  text-decoration:none;
}

#service a:hover { 
  text-decoration:underline;
}

#leftColumn { 
  clear:both;
  width:128px;
  float:left;
  background:#f7f7f7;
}

ul#navigation {
  list-style:none outside;
  padding:0; margin:0 0 2em 0;
  border-top:1px solid black;
  font-size:70%;
}

ul#navigation li {
  padding:0 0 0 10px;
  background:url(/images/navi-border-left.png) repeat-y;
  border-bottom:1px solid black;
}

ul#navigation li.active {
  padding:0 0 0 10px;
  background:#e6e8e7 url(/images/subnavi-border-left.png) repeat-y;
}

ul#navigation li a {
  padding:.5ex 0 .5ex 1ex;
  display:block;
  color:black;
  text-decoration:none;
}

ul#navigation li.active a {
  border-bottom:1px solid black;
}

ul#navigation li.empty a {
  border-bottom:0;
}

ul#navigation li a:hover { 
  
}

ul#navigation ul {
  margin:0;
  padding:0 0 0 0;
  list-style:none outside;
  font-size:80%;
}

ul#navigation ul li {
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  /* IE-bugfix: ohne border-bottom fügt IE einen Abstand unten ein. Wieso? */
  border-bottom:1px solid #e6e8e7; 
}

ul#navigation ul li.active {
  padding:0;
  background:transparent;
}

ul#navigation li.active ul li a {
  border:0;
  padding-left:10px;
}

ul#navigation ul li.active a,
ul#navigation a:hover {
  color:white;
  background:#008dca;
}

#leftColumn .logo { 
  float:left;
  clear:both;
  margin:0 0 1em 10px;
}

#centerColumn {
  margin:0 0 0 128px;
  padding:0 3ex;
}

#breadcrumbs { 
  color:#007db1;
  font-size:70%;
  margin:.5ex 0 0 0;
}

#breadcrumbs a { 
  color:black;
  text-decoration:none;
}

#breadcrumbs a:hover { 
  text-decoration:underline;
}

#content {
  line-height:1.3em;
  font-size:80%;
  margin-top:15px;
}

#content h2 { 
  color:#007db1; font-size:110%; margin-bottom:-0.5em;
}

#content h3 { 
  color:#007db1; font-size:100%; margin-bottom:-0.5em; 
}

#content h4 { 
  color:#007db1; font-size:90%; margin-bottom:-0.5em;
}

#content ul {
  list-style-image:url(/images/li.gif);
}

#content p.link {
  background-color:#f7f7f7; padding:5px 5px 5px 5px;
}

#content a { color:#007DB1; }
#content a:hover { color:black; }

#content p.table { margin:0; }

#rightColumn { 
  float:right;
  width:20%;
  margin:4em 2ex 0 1em;
  background:#d3e4ec;
  color:#3d6775;
  font-size:100%;
}

#marginspalte h3 { font-size:1.2em; line-height:1.4em; }
#marginspalte { font-size:70%; margin:3px; line-height:1.2em; }
#marginspalte a { color:#007DB1; text-decoration:none; }
#marginspalte a:hover { color:black; }
#marginspalte { background-image:url(/images/margin-bg.gif); padding:5px; }

#footer { 
  margin:4em 0 0 0;
  text-align:center;
}

#footer span { 
  border-top:1px solid #ccc;
  padding:.5ex 2ex;
  font-size:80%;
}

#footer a { color:black; }

.margin#centerColumn {
  margin-right:25%;
}

#switchLang { 
  font-size:80%;
  margin:1em 0 0 0;
  color:red;
}


span.sprache {

  background-color:#E7EBE7;
  font-size:80%;

}