* {
	margin: 0;
	padding: 0;
	outline: none;
}

html, body {
	width: 100%;
	height: 100%;
}

html {
	
}

body {
	background: #252525 url(../images/layout/body-background.jpg) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}

#euroweb img {
	width: auto !important;
}

a {
	color: #e6002b;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

p, ul {
	margin-bottom: 15px;
}

h1#branding {
	position: absolute;
	top: 10px;
	width: 440px;
	height: 60px;
}

	#branding a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}

h2 {
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 22px;
}

h3 {
	font-size: 15px;
	font-weight: 300;
}

.darkgray {
	color: #333 !important;
}

.gray {
	color: #999 !important;
}

.lightgray {
	color: #ccc !important;
}

.hr {
	display: block;
	width: auto;
	border-bottom: 1px dotted #333;
}

.red {
	color: #e6002b !important;
}

/* */

#container {
	width: 960px;
	height: auto !important;
	margin: 0 auto;
	position: relative;
	left: 12px;
}

	#header-container {
		position: relative;
		width: 100%;
		margin: 0 auto;
		height: 375px;
		background: url(../images/layout/logo.jpg) no-repeat left top;
	}
	
		#header-container #header-navigation {
			list-style-type: none;
			color: #c1c1c1;
			float: right;
			width: auto;
			font-size: 10px;
		}
		
			#header-navigation li {
				float: left;
				display: block;
				margin-left: 6px;
			}
			
				#header-navigation li a {
					color: #fff;
				}
				
					#header-navigation li#startseite {
						background: url(../images/layout/icn-startseite.jpg) no-repeat 0 2px;
						padding-left: 15px;
					}
					
					#header-navigation li#kontakt{
						background: url(../images/layout/icn-kontakt.jpg) no-repeat 0 2px;
						padding-left: 15px;
					}
					
					#header-navigation li#anfahrt{
						background: url(../images/layout/icn-anfahrt.jpg) no-repeat 0 2px;
						padding-left: 15px;
					}
					
					#header-navigation li#impressum{
						background: url(../images/layout/icn-impressum.jpg) no-repeat 0 2px;
						padding-left: 15px;
					}

	
		#header-container #navigation {
			margin-top: 5px;
			background: #202020;
			width: 258px;
			height: auto;
			padding-top: 10px;
			padding-left: 10px;
			position: absolute;
			left: 10px;
			z-index: 1000;
			font-family: "Myriad Pro", Arial;
			font-size: 14px;
		}
		
			#navigation ul#navi li {
				display: block;
				width: auto;
				background: url(../images/layout/li-background.jpg) no-repeat left top;
				height: 25px;
				list-style-type: none;
				padding-top: 5px;
				padding-left: 23px;
				width: auto;
				margin-bottom: 2px;
			}
			
				#navigation ul#navi li.active, #navigation ul#navi li:hover{
					background: url(../images/layout/li-active-background.jpg) no-repeat left top;
				}
				
				#navigation ul#navi li a {
					color: #fff;
					text-decoration: none;
				}
				
				#navigation ul#navi li ul.subnavigation {
					display: none;
					position: absolute;
					width: 658px;
					left: 50%;
					margin-left: 138px;
					top: -2px;
					height: 250px;
					background: url(../images/layout/bg-black-80.png);
				}
					
					#navigation ul#navi li.active ul.subnavigation {
						display: block !important;
					}
				
					#navigation ul#navi li ul.subnavigation li {
						background: none;
						height: auto;
						margin: 0;
						padding: 4px;
					}
					
						#navigation ul#navi li ul.subnavigation li a{
							text-decoration: none;
							margin-left: 10px;
							padding-left: 10px;
							background: url(../images/layout/arrow-left.gif) no-repeat left center;
						}
						
							#navigation ul#navi li ul.subnavigation li a:hover {
								border-bottom: 1px solid #C90229;
							}
	
		#header-container #slideshow {
			float: right;
			display: block;
			width: 693px;
			height: 290px;
		}
		
			#slideshow #slideshow-images {
				position: relative;
				left: 11px;
				top: 12px;
				height: 273px;
				width: 684px;
				background: url(../images/layout/slideshow.jpg) no-repeat top left;
			}
			
				#slideshow #slideshow-images img {
					position: absolute;
					margin-top: 4px;
					margin-left: 4px;
				}
		
			#slideshow #slideshow-title {
				position: relative;
				width: auto;
				float: right;
				right: 17px;
				font-size: 10px;
				color: #b3b3b3;
			}
		
		#header-container #headerTop {
			width: 100%;
			height: 85px;
		}
	
	#content-container {
		position: relative;
		left: 9px;
		width: 945px;
	}
	
		#content-container #content-left {
			width: 236px;
			height: auto;
			float: left;
			font-size: 12px;
			padding-top: 12px;
			padding-right: 10px;
			padding-left: 10px;
			margin-right: 10px;
			background: #202020;
			border: 1px solid #333;
		}
		
			#content-left strong {
				font-size: 12px;
			}
		
		#content-container #content-main {
			width: 566px;
			padding-left: 50px;
			padding-right: 50px;
			padding-top: 38px;
			padding-bottom: 20px;
			background: #202020;
			float: left;
			border: 1px solid #333;
		}
		
			#content-main img {
				width: 180px;
			}
		
			#content-main ul {
				margin-left: 30px;
			}