/* css Prellball Wiesloch Style v1.0*/
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2008, Hannes Gerner */
/* December 14th 2008 */


/* Generelle Einstellungen ------------------------------------------ */

body { 
	font: 90% "verdana", sans-serif;
	line-height: 1.5;
	color: #555753; 
	background-color: black;
	margin: 0; 
	padding: 0;
	text-align:center;
	}
p { 
	margin:0;
	padding:0;
  text-align:justify;
	}
p.align-center {
	padding-left:200px;
	}
h1 {
  font-family: "verdana", sans serif;
  letter-spacing: 1px;
  word-spacing:2px;
  padding: 10px;
  padding-bottom:20px;
  }
h2 {
  padding: 0;
  margin-top:5px;
  margin-bottom:10px;
  font-size: 1.8em;
  }
h3 { 
	font: bold 1.2em "verdana", sans-serif;
	margin-bottom: 10px; 
	color: #7D775C;
  clear:both;
	}
h4 {
  margin-bottom: 0;
  }
  
div.h2_schwarz {
  background: url(../img/h2_ball.png) no-repeat top left;
  left: -56px;
  padding-top:8px;
  position: relative;
  text-indent: 50px;
  min-height: 80px;
  }


/* Links ------------------------------------------------------------ */  
  
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #E95106;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FCB25D;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: red;
	}
acronym {
	border-bottom: none;
	}


/* Spezielle Behaelter ---------------------------------------------- */

#container { 
  width: 900px;
	margin: 0 auto; 
  min-height: 400px;
  height:auto !important;
  height: 400px;            /* IE5 und IE6 Hack um min-height zu erzwingen */
	text-align:left;
  background-color:white;
	} 
  
div#header {
  border-left:1px solid #EE8C25;
  border-right:1px solid #EE8C25;
	background:url(../img/header.jpg) top left no-repeat;
	height:200px;
	}

div#header_sub { 
  background-color: black;
  background: url(../img/black_bar_orange_light.png) top left transparent repeat-x;
  border-left:5px solid black;
  border-right:5px solid black;
	color:white;
  clear:both;
  height:30px;
}

div#header_sub  a  {	
  color:white; 
}

div.rootline {  
  padding:5px; 
  padding-left:10px;
  font-size:90%; 
  float:left;
 } 
				
span.globals {  	
  position: relative;
  float:right;
  bottom:35px;
	left:1px;
	border:1px solid #EE8C25;
	background-color:#494A47;
  padding: 5px;
	font-size:90%;
}

div#copyright {
  float: left
  }

div#last_change { }

div#toplink {
  float: right
  }
				
div#wrap {
  width: 100%; 
  clear:both;
  min-height: 400px;
  height:auto !important;
  height: 400px;            /* IE5 und IE6 Hack um min-height zu erzwingen */
  }

div#content_col {
  width: 560px;
  padding: 20px 20px 30px 20px;
  margin: 30px 90px 20px 0;
  float:right;
  border: 1pt solid black;
  }
  
div.ergebnisse {
	padding-top: 8px;
	text-align: center;
}
  
div#nav_col {
  width: 150px;
  float: left;
  }
  
h3.naechTerm {
  margin-top:0px;
  }

.naechTerm-body {
  clear:both;
  height:200px;
  padding-top:20px;
  padding-left:20px;
  padding-right: 50px;
  padding-right/**/:/**/35px;
  background: url(../img/theme_box.png) no-repeat top left;
  }

#Links {
	padding-left:10px;
	}
  
.hervorheb {
  text-align: center;
  font-weight: bold;
  }


/* Fusszeile -------------------------------------------------------- */

#footer { 
  clear:both;
  background-color:#7D775C;
  color: white;
  margin: 0 auto; 
  padding:10px;
  text-align:center;
  font-size: 70%;
  border-top: 1pt dotted black;
	}
  
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
  
div.copyright {
  float:left;
  width:30%;
  }
div.toplink {
  float:right;
  width:30%;
  text-align:right;
  }
div.bottomnavi {
  text-align:center;
  }

/* Navigation ------------------------------------------------------- */
  
#Navi {
  margin-top: 30px;
	font: 12px "verdana", sans-serif;  
  min-height: 400px;
	}

#Navi ul {
  list-style-type: none;
  }

#Navi li {
  margin: 0;
  padding: 0;
  float: right;
  width: 150px;
  width/**/:/**/ 150px;
	}
  
#Navi li.start {
  margin-bottom:10px;
  }

#Navi li.archiv {
  margin-top:10px
  }

#Navi li a {
  height:30px;
/*  background: url(../img/ButtonBlack150.png) no-repeat top right; */
  background: url(../img/button_schwarz_weiss.png) no-repeat top right;
	display:block;
	text-decoration:none;
	/* background:#000; */
	color:white;
	text-indent:15px; 
	line-height:28px;
	margin: 2px 0 0 0;
  border-left: 5px solid black;
  }

#Navi ul.Lvl2 {
  margin-top: 0;
  margin-left: -23px;
  margin-right: 20px;
  }  
  
#Navi ul.Lvl2 li {
  width: 115%;
  }

#Navi ul.Lvl2 li a {
  font-size: 80%;
  text-indent: 10px;
  }
  
#Navi li a:link {
	color: white;
	}
#Navi li a:visited {
	color: white;
	}
#Navi li a:hover {
	height:30px;
/*  background: url(../img/ButtonOrange150.png) no-repeat top right; */
  background: url(../img/button_schwarz_orange.png) no-repeat top right;
	text-decoration:none;
	display:block;
	/* background:#FCB25D; */
	color:white;
  border-left: 5px solid black;
	}
#Navi li strong, #larchives li strong {
	height:30px;
/*  background: url(../img/ButtonOrange150.png) no-repeat top right; */
  background: url(../img/button_schwarz_orange.png) no-repeat top right;
	display:block;
	text-decoration:none;
	/* background:#FCB25D; */
	color:white;
	text-indent:15px;
	line-height:28px;
	margin: 2px 0 0 0;
  border-left: 5px solid black;
	}

  /* Die naechsten zwei Definitionen erlauben das Anzeigen eines Textes unter der Navigationleiste, wenn man ueber einen Link
     faehrt. So lassen sich die Links naeher beschreiben. Der Trick stammt von der Seite   
     http://meyerweb.com/eric/css/edge/popups/demo.html 
  */
  
#Navi li a span{
  display:none;
  }
  
#Navi li a:hover span{
  display:block;
  position: absolute;
  right:10px;
  top:300px;
  width:120px;
  margin:10px;
  color:#000;
  font: 10px "verdana", sans-serif;
  text-indent:0;
  text-align: center;
  z-index:20;
  }

/* Linklisten ------------------------------------------------------- */ 
 
#Links ul {
	padding: 0;
  margin-left: 10px;
	}
#Links li {
	margin-left:10px;
	}
#Links li a:visited {
	color: #FCB25D;
	}
#Links li a:hover {
  color: red;
  }
  
/* Archivliste ------------------------------------------------------ */

#Archiv {
  padding: 0;
  margin: 0;
  }
  
ul.Archivliste {
  list-style-type: none;
  }

ul.Archivliste li {
  font-weight: bold;
  border-top: 1pt solid black;
  }

ul.Archivunterliste {
  list-style-type: none;
  margin-bottom: 1em;
  }
  
ul.Archivunterliste li {
  border: none;
  }
 
ul.Archivunterliste li span{
  font-weight: normal;
  font-size: 80%;
  margin-right: 10px;
  }
  
ul.Archivunterliste li a {
  font-size: normal;
  }


/* Bilder ----------------------------------------------------------- */
img {
  background: url(../img/loader.gif) no-repeat top left;
  }  

.Bilder {
  text-align:center;
  margin:0 auto;
  }

.Bilder img {
  margin-top: 20px;
  margin-bottom: 10px;
  max-width: 550px;
  }

.Bilder .caption {
  font-size: 80%;
  font-family: Verdana, Arial, sans-serif;
  text-align: center;
  }
  
div.csc-textpic-imagewrap {
	text-align: center;
	margin: 0 auto;
	}
	
div.csc-textpic img {
	padding-top: 20px;
	margin-bottom:20px;
	max-width:550px;
	}
	
dd.csc-textpic-caption {
	padding-top:10px;
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	}
  
.BilderFloat {
  float: right;
  padding-left:30px;
  }
  
  
.BilderFloat img {
  margin-top: 20px;
  margin-bottom: 10px;
  max-width: 550px;
  }

.BilderFloat .caption {
  font-size: 80%;
  font-family: Verdana, Arial, sans-serif;
  text-align: center;
  }
  
/* Posts --------------------------------------------------------- */
  .post-bottom {
    text-align:right;
    font-size: 80%;
    margin-bottom:10px;
    margin-top:10px;
    border-top: 1pt solid grey;
    }
  .post-bottom a:link{
    color:#1e1e1e;
    font-weight: normal;
    text-decoration:none;
    }
  .post-bottom a:hover{
    color:#FCB25D;
    text-decoration:underline;
    }
  .post-bottom a:visited{
    color:#1e1e1e;
    font-weight: normal;
    text-decoration:none;
    }

/* IE7 Hacks ----------------------------------------------------- */ 
  
*+ html #Navi ul.Lvl2 li {
  width: 90%;
}


/* IE6 Hacks ----------------------------------------------------- */ 

* html #Navi ul.Lvl2 li {
  width: 90%;
}
* html div#content_col {
  width: 550px;
  margin-right: 40px;
  }
  
* html div#nav_col {
  width: 130px;
  }
  
* html div.h2_schwarz {
  height:80px;
  padding-top:20px;
  }