/*
 * styles für flaeche-im-kreis.de 
 * media:screen
 * 
 *
 * farben:
 * 
 * hellblau #ecf9ff (hintergrund)
 * dunkelblau #00476b (überschriften, links, ...)
 * orange #ffaa00 (aktive links)
 */

/*
 * TODO:
 *   - teaser-links orange?
 *   - schriftgrad im content-div prozentual angeben
 *   - überschriften anpassen
 *   - zusammenschieben der floats im ie verhindern (anzeige der navigation vermuschelt)
 *   - regionNavigation: active markieren im ie
 *   - .active für hauptnavigation
 */

/* 
 * allgemeine definitionen für den body, links, schriften 
 */

body { 
  background:#ecf9ff url(/images/hintergrund.jpg) fixed no-repeat bottom left;
  margin:0; padding:0;
  font-family:verdana,arial,sans-serif;
  font-size:14px;
}

/* html body { 
  background:#ecf9ff url(/images/hintergrund.jpg) fixed no-repeat bottom left;
  margin:0; padding:0;
  font-family:verdana,arial,sans-serif;
  font-size:75%;
}

*+html body { 
  background:#ecf9ff url(/images/hintergrund.jpg) fixed no-repeat bottom left;
  margin:0; padding:0;
  font-family:verdana,arial,sans-serif;
  font-size:75%;
}*/

a, a:link, a:visited { 
  color:#00476b;
  text-decoration:none;
  font-weight:bold;
}

a:hover, a:active { 
  color:#fa0;
}

#margin { font-size:90%; } 

#margin a, a:link, a:visited { 
  color:#00476b;
  text-decoration:none;
  font-weight:normal;
}

#margin a:hover, a:active { 
  color:#fa0;
}


/* 
 * der header, das header-logo 
 */

#header { 
  border:1px solid black;
  background:white;
  margin:20px;
  color:#00476b;
  padding:0 0 0 128px;
  height:70px;
  overflow:hidden;
}

#header h1 { 
  margin:10px 0 0 0;
  padding:0;
  font-size:25px;
  font-weight:bold;
}

a#logo { 
  background:transparent url(/images/logo-flaeche-im-kreis-neu.gif) no-repeat top left;
  width:128px; padding:96px 0 0 0;
  /* trick: anzeige als blockelement, text verstecken 
     cf. http://www.moronicbajebus.com/playground/cssplay/image-replacement/
  */
  overflow:hidden; height:0; display:block;
  position:absolute;
  top:10px; left:5px;
}

#breadcrumbs { 
  font-size:75%;
  margin:0 0 0 2px;
}


/* 
 * breiten und abstände für die wichtigsten elemente der seite 
 */

#container { 
  margin:0 20px 20px 20px;
}

#left { 
  width:200px;
  float:left;
}

#right { 
  width:20%;
  float:right;
  overflow:hidden;
}

#content { 
  margin-left:200px;
  height:100%; /* fix für ie 6.0 bug */
}

#content p.foto { 
  font-size:90%;
  padding:0 0 0 5px;
}

#contentNarrow { 
  margin-left:200px;
  margin-right:20%;
}


/* 
 * die linke spalte und die navigation 
 */

.leftColumn { 
  background:white;
  border:1px solid black;
  padding:10px;
  margin-right:20px;
  overflow:hidden;
}

.leftColumn ul { 
  margin:30px 0 0 0; 
  padding:0;
  list-style:none outside;
}

.leftColumn ul ul{ 
  margin:0;
  padding:0 0 10px 0;
  line-height:90%;
}

.leftColumn ul li { 
  list-style:none outside;
  
}

.leftColumn a { 
  font-size:12px;
}

.leftColumn a.active {  
  color:#fa0;
}

.leftColumn ul li ul li a,
.leftColumn ul li ul li a:link, 
.leftColumn ul li ul li a:visited { 
  padding-left:10px;
  font-size:10px;
  background:transparent url(/images/blaues-quadrat.png) no-repeat left center;
}

.leftColumn ul li ul li a:hover, 
.leftColumn ul li ul li a:active, 
.leftColumn ul li ul li a.active { 
  background:transparent url(/images/orangenes-quadrat.png) no-repeat left center;
  color:#fa0;
}

.leftColumn p { 
  font-size:80%;
}

#suche input { 
  margin-top:20px;
  padding:3px;
  border:1px solid #00476b;
  background:white;
  font-size:10px;
}

#suche input.submit { 
  background:#00476b;
  color:white;
  border:0;
}

a#logo-exwost { 
  width:53px; padding-top:68px;
  display:block; height:0; overflow:hidden;
  margin:0;
  background:transparent url(/images/logo-exwost.png) no-repeat;
  float:right;
}

div#text-exwost { 
  margin:10px 5px;
  font-size:9px;
  width:25%;
  float:right;
  text-align:right;
}

/* 
 * die rechte spalte 
 */

#rightColumn { 
  margin-left:20px;
  background:white;
  border:1px dashed black;
  padding:10px;
  overflow:hidden;
}

#rightColumn h2 { 
  color:#00476b;
  
}

a#logo-bmvbw { 
  width:137px; padding-top:62px;
  display:block; height:0; overflow:hidden;
  background:transparent url(/images/logo-bmvbw.png) no-repeat;
}

a#logo-bbr { 
  display:block;
  width:80px; 
  padding-top:137px;
  height:0; 
  overflow:hidden;
  background:transparent url(/images/logo-bbr.png) no-repeat;
}


/* 
 * die content-spalte 
 */

#contentColumn div.content,
#contentColumn div.contentIntern { 
  background:white;
  border:1px solid black;
  margin:0 0 20px 0;
  padding:20px;
  /* wenn der text im firefox vor einem "gefloateten" bild zuende ist, geht das bild über den rand hinaus 
   * nach angabe von overflow:hidden; nicht mehr... */
  overflow:auto; 
}


#contentColumn h1,h2,h3,h4,h5 { 
  color:#2069A8;
}

/*#contentColumn h1 { font-size:18px; font-weight:normal; margin:0 0 5px 0; } h1 entfaellt im contentbereich*/
#contentColumn h2 { font-size:140%; font-weight:normal; margin:0 0 5px 0; }
#contentColumn h3 { font-size:130%; font-weight:normal; margin:10px 0 5px 0; }
#contentColumn h4 { font-size:125%; font-weight:normal; margin:10px 0 5px 0; }
#contentColumn h5 { font-size:120%; font-weight:normal; margin:10px 0 5px 0; }

#contentColumn .blau { color:#2069A8; }

#margin h2 { font-size:130%; font-weight:normal; margin:0 0 5px 0; }


#contentColumn p { 
  margin-top:0;
  margin-bottom:15px;
}

/*
#contentColumn p.ul { 
  margin-top:0;
  margin-bottom:5px;
}

#contentColumn ul { 
  font-size:12px; 
  white-space:normal; 
  page-break-after:auto; 
  list-style:outside url(/images/li.gif);
  padding-top:0;
}
*/

#contentColumn a, 
#contentColumn a:link, 
#contentColumn a:visited { 
  color:#00476b;
  text-decoration:none;
  border-bottom:1px dashed #00476b;
  font-weight:normal;
}

#contentColumn a:hover, 
#contentColumn a:active { 
  color:#fa0;
  /* background:#00476b; */
  border-bottom:1px dashed #fa0;
}

#contentColumn img { 
  margin:0px 0 5px 5px;
  float:right;
}

#contentColumn img.big { 
  margin:0px 0 5px 5px;
  float:left;
}

#contentColumn p { 
/*  margin:10px 0 0 0; */
}

#contentColumn ul { 
  font-size:100%; 
  white-space:normal; 
  page-break-after:auto; 
  list-style:outside url(/images/li.gif);
  padding:0;
  margin:-5px 0 10px 20px;
}

#contentColumn li { 
  margin:3px 0 0 0;
}

/* #contentColumn table { */
.content table { 
  caption-side:top;
  border-collapse:collapse;
  margin:0 0 5px 0;
}

/* #contentColumn table caption { */
.content table caption { 
  font-style:italic;
  text-align:right;
  margin:0 0 5px 0;
}

/* #contentColumn td { */
.content td { 
  background:#ecf9ff;
  padding:0;
  border:1px dashed black;
}

#contentColumn th { 

}

#contentColumn table.leer {
  margin:0 0 0 -5px;
}

#contentColumn td.leer {
  background:white;
  padding:0;
  border:0;
}

#contentColumn .adresse {
  margin:0 0 20px 0;
}

#contentColumn .adresse div {
  margin:0 0 5px 0;
}

#contentColumn .adresse .name {
  font-weight:bold;
}

#terminenav .current a { 
  color:black;
  border:0;  
}

#contentColumn .termin { 
  clear:both;
  margin:0 0 2em 0;
  width:95%;
  padding:0 5px;
}

#contentColumn .termin .datum { 
  float:left;
  margin:0 10px 0 -5px;
  background-color:#e6ebe6;
  font-weight:bold;
  width:100%;
  padding:2px 5px;
  /*border:1px solid black;*/
}

#contentColumn .termin .datum a { 
/*
  text-decoration:none;
  border:0;
  color:black;
  font-weight:inherit;
*/
}

#contentColumn .termin .beschreibung { 
  padding:5px 0 1em 0;
  /*border-left:1px solid black;*/
  /*border-right:1px solid black;*/
}

#contentColumn .termin .kontakt { 
  /*background-color:#E6EBE6;*/
  padding:2px 0 2px 0;
  /*border:1px solid black;*/
  /*font-size:90%;*/
}

.termin .feld { 
  padding:0 0 .5em 0;
}

.termin .feld .name {
  float:left; width:20ex;
}

.termin .feld .inhalt { 
  margin:0 0 0 20ex;
}

#contentColumn ul.links { 
  margin:0 0 10px 20px;
  list-style:none outside;
}

#contentColumn ul.links li { 
  margin:5px 0 0 0;
}

/* 
 * content-spalte mit navigation für regionen 
 */

#region { 
  border:1px solid black;
  margin:0 0 20px 0;
  padding:0;
  background:white;
}

#regionContent { 
  padding:10px 20px;
  border:0;
}

#regionNavigation { 
  background:#00476b;
  color:white;
  padding:5px 20px;
  font-size:75%;
}

#regionNavigation a,
#regionNavigation a:link,
#regionNavigation a:visited { 
  color:white;
  font-weight:normal;
  padding:4px 5px;
  background:transparent;
}  

#regionNavigation a:hover,
#regionNavigation a:active { 
  color:#00476b;
  background:transparent url(/images/schachbrett-blau-orange.png);
}

#regionNavigation a.active { 
  color:#00476b;
  background:#fa0;
}

#print  { 
  width:4em;
  text-align:right;
  float:right;
  padding:5px;
}

#print a,
#print a:link,
#print a:visited { 
  font-weight:normal;
  font-size:65%;
  color:white;
}

#print a:hover,
#print a:active { 
  color:#fa0;
}

.search {
  
}

#contentColumn .search .pages a, 
#contentColumn .search .pages a:link, 
#contentColumn .search .pages a:visited { 
  border:#00476b solid 1px;
  background:#ecf9ff;
  padding:3px;
}

.search .pages span { 
  border:#00476b dashed 2px;
  background:#ecf9ff;
  padding:2px;
}

.search .pages { 
  margin:5px 0;
  text-align:center;
}
.search .item { 
  margin:10px 0;
}

.search .item .title { 

}

.search .item .excerpt { 
  margin:5px 0 0 20px;
}

.search .item .link { 
  margin:5px 0 0 20px;
}


/* last-but-not-least: der footer */

#footer { 
  font-size:11px;
  color:#00476b;
  text-align:center;
}

#exwosttext { 
  font-size:11px;
  text-align:right;
}

td.collapse { border:1px solid black; padding:3px; border-collapse:collapse; vertical-align:top; background-color:white; }

/* video */
#movie td { border:0; background-color:#ecf9ff; border:1px solid black; padding:5px; }
#movie th { border:0; background-color:#ecf9ff; border:1px solid black; padding:5px; }
#screenshot img { float:none; }