/* 
*  global.css
*  @project Musterprojekt www.musterprojekt.de
*  @description Allgemeine Klassen, die die Layoutstruktur betreffen
*  @author Florian Wagner
*  @date 24.10.2009
*/

*{margin:0; padding:0;}

body{
 margin:0;
 text-align:center;      /* Wichtig um die horizontale Zentrierung des Gesamtlayout zu erreichen */
 font-family: Verdana,Arial,Helvetica,Sans-Serif; 
 font-size:11px;
 background: #FFF;
 width:100%;
 color: #000;
 }
 
img{
 border:0;
}

#center{
 margin: 18px auto;
 width: 780px; 
 background: #EDEFEC;
 text-align:left;
}
 
 
#header{
 height: 132px;
 width: 100%;
 background: url(bilder/layout/logo_uhrmachereisimonis.jpg) no-repeat top left;
}
 
#navigation{
 height: 32px;
 background: #9CC1F6; 
}
 

#menu ul{
 margin: 0;
 font-size: 12px;
 color: #FFF;
}
 	
	#menu ul li {
	list-style: none; 
	display: inline; /* Horizontale Liste */
	line-height: 30px;
	padding: 8px 16px 10px 16px;
    }
	
	#menu ul li.active{
	background: #0066FF;	
	}
		
		#menu ul li a{
		text-decoration: none;
		color: #FFF;
		} 

 
 
 * html #musterhack{
  	width: 500px;             /* For IE 5.x */
  	wid\th: 440px;            /* For IE 6   */ 
 }

#wrapper{
float:left;
background: #EDEFEC;
}

#left{
 float:left;
 width: 260px;
 
}
	#imageleft{
	float:left;
	width: 260px;
	height: 260px;
	background: url(bilder/imageleft/i_uhrmacherei-in-balingen.jpg) no-repeat top left;
	}
	
	#openinghours{
	float:left;
	height: 150px;
	width: 240px;
	padding: 10px;
	color: #FFF;
	font-size: 12px;
	background: #9CC1F6;
	line-height: 20px;
	}
	
	#openinghours p{
	margin: 5px 0 0 0;
	}

#right{
 float:right;
 width:520px;
}

	#submenu{
	padding: 5px 0 0 0;
	margin: 0 0 0 125px;
	color: #0066FF;	
	}
	#submenu a{
	text-decoration:none;
	}
	
	#content{
	 background: #EDEFEC;
	 padding: 90px 50px 75px 50px;
	}


 
#footer{
 clear:both;
 background: #FFF;
 width: 780px;
 line-height: 30px;
 text-align:right;
 color: #9DA397; 
}

#footer a{
 color: #888;
}