html{
overflow-y: scroll;
}

body {
color: black;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
background-image: url(../img/background.jpg);
background-repeat: repeat-x;
}


h4 {
font-size: 12px;
}
img {
border: none;

}

a {
color: black;
text-decoration: none;
}

#active {
color: gray;
}

#lang {
clear: both;
margin: 2px;
margin-left: -27px;
}

#top {
margin-left: 3px;
width: 700px;
height: 10px;
}

#top a {color: black;}

#lang li{
font-size: 12px;
color: black;
list-style-type: none;
float: left;
margin-right: 20px;
}

#lang li:hover{
color: black;
}

.home {
border-right: 1px solid gray;
padding-right: 10px; 
}

#links {
margin-left: 245px;
}

#links li{
font-size: smaller;
color: black;
list-style-type: none;
float: left;
margin-right: 23px;
}

#links li:hover{
color: black;
}


#wrapper {
padding: 0px;
width: 700px;
margin: 0pt auto;
}

#header {
clear: both;
background-image: url(../img/header-trans.gif);
background-repeat: no-repeat;
width: 693px;
height: 60px;
}


	
#headtext {
float:left;
margin-top: 18px;
margin-left: 12px;
}


#logo_top {
float:right;
margin-right: 12px;
margin-top: 3px;
}

#logo_footer {
float:right;
margin-right: 12px;
}


#banner {
clear: both;
margin-top: 15px;
margin-bottom: 20px;
width: 693px;
height: 265px;
}

#boxhead {
height: 110px;
overflow: hidden;
}

.menu {
margin-left: -39px;
}

.deeptop {
margin: 0px;
margin-right: 3px;
padding: 5px;
font-size: 10pt;
color: black;
width: 160px;
height: 20px;
overflow: hidden;
float: left;
background-image: url(../img/kopf-trans.gif);
background-repeat: no-repeat;
}

.deeptop a {
color: black;
display: block;
width: 170px;
}

.hover {
width: 164px;
height: 105px;
overflow: hidden;
float: left;
font-size: 10pt;
padding-left: 10px;
padding-top: 5px;
}

.hover a{
display: block;
width: 174px;
height: 110px;
}


.prod {background-image: url(../img/info-trans.gif);}
.application {background-image: url(../img/use-trans.gif);}
.download {background-image: url(../img/dl-trans.gif);}
.sup {background-image: url(../img/support-trans.gif);}




#mainboxbody {
clear: both;
width: 700px;
}


.boxbody {
float: left;
background-image: url(../img/bgbox-trans.gif);
width: 174px;
height: 100px;
overflow: hidden;
}

.bottom {
color: black;
width: 174px;
height: 19px;
overflow: hidden;
float: left;
background-repeat: no-repeat;
background-image: url(../img/boxbot-trans.gif);
}

.boxbody p {
font-size: 11px;
margin-left: 10px;
padding-right: 20px;
}

.bottom span {
color: black;
font-size: 11px;
padding-right: 20px;
float: right;
}

.bottom span a{
color: black;
}


#footer {
clear: both;
padding-top: 20px;
}




#content {
margin-top: 10px;
width: 500px;
background-repeat: no-repeat;
font-size: small;
}



.pictop {
clear:both;
margin-top: 20px;
background-image: url(../img/sidebar_bg-trans.gif);
width: 690px;
height: 34px;
margin-bottom: 0px;
}

.picfoot {
clear: both;
background-image: url(../img/sidebar_foot-trans.gif);
background-repeat: no-repeat;
width: 690px;
height: 24px;
margin-top: -15px;
}



.picbody {
padding-right: 60px;
padding-left: 30px;
float: left;
background-image: url(../img/sidebar_body-trans.gif);
width: 600px;
font-size: 10pt;
margin-top: -18px;
}



.image {
clear: both;
margin-left: 25px;
float: right;
}

.spp ul {
list-style-type: none;
}

.spp li:hover, .spp a:hover {
color: red;
}

.dl_con a:hover {
color: red;
}