@charset "utf-8";
/* CSS Document */

/* Author: Dominic Klute */

/* Body */
body {background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#999999;
		margin: 0px;
		padding: 0px;
		font-size: 12px;
		font-weight: lighter;
		font-stretch: extra-condensed;
		margin:auto;}
		
/* Site - schließt die komplette Seite ein */
#site {width:1000px;
		margin:auto;}

/* Head - enthält Stempel-Logo und Navigation-Head */
#head {height:125px;
		width:1000px;
		margin:15px auto 0 auto;}
		
	/* Stempel - Logo */
	#stempel-logo {width:940px;
					height:50px;}
					
		#links {}
			
	/* Navigation-Head - enthält Navi (Dropdown-Menue) */
	#navi-head {width:940px;
				height:75px;
				
				}
	
		/* Navi (Dropdown-Menue) */
		#navi {margin-left:30px;
				padding: 0;}

		#navi li {margin: 0;
					padding: 0;
					list-style: none;
					float: left;
					font: 11px Verdana;}

		#navi li a {display: block;
					margin: 0 1px 0 0;
					padding: 0px 15px 0px 0px;
					width: auto;
					background: #FFFFFF;
					color: #999999;
					text-align: left;
					text-decoration: none;}
		
		#navi li a.aktiv {visibility:visible;
							color:#000000;}
		
		#navi li a.black {background: #FFFFFF;
					color: #000000;}
					
					
							
		#navi li a.black:hover {background: #FFFFFF;
									color:#000000;}

		#navi li a:hover {background: #FFFFFF;
							color:#000000;}

		#navi div {position: absolute;
					visibility: hidden;
					margin: 0;
					padding: 0;
					background: #FFFFFF;}

		#navi div a {position: relative;
						display: block;
						margin: 0;
						padding: 10px 10px 0 0px;
						width: auto;
						white-space: nowrap;
						text-align: left;
						text-decoration: none;
						background: #FFFFFF;
						color: #999999;
						font: 11px Verdana;}
						
		#navi div a.aktiv {visibility:visible;
							color:#000000;}

		#navi div a:hover {background: #FFFFFF;
							color:#000000;}

/* Main - enthält Inhalt und Image */
#main {width:1000px;
		height:100%;
		margin:auto;}
		
	/* Inhalt - unterteilt in 3 Bereiche: auswahl, text & color */
	#inhalt {width:402px;
			float:left;
			position:absolute;
			z-index:2;
			margin-left: 10px;}
			
		#auswahl {background-image:url(../Image-modico/modico-bottom-pic.gif);
					height: 47px;
					font-weight:bold;
					font-size:1.5em;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					text-align: center;
					color:#FFFFFF;
					padding:0px;}
					
			#auswahl span a {text-decoration: none;
						color:#FFFFFF;}
						
			#auswahl span a:hover {text-decoration: none;
								color: #000000;}
			
			#auswahl span a:visited {text-decoration: none;
								color:#999999;}
								
								
			#auswahl span a.aktive {color:#000000;}
			
			#auswahl span .hand {cursor:pointer;} 
				
		/* text - enthält Haupttext, Links und Anker */	
		#text {background-color:#EAEAEA;
					padding: 5px 20px 5px 50px;
					margin-bottom: 5px;
					margin-top: 5px;}
					
			#text .imp {font-weight:bold;}
			
				#text .stempelwahl {font-size:1.2em;}
			
				#text .stempelwahl a:hover {color:#000000;}
				
				#text .stempelwahl a:visited {color:#FFFFFF;} 
				
				#text .stempelwahl .anhang {font-size: 0.8em}
					
			#text a {text-decoration: none;
						color:#999999;}
						
			#text a.email {text-decoration: underline;
								color:#999999;}
						
			#text p a:hover {text-decoration: underline;}
			
			#text a:visited {text-decoration: none;
								color:#999999;}
								
			#text a.email:visited {text-decoration: underline;
										color:#999999;}
			
			#text .anker {font-size:10px;}
			
			#text .uvpstern {font-size:10px;}
			
			#text .ersatz {cursor:pointer;}
			
			#text .ersatz tr:hover {color: #000000;}
		
			.dark {font-weight: bold;}
			
		/* color - enthält Start-/Endstreifen */	
		#color {width:402xp;
					height: 10px;
					background-image:url(../Image-modico/modico-bottom-pic.gif)}
					
	/* Image - enthält die Bilder der Stempel */
	#image {width:499px;
			height:auto;
			float:right;
			z-index:1;
			border:none;
			margin-right: 30px;}
			
		img {border:none;}
