body
{
	background-color:#ffffff;
	margin:0px;
	font-family:Arial;
	font-size: 12px;
	color: #333333;
	width: 980px;
	padding: 0px;
}

#outer
{
	position:absolute;	
	left: 50%; 
	margin-left:-490px;
	width:980px;
}


#top
{
	display: block;
	height:45px;
	width:980px;
	float:left;
	overflow:hidden;
	z-index:1;
}


#topImpressum
{
	position: relative;
	left: 582px;
	top: -18px;
	width: 540px;
	height: 16px;
	z-index:2;
	overflow:hidden;
	font-size: 11px;
}


#topImage
{
	display: block;
	height:250px;
	width:980px;
	float:left;
	overflow:hidden;
	z-index:1;
}



#topNavi
{
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	height:30px;
	width:980px;
	float:left;
	overflow:hidden;
	z-index:1;
	background-image: url(images/topNavi_bg.jpg);
	background-repeat:no-repeat;
	padding-left: 5px;
	padding-top: 2px;
}

#topNavi table
{
	width: 960px;
	padding-right: 20px;	
}

#topNavi table a:hover
{
	color: #ffffff;	
}

#middleOuter
{
	display: block;
	width:980px;
	float:left;
	background-repeat: no-repeat;
	z-index:1;
}

#middleLeft
{
	padding-top: 15px;
	width:840px;
	float: left;
	z-index:1;
}

#middleRight
{
	padding-top: 15px;
	width:140px;
	float: left;
	z-index:1;
}



#foot
{
	display: block;
	height:40px;
	width:980px;
	float:left;
	border-top: solid 2px #333333;
	z-index:1;
	padding-top: 15px;
}

#foot_left
{
	position: relative;
	left: 0px;
	top: 0px;	
	width: 490px;
	height: 16px;
	text-align: left;
}

#foot_right
{
	position: relative;
	left: 490px;
	top: -17px;	
	width: 490px;
	height: 16px;
	text-align: right;
}


#logo
{
	position: relative;
	left: 20px;
	top: 15px;
	width: 400px;
	height: 40px;
	z-index:3;
	overflow:hidden;
}



#topNavi, #topNavi a, #topNavi a:active, #topNavi a:visited
{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;	
	text-decoration: underline;	
	color: #ffffff;
}

#topNavi a:hover
{
	color: #98a871;
	background-color: Transparent;
}



/*** General layout idea came from //www.positioniseverything.net/guests/3colcomplex.html
	Adapted and corrected
 ***/  

#sitetitle {
	margin: 0px;
	padding: 10px 0 0 20px;
	text-align: left;
	font-size: 300%;
	color: #d2ba8c; }
	
#pagetitle {
	margin: 10px;
	padding: 10px 0 0 0;
	text-align: left;
	font-size: 300%;
	color: #ffffff; }
	
	
pre {
	margin: 0 0 0 10px;
	padding-top: 8px;
	font-family: Verdana, sans-serif;
	font-size: 95%;
	font-weight: normal; }

p {margin: 0; padding:0px; }

h1, h2, h3, h4, h5, h6 { color: #806A49; }

h1
{
	margin: 10px 0 8px ;
	padding: 0;
	font-size:140%;
	font-weight:bold;
	}	
h2
{
	margin: 9px 0 7px ;
	padding: 0;
	font-size:130%;
	font-weight:bold;
	}
h3
{
	padding: 0;
	margin: 8px 0 6px ;
	font-size:120%;
	font-weight:bold;
	}
h4
{
	margin: 7px 0 5px;
	padding: 0;
	font-size:110%;
	font-weight:bold;
	}
h5, h6
{ font-size:100%; margin: 7px 0 5px; }

 
/*** Links! ***/
a, a:active, a:visited
{
	color: #708049;
	font-weight: bold;
	text-decoration: underline;
}

a:hover
{
	color: #98a871;
}


strong {font-weight: bold;}
	
.alignright  {margin: 0; padding: 1em 10px 2.5em 0; text-align: right; }

.decoration {float: right; margin: 0.5em 1em 3px 3px; position: relative; } /*** for IE6 ***/

html[xmlns] .decoration {margin: 0 1em 0 0; } /*** Moz put the image too low ***/

.kudos {
	margin-top: 3em; 
	border-top: 3px double #233622; 
	border-bottom: 3px double #233622;
	padding-bottom: 5px; }

.clear {
	clear: both;
	margin: 0;
	padding: 0; }
		
#navigationbar 
{	
	border: 0px solid #000;
	border-width: 0px 0;
	padding: 0px 0;
	position: relative; } /*** IE6 needs this to display the div ***/  
/* Hide from IE5-Mac \*/
* html #navmenu,#navmenuright  {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/


/*** The #header div has a static position and a background image ***/
#header {
	margin: 0;
	padding: 0; 
	background: url("images/Logobalken.jpg") 0 0 no-repeat; /*** this is a shorthand 
								   property for the various 
								   background properties ***/
	background-color: #cc8d33;
	background-position: right;
	height: 80px; } /*** must be set so the following absolutely positioned divs are 
			    placed correctly on initial load of the page***/ 

#navigationMenu, #navigationHome {			
	background-color: #bcd2a8;
	border-width: 0 0;	
	position: relative; } /*** IE6 needs this to display the div ***/  
/* Hide from IE5-Mac \*/
* html #navigationMenu, #navigationHome  {height: 1%;}
/* end hide *//*** This hack will make IE5-win display the background color for the nav ***/

#navigationMenu ul,#navigationHome ul {
	display: block;
	list-style: none;
	font-family: Verdana, sans-serif;
	line-height: 1.2em; }
	
#navigationHome ul 
{
	margin: 0 0 0 20px;
	padding: 3px 0 0 0 ;		
	text-align: left;
	}
		
#navigationMenu ul
{
	padding: 3px 0 ;
	margin: 0;
	text-align: center;
	}
	
	
#navigationHome ul li {  	
  	float: left;    	
	}

#navigationMenu ul li {  	  	
  	float: right;  	 		
  	padding: 3px 0;
	  }

#navigationLogo
{	padding: 0 0;
	margin:0;
	position:relative;
	float:right;
	}
	
#navigationHome ul li , #navigationMenu ul li 
{
	display: block;
	font-weight: bold;	
  	margin: 3px 0;  	
  	position: relative; /*** IE6 needs this to display the links ***/
  	 }	
#navigationHome ul li 
{
	width: 135px; 
	padding: 4px 0;  	
	}
#navigationMenu ul li 
{
	padding: 1px 0;  	
	width: 6em; 
	}
  	 
#navigationText {
  	 float:left; 
  	 font-size: 1.5em; 
  	 color:#003000;
  	 padding: 3px 0; 
  	 white-space:nowrap;
  	 }

#navigationMenu ul li.first {
	margin-left: 0; 
	list-style: none; }

#navigationMenu ul li.last {
	border-right: none; }

#navigationMenu a, #navigationHome a
{	
	padding: 0px 0;
	font-style:normal; 
	font-weight:bold;
	color: #ffffff; } 

#navigationMenu,#navigationHome a:hover 
{
	background-color:  Transparent;
 	color: #003000; }

#floatclear {
  	display: block;
	clear: both; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#leftbox {
	position: absolute;	
	left: 0px;
	width: 0px;		  /**  This width needs to match the left margin given in the contentsbox class**/
	padding-top: 5px;
	padding-left: 5px;  }
	
#contents {		
	margin-top: 8px;
	margin-bottom: 10px;
	margin-left: 0px;	 /**  This width needs to match the width given in the leftbox class + expected padding**/
	margin-right: 149px; /**  This width needs to match the width given in the rightbox class + expected padding**/	
	padding: 3px 3px 15px 3px;
	position: relative; } /*** IE6 needs this to display the div ***/

/*** IE5/Mac has trouble with right positioned boxes due to a secret margin. See  
     - http://www.l-c-n.com/IE5tests/right_pos/index.shtml - Philippe Wittenbergh's page 
     for an explanation of this problem and Sam Foster's page for an explanation of the 
     hack used  - http://www.sam-i-am.com/testsuite/css/mac_ie5_hack.html - ***/
 
#rightbox {
	position: absolute;
	right: 16px;
	margin-right: -15px;
	width: 138px;
	padding-top: 5px; }

/* hide the following from IE5-Mac \*/
#rightbox {
	right: 0;
	margin-right: 0; }
/* IE5-Mac can see the rest */

#contentfooter {
	background: #f0f1f0;
	margin-top: 1.5em;
	margin-right: 139px;
	border-top: 1px dashed #888; }

#bottom {font-size: 1px; line-height:0; margin:0; padding:0;}

#questionwrapper 
{	
	background-color: #dee9d4;	
	margin-right: 24px;	
	margin-left: 6px;
	position: relative;		
	padding: 3px 3px 15px 3px;		
	}

/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #questionwrapper  
{
	height: 1%;
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	width: auto; } /*** resets the value for IE6 and IE5-Mac ***/
	
#questionblock 
	{
		}
	
#questionheader
{		
	margin-left:6px;
	margin-bottom:6px;
	}
html>body #questionheader {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

	

#questionselection 
{
	
	float: left;	
	height:200px;
	width: 43%;
	margin-left:6px;
	}

html>body #questionselection {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

#questiontext 
	{
		height:3em;
		}

	
#questionanswers
{
	margin-left: 12px;
	}

html>body #questionanswers {margin-left: 24px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/


#questionbody
{
	padding-left: 25px;
	height:200px;
	}
	
#questionweight 
{
	float:left;
	padding-left: 25px;
	width: 43%;
	font-size:70%;	
	}
#questionfilter 
{	
	padding-left: 25px;	
	font-size:100%;	
	}
		
* html #questionoptionswrapper  {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

#questionrequiredanswer
{		
	white-space:nowrap;	
	font-weight:bold;	
	}


#questionexplaination {
	float: right;
	margin-right: 6px;	
	overflow:auto;
	height:250px;
	width: 50%;	
	}

html>body #questionexplaination {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/



.questionexplaination ul
{
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.questionexplainationimageright, .questionexplainationimageleft {
	position: relative;
	width: 125px;
	padding: 3 3 3 3;
	background-color: #ffffff;
}
/* Start hide from IE-Mac \*/
* html .questionexplainationimageright {height: 1%;}
/* End Hide from IE-Mac */ 

/* Hides from IE-mac \*/
* html .questionexplainationimageleft {height: 1%;}
/* End hide from IE-mac */


.questionexplainationimageright {
	float:right;
}

.questionexplainationimageleft {
	float:left;
}




.questionexplainationimagelargeright, .questionexplainationimagelargeleft {
	position: relative;
	width: 188px;
	margin: 5px;
	padding: 3 3 3 3;
	background-color: #ffffff;
}
/* Start hide from IE-Mac \*/
* html .questionexplainationimagelargeright {height: 1%;}
/* End Hide from IE-Mac */ 

/* Hides from IE-mac \*/
* html .questionexplainationimagelargeleft {height: 1%;}
/* End hide from IE-mac */


.questionexplainationimagelargeright {
	float:right;
	margin-right: 5px;
}

.questionexplainationimagelargeleft {
	float:left;
	margin-left: 5px;
}
.questionexplainationimage 
{
	}

.questionexplainationclear
{
	clear:both;
	visibility: hidden;
}

.questionexplainationimagecaption
{
	position:relative;	
	font-size: 70%;
	text-align:center;
	padding: 5 5 5 5;
	
}

#questionexplainationclear
{	
	 clear: both; 
	 visibility: hidden;
}

#questionfooter
{		
	clear: both;
	margin: 10px 0 0px 0;			
	position: relative;			
	padding: 5px 0px 10px 10px;
	}
	
	
#questionfooterLeft
{
	float:left;
	margin-left: 5px;
	margin-right: 0px;
	padding:0px;
}

#questionfooterRight
{
	float:right;
	margin-right: 5px;
	margin-left: 0px;
	padding:0px;
}

#questionfooterClear
{		
	clear: both;	
	visibility:hidden;
	}

	
.questionImageButton
{
	color: #003000;
	background-color: #bcd2a8;
	border: solid 1px #003000;	
	}				
.questionImageButton:hover {	background-color: #e4ffcc;	}	

.questionImageButtonDisabled
{
	color: #5a635a;
	background-color: #8b9c7c;
	border: solid 1px #003000;	
	}				
.questionImageButtonDisabled:hover {	background-color: #8b9c7c;	}	

#questionAnswersList {	margin-left:12px;	}	

#answerwrapper 
{	position: relative;	
	margin-right: 25px;	
	padding-top: 25px; }

/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #answerwrapper  {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/

#ArticleDetailImageWrapper 
{	
	float: left;		
	padding: 15px 15px 15px 15px;
	}

html>body #ArticleDetailImageWrapper {margin-left: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/ 

#ArticleInfoProductName
{
	color: #806A49;		
	display: block;
	font-size: 240%;	
	text-align: center;
	font-weight: 600;
}

#ArticleTopDescription
{
	display: block;
	padding-bottom: 10px;
}

#ArticleTopDescriptionText
{
	padding-top: 10px;
	text-align:left;
	vertical-align:top;
	display: block;
}

#ArticleTopDescriptionLink
{
	padding-top: 10px;
	display: block;
	text-align:center;
	vertical-align:middle;
}

#ArticleInfoFlashMovie
{
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	text-align: center;
}

#ArticleDetailImageWrapper
{
	width: 800px;
	border: solid 1px #ddd;
	padding:0px 5px 0px 5px;
}

#ArticleDetailDetailImage 
{
	height:100%;
	width:590px;
	text-align: center;	
	float: left;
	vertical-align: middle;
}


/* using * hack to set height for ie */
#ArticleDetailThumbnailImages  
{	
	display:inline;
	float: left;
	border-right: solid 1px #ddd;
	min-height:405px;
	* height: 405px;
}	
	
.ArticleDetailThumbnailImage 
{
	height:95px;
	width:95px;
	display: inline;
}	


.ArticleDetailThumbnailCaption
{
	text-align:center;
	vertical-align:bottom;
}


#ArticleDetailTextWrapper 
{	
	float: left;
	width: 100%;	
}

#ArticleDetailLeft
{
	float: left;
	width:410px;
	padding-right: 10px;
}

#ArticleDetailRight
{
	float: left;
	width:420px;
}

#ArticleDescription
{
	padding: 15px 2px 2px 0px;
}


#ArticleDetailSellerLinks, #ArticleDetailSellerLinks td
{ 
	text-align: left;
	padding-top: 10px;
} 


html>body #ArticleDetailTextWrapper {margin-right: 12px; } /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

#ArticleDetailTextHeader 
{
	}
#ArticleDetailTextText 
{
	line-height: 14px;
}

#ArticleDetailTextText H3
{
	padding: 0px;
	margin: 0px;
}

#ArticleDetailTextText UL
{
	margin: 2px 0px 2px 5px;
	list-style:none inside none;
	padding: 2px;
	list-style-type:square;
	font-size: 11px;
}



.requiredwatermark
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #b89c67;	
	background-color: #ffecbf;
	text-align: right;
	}
	
#kontaktinformation, #kontaktcommands, #kontaktfeedback
{
	padding: 15px 15px 15px 15px ;
	}
#kontakterrormessage
{
	padding: 15px 15px 15px 15px ;
	color:Red;
	background-color: #fff8e8;  /*** #fff2d3  ***/
	}	
	
.kontaktCommand
{
	color: #003000;
	background-color: #bcd2a8;
	border: solid 1px #003000;	
	}
		
.kontaktCommand:hover {	background-color: #e4ffcc;	}	

#summarywrapper
{	
	background-color: #dee9d4;	
	margin-right: 24px;	
	margin-left: 6px;
	position: relative;		
	padding: 3px 3px 15px 3px;		
	}

/*** Tan hack for IE. Only IE browsers see this selector.
     This replaces the old Tantek hack. Please see Edwardson Tan's page.
     http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html ***/

* html #summarywrapper  
{
	height: 1%;
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	width: auto; } /*** resets the value for IE6 and IE5-Mac ***/
	
	
HerstellerList {}
HerstellerInformation {margin: 0px 0px 0px 10px}
HerstellerNameLabel { color: #984716; font-weight:bold ;  font-size:400%; font-weight:bold ;margin: 7px 0 5px; }

ProductLinesTable {}
 
 
ProductLine {}
ProductLineLabel { font-size:100%; font-weight:bold ; margin: 7px 0 5px; }
ProductLinkList {}

ProductHyperLink {}