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

/* -------------------------------------
	Inhaltsverzeichnis
----------------------------------------
	domain: video-show.com
	auhtor: Matthias König
	
	1. Inhaltsverzeichnis
	2. Top
		2.1 kai
	3. Header
	4. Navi
	5. Content
	6. Footer

----------------------------------------
	Colors
----------------------------------------

	text 			-			#fff
	
	link 			-			#41bad0
	
	bg				-			#2e3a3f
	
----------------------------------------
	1. Inhaltsverzeichnis
------------------------------------- */

	* {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		}
		
	body {
		font: 62.5%/1.8em Arial, Helvetica, sans-serif;
		color: #fff;
		background: #2e3a3f url(../images/bg.jpg) 0 100px repeat-x;
		}
		
	#wrapper {
		width: 960px;
		margin: 0 auto;
		font-size: 1.2em;
		}
		
	p {	
		margin: 0 0 1.2em 0;
		}
		
	.cleaner {
		float: none;
		clear: both;
		}
		
/* -------------------------------------
	2. Top
------------------------------------- */

	#top {
		width: 960px;
		height: 190px;
		background: url(../images/top_start.jpg) 0 0 no-repeat;
		position: relative;
		}
		
	#top a,
	#navi a {
		text-indent: -9999px;
		overflow: hidden;
		font-size: 1px;
		color: #2e3a3f;
		}
		
	#top a#logo {
		width: 270px;
		height: 140px;
		position: absolute;
		top: 23px;
		left: 351px;
		}

			/* -------------------------------------
				2.1 Kai
			------------------------------------- */
			
				#kai {
					width: 208px;
					height: 19px;
					position: absolute;
					top: 171px;
					left: 676px;
					}
					
				#kai ul {
					list-style: none;
					}
					
				#kai ul li {
					float: left;
					margin: 0 1px 0 0;
					}
					
				#kai ul li a {
					display: block;
					height: 19px;
					}
					
				#kai ul li a.startseite {
					width: 53px;
					background: url(../images/startseite.jpg) 0 0 no-repeat;
					}
					
				#kai ul li a.kontakt {
					width: 46px;
					background: url(../images/kontakt.jpg) 0 0 no-repeat;
					}
					
				#kai ul li a.anfahrt {
					width: 45px;
					background: url(../images/anfahrt.jpg) 0 0 no-repeat;
					}
					
				#kai ul li a.impressum {
					width: 60px;
					background: url(../images/impressum.jpg) 0 0 no-repeat;
					}
					
				#kai ul li a:hover,
				#kai ul li a.active {
					background: none !important;
					}
					
/* -------------------------------------
	3. Roadtrip
------------------------------------- */

	#rotator {
		width: 960px;
		height: 317px;
		cursor: pointer;
		overflow: hidden !important;
		position: relative;
		}

	#rotator img {
		border: 0;
		cursor: default;
		width: 960px;
		height: 317px;
		}
		
/* -------------------------------------
	4. Navi
------------------------------------- */

	#navi {
		width: 918px;
		height: 73px;
		padding: 0 0 0 42px;
		background: url(../images/navi.jpg) 0 0 no-repeat;
		}
		
	#navi ul {
		list-style: none;
		}
	
	#navi ul li {
		float: left;
		}
		
	#navi ul li a {
		height: 73px;
		display: block;
		opacity: 0.00001;
		}
		
	#navi ul li a.unternehmen {
		width: 159px;
		background: url(../images/buttons/unternehmen.jpg) 0 0 no-repeat;
		}
		
	#navi ul li a.leistungen {
		width: 119px;
		background: url(../images/buttons/leistungen.jpg) 0 0 no-repeat;
		}
		
	#navi ul li a.referenzen {
		width: 119px;
		background: url(../images/buttons/referenzen.jpg) 0 0 no-repeat;
		}
		
	#navi ul li a.lager {
		width: 165px;
		background: url(../images/buttons/lager.jpg) 0 0 no-repeat;
		}
		
	#navi ul li a.aktuelles {
		width: 103px;
		background: url(../images/buttons/aktuelles.jpg) 0 0 no-repeat;
		}
		
	#navi ul li a.gebraucht {
		width: 211px;
		background: url(../images/buttons/gebraucht.jpg) 0 0 no-repeat;
		}
		
	#navi ul li a:hover {
		opacity: 1;
		}
		
	#navi ul li a.active {
		opacity: 1 !important;
		}
		
/* -------------------------------------
	5. Content
------------------------------------- */

	#content {
		width: 806px;
		padding: 0 77px;
		background: url(../images/content_bg.jpg) 0 0 no-repeat;
		}
		
	#content a,
	#footer a {
		color: #41bad0;
		text-decoration: none;
		}
		
	#content a:hover,
	#footer a:hover {
		text-decoration: underline;
		}
		
	#content h1 {
		width: 806px;
		height: 82px;
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		font-size: 1px;
		color: #2e3a3f;
		}
	
	#content .floatbox-drei {
		width: 806px;
		background: url(../images/floatbox-drei_bg.gif) 0 0 repeat-y;
		}
		
	#content .floatbox-drei .float-drei {	
		width: 222px;
		margin: 0 70px 0 0;
		float: left;
		}
		
	#content .floatbox-drei .float-drei-ende {
		width: 222px;
		margin: 0;
		float: left;
		}
		
/* -------------------------------------
	6. Footer
------------------------------------- */
	
	#footer {
		width: 876px;
		height: 95px;
		padding: 30px 0 0 84px;
		background: url(../images/footer.jpg) 0 0 no-repeat;
		}
        
    #footer .videoshow {	
     	color: #ffe618;
        text-transform: uppercase;
        font-family: "Arial Black";
        font-style: italic;
        }
		
	#footer p {
		width: 195px;
		float: left;
		}

/* -------------------------------------
	Ende ;)
------------------------------------- */