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

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------

	1. Allgemeines
	2. Header
	3. Content-Wrapper
		3.1 Navi
		3.2 Content
	4. Footer
		4.1 Footer-Links
		4.2 Footer-Mitte
		4.3 Footer-Rechts
	
----------------------------------------
	1. Allgemeines
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		}
		
	body {
		background: #fff url(../images/bg.jpg) 0 0 repeat;
		font: 62.5% Arial, Helvetica, sans-serif;
		color: #515151;
		line-height: 1.8em;
		}
		
	#wrapper {
		width: 800px;
		margin: 40px auto;
		padding: 20px;
		background: #fff;
		border: 10px solid #e4e4e4;
		font-size: 1.2em;
		}
		
	h1 {
		display: none;
		}
		
	h2 {
		width: 465px;
		height: 24px;
		padding: 6px 0 0 35px;
		background: url(../images/h2.jpg) 0 0 no-repeat;
		color: #fff;
		font-size: 1.0em;
		font-weight: bold;
		}
		
	h3 {
		width: 215px;
		height: 24px;
		padding: 6px 0 0 35px;
		background: url(../images/h3.jpg) 0 0 no-repeat;
		color: #fff;
		font-size: 1.0em;
		font-weight: bold;
		}
		
	h4 {
		width: 195px;
		height: 24px;
		padding: 6px 0 0 35px;
		margin: 40px 0 0 0;
		background: url(../images/h4.jpg) 0 0 no-repeat;
		color: #fff;
		font-size: 1.0em;
		font-weight: bold;
		}
	
	h5 {
		width: 215px;
		height: 24px;
		padding: 6px 0 0 35px;
		margin: 40px 0 0 0;
		background: url(../images/h3.jpg) 0 0 no-repeat;
		color: #fff;
		font-size: 1.0em;
		font-weight: bold;
		}
		
	p {
		margin: 14px 0;
		}
		
	ul {
		list-style-type: none;
		margin: 14px 0;
		}
		
	.cleaner {
		float: none;
		clear: both;
		}
		
	#euroweb {
		margin: 14px 0;
		}
		
	.content-padding {
		padding: 0 10px;
		}
		
	.farbig {
		color: #c00;
		font-weight: bold;
		}
		
	.img {
		padding: 1px;
		border: 1px solid #515151;
		float: left;
		margin: 0 10px 10px 0;
		}
		
/* -------------------------------------
	2. Header
------------------------------------- */

	#head {
		width: 800px;
		height: 300px;
		background: url(../images/head.jpg) 0 0 no-repeat;
		position: relative;
		}
		
	#head ul {
		margin: 0;
		position: absolute;
		top: 0;
		left: 540px;
		}
		
	#head ul li {
		float: left;
		border-right: 1px solid #999;
		padding: 0 10px;
		}
	
	#head ul li.last {
		float: left;
		border: none;
		}	
		
	#head ul li a {
		color: #515151;
		text-decoration: none;
		}
		
	#head ul li a:hover,
	#head ul li a.active {
		color: #c00;
		text-decoration: none;
		}
		
	#logo {
		width: 243px;
		height: 64px;
		position: absolute;
		top: 30px;
		left: 84px;
		}
		
/* -------------------------------------
	3. Content-Wrapper
------------------------------------- */

	#content-wrapper {
		width: 800px;
		}
		
			/* -------------------------------------
				3.1 Navi
			------------------------------------- */
			
				#navi {
					width: 250px;
					height: 300px;
					margin: 0 50px 0 0;
					background: url(../images/navi.jpg) 0 30px no-repeat;
					float: left;
					}
					
				#navi ul {
					list-style-type: none;
					margin: 0;
					}
					
				#navi ul li {
					width: 250px;
					height: 30px;
					}			
					
				#navi ul li a {
					width: 220px;
					height: 25px;
					display: block;
					padding: 5px 0 0 30px;
					color: #515151;
					text-decoration: none;
					background: url(../images/navi_pfeil.png) 0 0 no-repeat;
					}
					
				#navi ul li a:hover,
				#navi ul li a.active {
					width: 215px;
					padding: 5px 0 0 35px;
					background: url(../images/navi_pfeil_hover.png) 5px 0 no-repeat;
					}
					
			/* -------------------------------------
				3.2 Content
			------------------------------------- */
			
				#content {
					width: 500px;
					float: left;
					}
				
				#content a {
					text-decoration: none;
					color: #c00;
					}
					
				#content a:hover {
					text-decoration: underline;
					color: #c00;
					}
					
				#content .links {
					width: 220px;
					margin: 0 20px 0 0;
					float: left;
					}
					
				#content .rechts {
					width: 220px;
					margin: 0 0 0 20px;
					float: left;
					}
					
				#content ul li {
					background: url(../images/required.png) 5px 0 no-repeat;
					padding: 0 0 0 30px;
					}
					
				#content .mobile {
					margin: 0 0 0 100px;
					}
					
/* -------------------------------------
	4. Footer
------------------------------------- */

	#footer-wrapper {
		width: 800px;
		}
		
	#footer-wrapper a {
		text-decoration: none;
		color: #c00;
		}
		
	#footer-wrapper a:hover {
		text-decoration: underline;
		color: #c00;
		}
		
			/* -------------------------------------
				3.1 Footer-Links
			------------------------------------- */
			
				#footer-links {
					width: 250px;
					margin: 0 50px 0 0;
					float: left;
					}
					
			/* -------------------------------------
				3.2 Footer-Mitte
			------------------------------------- */
			
				#footer-mitte {
					width: 230px;
					margin: 0 40px 0 0;
					float: left;
					}
					
			/* -------------------------------------
				3.3 Footer-Rechts
			------------------------------------- */
			
				#footer-rechts {
					width: 230px;
					float: left;
					}
					
				#footer-rechts dl {
					margin: 14px 0;
					}
					
				#footer-rechts dl dt {
					width: 50px;
					float: left;
					}
					
				#footer-rechts dl dd {
					width: 160px;
					float: left;
					}
					
/* -------------------------------------
	Ende ;)
------------------------------------- */