/* CSS Document */
body {
font-family: "Lucida Grande", Trebuchet, Arial, Helvetica; sans serif;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
text-align: center;
margin: 0 auto;

}
html>body {
font-size: small;
}

h1 {
font-size: .9em;
font-weight: normal;
color: #333;
line-height: 140%;
padding-right: 50px;
}

h1 a {
font-size: 100%;
font-weight: normal;
color: #333333;
text-decoration:underline;
}

h1 a:hover {
font-size: 100%;
font-weight: normal;
color: #000000;
text-decoration:underline;
}

h2 {
font-size: 100%;
font-weight: bold;
color: #333;
}

h7 {
font-size: .7em;
font-weight: normal;
color: #333;
line-height: 120%;
padding-right: 50px;
}

#maincontent {
margin: 0 auto;
width:840px;
}

#container {
text-align: left;
width:840px;
background: url(images/back_white.jpg) center repeat-y;
/*overflow:hidden;
*/}

#title {
background: url(images/head.jpg) center no-repeat;
width: 840px;
height: 160px;
}

#image{
float: left;
margin:6px 25px 15px 25px;
}

#subcontent{
/*float:right;
width:360px;
background: url(images/dots_vertical.gif) left repeat-y;
margin-top:0;
margin-left:5px;
overflow:hidden;
padding-left:10px;
padding-top:0px;
margin-bottom:20px;*/
background: url(images/dots_vertical.gif) left repeat-y;
margin-left:200px;
margin-right:25px;
padding-left:25px;
}


*html #subcontent{
float:right;
width:600px;
background: url(images/dots_vertical.gif) left repeat-y;
margin-top:0px;
margin-left:5px;
padding-top:0px;
margin-bottom:20px;
}

#newscontent{
background: url(images/dots_vertical.gif) left repeat-y;
margin-left:200px;
width:550px;
padding-left:25px;
}

#subcontent ul {
margin:0 0;
padding:0;
}

#subcontent li {
background: url(images/quad_red.gif) no-repeat;
list-style-type:none;
padding: 0 0 0 15px;
}

.text ul {
line-height: 1em;
margin:0 0;
padding:0;
}

.text li {
line-height: 1.2em;
background: url(images/quad_list.gif) no-repeat;
list-style-type:none;
padding: 0 0 0 15px;
}

#subimage{
float:right;
width:240px;
margin: 6px 25px 15px 25px;
margin-right:10px;
}

.bildschatten {
background:url(images/shadow.jpg) no-repeat bottom left;
padding: 1px 5px 10px 5px;
}

#content {
margin-right: 10px;
}

#content h1 {
font-size: .9em;
font-weight: normal;
color: #666;
line-height:150%;
}

#content h4 {
font-size: 1em;
color:#e02702;
font-weight: bold;
}

#content h3 {
font-size: 1em;
font-weight: bold;
color: #333;
}

#content .text {
font-size: .9em;
font-weight: normal;
color: #666;
line-height:150%;
}

/*Produktseite------------------------------------------------*/

#product_content{
float:left;
width:450px;
background: url(images/dots_vertical.gif) left repeat-y;
margin-top:0;
margin-left:50px;
overflow:hidden;
padding-left:10px;
padding-top:0px;
margin-bottom:20px;
}

#product_content table caption {
background-color:#CCCCCC;
padding:8px 0px 8px 10px;
text-align:left;
}

#product_content td{
font-size:.9em;
color:#666666;
}

.rechts {
text-align: right;
}

/*Navigation oben---------------------------------------------*/

#nav {
font-size: 1em;
padding:0;
display:inline;
list-style: none;
font-weight:bold;
}

#nav li {
margin-top: 124px;
float:left;
padding-left:30px;
}
 
#nav a {
float: left;
padding: 0;
color: #999999;
text-decoration: none;
 }

#nav a:hover {
color: #cccccc;
}

#nav li a#current {
color: #cccccc;
}

/*Navigation links------------------------------------------*/
#leftnav
{
margin-top:0px;
font-size:1em;
line-height:150%;
float:left;
margin-left:0px;
list-style:none;
padding-left:30px;
height:400px;
font-weight:bold;
}

#leftnav li {
}
 
#leftnav a {
padding-top: 0px;
color: #999;
text-decoration: none;
}

#leftnav a:hover {
color: #333;
}

#leftnav li a#current {
color: #333;
}	

/*Footer------------------------------------------------------*/

#footer {
clear:both;
background:url(images/back_footer.jpg) no-repeat center;
text-align:center;
}

#footer a {
font-size:100%;
text-decoration: none;
color: #663333;
}

#footer a:hover {
text-decoration: underline;
color: #663333;
}

/*Formular-------------------------------------------------------r*/

#contact{
float:left;
width:450px;
background: url(images/dots_vertical.gif) left repeat-y;
margin-top:0;
margin-left:50px;
overflow:hidden;
padding-left:10px;
padding-top:0px;
}

.contactleft {
width: 25%;
clear:both;
float:left;
display:inline;
padding: 4px;
margin: 10px 0;
text-align:right;
}

.contactright {
width: 70%;
float:right;
display:inline;
padding: 4px;
margin: 5px 0;
text-align:left;
}

.contactform #Typ
.contactform #High
.contactform #Width

label{
color:#666666;
padding:2px 5px 2px 5px;
}

/*TABELLE---------------------------------------------------------------------*/
#prodtable{
width:600px;
float:right;
margin-right:20px;
font-size:0.8em;
}

#prodtable .text{
border-top:1px solid #CCCCCC;
padding-top:5px;
margin-top:20px;
margin-bottom:20px;
}

.oben{
color:#333333;
line-height:150%;
}
.unten{
color:#666666;
line-height:150%;
}

table{
text-align:left;
font-style:normal;
}

table th{
padding:0.3em;
width:65px;
}

.typ{
width:105px;
color:#e02702;
}
.typ a{
width:105px;
color:#e02702;
text-decoration:none;
}
.typ a:hover{
width:105px;
color:#e02702;
text-decoration:underline;
}


table td{
padding:0.3em;
}

.dark{
background-color:#f0f0f0;      	/* dunkle zebrastreifen */
}

.light{
background-color:white;		/* helle zebrastreifen */
}


.bild_links {
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

.bild_rechts {
	float:right;
	margin-left:30px;
	margin-bottom:30px;
}

#subcontent h4 {
font-size: 1.1em;
color:#e02702;
font-weight: bold;
margin-top:0px;
}