/** Override default (webbrowser) dl margin settings */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { 
margin:0px;
}


/* CSS Document */
body { background-color:#000; }
body, div, td, th, span, p, h1, h2, h3, li {
	color: #fff;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

#logorow {
	width:750px; 
	text-align:left;
        margin-bottom: 6px;
	margin-top: 80px;
}
#page {
	width:750px;
	border: 1px solid #8B8B8B;
}

	
p, content, div, a, input, label, submit {
	color: #fff;
	font-size: 10px;
	letter-spacing: 0px;
	font-weight:normal;
	margin-top:0px;
}

a {
	text-decoration: none;
	color: #fff;
	border-bottom:1px solid #000;
}
a:Hover {
	text-decoration: none;
	color: #f1f1f1;
	border-bottom:1px dashed #333;
}


#menu_lvl1 {
	background-color: #000;
	border-bottom: 1px solid #8B8B8B;
	font-weight: bold;
}

#menu_lvl1 a{
	padding-left: 17px;
	padding-right: 17px;
	line-height: 28px;	
	vertical-align: middle;
	border:0px;
}

h1, #menu_lvl1 a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	border:0px;	
}

#menu_lvl2 {
}

#menu_lvl2Content {
	color: #fff;
	background-color: #000;
	padding-left:8px;
	height: 25px;
	border-bottom: 1px solid #8B8B8B;		
}
#menu_lvl2 a {
	line-height: 23px;
	word-spacing: 2px;
	padding-left: 9px;
	padding-right: 8px;
	height:25px;
	border:0px;	
}

h2, #menu_lvl2 a, #footer{
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
}

#menu_lvl1 a:Hover,
#menu_lvl1 a.selectedMenu,
#menu_lvl2 a:Hover,
#menu_lvl2 a.selectedMenu
{
	color:#8B8B8B;
	border:0px;	
}

#contentBlock {
/*	overflow: hidden;
	display:block;*/	
}
#leftColumn {
	float:left; 
	z-index:4;
	/*
	background-color:white;
	filter: alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.40;*/
  height:418px !important;
  overflow:hidden;
}
#leftColumn p {
}

#content {
	height:418px;	
	overflow:visible;
}

#left, #leftFlowable {
	float:left;	
	padding-top: 150px;
	padding-left: 45px;
	width:315px !important;
	width:374px;
	/*display:inline;*/
}
#left { /* left column with fixed height */
	height:268px !important;
	height:418px; /* reset height for IE, above padding is counted into height for MOZ.. */	
	overflow:hidden;
}
#right, #rightFlowable {
	width:374px;
	position:relative;
	float:right;
	overflow:hidden;
}
#right { /* right column with fixed height */
	height:418px !important;
	overflow:hidden;
}

#rightContent{
	width: 334px;
	height: 418px;
	position: absolute;
        float: right;
        right: 45px;
}

#indexProductImage
{
	position: absolute;
	top: 85px;
	right: 0px;
}

#indexProductTitle{
	padding-top: 50px;
	position: absolute;
	right: 0px;
	text-align: right;
	z-index: 500;
}

/*******Begin adjusting produkt color samples****/
#productOptions, #colorSamples {
	display: block;
	margin-bottom:15px;
	padding-right: 45px;
	float: right;
        margin-left: 0px;
        padding-left: 0px;
}

#colorSamples ul{
	list-style-type: none;
	clear: both;
}

#colorSamples li{
	float: right;
        padding-left: 31px !important;
	padding-left: 42px;
	text-align: center;
	line-height: 25px;
}

#colorSamples img{
	display: block;
	height: 46px;
	width: 132px;
}

/*******End adjusting produkt color samples****/

H1, H2 {
	margin-bottom:2px;
}

.specialH1, #colorSamples li{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 0px;
}
.bigText {
	font-size: 20px;
        font-weight: lighter;
}

.highlightedLink {
	text-decoration: none;
	padding-top:3px;
	color:#fff;
}
.highlightedLink:Hover {
	color:gray;
}
.highlightedLink:Before {
content: "> ";
}

/*
H3{
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
}
*/

.smallHeader{ /*same as H# with no line break*/
	font-size: 8px;
	font-weight: normal;
	text-transform: uppercase;
}

#footer {
	color:#fff;	
	/*line-height: 21px;*/
	padding-left:0px;
	padding-right:17px;
        line-height: 28px;
    background-color:#000;
}

#languageSelector {
	float:left;
	position:relative;
	display:inline;
	/*width:370px;*/
	text-align:left;
}

#languageSelector a {
	height:100%;
	/*padding-left:3px;
	padding-right:3px;*/
        /*firefox need this to make the hovering fill the whole div-height*/
        padding-top: 7px !important;
        padding-bottom: 7px !important;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 5px;
        padding-left: 17px;
        font-size: 10px;
        color:#fff;
}

#languageSelector a:Hover {
	height:100%;
	text-decoration:none;
        border: none;
	background-color:#F0F0F0;
}

#copyText {
	float:right;
	position:relative;
	display:inline;
	/*width:370px;*/
	text-align:right;	
}

img{
	border:0px;
}

.contenttable thead td p.bodytext
{
font-weight:bold;
}

#left .contenttable td
{
padding-right: 5px;
}

#left .contenttable td
{
vertical-align: top;
}

#left .contenttable
{width: 318px;
}

div.csc-mailform-field label{
	width:90px !important;
	width:105px; /*Needed as IE needs more space f�r form fields and this is not optimal*/
	float: left;
	text-align: left;
	padding-right: 5px;
	padding-top:4px;
	vertical-align: bottom;
}

.csc-mailform-field input{ 
	width:200px;
	margin-bottom: 5px;
	/*border: 0px;
	border-bottom: 1px solid silver;*/
}

/*Submit-button*/
#mailformformtype_mail {
	width:100px;
	height:20px;
	border:1px solid silver;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	background-color:#f1f1f1;
	margin-left:95px !important;
	margin-left:110px;
	margin-top:10px;
}

fieldset{
	margin-left: 0px;
        margin-top: 20px;
        border: 0px;
        padding: 0px;
}

/********** DYNAMIC DROP DOWN MENU (menu level2-> ) ***/
/* original menu and menuscript from 
 * http://www.rvantwisk.nl/typo3-snippets/yacbddm-yet-another-css-based-drop-down-menu-for-typo3.html 
 ****/
#dropdown {
	background-color: #000;
}
.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
}

.topmenul1 li {
/*	background-color: #E79518; */

	background-color: #000;
	padding:1px 0px;
	float:left;				/* First level menu's needs to float left */
	position:relative;	
/* Relative positiong because lower level menu's needs to be absolute */
}

.topmenul2 li {
display:block; 
width: 143px; 
border-bottom:1px solid #333;
background:#111;
}

/* First level colors for link tags */
.topmenul1 a {
/*	color:black;*/
/*	padding:0px 15px 0px 5px; */		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
/*	border:1px solid #E79518; */ 		/* Same as BG color so total width is always the same */
	border:0px;
}

.topmenul1 a:hover {
/*	background-color:#fff;*/ 		/* On hover for a alements, */
/*	border:1px solid black; */
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
	display:none;				
	position:absolute;			/* We position absolute (relative to l1) */
	width:145px;			        /* Default width for sub-menu's */
	border:1px solid #333;			/* Border around the sub-menu's */
	border-top: 1px solid #8B8B8B;
	z-index:200;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
	left:0px;				/* Left to 0 and for IE we move one extra pixel down */	
	top:25px !important;
	top:27px;
	background-color:#221E1F;
}/** Override default (webbrowser) dl margin settings */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { 
margin:0px;
}