/*  =========================================================
Stylesheet für die HEBO Spezialglass
Stand: Version 2.0
Datei: style.css
Datum: 30 Mai 2009
Autor: Adrian F.
Aufbau  1. Kalibrierung und allgemeine Styles 
        2. Styles für Layoutbereiche    
        3. Sonstige Styles 
========================================================== */

/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */	
* { padding: 0; margin: 0;}
h2, h3, p, ul, ol { margin-bottom: 1em;}
ul ul { margin-bottom: 0;}
li { margin-left: 1em;}

/* Allgemeine Selektoren */
body {
	color: white;
	background-color: #8c8c8c;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
} 


/* Allgemeine Klassen und IDs */
.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

h1 {
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	color: #333333;
}

/* Hyperlinks */
a { text-decoration: none; outline: none;}
a:link {	color: Black;}
a:visited {	color: Black;}

a:active {
	color: Black;
}

/* ==================================== 
   2. Styles für Navigation
   ==================================== */
  


#black, #blau, #blau1, #blau2, #blau3, #blau4{
	position:relative;
	top: 0px;
	height: 20px;
	width: 100%;
}
#black {background-color: #000000;} 
#blau  {background-color: #000033;} 
#blau1 {background-color: #000066;}
#blau2 {background-color: #000099;}
#blau3 {background-color: #0000CC;}
#blau4 {background-color: #0000FF;} 

#logo img{
	position: relative;
	top: -100px;	
	left: 35px;
	height: 115px;
	width: 100px;
	z-index: 1;
	border: 0px;
} 

   
address{
	text-align: center;
	font-size: 11px;
	font-style: normal;
	color: #999999;
	letter-spacing: 0px;
	line-height: 1.5em;
	padding-top: 0px
}

#line_o{
	border-top: 1px dotted;
	margin: -3px -13px 0 -13px;
	padding: 0px;
	color: #999999;
}

#line_u{
	border-top: 1px dotted;
	margin: 0px;
	padding: 5px;
	color: #999999;
}

/*Navigation*/
#navi{
	position:relative;
	top:-81px;
}

#banner_navi{
	position:absolute;
	top: 60px;
	width: 120px;
	left: 750px;
}

/*Linke Navigation */
#navi_l{
	position: relative;
	top: 60px;	 
	left: 150px;	
	width: 300px;	
}

#navi_l ul { margin-bottom: 0;}

#navi_l li,
#navi_r li {
	display: block; 
	list-style-type: none;
	padding: 5px 10px 4px 10px;
	margin: 0;
	width: 300px;
	height:11px;
}

#navi_l a{
	color: white;
	padding: 4px 8px 4px 8px;
}

#navi_l a:hover,
#navi_l a:focus,
#navi_r a:hover,
#navi_r a:focus{
	color: #CCCCCC;
	font-weight: bold;
}

/*Rechte Navigation */
#navi_r {
	position: relative;
	top: 0px;	
	left: 250px;	
	width: 500px;
}

#navi_r ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	border-bottom: 0;
}

#navi_r ul li {	
	position: relative; 
	width: 450px;
}

#navi_r li ul {
	position: absolute;
	left: 113px;
	top: 5px;
	width: 500px;
	display: none;
}

#navi_r li ul li{
	top: 0px;
	display: inline;
	list-style-type: none;
	margin: 0; 
	padding: 0;
}


#navi_r li:hover ul { display:block;}

#navi_r a{
	color: white;
	padding: 4px 8px 4px 8px;
/*	border-left-style: solid; 
	border-left-width: 1px;	*/
}

#navi_r li ul li a{
	padding: 4px;
	border-left-style: none; 
	border-left-width: 0px;	
}

body{	
	background-repeat: repeat;  
	margin: 0px;
	padding: 0px;	
}

/* ==================================== 
   2. Styles für die  Layoutbereiche 
   ==================================== */

#wrapper {
	color: black;
	background-color: #FFFFFF;
	width: 900px;
	margin: auto;
	-moz-border-radius: 10px;
	-khtml-border-radius: 30px;
	/*border: 1px solid #8c8c8c;*/
}

#header{ height: 40px;}


#textbereich { 
    position: relative;
    top: -40px;
	padding: 15px 35px 0px 35px; 
	width: 830px;
}

#footer {
   padding: 10px 20px 10px 20px;
   margin-top: 20px; 
}

.listing ul  {
	padding-left: 5px;
}


#sonderprodukte {
	position: absolute;
	top: 50px;
	left: 400px;
}

#rundoptik {
	position: absolute;
	top: 50px;
	left: 500px;
}

#produkt {
	position: absolute;
	top: 60px;
	left: 520px;
}

#halbzeug {
	position: absolute;
	top: 130px;
	left: 455px;
}

#planoptik {
	position: absolute;
	top: 60px;
	left: 450px;
}

#o_schott {
	position: absolute;
	top:60px;
	left: 550px;
}

#f_schott {
	position: absolute;
	top: 60px;
	left: 480px;
}

#pdf {
	position: absolute;
	top: 45px;
	left: 680px;
	color: #999999;
}

#pdf_q {
	position: absolute;
	top: 45px;
	left: 715px;
	color: #999999;
}

#pdf_table {
	position: absolute;
	top: 45px;
	left: 720px;
	color: #999999;
}

#pdf_table_unten {
	position: inherit;
	top: 0px;
	left: 680px;
	width: 200px;
	color: #999999;
}

#pdf_quarz_unten {
	position: absolute;
	left: 650px;
	width: 200px;
	color: #999999;
}

.text{
	width:400px;
}

/* ====================================== 
   3. Sonstige Styles 
   ====================================== */

sup{
	font-size: 7px;	
}
  
/*roll-over image */
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 300px;
	height: 1px;
	z-index: 1000;
}

/*int. vertriebspartner */
#links {padding: 0;}
#links ul {margin-bottom: 0;}
#links li img{border-width: 0px;}

#links li{
	display: inline;
	list-style-type: none;
	margin: 0;
}


/*Referenzen */
#ref_right{
	position:absolute;
	top: 100px;
	left: 350px;
}

#ref_left ul,
#ref_right ul{margin-bottom: 0;}

#ref_left li,
#ref_right li{
	padding: 5px 10px 4px 0px;
	list-style-type: none;
	margin: 0;
}

#s_bez1{
	position:relative;
}

#s_bez2{
	position:absolute;
	left: 220px;
	top: 0px;
}

#s_bez3{
	position:absolute;
	left: 440px;
	top: 0px;
}

#tabelle{
	position:relative;
	left: 0px;
	top: 0px;;	
}


/*CONVERTER */
#density{
	position:absolute;
	left: 300px;
	top: 100px;;		
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	margin: auto;
	border: 1px solid #0000f5;
	background-color: #0000f5;
	width: 150px;
	height: 20px;
}

.eingabe table td{
	padding-bottom: 3px;
}

#eingabe_feld{
	margin-bottom: 7px;
	background-color:#DCDCDC;
}

#erg{
	position:relative;
	top: 25px;
}

/*HEBO Filterglaeser Tabellenübersicht*/
/*JGW Filterglaeser */
#filter_row{
	position: relative;
	left:0px;
	width: 100%;	
	margin-bottom: 20px;
}

#filter_row #box_left{width: 400px;}


#filter_row #box_right{
	position: absolute;
	left: 450px;
	top: 0px;
	width: 400px;	
}

#filter_row table td{padding: 3px;}

#filter_row #t_name{
	position: absolute;
	left: 120px;
	top: 0px;
}

#filter_row #table_pos{
	position: absolute;
	left: 120px;
	top: 0px;	
}


/*HEBO detaillierte Tabellenansicht*/
#farbe{
	background-color:#CDCDCD;
	width:100px;
	text-align:center;
	padding-top:20px;
}
#middle table td,
#t_links table td{padding: 3px;}

#table_pic{
	position:relative;
	left: 125px;
	width:600px;
	padding:20px;
}

/*JGW Filterglaeser */
#f_jgw1 table,
#f_jgw2 table{width:800px;}

#preisklasse table{width:300px;}

#f_jgw1 table td,
#f_jgw1 table th,
#f_jgw2 table td,
#f_jgw2 table th{padding: 3px;}


/*allg. Tabelle */
.tabelle_allg td{
	padding: 3px;
}

#descr{
	position:absolute;
	top: 0px;
	left: 350px;
}

#fsuv1,
#fqvis2{
	position: relative;
	padding:10px;
	left:50px;
}

#together{
	position: relative;
	left:0px;
	top: 0px;
}

/*
* ISK Typen
*/
#iskWerte{
	position: relative;
	top: -272px;
	left: 395px;
	width: 450px;	
}

#iskWerte table td,
#iskTabWerte table td{padding: 3px;}

#iskRight{
	position: relative;
	top: -263px;
	left: 450px;
	width: 350px;
}

#iskTabWerte{
	position: relative;
	top: -280px;
	left: 0px;
	height:900px;
}
/* ======================================= 
   E N D E   D E S   S T Y L E S H E E T S 
   ======================================= */