body { background-color: #c0c0c0;
       background-image: url('/images/layout/kachel.jpg');     
       color: #000000;
       font-family: Helvetica, Arial, Verdana;
       font-size: 12px;      
       font-style: normal;
       font-weight: normal;
       text-decoration: none; }                             
                                                                             
a:link, a:visited, a:active { color: #0f8cd4; font-weight: normal; text-decoration: underline; }
a:hover                     { color: #3C3C3C; font-weight: normal; text-decoration: underline; }
                                                

/* Überschriften */
.title  { font-family: Tahoma; font-size: 15px; font-weight: bold; display: inline; text-decoration: none; }  
.title2 { color: #4E4E4E;      font-size: 14px; font-weight: bold; display: inline; text-decoration: none; }
.title3 {                      font-size: 15px; font-weight: bold; display: inline; text-decoration: none; }  
.title4 { color: #808080;      font-size: 12px; font-weight: normal; display: inline; text-decoration: none; }  
.title5 {                      font-size: 13px; font-weight: bold;   display: inline; text-decoration: none; }
.quote  { color: #808080;      font-style: italic; font-weight: bold; }

                                      
/* Farbige Wörter */          
.cword {
   color: #0f8cd4;
}      

.error {
   color: #CC0000;
   font-style: italic;
}   
         



/* Contentbox */
.box {
   background-color: #fff;
   padding: 5px;
}
        
        
/* Linkbox */     
.infobox, .linkbox a, .linkbox a:visited, .linkbox a:active {
   background-color: #ededed;
   color: #0f8cd4;
   letter-spacing: 1px;        
   line-height: 40px;
   
   border-style: dotted;
   border-width: 2px;
   border-color: #4F4F4F;
   padding: 4px;   
   padding-left: 10px; 
   padding-right: 10px;
}     

.linkbox a:hover {
   color: #3C3C3C; 
   font-weight: normal; 
   text-decoration: underline;                             
   background-color: #b1b1b1;
}



/* Statistik-Rahmen */
.stats {
   background-color: #F7F7F7;
   color: #000;     

   border-style: dotted;
   border-width: 2px;
   border-color: #4F4F4F;
   padding: 4px;
   padding-left: 10px;
   padding-right: 10px;
}

/* Bilderrahmen */
.imgborder {
   border: 1px solid;
   border-color: #000;
}


/* Quellen */
.source {
   color: #808080;       
   font-size: 9px;
   vertical-align: super;  
}
     
                       
    
/* Footer */          
.footer {
   background-color: #c0c0c0;
   font-size: 11px;
}     
     
.footer a {
   text-decoration: none;
}          
          
/* Formulare */
.form {
   background-color: #FFFFFF;
   color: #000000;
   font-size: 14px; 
   font-weight: normal; 
   text-decoration: none; 
   border: 1px solid; 
   border-color: #000000;
}



          
/* Navigation */          
          
ul.sdt_menu{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: "Myriad Pro", "Arial Narrow", "Trebuchet MS", asdf;
	font-size: 14px;
	width: 990px;
}
ul.sdt_menu a{
	text-decoration: none;
	outline: none;
}
ul.sdt_menu li{
    background-color: #e9e9e9;
	float: left;
	width: 165px;
	height: 85px;
	position: relative;
	cursor: pointer;
}
ul.sdt_menu li > a{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 165px;
	height: 85px;
	z-index: 12;
	background: transparent url(/images/overlay.png) no-repeat bottom right;
	-moz-box-shadow: 0px 0px 2px #000 inset;              
	-webkit-box-shadow: 0px 0px 2px #000 inset;
	box-shadow: 0px 0px 2px #000 inset;
}

ul.sdt_menu li a img{
	border: none;
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: 0px;
	left: 85px;
	z-index: 100;
	-moz-box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}

ul.sdt_menu li span.sdt_wrap{
	position: absolute;
	top: 25px;
	left: 0px;
	width: 165px;
	height: 60px;
	z-index: 15;
}

ul.sdt_menu li span.sdt_active{
	position: absolute;
	background: #0B75AF;
	top: 85px;
	width: 165px;
	left: 0px;
	z-index: 14;
	-moz-box-shadow: 0px 0px 4px #000 inset;
	-webkit-box-shadow: 0px 0px 4px #000 inset;
	box-shadow: 0px 0px 4px #000 inset;
}




ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left: 15px;
	text-transform: uppercase;
}
ul.sdt_menu li span span.sdt_link{
	color: #fff;
	font-size: 20px;
	float: left;
	clear: both;    
	text-shadow: 1px 1px 1px #000000;  /* Versatz links | Versatz oben | Unschärfe (Blur) | Farbe */          
}
ul.sdt_menu li span span.sdt_descr{
	color: #000;
	float: left;
	clear: both;
	width: 165px; /* für IE7 */
	font-family: "Arial Narrow", "Trebuchet MS";
	font-size: 10px;
	letter-spacing: 1px;      
}

                           

/* Navigation Unterbox */

ul.sdt_menu li div.sdt_box{
	display: block;
	position: absolute;	
	width: 165px;
	overflow: hidden;
	height: 165px;
	top: 85px;
	left: 0px;         
	z-index: 11;
	display: none;
	background: #0B75AF;      
	-moz-box-shadow: 0px 0px 2px #000 inset;
	-webkit-box-shadow: 0px 0px 2px #000 inset;
	box-shadow: 0px 0px 2px #000 inset;
}
ul.sdt_menu li div.sdt_box a{
	float: left;
	clear: both;
	line-height: 30px;
	color: #000;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top: 5px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color: #fff;
	text-decoration: underline;
}