/** IconScreen.de Version 1.0 | 01.08.2005 **/

body {
	margin: 0 2% 10px 2%;
	font-size: 0.76em;
	width: 90%;
	min-width:910px;
	max-width:1010px;   }

* html body { width: 910px; }




/** 1em for MSIE 5 **/
td {
font-size: 0.76em;
 voice-family: "\"}\"";
 voice-family:inherit;
font-size: 1em; }
 
img { border: 0; 
	background-image: none !important;}


body * {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Helvetica, Arial, sans-serif; }


/**  LAYOUT HEAD  **/
#Wrapper {
	background-image: url(/images/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: left top; }
	
#Logo {
	float: left;
	width: 202px;
	height: 42px; 
/*	background: #ee66ff;*/
}
	
#Languages {
	float: right;
	margin-top: 20px;
	font-size: 12px; }

#Claim {
	height: 101px; }




/**  NAVIGATION  **/
#NavBg {
	background-image: url(/images/bg_nav.gif);
	background-repeat: repeat;
	background-position: left top;
	width: 100%; }

#Navigation {
	margin-bottom: 50px;
	background-color: #fff;
	float: left;
	width: 200px;
	text-align:left; } 

#Navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none; }

#Navigation li { 
	margin: 0 0 1px 0; }

#Navigation a {
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #e4ecef;
	width: 200px; /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 190px; }

html>#Navigation a 	{
	width: 190px; } 

.Visited {
	color: #0099CC !Important;
	background-color: #d2e5ec !Important; 
	text-decoration: none;
	font-weight: bold; }	


/*for MSIE WIN */
.MSIENavSpace { 
	padding-top: 1px; }
	
/*for MSIE WIN */
.NavSpaceStatic { 
	border-top: 1px dotted #0099CC; }


#Navigation a:hover {
	background-color: #d2e5ec;
	text-decoration: none; }

#Navigation ul ul li {   
	margin: 0 0 1px 0; }

#Navigation ul ul a {
	display: block;
	padding: 5px 5px 5px 10px;
	color: #0099CC;
	background-color: #eee;
	text-decoration: none;
	width: 200px; /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 185px; }

html>#Navigation ul ul a {
	width: 185px; } 

#Navigation ul ul a:hover {
	background-color: #d2e5ec;
	text-decoration: none; }



/**  CONTENT  **/
#Content {
	margin-left: 210px; }

/**  LAYOUT CONTENT **/
#OneBox { 
	float: left;
	margin-bottom: 15px;
	width: 100%;  }
	
#TwoBox { 
	float: left; 
	width: 100%; 
	min-width:700px;
	max-width:800px;  }

.TwoBoxLeft { 
	border-right: 1px solid #97B1C2;
	float: left;
	padding: 0 1% 0 0;
	margin-bottom: 15px;
	width: 66%;
	min-height:400px; }

.TwoBoxRight { 
	float: right;
	padding: 0 0 0 1%;
	margin-bottom: 15px;
	width: 31%; }

#ThreeBox { 
	float: left; 
	width: 100%;
	min-width:700px;
	max-width:800px;
	margin: 15px 0 0 0;
	border-top: 1px solid #97B1C2; 
	background-image: url(/images/bg_3erbox.gif);
	background-repeat: repeat;  }

.ThreeBoxLeft { 
	border-right: 1px solid #97B1C2;
	float: left;
	padding: 5px 1% 5px 1%;
	width: 31%;
	height: 110px; }

.ThreeBoxMiddle { 
	border-right: 1px solid #97B1C2;
	float: left;
	padding: 5px 1% 5px 1%;
	width: 32%;
	height: 110px; }

.ThreeBoxRight { 
	float: right;
	padding: 5px 0 5px 1%;
	width: 31%; 
	height: 110px; }



/**  LAYOUT FOOTER  **/
#Footer {
	margin: 0 0 65px 0;
	text-align: right;
	border-top: 1px solid #97B1C2; }
	
#Print { display: none; }


/**  ELEMENTS  **/
.TwoBoxLeft h1, #OneBox h1 {
	color: #6b8f9f;
	font-size: 1.5em;
	margin: 0 0 5px 0; 
	font-weight: normal; }

hr  { 
	background-color: #97B1C2;
	height: 1px;
	color: #97B1C2;
	border: 0 none; 
	margin: 0 0 12px 0; 
	padding: 0; }

.TwoBoxLeft p {
	margin: 0;
	padding: 0 25px 10px 0; }

.inline {padding-top: 20px;}
	

.TwoBoxRight h2 {
	color: #6b8f9f;
	font-size: 1em;
	margin: 0;
	font-weight: normal; }

.TwoBoxRight p {
	margin: 0;
	padding: 0 0 15px 0; }

.listimage {
	width: 96px;
	float: left;
	border: 0;
	margin:  0;
	padding: 0 0 15px 0; }

.listtext {
	margin-left: 111px; }

.listdownload {
	margin-left: 111px; }

.listdownload p {
	border-bottom: 1px solid #97B1C2; 
	margin:  0;
	padding: 15px 0 15px 0;}

.contentimage {
	float: left;
	margin: 0;
	padding: 0 15px 2px 0; }

#ThreeBox b {
	color: #6b8f9f;
	font-size: 1em; }

a {
	color: #0099CC;
	text-decoration: none;}

.nocolor {background-color: white!important;color:white;}

.arrow {
	background-image: url(../images/bg_arrow.gif) !important;
	background-repeat: no-repeat !important;
	padding-left: 12px !important; }

.arrowex {
	background-image: url(../images/bg_arrow_ex.gif) !important;
	background-repeat: no-repeat !important;
	padding-left: 8px !important; }


form {margin:0;padding:0; }
select.hundred {width:100px; }
select.hundredeighty {width:180px; }
select.hundredfifty {width:150px; }
select.fifty   {width:50px; }
select.sixty   {width:60px; }
select.seventy   {width:70px; }
select.twohundred {width:200px; }



select {font-size: 10px !important; }


/**  PRODUCTGROUPSLIST  **/
.productgroups th {
	text-align:left;
	color: #333;
	padding: 2px 0 2px 2px;
	background: #fff;  }

.productgroups td {
	width: 33%;
	padding: 0 0 0 3px;
	background: #fff; 
	border-right: 1px solid #97B1C2; }	

.productgroups td a {
	text-decoration: none; }

.productgroupsempty {
	border-top: 1px solid #97B1C2;
	border-right: 0!important;
	height: 2px;
	background: #fff!Important; }

.productgroups hr  { 
	background-color: #97B1C2;
	height: 1px;
	color: #97B1C2;
	border: 0 none; 
	margin: 1px 0 1px 0; 
	padding: 0; }
	


/**  CONTACTPERSONSLIST  **/
.contactpersonslist th {
	text-align:left;
	color: #333;
	padding: 2px 0 2px 2px;
	background: #e4ecef;  }

.contactpersonslist td {
	width: 78%;
	padding: 0 0 0 3px;
	background: #f0f0f0; 
	border-bottom: 1px solid #eee; }	

.contactpersonslist td a {
	text-decoration: none; }

.aemptyline {
	height: 13px;
	background: #fff!Important; }
	

/**  DITRUTORLIST  **/
.distributorlist th {
	text-align:left;
	color: #333;
	padding: 2px 0 2px 2px;
	background: #e4ecef;  }

.distributorlist td {
	width: 49%;
	padding: 0 0 0 3px;
	background: #f0f0f0; 
	border-bottom: 1px solid #eee; }	

.distributorlist td a {
	text-decoration: none; }
	

/**  FACTSLIST  **/
.factslist th {
	text-align:left;
	color: #333;
	padding: 2px 0 2px 2px;
	background: #e4ecef;  }

.factslist td {
	width: 59%;
	padding: 0 0 0 3px;
	background: #f0f0f0; 
	border-bottom: 1px solid #eee; }	

/**  PRODUCTSEARCH  **/
input.distribut {width:100px; }
#OneBox tr { background-color: #e4ecef; }
#OneBox td { padding: 4px; }
.tdproduct:hover {background-color: #d2e5ec; }
.tdproduct { color: #666; border-top: 8px solid #fff; width: 100%; padding-top: 8px;font-weight: bold; }
.tdcolor {background: #eee; }