/* --------------------------------------------
CSS Stile-Sheet
developed by Online Media, P. Hoetzl
All rights reserved, November 2009 ff.
-------------------------------------------- */

/* Layout Darstellung */


body {
  margin: 0px;
  border: 0px;
  padding: 0px;

 background: #000; 
 
  background-image: url(_images/back.gif);
  background-repeat: repeat-x;
  background-attachment: fixed;
  
 font-family: Arial, Geneva, sans-serif;
 
/* overflow: hidden;   */
  

  }




#footer {

position: absolute;

bottom: 0px;
right: 0px;
left:0px;

margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;

padding-left: 50px;

width: 99%;

height: 50px;
background-color: #FFFFFF;

}





*html body {

overflow:hidden;


}





#mainnavi {
position: absolute;
right: 20px;


}


#logo {
position: absolute;
left: 30px;
top: 70px;

}


#lang {
position: absolute;
right: 20px;
top: 160px;

}



#teaser {
position: absolute;
left: 0px;
top: 180px;

}



#wolke {
position: absolute;
left: 0px;
top: 440px;

width: 250px;

}




#subnavi {

position: absolute;
left: 250px;
top: 180px;
width: 130px;
height: 230px;


padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;

overflow: auto;

/*  background-color: #B5B6BA; */

background-color: #666666;


}




#subnavi_start {

position: absolute;
left: 250px;
top: 180px;
width: 130px;


}




#content {

position: absolute;
right: 1px;
left: 380px;
top: 180px;
padding-right: 20px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;

height: 210px;

overflow: auto;
background-color: #FFFFFF;

}




#content_var {

position: absolute;
right: 1px;
left: 380px;
top: 180px;
padding-right: 20px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;

height: 310px;

overflow: auto;
background-color: #FFFFFF;

}




#content_start {

position: absolute;

right: 0px;
left: 380px;
top: 180px;

height: 250px;

background-color: #EAEAEC;

overflow: hidden;

}









#besteck_detail {

position: absolute;

right: 0px;
left: 390px;
top: 180px;


height: 250px;


background-color: #FFFFFF;


overflow: auto;

}




#besteck_elemente {

position: absolute;
left: 655px;
top: 410px;


overflow: auto;

}


#besteck_teile {

position: absolute;
left: 655px;
top: 430px;
bottom: 50px;

width: 350px;

overflow: auto;
background-color: #BBBBBB;



font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 14px;
color: #000000;



}


#besteck_image {

position: absolute;
left: 0px;
top: 60px;

width: 500px;
height: 530px;
background-color: #FFFFFF;

}





#besteck_uebersicht {

position: absolute;

padding-right: 20px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;

right: 0px;
left: 390px;
top: 180px;

height: 60%;

overflow: auto;

background-color: #B5B6BA;
background-image: url(_images/hg_uebersicht.jpg);
background-repeat: repeat-y;
background-position: right;

}










/* Farben */


.weiss {

color: #FFFFFF;

}






/* Definition der Textdarstellung */



h1 {


font-size: 20px;
color: #004E99;

}





/* Mainnavi weisse Striche */

.mainoff {

color: #FFFFFF;
text-align: bottom;
font-size: 16px;

}

/* Mainnavi rote Striche */

.mainon {

color: #86091B;
text-align: bottom;
font-size: 16px;

}



.langon {

color: #86091B;
text-align: bottom;
font-size: 12px;

}


.langoff {

color: #FFFFFF;
text-align: bottom;
font-size: 12px;

}



.subon {

color: #86091B;
font-size: 12px;

}


.suboff {

color: #FFFFFF;
font-size: 12px;

}





.main {


font-weight: normal;
font-style: normal;
font-size: 12px;
line-height: 16px;
color: #666666;


}



.small {


font-weight: normal;
font-style: normal;
font-size: 11px;
line-height: 11px;
color: #666666;


}




a:link {
   
    text-decoration: none;
   
}
a:visited {
	
	text-decoration: none;
	
}
a:hover {
	color: #86091B;
	text-decoration: underline;
	
}
a:active {
	color: #86091B;
	text-decoration: underline;
	
}