/*
  $Id: stylesheet.css,v 1.0 2007/11/15 JO

 Kräuterkombinat GbR, Lagerverwaltung
  http://www.kraeuterkombinat.de

  Copyright (c) 2007 Kräuterkombinat

*/

BODY {
  background: #bac5c7;
  color: #383a0c;
  font-size: 13px;  
  padding:20px 0px 0px 0px;
  margin:0px;
  text-align: center;
  line-height:1.3;
  font-family: Helvetica, Verdana, Arial, SunSans-Regular, Sans-Serif;
}

a {
  color: #ffffff;
  text-decoration: none;
}

a:hover {
#  color: #e2e419;
  color: #6f8083;
  text-decoration: none;
}

a.active {
  color: #6f8083;
  text-decoration: none;
}

.index {
  width: 910px;
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
}

.header {
  position: relative;
}

.menu {
  color: #ffffff;
  margin: 0px 40px 0px 40px;
  font-size: 16px;
  text-align: right;
  line-height: 1.3em;
  position: relative;
  top: 2px;
  z-index: 2;  
}

.submenu {
  color: #ffffff;
  font-size: 14px;
  z-index: 2;
}

.content {
  margin: 0px 40px 20px 40px;
  position: relative;
  z-index: 1; 
}

#pagewidth{ 
 width:100%; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#leftcol1{
 width:30%; 
 height:190px;
 float:left; 
 position:relative;  
 }
 
#maincol1{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 height:190px;
 } 

#leftcol2{
 width:30%; 
 height:190px;
 float:left; 
 position:relative;  
 }
 
#maincol2{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 height:190px;
 }
 
#leftcol3{
 width:30%; 
 height:190px;
 float:left; 
 position:relative;  
 }
 
#maincol3{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 height:190px;
 }
 
#leftcol4{
 width:30%; 
 height:190px;
 float:left; 
 position:relative;  
 }
 
#maincol4{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 height:190px;
 }
 
#leftcol5{
 width:30%; 
 height:190px;
 float:left; 
 position:relative;  
 }
 
#maincol5{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 height:190px;
 }
 
#leftcol6{
 width:30%; 
 height:190px;
 float:left; 
 position:relative;  
 }
 
#maincol6{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 height:190px;
 }
 
#leftcol7{
 width:30%; 
 height:190px;
 float:left; 
 position:relative;  
 }
 
#maincol7{  
 float: right; 
 display:inline; 
 position: relative; 
 width:70%; 
 height:190px;
 }
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

h1 {
  font-size: 24px;
  color: #6f8083;
  position: relative;
  top: -30px;
}

h2 {
  font-size: 15px;
  position: relative;
  top: -40px; left: 1px;
}

.text {
  position: relative;
  left: 1px;
  top: -25px;
}

.ref {
  font-size: 14px;
  color: #6f8083;
  font-weight: bold;
}

.mail {
  color: #6f8083;
  line-height: 160%;
}

.domaincheck {
  position: absolute;
  left: 370px;
  top: 0px;
}

TD.hostingheader {
  background: #d0d0d0;
  color: #383a0c;
  font-size: 13px;
  font-weight: bold;
  valign: middle;
}

TD.hostingdeschead {
  background: #ffffff;
  font-weight: bold;
  color: #6f8083;
  valign: middle;
}

TD.hostingbest {
  background: #d0d0d0;
  valign: middle;
}

TD.hostingempty {
  background: #bac5c7;
}

TD.hostingdesc {
  background: #dadada;
  color: #383a0c;
  font-size: 12px;
  valign: middle;
}

TD.hosting {
  background: #dadada;
  color: #383a0c;
  font-size: 12px;
  valign: middle;
}

TD.middle {
  width: 35px;
}

TD.right {
  vertical-align: bottom;
}

.footer {
  position: relative;
  top: -20px;
}
