/* Stylesheet zur Beschreibung des Seitenlayouts für Ndungu Kina Web */


/* Infoboxen */


#box1 { position:relative; width:140px; height:180px; z-index:1;}


#box2 { position:relative; width:140px; height:175px; z-index:2; }


#box3 { position:relative; width:140px; height:100px; z-index:3; }


.boxhead 
	{ 
	color:#993300;
	padding-top:5px;
	padding-left:10px;
	font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-size:11pt;
	}

.boxtext
	{
	
   	 padding-top:5px;
	 padding-left:10px;
	 padding-right:5px;
	 text-align:left;
	 color:#000000;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:11px;
	}

.sboxtext
	{
	
   	 padding-top:5px;
	 padding-right:5px;
	 text-align:left;
	 color:#000000;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:10px;
	}

.sboxtextl
	{
	
   	 padding-top:0px;
	 margin-right:5px;
	 padding-left:10px;
	 text-align:left;
	 color:#000000;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:10px;
	}

.hinweis
	{
	 padding-top:10px;
	 padding-left:10px;
	 color:#000000;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:10px;
	}

.box4 
	{
        background-color:#FFE780;
	position:absolute; 
	right:12px;
	top: 219px;
	height:435px; 
	width:130px; 
	visibility: hidden;
        }

.box5 
	{
	background-color:#FFE780;
	position:absolute;
	right:12px;  
	top: 219px;
	height:435px; 
	width:130px; 
	visibility: hidden; 
        }

.box6
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }

.box7
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }

.box8
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }
.box9
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }
.box10
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }

.box11
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }

.box12
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }

.box13
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:190px; 
	width:130px;
	height:400px;  
	visibility: hidden; 
        }


.box14
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:190px; 
	width:130px;
	height:400px;  
	visibility: hidden; 
        }


.box15
	{
        background-color:#FFE780;
	position:absolute;
	right:12px; 
	top:219px; 
	width:130px;
	height:435px;  
	visibility: hidden; 
        }

/* Textstyle */

h1
	{
	border-bottom: 1px solid #FFE780;
	vertical-align:top;
	text-align:left;
	padding-left:0px;
	color:#993300;
	font-family:African, Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-weight:bold;
	font-size:14px;
	}

h2 
	{
	color:#993300;
	font-family:African, Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-weight:bold;
	font-size:13px;
	}

h3
	{
	color:#993300;
	font-family:African, Trebuchet MS, Arial, Verdana, Sans-Serif;
	font-weight:bold;
	font-size:12px;
	}

.standard
	  {   
	    padding-top:5px;
	    padding-left:5px;
	    text-align:justify;
	    vertical-align:top;
	    color:#993300;
	    font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	    font-size:12px;
          }


p, li {
	font-size: 10px;
	padding-left:0px;
	color: #000033;
      }


strong {
	font-size:12px;
	}

#searchfooter {font-size: 80%;}
#searchfooter p {color: #000033;}
#searchfooter a {
	text-decoration: none;
	color: #993300;
}


.footer
	{
	 padding-top:10px; 
	 text-align:center;
	 color:#000000;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:10px;
	}


a:link
	{
	 text-decoration:none;
	 text-align:left;
	 color:#993300;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:12px;
 	 }

a:visited

	{
	 color:#CC6600;
	 text-decoration:none;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:12px;
	}



a:hover
	{
	 text-decoration:none;
	 text-align:left;
	 color:#999999;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:12px;
	}

div#quicklink
	{
	 padding-top:3px;
	 padding-left:10px;
	 vertical-align:top;
	 color:#993300;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:12px;
	 }
	 
	 

div#quicklink a

	{
	 text-decoration:none;
	 text-align:left;
	 color:#993300;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:12px;
	}


div#quicklink a:hover
	{
	 text-decoration:none;
	 text-align:left;
	 color:#999999;
	 font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
	 font-size:12px;
	}


/*Hinweise, Tipps*/

div#tip 
{
  position: relative; 
  top: 0px; 
  left: 70px; 
  width: 50px; 
  height: 20px; 
  font: 9px Trebuchet, sans-serif; 
}

div#tip a 
{
   display: block;
   text-align:right;  
   text-decoration: none;
   color:#993300;
   font: 10px Trebuchet, sans-serif; 
   
 }
div#tip a:hover 
{
   color:#000033; 
   border-left: 0px;
   font: 10px Trebuchet, sans-serif; 

}

div#tip a span 
{
   display: none;
}
div#tip a:hover span 
{
   display: block;
   position: relative;
   background-color:#FFCC66; 
   top: -10px; 
   left: 80px; 
   width: 140px;
   padding: 5px; 
   z-index: 100;
   color: #000033;
   font: 9px Trebuchet, sans-serif; 
   text-align: left;
}


div#tip2 
{
  position: relative; 
  top: 20px; 
  left: 80px; 
  width: 10px; 
  height: 10px; 
  font: 9px Trebuchet, sans-serif; 
}

div#tip2 a 
{
   display: block;
   text-align:right;  
   text-decoration: none;
   color:#993300;
   font: 10px Trebuchet, sans-serif; 
   
 }
div#tip2 a:hover 
{
   color:#000033; 
   border-left: 0px;
   font: 10px Trebuchet, sans-serif; 

}

div#tip2 a span 
{
   display: none;
}
div#tip2 a:hover span 
{
   display: block;
   position: relative;
   background-color:#FFCC66; 
   top: -100px; 
   right: 220px; 
   width: 120px;
   padding: 5px; 
   z-index: 100;
   color: #000033;
   font: 9px Trebuchet, sans-serif; 
   text-align: right;
}




