body, table, td, p {
    font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: normal;
    line-height:16px;
}

body{
    background: white;
    background-image:url(../bilder/hg.jpg);
    background-position:top left;
    background-repeat:no-repeat;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

p {
    font-size:11px;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
}

hr {
    border-top:1px solid #666666;
}

h1{
    padding: 15px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    color:#990033;
}

h2{
    font-size: 11px;
    text-transform:uppercase;
    color:#990033;
    padding: 5px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}

h3{
    font-size: 12px;
    color:#999999;
    text-transform:uppercase;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


a {
    color: #E00D0D;
    text-decoration: none;
}

a:hover {
    color: #990033;
    text-decoration: none;
}

a img{
    border: none;
}

form {
    display:inline
}


.rahmen {
    border: 1px solid black;
}

.datum {
    font-size: 10px;
    color: #808080;
}

.floatleft {
    float: left;
    margin-right: 10px;
    display: inline;
}

.floatright {
    float: right;
    margin-left: 10px;
    display: inline;
}

input, textarea, select {
    background: #F8F8F8;
    color: #000000;
    padding: 2px;
}
input:focus, select:focus {
    background: #cecece;
    padding: 2px;
}
.tabellenrahmen {
    border: 1px solid black;
    border-collapse: collapse;
}
.tabellenrahmen thead td {
    background-color: #066DB0;
    border-bottom: 1px solid black;
    font-weight: bold;
    color: #000000;
}
.tabellenrahmen td {
    border: 1px solid black;
    padding: 4px;
    margin: 0;
}

/* Kontaktformular */
.ausfuellen{
    border: 1px solid #990033;
}

form label{
    cursor: pointer;
    cursor: hand;
}

form label.required {
  color: #990033;
}

form label.completed {
  color: #6E706C;
}

.formmailerror{
    border: 1px solid #E7DBC6;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

label{
  position: relative;
    width: 150px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.kontakt {
    position: relative;
    width: 300px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

#produktdarstellung label{
    display: block;
    float: none;
}

#produktdarstellung .smallkontakt, #produktdarstellung .labelsmall{
    display: block;
    float: none;
    width: 210px;
    margin: 10px;
    font-size: 11px;
    margin: 3px 10px 3px;
}

.clearleft{
    clear: left;
}

.produkttext_fett{
    color:#C26685;
    font-weight:bold;
}


/* Ende Kontakt */

/*
########################################################################
Grundaufbau
########################################################################
*/
#container{
    text-align: left;
    position: relative;
    width: 980px;
    color:#6E706C;
}

#leftrow {
    position: relative;
    top: -3px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*width:498px;*/
    width:468px;
    float:left;
}

html>/**/body #leftrow{
    top: 0px;
}

#middlerow {
    /*width:482px;*/
    width:500px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float:left;
}

#language{
    padding:0px 0px 0px 0px;
    margin:30px 0px 0px 0px;
    position: relative;
    text-align:right;
    font-size:10px;
    color:#999999;
}

#language a{
    color:#999999;
}

#language a:hover{
    color:#990033;
}

#inhalt{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    /*background-color:#FFFFFF;*/
    /*border:1px solid #CCCCCC;*/
    position: relative;
	color: #6E706C;
}

#inhalt a{
    color:#999999;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#inhalt a:hover{
    color:#990033;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#rightrow {
    width:237px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float:left;
}

#teaser {
    background-image:url(../bilder/rightside/teaser_bg.jpg);
    background-repeat:no-repeat;
    width:207px;
    font-size:11px;
    padding: 0px 20px 0px 10px;
    margin: 0px 0px 0px 0px;
}
#teaserartikel {
    font-size:11px;
    width:170px;
    padding: 0px 5px 5px 20px;
    margin: 0px 0px 0px 0px;
}
#teaserartikel a {
    color:#6699CC;
    font-size:11px;
    padding: 0px 0px 0px 2px;
    margin: 0px 0px 0px 0px;
}

#footer {
    width:987px;
    color:#666666;
    text-align:left;
    font-size:11px;
    padding: 20px 0px 0px 0px;
    margin: 0px 0px 0px 390px;
}
#footer a {
    color:#666666;
    font-size:10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#footer a:hover {
    color:#336699;
    font-size:10px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#producedby {
 padding:30px 0px 0px 100px;
}

#news {
 width:220px;
 padding:30px 0px 0px 100px;
 display:block;
}

#news a{
    color:#999999;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#news a:hover{
    color:#990033;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#suche {
 padding:0px 0px 0px 100px;
 float:left;
 display:block;
}

#produktnavigation {
    /*width:180px;*/
    width:230px;
    margin:44px 0px 0px 0px;
    /*border:1px solid #CCCCCC; */
    /*background-color:#FFFFFF;*/
    float:left;

}

#produktnavigation ul{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#produktnavigation ul li{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style:none;
}

#produktnavigation ul li a{
    width:230px;
    height:51px;
    color:#999999;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-transform:uppercase;
    /*background-image:url();
    background-position:top left;
    background-repeat:no-repeat;*/
    display:block;
}

#produktnavigation ul li a:hover{
    width:230px;
    height:51px;
    color:#990033;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-transform:uppercase;
    /*background-image:url(../bilder/navi/produktnavigation_highlight.gif);
    background-position:top left;
    background-repeat:no-repeat;*/
    display:block;
}

#produktnavigation ul li a:active{
    width:230px;
    height:51px;
    color:#990033;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-transform:uppercase;
    /*background-image:url(../bilder/navi/produktnavigation_highlight.gif);
    background-position:top left;
    background-repeat:no-repeat;*/
    display:block;
}

#produktnavigation ul li.produktgruppe a:hover, #produktnavigation ul li a.active{
    width:230px;
    height:51px;
    color:#990033;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-transform:uppercase;
    /*background-image:url(../bilder/navi/produktnavigation_highlight.gif);
    background-position:top left;
    background-repeat:no-repeat;*/
    display:block;
}


#produktdarstellung {
    width:250px;
    border:1px solid #CCCCCC;
    margin:44px 5px 0px 10px;
    background-color:#FFFFFF;
    /*text-align:center;*/
    float:left;
}

#produktdarstellung p{
    text-align:left;
    padding:10px 10px 10px 10px;
}

#produktdarstellung p a{
    color:#666666;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#produktdarstellung p a:hover{
    color:#990033;
    font-size:11px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#produktdarstellung h1{
    text-align:left;
    padding:10px 10px 10px 10px;

}


#produktdarstellung hr{
    width:95%;
    border: 0px; /* Fr Firefox und Opera */
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #FFFFFF; /* Fr I.Explorer (Seiten-Hintergrundfarbe!) */
}



/*
########################################################################
Navigation
########################################################################
*/

#navigation {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#navigation ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navigation ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:115px;
display:inline;
}

#navigation ul li a, #navigation ul li a:active {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color:#999999;
display:block;
}

#navigation ul li a:hover{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color:#990033;
}

/*Aktivierter Punkt*/
#navigation ul li a.active, #navigation ul li a.active:active {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
color:#990033;
}
#navigation ul li.active ul {
display: block;
}

/*Subnavi */
#navigation ul li ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:150px;    /* ICH BIN ES ... THOMAS hier UNTEN !!!!!! ;-) */
/*background-color:#003366;*/
display: none;
}

#navigation ul li ul li  {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#navigation ul li ul li a, #navigation ul li ul li a:active{
margin: 0px 0px 0px 0px;
padding: 0px 25px 17px 0px;
}

#navigation ul li ul li a:hover{
margin: 0px 0px 0px 0px;
padding: 0px 25px 17px 0px;
}
/*Aktivierter Punkt*/
#navigation ul li ul li a.active, #navigation ul li ul li a.active:active {
margin: 0px 0px 0px 0px;
padding: 0px 25px 17px 0px;
}

.abstand {
    padding:0px 20px 0px 20px;
}

.center {
	text-align:center;
}

.modellnummer{
	color:#990033;
	font-weight:bold;
}

/*
########################################################################
Runde Ecken
########################################################################
*/

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #666666; border-right:1px solid #666666;}
.xb1 {margin:0 5px; background:#666666;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:transparent; border:0 solid #666666; border-width:0 1px;}