@charset "utf-8";

/********* HTML-Elemente *********/
body  {
  font: 80% 'Ubuntu', 'Droid Sans', 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif;
  background-color: black;
  margin: 0; /* margin und padding auf 0 einstellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
  padding: 0;
	color: silver;
	margin-top: 0px;	
	height: 100%;
	min-width:686px;	
}

/*@font-face {
	font-family: 'ALPHMA';
  src: url('./fonts/ALPHMA.eot');
  src: local('ALPHMA Regular'), local('ALPHMA Web'), 
         url('./fonts/ALPHMA.TTF') format('truetype');
}
*/

@font-face {
  font-family: "ALPHMA";
  src: url("./fonts/ALPHMA.eot");
  src: local("☺"),
  url("./fonts/ALPHMA.woff") format("woff"),
  url("./fonts/ALPHMA.TTF") format("truetype"),
  url("./fonts/ALPHMA.svg#ALPHMA") format("svg");
  }


a {color: #336600}
a img{border:none;}
h1 {font-family:ALPHMA; font-size:675%;color: #f0c806;margin-top:-5px;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:normal;}
h2 {font-family:ALPHMA; font-size:285%;color: #f0c806;margin-top:-15px;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:normal;}
h3 {font-family:ALPHMA; font-size:285%;color: #f0c806;margin-top:-10px;margin-right:0;margin-bottom:0;margin-left:0;font-style:normal;font-weight:normal;}
h1 a,h2 a {text-decoration:none;color: #f0c806;}
p {line-height: 150%;margin-left:10px;}
caption {display: none;}

/********* Container *********/
#container {text-align: left;	margin-right: 0px; margin-top: 0px;} 
#top {left: 250px;right: 0px;top: 0px;position: fixed;background-color: Black;z-index: 10;/*padding-bottom: 10px;*/}
#header {padding: 0; text-align: right;margin-right:20px} /*top right no-repeat;height: 120px;*/

#breadcrumb {font-size:90%;color:#606060}
#breadcrumb a {color:#295300;}

#menu {margin:20px 20px 0 0;text-align: right}
#menulist {margin: 0px;}
#menulist li {display: inline; list-style-type: none; /*	padding-right: 20px;*/}

#mainContent {margin-left: 250px;margin-right: 0px;margin-top: 220px;padding: 30px 20px 10px 10px;background-color: black;border: solid 1px #252525;border-right:solid 1px black;-webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;color: silver;overflow: auto} /*; height: auto;}*/

#footer {margin: 0 0 0 250px;padding: 10px;background-color: black;border-left: solid 1px #252525;border-bottom: solid 1px #252525;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;color: #606060;bottom: 0;text-align:center} 
#footer p {	margin: 0; 	padding: 10px 0;font-size:90%}
#footer a {color:#295300;}

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
 	clear:both; height:0; font-size: 1px; line-height: 0px;}


/************************ Filterfeld Gläser und Flaschen ************************/
.filter {padding:15px;border: 1px solid #252525;text-decoration:none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-left:10px;margin-right:4px;}
#filter {margin-left:10px;margin-right:10px;border: 1px solid #252525;background-color:#252525;color:silver;padding:1px;}

/************************ identische Styles für Gläser-/Flaschentabelle ************************/
img.image-search-results {border:none;}
.images-search-results {padding:10px;}
a.link-search-results {float:left;margin:5px;border: 1px solid black;text-decoration:none;padding:5px;}
a.link-search-results:hover {float:left;margin:5px;border: 1px solid #252525;text-decoration:none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:5px;}
a.link-search-results span.number-search-results {text-decoration:underline;}

/************************ identische Styles für Gläser-/Flaschendatasheets ************************/
.datasheet-box {border:solid 1px #252525; float:right; margin-left:5%; margin-right:5%; position:relative;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding:15px;} /*position relative, weil im div position absolute verwendet wird*/
.datasheet-lens{position:absolute;bottom:3px;left:3px}
#desc_box th {text-align: left}
td.desc, th.desc {padding: 10px 10px 10px 10px}
a.thumbnail-link       {float:left;margin:20px;border: 1px solid black;-webkit-border-radius: 5px;padding:5px;-moz-border-radius: 5px;border-radius: 5px;}
a.thumbnail-link:hover {float:left;margin:20px;border: 1px solid #252525;-webkit-border-radius: 5px;padding:5px;-moz-border-radius: 5px;border-radius: 5px;}
.more-images {padding:10px 10px 10px 10px}



/***************** IE fix -- seen on http://www.gunlaug.no/contents/wd_additions_17.html  ******************/
@media screen {

* html, 
* html body { 
overflow-y: hidden!important; 
height: 100%;
margin: 0;
padding: 0; 
}
* html #iefix { 
height: 100%;
overflow-y: scroll;
position: relative;
}

* html div#top {
position: absolute;
}

}