﻿@charset "UTF-8";
/* CSS Document */


body{background-color:#1a171b; font-family:Helvetica, Arial, sans-serif; color:#FFFFFF; letter-spacing:0.02em; }  


.bodytext {font-size:14px;line-height: 19px;}

.bodytext A:link {color: #FFFFFF; }
.bodytext A:active {color: #FFFFFF; }
.bodytext A:visited {color: #FFFFFF; }
.bodytext A:hover {color: #dedede; }



/* 
allgemeines
-------------------------------------------------- */ 
.clear{
clear:both;
}

.left{
float:left;
display:inline;
}

.right{
float:right;
display:inline;
}

.hidden{
	display:none;
}

p {margin: 0 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; padding: 0 0 0 0;}



/* 
vertikale Zentrierung
-------------------------------------------------- */ 

	* {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

	html, body {
		height:100%;
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-340px; /* half of container's height */
		float:left;
		}

	#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:942px;
	height: 680px;
	padding: 0 0 0 38px;
	clear:left;
		}
		
	.bg_news {
	background-image:url(../images/bg_news.jpg);
	}	
		
	.bg_angebote {
	background-image:url(../images/bg_angebote.jpg);
	}	
		
	.bg_motoworx {
	background-image:url(../images/bg_motoworx.jpg);
	}	
		
	.bg_kontakt {
	background-image:url(../images/bg_kontakt.jpg);
	}	
		
	.bg_quantya {
	background-image:url(../images/bg_quantya.jpg);
	}	
		
		
	.abstand {
	height:20px;
	}	
		
/* 
container
-------------------------------------------------- */ 

/*
.main{
	width:980px;
	margin:0px auto;
	background-color:#FFFFFF;
	align:center;
	display:block;
}  */

.logolink {
	position:absolute;
	left:0px; top:20px; width:390px; height:160px;
}

/* ---------------------------------------------
//  Navigation
--------------------------------------------- */

.navigation_out {
	position:absolute;
	left:38px; top:230px; width:250px; height:150px;
}

ul.nav {
	display:inline;
	margin: 0px 0px 0px 0px;
}
ul.nav li {
	float:left;
	list-style:none;
	width: 250px;
	margin: 0 0 4px 0;
	display:inline;
}
.nav {
	font-size:18px;
}
.nav A:link {
	color: #FFFFFF; text-decoration: none;
}
.nav A:active {
	color: #FFFFFF; text-decoration: none;
}
.nav A:visited {
	color: #FFFFFF; text-decoration: none;
}
.nav A:hover {
	color: #dedede; text-decoration: none;
}
.navActive {
	font-size:18px;
}
.navActive A:link {
	color: #FFFFFF; text-decoration: none;
}
.navActive A:active {
	color: #FFFFFF; text-decoration: none;
}
.navActive A:visited {
	color: #FFFFFF; text-decoration: none;
}
.navActive A:hover {
	color: #FFFFFF; text-decoration: none;
}


.inhalt {
	position:absolute;
	left:38px; top:500px; width:370px; height:150px;
}

.adresse {
	position:absolute;
	left:410px; top:500px; width:250px; height:150px;
}


