/* CSS Document */

body {
background-color: #99cc33;
background-image: url(layout/bg1.gif);
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#333;
margin: 0px;
padding: 0px;
}


/* ----------------- Gr Navigation--------------------- */

#navcontainer {
	position: absolute;
	top: 50px;
	z-index: 2;
	margin: 0;
	padding: 0;
	width: 177px;
	left: 0px;
  }

#navcontainer ul {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  }

/* Abstand zw den Links im Container*/ 
#navcontainer li {
  margin-bottom: 10px;
  }

/* Layout Box & Schrift von Links im Container*/
#navcontainer a {
  display: block;
  padding: 3px;
  width: 160px;
  background-color: #99cc33;
  border: 1px solid #333;
  border-left: 0;
  }

/* Layout Schrift Over im Container*/
#navcontainer a:link, #navlist a:visited {
  color: #333;
  text-decoration: none;
  }

/* Layout Box Aktive/Over im Container*/
#navcontainer a:hover {
  background-color: #fff;
  margin-left: 10px;
  border-right: 0;
  border-left: 1px solid #333;
  }

/* Layout aktive Box im Container*/
a#current {
  background-color: #fff;
  margin-left: 10px;
  border-right: 0;
  border-left: 1px solid #666;
  }

/* ----------------- Kl Navigation--------------------- */

/* Layout Navigation Top*/
#navrechts { 
position: absolute;
top: 50px;
left: 880px;
z-index: 3; 
background-color: transparent;
overflow: visible;
width: 50px;
height: 150px;
}

#navrechts img:hover	{
	background-color: transparent;
	border: 1px dotted; 
	color: #CC0033;	
}


/* -----------------Inhalt--------------------- */

/*Position & Layout Inhalte/ Content*/
#content {
  position: absolute;
  top: 50px;
  left: 176px;
  margin: 0;
  padding: 0;
  width: 700px;
  height: 580px;
  overflow: auto;
  background-color: #fff;
  border: 1px solid #333;
  }

/*Unterrubrik1*/
h1 {
font: 19px "arial narrow", arial, sans-serif;
color: #333;
font-weight:bold;
text-align: left;
background-color: #fff;
margin: 2px 5px 0px 0px ;
padding: 15px 5px 5px 15px;
}

/*Unterrubrik2*/
h2 {
font: 19px "arial narrow", arial, sans-serif;
color: #333;
font-weight:bold;
text-align: left;
background-color: #fff;
margin: 2px 5px 0px 0px ;
padding: 15px 5px 5px 15px;}

/*Titel*/
h3 {
font: 17px "arial narrow", arial, sans-serif;
letter-spacing: 1px;
font-weight:normal;
text-align: left;
font-style: italic;
background-color: #fff;
padding:5px 15px; 
margin: 2px 5px 0px 0px ; }

/*Bezeichnugnen*/  
h4{
font: 15px "arial narrow", arial, sans-serif;
letter-spacing: 1px;
font-weight:normal;
text-align: left;
background-color: #fff;
padding:5px 15px; 
margin: 15px 5px 0px 0px ; }

/*Hinweise*/
h5 {
font: 12px "arial narrow", arial, sans-serif;
letter-spacing: 1px;
font-weight:bold;
text-align: left;
background-color: #fff;
padding:0px 15px; 
margin: 0px 5px 0px 0px ; }

/*Lauftext mit Einzug ohne Punkte bei Textende*/
p { 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
text-align: left;
line-height: 18px;
background-color: #fff;
margin: 0px 15px 0px 50px ;
padding: 0px 0px 5px 0px;
}


/*Lauftext mit Einzug ohne Punkte Bold*/
p.bold {
font-weight: bold;
}

/*Lauftext mit Einzug mit Punkte bei Textende*/
p.mitPunkt{ 
border-bottom: 1px dotted #660000;
padding: 0px 0px 16px 0px;
}

/*Lauftext mit Einzug ohne Punkte Bold*/
p.extra {
font-weight: bold;
color: #66CCCC;
background-color: transparent;
}

/*Kursiv im Text* <em> </em> verwenden/


/*Links im Text*/
a.linktxt{ 
border-bottom: none;
font: 12px "arial narrow", arial, sans-serif;
text-decoration: none;
color: #0099CC;
letter-spacing: 1px;
font-weight:bold;
background-color: #fff;
padding:5px 15px; 
line-height: 18px; 
margin: 0px 15px 0px 50px ;
padding: 0px 0px 5px 0px;}

a.linktxt:visited {color:#66CCCC; background-color:#fff;}
a.linktxt:hover {color: #66CCCC; background-color:#fff;text-decoration: underline;}
a.linktxt:active { color:#0099CC; background-color:#fff;}



/* -----------------Bilder--------------------- */

.kasten1 {
padding: 0px;
margin: 0px 0px 10px 0px;
}

.antifloat { clear: left; } 

/*Bilderklassen*/

/*1- Covers, Bücher*/
.bild1 { 
float: left; 
width: 150px;
padding:5px 15px; 
margin: 15px 5px 0px 0px; }

.bild1k { 
float: left; 
width: 100px;
padding: 8px;
margin: 0px 8px 0px 15px;
 }

/*2 - Icons*/
.bild2 {  
float: left; 
width: 16px;
height: 16px;
padding: 0px 2px 2px 2px;
margin: 2px;
 }
 
 /*2 - Icons Navigation*/
.bild2nav {  
float: none; 
width: 16px;
height: 16px;
padding: 2px;
margin: 2px;
 }
 
 /*3 - grosse Bilder*/
.bild3 { 
float: left; 
width: 400px;
padding: 4px;
margin: 0px 8px 0px 15px;
 }
 
  /*3 - grosse Bilder*/
.bild33 { 
float: none; 
width: 400px;
padding: 4px;
margin: 0px 8px 0px 15px;
 }

 
/*4 - Banner*/
.bild4 { 
float: none; 
width: 600px;
padding: 5px 15px; 
margin: 15px 5px 0px 0px ; }

 
 /*5 - Platzhalter*/
.bild5 { 
float: none; 
width: 60px;
height: 30px;
padding: 5px;
margin: 5px;
 }


/* -----------------Bildertauschen Ic_audio--------------------- */
#hoverbox
	{
	width:20px;
	heighth:14px;
	}
	
img
    {
    border: 0;
	float: left; 
	padding: 0px 0px 20px 15px;
	margin: 0px 5px 0px 38px;
    }
a
    {
    text-decoration: none;
    }
#hoverbox a .animiert
    {
    display: none;
    }
#hoverbox a:hover .animiert
    {
    display: block;
    }
#hoverbox a .nichtanimiert
    {
	display: block;
    }
#hoverbox a:hover .nichtanimiert
    {
    display: none;
    }
#hoverbox a
    {
    cursor: hand;
    }



/* -----------------Sprechblase--------------------- */
div#container{width: 500px; margin:0 auto}

a.tt{
    position:relative;
    z-index:24;
    color:#0099CC;
	font-weight:bold;
    text-decoration:none;}

a.tt span{ display: none; }

/*background:; IE hack*/
a.tt:hover{ z-index:25; color: #66CCCC; background:;}

a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 30px;
	width:300px;
	color: #333;
	font-weight:normal;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(layout/bubble.gif) no-repeat top;
}

a.tt:hover span.middle{ /* BG für dyn. Mitte */
	display: block;
	padding: 0 8px; 
	background: url(layout/bubble_filler.gif) repeat bottom; 
}

a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(layout/bubble.gif) no-repeat bottom;
}


/* -----------------Blackbox--------------------- */

#blackbox 
{
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:640px; 
  height:300px; 
  border:1px solid #333; 
  background:#000 url(blackbox/BG.gif) bottom right no-repeat;
  }
  
#blackbox  li {
  float:left;
  }
#blackbox  li a {
  display:block; 
  height:300px;
  width:10px;
  overflow:hidden;
  float:left; 
  text-decoration:none; 
  border-right:1px solid #333; 
  cursor:hand;
  }
  
#blackbox  li a img {
border:0;
background: #000 url(blackbox/bb_load.gif) top left no-repeat;
}
#blackbox  li a:hover {
  background:#000; 
  width:480px;
  }