@charset "UTF-8";
/* CSS Document */



body		{ margin:0;
			  padding:0;
			  background-color:#CCC;
			}
			

#wrapper	{ width:997px;
			  background-color:#FFF;
			  border:1px solid #999;
			  position:relative;
			  margin:auto;
			  margin-top:20px;
			  margin-bottom:20px;
			}
			
			
#wrapper .quick1 img,			
#wrapper .ext_links img,
#wrapper #header img	 { border:0; 
			 	 	 	 }




#logo		{ float:left;
			  width:auto;
			  height:auto;
			  margin-left:7.4px;
			 }




#header		{ float:left;
			  width:auto;
			  height:auto;
			}


/*************************************************************************************************
************************************** NAVI ****************************************************
*************************************************************************************************/



#navi *					{ margin:0;
			 			  padding:0;
						}



#navi ul li	  			{ float:left;
			  			  list-style-type:none;
			  			}
			
			
@media screen and (-webkit-min-device-pixel-ratio:0){



#navi ul li	  			{ float:left;
			  			  list-style-type:none;
						  margin-bottom:2px;
			  			}

}



#navi a img				{ text-decoration:none;
			  	 		  border:0px;
			    		}
				
				
			
.home div,
.magazin div,
.tutorial div,
.icandy div,
.gaestebuch div,
.kontakt div,
.links div				{ display:none;
						}


.home:hover div,
.magazin:hover div,
.tutorial:hover div,
.icandy:hover div,
.gaestebuch:hover div,
.kontakt:hover div,
.links:hover div		{ display:block;
					  	  position:absolute;
					  	  top:198px;
						 }
				


#navi li ul				{ display:none;
						  position:absolute;
						  top:239px;
						  left:357px;
						  width:140px;
						  height:85px;
						  background-color:#CCC;
						  border-left:1px solid #666;
						  border-right:1px solid #666;
						  border-bottom:1px solid #666;
						  z-index:100;
						 }	
						 
						 
						 
#navi li ul li			{ float:none;
						  text-align:center;
						  margin-top:7px;
						}		
	
	
							
						
#navi li ul li a		{ color:#000;
					  	  font-size:13px;
					  	  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  	  text-decoration:none;
						}
						
						 
#navi li ul li:hover	{ background-image:url(../Bilder/background.png);
						}




#navi li:hover ul		{ display:block;
						}
						

				
				
.ext_links				{ position:absolute;
						  top:7px;
						  left:858px;}
						  

.navi_rechts		{ float:left;
					}
						  


/***************************************************************************************************
****************************************** DROPDOWN ************************************************
*****************************************************************************************************/
						  
						  
						  

#navi .tutorial ul					 	{ display:none;
						  				  position:absolute;
						  				  top:239px;
						  				  left:459px;
						  				  width:140px;
						  				  height:370px;
						  				  background-color:#CCC;
						  				  border-left:1px solid #666;
						  				  border-right:1px solid #666;
						  				  border-bottom:1px solid #666;
						 				 }		
						 
						 
						 
#navi .tutorial ul li			{ float:none;
						  			  text-align:center;
						  			  margin-top:7px;
									}		
	
	
							
						
#navi .tutorial ul li a		{ color:#000;
					  	  		  font-size:13px;
					  	 		  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  	 		  text-decoration:none;
								}
						
						 
#navi .tutorial ul li:hover	{ background-image:url(../Bilder/background.png);
						}




#navi .icandy:hover ul		{ display:block;
						}
						




/************************************************************************************************************
************************************************************************************************************/
						
	
	
	
						
#navi .icandy ul					 	{ display:none;
						  				  position:absolute;
						  				  top:239px;
						  				  left:562px;
						  				  width:140px;
						  				  height:450px;
						  				  background-color:#CCC;
						  				  border-left:1px solid #666;
						  				  border-right:1px solid #666;
						  				  border-bottom:1px solid #666;
						 				 }		
						 
						 
						 
#navi .icandy ul li			{ float:none;
						  			  text-align:center;
						  			  margin-top:7px;
									}		
	
	
							
						
#navi .icandy ul li a		{ color:#000;
					  	  		  font-size:13px;
					  	 		  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  	 		  text-decoration:none;
								}
						
						 
#navi .icandy ul li:hover	{ background-image:url(../Bilder/background.png);
						}




#navi .icandy:hover ul		{ display:block;
						}
						  
						  
						  
						  	
	
	/*		  
***************************************************************************************************
***************************************** BALKEN LINKS ***********************************************
*****************************************************************************************************/



#balken_links		{ float:left; 
					  width:260px;
					  height:550px;
					  border:1px solid #CCC;
					  background-image:url(../Bilder/background.png);
					  margin:0 0 0 7px;
					 }


.news h1			{ font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  font-weight:normal;
					  color:#333;
					  text-align:center;
					  font-size:18px;
					}	


.news a				{ color:#666;
					  font-size:11px;
					  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  text-decoration:none;
					  line-height:20px;
					  margin:0 0 0 7px;
					}	


.news a:hover		{ color:#606;
					  text-decoration:underline;
					}						  


.ausgabe			{ margin:0 0 10px 63px;
					  float:left;
					}
					

.ausgabe img		{ border:0;
					}
					


.podcast			{ text-align:center;
 					  margin:20px 0 10px 0;
					}
					
.podcast a img		{ text-decoration:none;
					  border:0;
					}
					
					  



.ausgabe h1			{ font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  font-weight:normal;
					  color:#333;
					  text-align:center;
					  font-size:18px;
					 }		


/******************************************************************************************************				
************************************** CONTENT ***************************************************
*********************************************************************************************************/



#content			{ float:left; 
					  width:508px;
					  height:550px;
					  border:1px solid #CCC;
					  background-image:url(../Bilder/background.png);
					  margin:0 0 20px 7px;
					 }



.willkommen			{ color:#333;
					  font-size:12.5px;
					  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  margin:50px 30px 30px 30px;
					  line-height:18px;
					 }




.willkommen h1		{ font-weight:normal;
					  font-size:35px;
					  margin-bottom:16px;
					}
					
					
					
.willkommen span	{ font-size:19px;
					  color:#666;
					}
					
					
					
					  
.willkommen .anrede	{ font-weight:bolder;
					  font-size:14px;
					  margin-top:30px;
					}
					

.willkommen a		{ font-weight:bolder;
					  font-size:13px;
					  text-decoration:none;
					  color:#333;
					}
					


.willkommen a:hover	{ color:#606; 
					}


/******************************************************************************************************				
************************************** BALKEN RECHTS ***************************************************
*********************************************************************************************************/




#balken_rechts		{ width:194.8px;
					  float:left;
					  background-image:url(../Bilder/background.png);
					  border:1px solid #CCC;
					  margin:0 0 0 7px;
					  height:550px;
					}





#balken_rechts .navi_rechts		{ color:#333;
					  			  font-size:12.5px;
					  			  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  			  line-height:18px;
								  margin:7px 0 0 7px;
								 }



.newsletter			{ float:left;
					  color:#333;
					  font-size:12.5px;
					  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
					  width:300px;
					  margin:35px 0 0 7px;
					  line-height:18px;
					 }
					 
.newsletter form fieldset	{ border:0;
							  padding:0;
							  margin:0;
							}	
							
.newsletter form			{ width:160px;
							}
							
.newsletter form .news_email	{ width:70px;}							
							

.newsletter	ul li			{ list-style-type:none;
							  margin-bottom:4px;
							}
							
.newsletter	ul				{ padding:0;
							  margin:0; }
							  
.newsletter span			{ font-weight:bold;
							  color:#606;
							  font-size:16px;
							}							  
							



/******************************************************************************************************				
************************************** QUICKLINKS ***************************************************
*********************************************************************************************************/





#quicklinks		{ float:left;
				  margin:0 0 0 7px;
				 }
				 			 

.quick1,
.quick2,
.quick3,
.quick4			{ float:left;
				  border:1px solid #CCC;
				}


.quick1 img,
.quick2 img,
.quick3 img,
.quick4 img		{ border:0px; 
				}



.shirt img,
.barierre img	{ border:0px; 
				}



.quick1			{ margin:7px 42px 0 7px;
				  padding:0 10px 0 10px;
				}			


.quick2			{ margin:7px 42px 0 0;
 				  padding:0 10px 0 10px;
				  background-color:#606;
				}


.quick3			{ margin:7px 42px 0 0;
				  padding:0 10px 0 10px;
				}
				
.quick3 div		{ display:none;
				}
				


.quick3:hover div { display:block;
				  	position:absolute;
					top:856px;
				  }					



.quick4			{ margin:7px 0 0 0;
				  padding:0 10px 0 10px;
				}


/**********************************************************************************************************
**************************** COMMERCIALS *******************************************************************
***************************************************************************************************************/



#commercials	{ float:left;
				  margin:20px 0 0 7px;
				}
				 

.shirt			{ float:left;
				  width:981px;
				  background-color:#000;
				  margin:7px 0 7px 7px;
				  border:1px solid #CCC;
				  text-align:center;
				}



.barriere		{ float:left;
				  width:981px;
				  margin:7px 0 7px 7px;
				  border:1px solid #CCC;
				  text-align:center;
				}





/******************************************************************************************************				
************************************** FOOTER ***************************************************
*********************************************************************************************************/


#footer			{ clear:left;
				  width:981px;
				  border:1px solid #CCC;
				  background-image:url(../Bilder/background.png); 
				  margin:0px 0 7px 7px; 
				}
				
#footer a		{ text-decoration:none;
				  color:#666; }	





#footer a:hover	{ color:#606; }
				
			


#footer p		{ color:#333;
				  font-size:12.5px;
				  font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
				  text-align:center;
				  margin:5px 0 5px 0;
				}
				

				


/******************************************************************************************************				
************************************** Startseite_Zusätze ***************************************************
*********************************************************************************************************/






.vuvu			{ text-align:center; 
				}
				

.headline_vuvu	{ float:left; 
				  text-align:center;
				  width:100%; }	
				  


.headline_vuvu h1 { font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
				   color: #909; 
				   text-align:center;
				 }
				 



.headline_vuvu h3 { font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
				   color: #000;
				   text-align:center;
				 }