/* (c) 2007 by designsource°° GbR | Düsseldorfer Straße 88 | 40667 Meerbusch | Germany */

*  {
    padding : 0;
    margin : 0;
}

/* Anfang a */

a {
	color: #555555;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
}

#contenttext a {
	font-size: 1em;
}

#navioben a {	
	display: block;
	float: left; 
	border-left: 1px solid #555555;
	height: 12px;
	width: 84px;
	line-height: 12px;
	padding: 0 5px;
}

#navioben a.modell  {
	width: 125px;
	display: block;
	float: left; 
}

#navioben a.zurueck  {
	width: 175px;
	display: block;
	float: left; 
}

#naviunten a {
	padding: 0 35px 0 0;
}

/* Ende a */

/* Anfang a:hover */

a:hover {
	color: #ccc;
}

/* Ende a:hover */

body {	
	voice-family : "\"}\"";
    voice-family : inherit;
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #ccc;
	font-size: small;
}

#bg1 {
	/*background-image: url(../bilder/00_bg_body.png);*/
	width: 900px;
	height: 570px;
}

#bildgross {
	clear: both;
	float: left;
	width: 230px;
	height: 301px;
}

#bilderklein {
	float: right;
	width: 97px;
	height: 306px;
	padding: 15px 0 0 0;
}

#container {
	background-image: url(../bilder/00_bg_body.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 900px;
	margin-left: -450px;
	height: 570px;
	margin-top: -285px;
	left: 50%;
	top: 50%;
}

#content {
	padding: 0 35px;
	width: 830px;
	height: 301px;
}

#content_burg {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_burg.png);
	background-repeat: no-repeat;
	background-position: 420px;
}

#content_classic {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_classic.png);
	background-repeat: no-repeat;
	background-position: 570px;
}

#content_download {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_kontakt.png);
	background-repeat: no-repeat;
	background-position: 410px;
}

#content_esprit {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_esprit.png);
	background-repeat: no-repeat;
	background-position: 570px;
}

#content_philosophie {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_philo.png);
	background-repeat: no-repeat;
	background-position: 420px;
}

#content_impressum {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_kontakt.png);
	background-repeat: no-repeat;
	background-position: 420px;
}

#content_modelle {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_modelle.png);
	background-repeat: no-repeat;
	background-position: 570px;
}

#content_sport {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_sport.png);
	background-repeat: no-repeat;
	background-position: 570px;
}

#content_support {
	padding: 0 35px;
	width: 830px;
	height: 301px;
	background-image: url(../bilder/00_bg_support3.png);
	background-repeat: no-repeat;
	background-position: 420px;
}

#contentbilder {
	float: right;
	width: 327px;
	height: 300px;	
	padding: 0 15px;
}

#contenttext {
	clear: both;
	float: left;
	width: 393px;
	height: 250px;
	padding: 30px 50px 20px 30px;
	font-size: 0.9em;
}

.detailbild {
	border: 1px solid #131313;
}

h1 {
	padding: 0 0 10px 0;
	color: #FFF;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
}

h2 {
	padding: 0 0 10px 0;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
}
#hauptbild {
	position: absolute;
	top: 89px;
	left: 508px;
}


/* Anfang li */

li {
    list-style-type: none;
    display: inline;
}

#bilderklein li {
	display: block;
	padding: 0 0 10px 0;
}

.modelle li {
	width: 75px;
}

#navioben li {
	display: block;
	float: left;
	padding: 4px 4px;
}


/* Ende li */

#navioben {
	width: 830px;
	height: 50px;
	padding: 25px 35px 14px 35px;
	text-align: left;
	line-height: 20px;
}

#naviunten {
	width: 830px;
	height: 30px;
	padding: 60px 35px 0 35px;
	text-align: left;
}

p {
	padding: 0 0 8px 0;
}

.abstand {
	padding: 0 7px;
	display: inline;
}

.abstandbreit {
	padding: 0 25px;
	display: inline;
}

span {
	font-style: italic;
	font-weight: bold;
}

#variante1 {
	position: absolute;
	top: 89px;
	left: 508px;
}

#variante2 {
	position: absolute;
	top: 89px;
	left: 508px;
}

#variante3 {
	position: absolute;
	top: 89px;
	left: 508px;
}

#variante4 {
	position: absolute;
	top: 89px;
	left: 508px;
}

#variante5 {
	position: absolute;
	top: 89px;
	left: 508px;
}

#variante6 {
	position: absolute;
	top: 89px;
	left: 508px;
}

#variante7 {
	position: absolute;
	top: 89px;
	left: 508px;
}

#variante8 {
	position: absolute;
	top: 89px;
	left: 508px;
}