body {
background: #000 url("../data/images/asphalt.jpg") top center repeat-y;
font: 62.5% helvetica, sans-serif;   
font-weight:300;
color:#333;
margin:0;
padding:0;  
text-align:left;
}   

html,body {
height:100%;
}
 
p {
font-size: 1.2em;
margin:0px;
padding:1.5em 1.5em 1em 1em;
line-height:1.4em;
color:#303030;   
font-weight:300;
}
h1 {
font-family: "Gerogia", serif;
font-size: 2em;    
font-weight:900; 
font-style: oblique;  
color:#666;
margin:0;
padding:.7em .25em .5em .7em;
}
h2 {
font-size:1.2em;  
font-family: Georgia, serif;
font-weight: bold; 
font-style: italic;
color:#666;
margin:0px; 
padding:.7em 2em 1em .9em;
} 
h3 {
font-size:1.2em;  
font-family: Georgia, serif;
font-weight: 300; 
color:#666;
margin:0px;
padding:5.6em 1.5em 0em 2.75em;
}
h4 {
text-align:left;
font-size:1.2em; 
text-transform:uppercase; 
font-weight:300;
font-style: italic;
letter-spacing: .05em;
font-family:Georgia, serif;
color:#c7c5c5;
margin:0px;
padding:0.75em 1em 0 1em;  
background:transparent url(../data/images/linie.png) top center no-repeat;
}

/*--------------Textspezifikationen-----------------*/
#footer p {
    padding:.5em 0 .75em 0;
    font-size:1em;
}                     
#left p {
	padding:.5em 1.5em 1em 2.5em;
}
#right h3{
 font-family:Georgia, serif;
 text-transform:uppercase;
 color:#ccc;
 font-size:1.5em;	
 padding:1em 1.5em 0em .1em;  
 margin:0;    
 background: transparent url("../data/images/news.png") 0 0 no-repeat;
}
#right table.table_news_ie p, #right p{
 text-align:left;
 font-weight:300;
 color:#ccc;
 padding:.5em 1em 1em 1em;  
 margin:0;   
}
#right p a span.mehr {  
    font-size:0.8em;
    letter-spacing:.2em;
    color:#999;
} 
#right p a span.mehr:hover {
    color:#009900;
}
#head p.logo{
    line-height:1.2em;
    background: url("../data/images/logo_orange.jpg") no-repeat;  
    background-position:19em 2.5em;
/*    background-position:50em 2em;  */
    height:7em;
}
#head span.hidden, span.hidden{
    visibility:hidden;
}
p.small{
    font-size:1em;
    text-align:left;
}
a span.p_admin{  
    color:#999;
    text-align:center;
    font-size:1em;
    margin:0;
    padding-left:1em;
} 
a span.p_admin:hover{
    color:#009900;  
    text-align:center;
    font-size:1em;
    margin:0;
    padding-left:1em;
}
a, a:hover, a:active {
    color:#303030;
    text-decoration: none;
    border:none;
}
a:hover{
    color:#990000;
}
.produkt h2{
 color:#ff6600;
}
.produkt a, .textlink a{
    text-decoration:underline;
    color:#000;
} 
.produkt a:hover, .textlink a:hover{
    color:#990000;
}
.liste_2_zeile{
    padding-left:.6em;   
}
/*Produkte*/
div#content p.download {
	margin:6em 0 0 0.25em;
	font-size:1.1em;
}
div#content p.download a{
	color:#303030;
	text-decoration:none;
}
div#content img.pdf{
	float:none;
	border:none;
	padding:0 1.5em 0 0.2em;
	vertical-align:middle;
}

/*Bildspezifikationen*/
div#content img{
float:left;	
}
img.img_left {
	border:1px dotted #333;
	float:left;
	margin:0.2em 0.4em 0 0;
	padding:0.2em;
}
img.img_right {
	border:1px solid #333;
	float:right;
	margin:0.2em 0 0 0.4em;
	padding:0.2em;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 93em;
margin:0;
padding:0; 
margin:0 auto;
}

/* ----------Head-------------- */
#head {
	height:19em;
	text-align: right;
	margin:0px;
	padding:0px;
}                     
#navigation {
	margin:0px;
	padding:0px;    
	height:7em;   
}

/* --------------Unternavigation------------- */
#left {
float: left;
width: 21em;   
margin:0px;
margin-left:1em;
padding:0px;
background: transparent url("../data/images/unnavi_schatten.png") 0 5.75em no-repeat;
}              
div#left {
min-height:50em;
}

/* --------------Aktuelles------------- */
#right {
	float: right;
	width: 23em;  
    margin:5.6em 0 0 0;
    padding:0px;
}                            
div#right {
min-height:50em;
}
    
 /*box */    
#right .top {
    background: transparent url("../data/images/box_top.png") no-repeat;
    height: 16px;   
    width:230px;
    padding:0;
    margin:0;
}
#right .middle {
    background:transparent url("../data/images/box_middle.png") top left repeat-y;    
    width:230px; 
    padding:0;
    margin:0;
}
#right .bottom {
    background:transparent url("../data/images/box_bottom.png") top left no-repeat;
    height: 30px;
    width:230px;
    padding:0;
    margin:0;
}
 /*box ende*/

#right table.table_news_ie{
    width:225px
}

/* -----------------Inhalt--------------------- */
#content {  
padding:0;
margin: 0 24em 2em 22em;
margin-bottom:2em; 
}
div#content { 
min-height:30em;
}

.produkt{
	margin:0;
	padding:0;
	padding-bottom:2em;
	margin-bottom:2em;
 	background: transparent url("../data/images/produktlinie.jpg") bottom center no-repeat;
}
/* -----------footer--------------------------- */
#footer {  
text-align:center;
background:transparent url("../data/images/footer.jpg") top center no-repeat;
margin: 0 23em;
padding: 0px;
}        

/*--------------Navigation-----------------*/
div#navigation ul {
  background:transparent url("../data/images/schatten_navi.png") 0 38px repeat-x;
  margin:0 auto;
  padding:0;
  height:44px;
  width:820px;  
}          
#navigation ul li a span {
    visibility:hidden;
} 
#navigation ul li{ 
    display:block;
    float:left; 
}  

/*Abdeckung Hintergrund*/
#chapter0 {
	float:left;
    background: #fff url("../data/images/button_li.jpg") top left no-repeat;  
    width:90px;
    height:39px;
}
#chapter10 {
	float:right;
	right:0;
    background: #fff url("../data/images/button_re.jpg") top right no-repeat;  
    width:90px;
    height:39px;	
}

/*Abdeckung Ende*/
#chapter1 a{
    float:left;
    background: #fff url("../data/images/button_unternehmen.jpg") top left no-repeat;  
    width:160px;
    height:39px;
}
#chapter2 a{
    float:left;
    background: #fff url("../data/images/button_spektrum.jpg") top left no-repeat;  
    width:160px;
    height:39px;
}
#chapter3 a{
    float:left;  
    background: #fff url("../data/images/button_kontakt.jpg") top left no-repeat;  
    width:160px;
    height:39px;
}
#chapter4 a{
    float:left;  
    background: #fff url("../data/images/button_impressum.jpg") top left no-repeat;  
    width:160px;
    height:39px;
}
#chapter1 a:hover, #chapter2 a:hover, #chapter3 a:hover, #chapter4 a:hover,
#chapter1 a.aktiv, #chapter2 a.aktiv, #chapter3 a.aktiv, #chapter4 a.aktiv{
    background-position:0 -39px;
}

/*----- Unternavigation ------*/
ul.unternavigation {
	margin:6.5em 0 0 .5em;
	padding:0;   
}
ul.unternavigation li{
	list-style:none;
	padding:0 0 0.5em 0;
	margin:0;
}
ul.unternavigation li a{
	background: transparent url("../data/images/unnavi.png") no-repeat top left;
	display:block;    
	text-transform: uppercase;
    font-family:Helvetica, sans-serif;     
    font-weight:300;   
    color:#666;
	font-size:1.2em;
	padding:0.75em 0 0.25em 1.25em;
	margin:0;
}
ul.unternavigation li a:hover, ul.unternavigation li a.aktiv_1{
    background: transparent url("../data/images/unnavi_hover.png") no-repeat top left;
	display:block;    
    font-weight:300;   
    color:#ff6600;
	font-size:1.2em;
	padding:0.75em 0 0.25em 1.25em;
	margin:0;
}

    /*oberste Navigationreihe*/
ul.unternavigation li a.noline, ul.unternavigation li a.noline:hover{
	background-image:none;
}

/*IE6 Hacks #navigation>ul a {
    width: auto;
} */

/*----- Unternavigation Level 2------*/
span.unnavi{
    padding-left:.8em;
}
ul.level_2 {
	margin:0;
    padding:0 0 0 1.25em;  
}
ul.level_2 li{ 
   margin:0;
   padding:0; 
}
ul.level_2 li a { 
   display:block;
   background:transparent url("../data/images/unnavi_2.png") no-repeat top left;   
   text-transform: none; 
   margin:0;
   padding:0.5em 0 0.25em .75em;
}
ul.level_2 li a:hover, ul.level_2 li a.aktiv_2{
    background:transparent url("../data/images/unnavi_2_hover.png") no-repeat top left;   
    text-transform: none;   
    color:#ff6600;
    margin:0;
    padding:0.5em 0 0.25em .75em; 
}

/*-- Sprachauswahl --*/  
ul.language{
  margin:6.5em 0 1em 2em;
  padding:0;
  width:15em;
  height:35px;
}   
ul.language li{ 
    float:left;	
    list-style:none;
	margin-right:1em; 
	width:35px;
	height:38px;
}   
#de, #en, #fr{
    padding:0;
    margin:0;
} 
#de a, #en a, #fr a{
    display:block;
    background:transparent url('../data/images/flaggen.png') top left no-repeat; 
    width:30px;
    height:35px; 
    margin:0;
    padding:0; 
} 
#en a{
    background-position:0px -41px;
}
#fr a{
    background-position:0px -81px;
}    
#de a:hover{
   background-position:-31px 0; 
}
#en a:hover{
   background-position:-31px -41px; 
}
#fr a:hover{
   background-position:-31px -81px; 
}