@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 0 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: 90px;
		background: url(../images/top.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: 257px;
		height: 48px;
		position: absolute;
		top: 23px;
		left: 77px;
		}

			/* -------------------------------------
				2.1 Kai
			------------------------------------- */
			
				#kai {
					width: 208px;
					height: 19px;
					position: absolute;
					top: 71px;
					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 30px;
		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 h2 {
		font-size: 1.3em;
		margin: 0 0 1.2em 0;
		font-style: italic;
		}
		
	#content h3 {
		font-size: 1.3em;
		margin: 2.4em 0 1.2em 0;
		font-style: italic;
		}
	
	#content .floatbox-drei {
		width: 806px;
		background: url(../images/floatbox-drei_bg.gif) 0 0 repeat-y;
		margin: 0 0 1.2em 0;
		}
		
	#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;
		}
		
	#content .floatbox-drei .floatbox-zwei {
		width: 514px;
		float: left;
		}
		
	#content .floatbox-drei .floatbox-zwei-links {
		width: 514px;
		padding: 0 70px 0 0;
		float: left;
		}
		
	#content .background {
		background: url(../images/background.jpg) 0 0 repeat-y;
		padding: 0 0 1.2em 0;
		}
		
	#content .floatbox-doppel {
		width: 806px;
		margin: 0 0 1.2em 0;
		background: url(../images/floatbox-doppel_bg.gif) 0 0 repeat-y;
		}
		
	#content .floatbox-doppel .links {
		width: 368px;
		margin: 0 70px 0 0;
		float: left;
		}
		
	#content .floatbox-doppel .rechts {
		width: 368px;
		float: left;
		position: relative;
		}		
		
	#content .liste {
		width: 222px;
		padding: 17px 0 0 0;
		background: url(../images/ul_top.jpg) 0 0 no-repeat;
		}
		
	#content .liste .ul-bottom {	
		width: 222px;
		padding: 0 0 12px 0;
		background: url(../images/ul_bottom.jpg) 0 bottom no-repeat;
		}
		
	#content .liste ul  {
		width: 188px;
		padding: 0 17px;
		list-style: none;
		background: url(../images/ul_bg.jpg) 0 0 repeat-y;
		}
		
	#content .liste ul li {
		background: none;
		padding: 0 0 0.6em 20px;
		background: url(../images/li.jpg) 0 6px no-repeat;
		}
		
	#content .liste ul.pfeil li {
		background: none;
		padding: 0 0 0.6em 20px;
		background: url(../images/li_pfeil.jpg) 0 6px no-repeat;
		}
		
	#content .liste ul li a.active {
		font-weight: bold;
		color: #fff;
		}
		
	#content .img {
		padding: 4px;
		background: #fff;
		margin: 0 0 1.2em 0;
		}
		
	#content .img-cms {
		padding: 4px;
		background: #fff;
		margin: 0 5px 5px 0;
		}
		
	#content .grau {
		color: #aaa;
		}
        
    #content .videoshow-img {
    	width: 173px;
      height: 12px;
      background: url(../images/videoshow.jpg) 0 0 no-repeat;
      text-indent: -9999px;
		overflow: hidden;
		font-size: 1px;
		color: #2e3a3f;
        }
		
/* -------------------------------------
	6. Footer
------------------------------------- */
	
	#footer {
		width: 876px;
		height: 95px;
		padding: 30px 0 0 84px;
		margin: 40px 0 0 0;
		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 ;)
------------------------------------- */