/** Override default (webbrowser) dl margin settings */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image 


{ 
margin:0px;
}

body 
{
background-color: #DCCFC3;
}




/* CSS Document */

body, div, td, th, span, p, h2, h3, li, a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}


/********** LEFT MENU ***********/


#submenu_bg
{
height: 100%;
width: 160px;
background-image: url('../image/menubg.gif');
background-repeat: repeat-y;
width: 200px;
height: 100%;
}

/********** MAINWINDOW ***********/

#main 
{
weight: 359px;
}

/********** HEADER ***********/

#headpic
{
padding: 0px;
padding-left: 17px;
}

/********** RIGHT COL ***********/

#hoger
{
padding-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;


}

/********** FONT, LINK SETTINGS ***********/


img
{

padding-top: 10px;
}



p, content, div, input, label, submit 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10px;
letter-spacing: 0px;
font-weight:normal;
margin-top:0px;

}

p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 0px;
padding-right: 10px;
line-height: 15px;
}

h1
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size: 16px;
padding-left: 0px;
padding-right: 10px;
color: #959DA1;
}


a 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #666666;
font-size: 11px;
line-height: 19px;
}


a:Hover 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #cccccc;
font-size: 10px;
}



/********** FOOTER ***********/

#footer 
{
color:#000000;	
padding-left:17px;
padding-right:17px;
line-height: 15px;
background-color: #ffffff;
background-repeat: no-repeat;
height: 23px;
weight: 905px;
padding-top: 10px;
border-top: 1px dotted #000000;
}


/********** MENU LEVEL 1 ***********/

#menu_lvl1 
{
background-color: #FFFFFF;
border-bottom: 0px solid #000000;
}

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

#menu_lvl1 a
{
color: #666666;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: normal;
border:0px;	
}


/********** MENU LEVEL 2 ***********/

#menu_lvl2 
{

border-bottom: 1px dotted #000000;	
}

#menu_lvl2Content 
{
border-top: 1px solid #000000;

height: 100%;
padding-left:8px;
height: 25px;
	
}

#menu_lvl2 a 
{
line-height: 23px;
word-spacing: 2px;
padding-left: 9px;
padding-right: 8px;
height:25px;
border:0px;	
}

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

#menu_lvl1 a:Hover,
#menu_lvl1 a.selected,
#menu_lvl2 a:Hover,
#menu_lvl2 a.selected
#menu_lvl3 a:Hover,
#menu_lvl3 a.selected
{
color:#CCCCCC;
border:0px;	

}


/********** MENU LEVEL 3 ***********/


#menu_lvl3 
{
color: #000000;
height: auto;
height: 100%;
border-right: 1px dotted #000000;
width: 133px;	
text-align: left;

list-style: none;
}


#menu_lvl3Content 
{
padding-top:10px;
padding-left:17px;
}

#menu_lvl3 a 
{
color: #666666;
text-decoration: none;
text-transform: none;
font-size: 10px;
font-weight: normal;
border:0px;	
line-height: 20px;

}

#menu_lvl3 a:Hover
{
color: #cccccc;
text-decoration: none;
text-transform: none;
font-size: 10px;
font-weight: normal;
border:0px;	
line-height: 20px;
}


/********** RIGHT, LEFT COLUM AND PRODUKT ***********/

#starttext {
padding-top: 10px;
padding-left: 17px;
}


#tabell2 
{
border: 1px solid #000000;
background-color:#ffffff;

}

#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:black;
}

.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;
}




/********** LANGUAGE SELECTOR ***********/


#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:#A6ADB0;
}

#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;
}

/********** MAILFORM ***********/


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 
{
list-style: none;
margin: 0;
padding: 0;
border: none;

}

.topmenul1, .topmenul2 
{
list-style:none;				/* Default styles for all menu's */
margin:0px;
padding:0px 0px;
}

.topmenul1 li 
{

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 */
}

								/* First level colors for link tags */

.topmenul1 a 
{
						/*	color:black;*/
padding-left: 7px;
color: #999999;							/*	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 */

}

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


								/* Start second level and lower menu's */
.topmenul1 .topmenul2 
{
display:none;				
position:absolute;				/* We position absolute (relative to l1) */
width:85px;			        	/* Default width for sub-menu's */
border:1px solid #000000;		/* Border around the sub-menu's */
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:white;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 
{
left:100px;						/* Move away from second level menu for second level and lower */
top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
}

.topmenul1 .topmenul2 li 
{
/*padding:2px 0px;*/  			/* Controls the height per menu item on second level and lower */
border-bottom:1px solid #959DA1;		
background-color:#fff; 
width:100%;
}

.topmenul1 .topmenul2 a 
{
	border:none;				/* no border, remove the style from level1 a tags */
	display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
/*	padding:0px 4px; */
	line-height: 0px;
	padding:0px;
}

.topmenul1 .topmenul2 a:hover 
{								/* Needed for IE aswell */
border:none;
        						/* no border, remove the style from level1 a tags */
}

								/* Little arrows for the menus */
.topmenul1-ifsub,.topmenul2-ifsub 
{

background-position:top right;
background-repeat:no-repeat;
}

.topmenul2-ifsub 
{
background-image:url(../images/arrow-b-r.gif);
}


.topmenul1 .hoveratag 
{
								/*	background-color:white;*/ 		/* Hack in javascript, this will highlite teh a tag of the menu above */
								/*	border:1px solid black; */			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
								/* CSS Document */
}

/**** some small styling marking selected menu item **/
#menu_lvl1 .selectedmenu 
{
color:#5F5F5F;
}

#menu_lvl2 li a.selectedMenu 
{
background-image:url('../images/linkmark.gif');
background-repeat:no-repeat;

color:#5F5F5F;
float:left;
height: 23px; 					/*To avoid selected text's box to cover bottom line. Why?*/
}

#singlenews h1 
{
margin:0px;
}

#singlenews h3
{
line-height:1.1em;
text-transform:none;
font-size:10px;
margin:0px;
}