@charset "utf-8";
/* CSS Document 
M. Link
26.10.2008
*/


*{margin:0; padding:0}
html{height:101%}
ol ul {margin-bottom:0}
img{border:0px}
li{margin-left:2em}

body{
background-image:url(bilder/rahmen/hintergrund.gif);
font-family:Arial, Helvetica, Verdana, sans-serif;
color:rgb(100,100,100);
font-size:12px}

#wrapper_fest{
background-color:#FFF;
position:relative;
width:950px;
height:880px;
margin:auto}
#wrapper{
background-color:#FFF;
position:relative;
width:950px;
margin:auto;
height:100%;
min-height:780px}


/* --- RAHMEN ---*/
 
#lo{
position:absolute;
top:0;
left:0;
width:36px;
height:36px;
background:url(bilder/rahmen/links_oben.gif) top left no-repeat;}

#links{
position:absolute;
left:0;
width:24px;
height:100%;
background:url(bilder/rahmen/links.gif) repeat-y}
 
#oben{
position:absolute;
top:0;
left:35px;
width:885px;
height:20px;
background:url(bilder/rahmen/oben.gif) repeat-x}

#ro{
position:absolute;
top:0;
right:0;
width:44px;
height:26px;
background:url(bilder/rahmen/oben_rechts.gif) no-repeat}

#rechts{
position:absolute;
right:0;
width:32px;
height:100%;
background:url(bilder/rahmen/rechts.gif) repeat-y}

#ru{
position:absolute;
bottom:0;
right:0;
width:44px;
height:35px;
background:url(bilder/rahmen/rechts_unten.gif) no-repeat}

#unten{
position:absolute;
bottom:0;
left:35px;
padding:0;
margin:0;
width:880px;
height:29px;
background:url(bilder/rahmen/unten.gif) repeat-x}

#lu{
position:absolute;
bottom:0;
left:0;
width:35px;
height:36px;
background:url(bilder/rahmen/links_unten.gif) no-repeat}

#logo1{
position:absolute;
top:55px;
right:50px}

#logo2{
position:absolute;
top:140px;
right:50px}

#start{
position:absolute;
top:28px;
left:22px;
width:670px;}
/* --- NAVIGATION ---*/

#navleiste 
{
	position:absolute;
	padding:0 2px 0 2px;
	top:120px;
	left:18px;
	width:900px;
	height:56px;
	background:#FFF url(bilder/navi/leiste.gif);
	border-color:#E51836;
	border-style:solid;
	border-width:0 0 5px;
}

#nav a 
{
	background:url(bilder/navi/hover.gif) no-repeat right top;
	text-decoration:none;
	display:block;
	float:left;
}
#nav a span 
{
	display:block;
	background:url(bilder/navi/links.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:54px;
	padding:0 25px;
}
#nav a:hover,#nav li.nav_active a 
{
	background-position:right bottom;
}
#nav a:hover span,#nav li.nav_active a span 
{
	background-position:left bottom;
	color:#6A888A;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}

/* --- INHALT --- */

/* Cube NEU */

#cubeNeu{
position:absolute;
top:463px;
right:50px}

#cubeNeuText{
position:absolute;
top:595px;
right:62px;
font-weight:bold;
line-height:1.5em;}
#cubeNeuText a{color:rgb(100,100,100)}

#bild_oben{
position:absolute;
top:300px;
left:50px;
width:600px;
height:100px;
}

h1{
font-size:24px;
position:absolute;
top:220px;
left:48px;
}

.text{
position:absolute;
top:450px;
left:48px;
width:570px}

/* LEISTUNGEN */

#liste li{
padding:10px;
list-style-type:none;
background:url(bilder/liststyle.gif) no-repeat left center}

/* PRODUKTE */

#produktmenue{padding-left:150px;
text-align:left}
#produkte_seite #produktmenue{padding:0}

#produktmenue .button{
font-size:15px;
padding:0 15px;
text-decoration:none;
color:rgb(100,100,100);
font-weight:bold}
#produkte_seite #produktmenue .button{color:#ddd}

#produkte_seite a{color:rgb(100,100,100)}

.v-menu{
margin-left:10px;
border-top:1px solid rgb(51,65,67);
list-style-type:none}

.v-menu li {margin-left:20px}

.v-menu li a{
text-decoration:none;
font-size:11px;
color:rgb(100,100,100);
margin-left:0px}
.v-menu li a img{margin-right:10px}

#produkte_seite .v-menu li a{color:#ddd}

.reihe{float:left}

#zubehoer{
position:relative;
top:0;
left:48px;
width:640px;
padding-bottom:55px;
text-align:justify}
#platz_oben{
position:relative;
top:0;
height:450px;}
#prod{
position:relative;
left:48px}
#prod img{padding-left:20px}
#prod td{padding-bottom:30px}

#produkte_seite #produktmenue{
position:absolute;
top:181px;
right:28px;
width:233px;
color:#DDD;
background:rgb(34,43,45) url(bilder/navi/subL.gif) left repeat-y;
font-size:12px;
font-weight:bold;
text-align:left}

#produkte_seite #produktmenue li span{vertical-align:80%}

#produkte_seite #produktmenue .button{
text-align:left;
margin:0;
font-size:11px}

#subMenu1{
height:30px;
background:#FFF url(bilder/navi/subLeiste.gif)}

#subMenu1 h3{
position:absolute;
left:15px;
top:10px}

#subMenuUnten{
background:url(bilder/navi/subU.gif) bottom repeat-x;
height:16px}

#produkte_seite #produktmenue a:hover{color:#6A888A} 

/* IMPRESSUM */


#impressum_seite .text{
position:absolute;
top:300px;
left:30px;
width:550px}

#impressum_seite li{
list-style-type:none;
background:url(bilder/liststyle.gif) left center no-repeat}
#impressum_seite .text p{padding-left:35px}

#parterlinks{
	position:absolute;
	bottom:35px;
	margin-left:40px;
	color:#999;
}

#parterlinks a{
	color:#999;
	text-decoration:none}