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

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

/****** BROWSERSCROLL *********/
html 
{
	overflow: -moz-scrollbars-vertical;
}


#botten {
height: 5px;
}

#topwrapper {
padding-bottom: 15px;
}
#content {
padding: 10px;
padding-top: 0px;
}
.tx-slideshow_pi1 {
float: right;
}
#language a{
float: left;
padding-top: 10px;
border-top: 1px solid #939393;
}

#wrapper {
border: 1px solid #939393;
}

#logon{
float: right;
padding-bottom: 5px;
}
#news { 
width: 250px;
height: 100%;
float: left;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
#designtext { 
width: 350px;
float: left;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
#designtext h1 {
font-size: 15px;
}
#sagaformtext{
float: left;
padding-top: 50px;
}


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

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

a {
	text-decoration: none;
	color: #6D5D5D;
	border-bottom:1px solid #fff;
}
a:Hover {
	text-decoration: none;
	color: #2D2D2D;
	border-bottom:1px dashed #615050;
}
#menu {
border-top: 1px solid #939393;
float: left;
width: 698px;
}

#menu_lvl1 {
padding-top: 5px;
padding-bottom: 5px;
	background-color: #FFFFFF;
	

}

#menu_lvl1 a{

	padding-left: 11px;
	padding-right: 11px;
	line-height: 28px;	
	vertical-align: middle;
	border:0px;
}

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

#menu_lvl2 {
}

#menu_lvl2Content {
	color: #A6ADB0;
	background-color: black;
	padding-left:8px;
	height: 25px;
	border-bottom: 1px solid #959DA1;		
}
#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: white;
	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
{
	color:#d1d1d1;
	border:0px;	
}

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


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

#footer {
	color:#A6ADB0;
	border-top: 1px solid #959DA1;	
	/*line-height: 21px;*/
	padding-left:0px;
	padding-right:17px;
        line-height: 28px;
}

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


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 {
	
}
.topmenul1, .topmenul2 {
	list-style:none;			/* Default styles for all menu's */
	margin:0px;
	padding:0px 0px;
}

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


	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: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:85px;			        /* Default width for sub-menu's */
	border:1px solid #959DA1;			/* 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;		/* little color seperator */
	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-image:url(../images/arrow-b-d.gif);
	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 {
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;
}
.news-single-item {
padding: 15px;

}
.news-single-item h3 {
font-size: 10px;
width: 500px;
font-weight: bold;
}
.news-single-item hr {
height: 0.5px;
border: 0.5px solid;
}
.csc-firstHeader, h1 {
font-weight: bold;
font-size: 11px;
}
.news-single-img {
float: right;
padding-left: 10px;
}
.news-single-item .bodytext {
width: 500px;
}
.news-list-item img {
float: right;
}
.tx-slideshow-pi1 {
float: left;
padding-left: 5px;
padding-bottom: 10px;
}
.news-list-container {
border-right: 1px dotted;
padding-right: 5px;
}
.clearer {
border-bottom: 1px;
height: 1px;
}
.news-latest-container {
border-right: 1px dotted;
padding-right: 5px;
}
.news-latest-item img{
float: right;
} 
.news-latest-item h3 a{
font-weight: bold;
}
.news-latest-container h2 {
color: #2D2D2D;
font-weight: bold;
font-size: 12px;
border-bottom: dotted 1px #2D2D2D;
padding-bottom: 2px;

}

.tx-pbsurvey-pi1 div {margin-bottom: 10px;}
		.tx-pbsurvey-pi1 .pagenumbering {font-size: 60%; position: relative; height: 15px;}
		.tx-pbsurvey-pi1 .barcontainer {background-color: #FFFFFF; border: 1px solid #000000; width: 100px; height: 15px; position: absolute; z-index: 6; right: 0px;}
		.tx-pbsurvey-pi1 .bar {background-color: #CCCCFF; height: 15px; z-index: 4; position: absolute; left: 0px;}
		.tx-pbsurvey-pi1 .bartext {z-index: 5; text-align: center; position: absolute; left: 0px; width: 100px; height: 15px;}
		.tx-pbsurvey-pi1 .pageHeader {font-size: 150%; font-weight: bold; color: #003399;}
		.tx-pbsurvey-pi1 .pageIntroduction {}
		.tx-pbsurvey-pi1 .survey_item {margin-top: 20px; margin-bottom: 20px; line-height: 20px;}
		.tx-pbsurvey-pi1 .itemform {}
		.tx-pbsurvey-pi1 .question {font-size: 12px; font-weight: bold; color: Orange;}

		.tx-pbsurvey-pi1 .questionNumber {font-size: 12px; font-weight: bold; padding-right: 5px; color: Orange;}}
		.tx-pbsurvey-pi1 .questionSubtext {font-size: 80%; line-height: 20px;}
		.tx-pbsurvey-pi1 .required {color: #FF0000; vertical-align: super;}
		.tx-pbsurvey-pi1 .survey_error {color: #FF0000;}
		.tx-pbsurvey-pi1 .additional_ver {margin-left: 20px;}
		.tx-pbsurvey-pi1 .matrix {width: 100%;}
		.tx-pbsurvey-pi1 .matrix .surveyrow_even {background-color: #CCCCFF;}
		.tx-pbsurvey-pi1 .matrix .columnFirst {font-weight: bold; text-align: left;height: 20px;}
		.tx-pbsurvey-pi1 .matrix .columnNext {text-align: center;font-weight:bold;}