@charset "utf-8";

/*   Including stylesheets in this manner keeps the extension-specific styles seperate, minimising and optimising this   */
/*   stylesheet, which should only contain styling for the site in general, and not any extension-specific styling.      */

/* Include "tt_news" extension styling */
@import url("tt_news.css");

/* Include "sr_email_subscribe" extension styling */
@import url("sremailsubscribe.css");

/* Include "sr_email_subscribe" extension styling */
@import url("tx_indexedsearch.css");

/* Include "tip_a_friend" extension styling */
@import url("tip_a_friend.css");

/* Include "cc_vscroller" extension styling */
/*@import url("tx-ccvscroller.css");*/


@import url("tx_customerreferences.css");

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/********************************************** BEGIN -- Setup of basic GLOBAL elements -- BEGIN  **************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

body { 
	background : center url(../images/bg_body.png) no-repeat #ffcb05;
	padding : 0;
	margin : 20px 0 0 0;
	font-family: "lucida sans unicode", "lucida sans", helvetica, sans-serif;
	font-size : 80%;
/*	font-size : 100%;*/
}

* html body {
	background-position : center 120px;
}

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

h1, h2, h3, h4, h5 {
	padding : 0 !important;
	font-weight : normal;
}

h1 {
	font-size : 1.7em;
	margin : 0 0 0.75em 0;
	line-height: 1.1em;
	text-transform : uppercase;
}

h2 {
	font-size : 1.4em;
	margin : 0 0 0.7em 0;
	line-height: 1.1em;
}

h3 {
	font-size : 1.3em;
	margin : 0 0 0.65em 0;
	line-height: 1.1em;
}

h4 {
	font-size : 1.2em;
	margin : 0 0 0.6em 0;
	line-height: 1.1em;
}

h5 {
	font-size : 1.1em;
	margin : 0 0 0.55em 0;
	line-height: 1.1em;
}

a:link {
	color : #666;
	text-decoration:none;
}

a:visited {
	color : #666;
	text-decoration:none;
}

a:hover {
	color : #666;
	text-decoration : underline;
}

input, textarea {
	background : #eee;
	color : #3a3a3a;
	border-top : 1px solid #9d9da1;
	border-left : 1px solid #9d9da1;
	border-right : 1px solid white;
	border-bottom : 1px solid white;
}

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/***********************************************  END -- Setup of basic GLOBAL elements -- END  ****************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/**************************************************  BEGIN -- Setup of link styles -- BEGIN  *******************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

#content_menu ul a:link {
	color : #666;
	text-decoration:none;
}

#content_menu ul a:visited {
	color : #666;
	text-decoration:none;
}

#content_menu ul a:hover, #content_sub_menu ul a:hover {
	color : white;
	text-decoration : none;
}

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/*****************************************************  END -- Setup of link styles -- END  ********************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/******************************************  BEGIN -- Setup of CONTAINER stuctural elements -- BEGIN  **********************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

#container_all {
	width : 1000px;
	background : white;
	padding : 0;
	margin : auto;
}

#container_top {
	width : 1000px;
	height : 100px;
	background : #ffcb05;
	padding : 0;
	margin : 0;
}

#container_main {
	width : 1000px;
	padding : 0;
	margin : 0;
}

#container_main_inner {
	width : 1000px;	
	margin-right : auto;
	margin-left : auto;
	padding : 0;
}

#container_footer {
	width : 1000px;
	height : 100px;
	background : top center url(../images/bg_container_footer.png) no-repeat #ffcb05;
	margin : 0 auto 0 auto;
}

#container_three_columns {
	width : 960px;
	margin : 0 0 20px 20px;
}


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/********************************************  END -- Setup of CONTAINER stuctural elements -- END  ************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/*******************************************  BEGIN -- Setup of CONTENT stuctural elements -- BEGIN  ***********************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

#content_menu {
	position:inherit;
	margin : 19px 0 0 0;
	float : left;
	width : auto;
}

* html #content_menu {
	width : 550px;
	display : inline;
}


#content_search_bar {
	margin : 18px 0 0 0;
	float : left;
	width : 150px;
	height : 38px;
	text-align : right;
}

#content_logo {
	float : right;
}

#content_main_top, #content_accordions {
	width : 1000px;
	height : 198px;
/*	background : #ffcb05 left bottom url(../images/flash_placeholder.png) no-repeat;*/
	background : #4e4d4e;
	padding : 0;
	margin : 0;
	overflow : hidden;
}

#content_accordions {
	visibility : hidden;
}

#content_main_top_left {
	width : 830px;
	height : 198px;
	background : #4e4d4e;
	padding : 0;
	margin : 0;
	float : left;
	overflow : hidden;
}

#content_main_top_right {
	width : 170px;
	height : 198px;
/*	background : #4e4d4e;*/
	background : #404040;
	padding : 0;
	margin : 0;
	float : right;
	overflow : hidden;
/*	visibility : hidden;*/
}

#main_top_shadow {
	background : white url(../images/bg_main_top_shadow.png) no-repeat;
	width  : 1000px;
	height : 8px;
}


#content_breadcrumb {
	width : 950px;
	margin : 0 0 0 20px;
}

#content_column_left {
	width : 184px;
	float : left;
	overflow : hidden;
}

#content_column_center_narrow {
	width : 374px;
	float : left;
	margin-left : 19px;
	overflow : hidden;
}
#content_column_center_holder {
	width : 574px;
	float : left;
	overflow : hidden;
}

#content_column_center_wide {
	width : 555px;
	margin-left : 19px;
	float : left;
	overflow : hidden;
}

#content_column_center_fb {
	width : 555px;
	height:50px;
	margin-left : 19px;
	float : left;
	overflow : hidden;
}

#content_column_right_wide {
	width : 364px;
	float : right;
	overflow : hidden;
}

#content_column_right_narrow {
	width : 184px;
	float : right;
	overflow : hidden;
}


#content_footer {
	padding : 0;
	margin : 30px 0 40px 0;	
	/* The float is needed to force this div outside of the document flow */
	float : left;
	width : 1000px;
}

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/*********************************************  END -- Setup of CONTENT stuctural elements -- END  *************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/******************************************************  BEGIN -- Setup of MENU -- BEGIN  **********************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

#content_menu ul {
	list-style: none;
	margin : 0;
	padding : 0;
	font-size : 1em;
	height : 36px;
	display : block;
	text-transform : uppercase;
}

/*---------- This is a "first-child" hack for IE6, which does not natively support the first-child pseudo-class. ---------------*/
/*---------- It uses IE6 proprietary "expression" CSS function to add the class "first-child" to the selected ------------------*/
/*---------- element (* html #topmenu ul li) which is then styled with the following expression  -------------------------------*/
/* * html #content_menu ul li { color : expression( ( function(who) { if(!who.NYBROE) { who.NYBROE = '1'; (who==who.parentNode.firstChild) ? who.className += ' IE6first-child' : '' ; } } )(this) , 'auto') }*/

#content_menu ul li:first-child, #content_menu ul li.IE6first-child {
	background-image : none;
}

#content_menu li {
	display : block;
	float : left;
	padding : 8px 18px 2px 0;
	height : 26px;
}

#content_menu ul li.act_menu {
	color : white;
}

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/********************************************************  END -- Setup of MENU -- END  ************************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/*************************************************  BEGIN -- Setup of sub-menu elements -- BEGIN  **************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

#content_sub_menu {
	position : absolute;
	top : 0;
	left : 0;
	background:#ffcb05;
	height : 20px;
	width : 600px;
	visibility : hidden;
	overflow : hidden;
	display: block;

}

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

#content_sub_menu ul li {
	display : inline;
	padding : 0;
	margin : 0 20px 0 0;
	text-transform : uppercase;
	font-size : 90%;
	color : white;
	display: block;

}

#sub_menu_overlay {
	padding : 0;
	margin : 0;
	visibility : hidden;
}

/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/***************************************************  END -- Setup of sub-menu elements -- END  ****************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/******************************************************  BEGIN -- Setup of FCEs -- BEGIN  **********************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/* FCEs Wide & Narrow, including common properties */

.fce_narrow, .fce_wide {
	width:184px;
/*	background : white;*/
	font-size:0.9em;
}

.fce_top_narrow, .fce_top_wide {
	width : 184px;
	height : 26px;
/*	color : #ccc;*/
	font-size : 1.2em;
/*	background : url(../images/bg_fce_narrow_top.gif) no-repeat white;*/
}


.fce_content_narrow, .fce_content_wide {
/*	background : url(../images/bg_fce_gradient.gif) bottom repeat-x;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;*/
	padding : 10px 0px 1px 0px;
}

/* This is a common element between the narrow and wide FCEs*/ 
.fce_headline {
	padding : 6px 0 0 0px !important;
	font-size : 1.2em;
	border-bottom : 1px dotted silver;
}


/* FCE Wide specific */

.fce_wide {
	width:364px;
}

.fce_top_wide {
	width:364px;
/*	background : url(../images/bg_fce_wide_top.gif) no-repeat;*/
}

.fce_content_wide {
/*	background : url(../images/bg_fce_gradient.gif) bottom repeat-x;*/
}

* html .fce_content_wide {
	/* WEIRD IE6 bug... It adds 9 pixels of margin (that I guess it iherits from the padding value) that can't be removed by setting margin to 0. */
/*	margin-bottom : -9px;*/
}


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/*************************************************************  END -- Setup of FCEs -- END  *******************************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/


/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/****************************************************  BEGIN -- Setup of individual elements -- BEGIN  *********************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

/* On all pages, top right */
#content_logo h1 {
	display : none;
}

#content_logo a img {
	border : none;	
}

/* On all pages beneath the "top content" */
#content_breadcrumb p {
	padding : 7px 0 5px 0;
	margin : 0;
	font-size : 0.8em;
}

/* On all pages, very bottom of page */
#content_footer p {
	color : #666;
	text-transform : uppercase;
	font-size : 0.9em;
	text-align : center;
}

/* The input text box at the right end of the menu bar at the top of each page */
#content_search_bar input.site_search{
	font-size: 0.8em;
	background : #ffdc57;
	width : 7em;
	margin : 11px 0 0 28px;
}

/* The submit button at the right end of the menu bar at the top of each page */
#content_search_bar img.search_submit{
	width : 38px;
	height : 18px;
	margin : 10px 0 0 0;
}

/* In some cases, it's not possible to specify a particular list for styling without affecting them all */
/* Therefore, it was necessary to create an FCE specifically for CSS specification purposes */
.list_gul_pil ul {
	list-style-image : url(../images/gulpil.gif); 
	padding : 0;
	margin : 0 0 0 25px;
}

.list_gul_pil li {
	padding : 0 0 0 5px; 
	margin : 0 0 10px 0; 
}

#fce_tip_en_ven img {
	float : left;
	margin : 0 20px 0 0;
}

#search_go_button {
	float : right;
}

#scroller_faded_overlay {
	visibility : hidden;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 99;
}

#content_column_center_wide .tx-sremailsubscribe-pi1 {
	width : auto;
}




/*------------ to kolonner fce ---------------*/


.to_kolonner{
	width: 550px;
	float:left;
	text-align:left;
	color:#333333;
	margin:0px;
	padding:0px;
	}
	
.to_kolonner_left{
	width: 275px;
	float:left;
	text-align:center;
	color:#333333;
	margin:0px;
	padding:0px;
	}
	
.to_kolonner_right{
	width: 275px;
	float:left;
	text-align:center;
	margin:0px;
	padding:0px;
	}
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/******************************************************  END -- Setup of individual elements -- END  ***********************************************/
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/

#container_skilte_komp .content_skilte_komp {
	padding-top : 20px;
}

#container_skilte_komp .content_skilte_komp div.skilte_image {
	float : left;
	margin-right : 20px;
}

#container_skilte_komp .content_skilte_komp h3 {
	font-size : 97%;
}

/* MAILFORM */


.csc-mailform {
	border: none;
}
.csc-mailform {
	float: left;
	display: block;
	width: 550px;
}


label { position: absolute; text-align:right; width:240px; clear:both; font-size : 13px; }
input, textarea { margin-left: 250px; }
label.check, label.radio { position:relative; text-align:left; }
select { margin-left: 250px; }


#content_footer ul  {
    width: 980px;
    margin: 0px;
    padding: 10px;
    display: inline-block;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
}


#content_footer  ul li {
    display: block;
    white-space: normal;
    width:140px;
    float:left;
    padding: 0px;
    margin: 0px;
}

#content_footer  ul li ul {
    display: block;
    white-space: normal;
    width:140px;
    float:left;
    padding: 0px;
    margin: 0px;
    font-size:9px;
    font-family:Arial, Helvetica, sans-serif;
}

#content_footer ul li a {
    padding: 0;
    display: block;
    margin-bottom: 4px;
}


#content_footer a:link, #Footer_Menu a:visited { color: #999999; 	text-decoration:none; }
#content_footer a:hover { color: #666666;	text-decoration:none; }



/* dropdown */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.4em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: auto;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* linear */

ul.dropdown {
	width : 550px;
}

	ul.dropdown li {
	 border: none;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 color: #000;
	}

	ul.dropdown ul {
	width : 800px;
	 margin-top: 0;
	}

		ul.dropdown ul li {
		}

		ul.dropdown ul li.hover {
		 margin: 0;
		 border: none;
		}


ul.dropdown ul *.dir {
 padding-right: 7px;
 background-image: none;
}


.csc-textpic-caption{
	text-align:center;
		}
		
		

/* Zmenu - Fold out menu*/	

	#menuz {
	width: 184px; 
	font: normal 12px/13px Arial, Helvetica, sans-serif;
	}
	
	#menuz ul {
	list-style: none; 
	margin: 0px; 
	padding: 0px;
	}

	#menuz ul ul {
	display:none;
	}

	#menuz A.no, #menuz A.act {
	color: #000000;
	text-decoration: none;
	}

	#menuz A.act, #menuz A.act:hover { 
	color:#FFFFFF;
	background: #ffcb05;
	}

	#menuz {
	border-top:1px solid #e9e9e9;
	}

	#menuz A {
	display:block; 
	border-bottom:1px solid #e9e9e9; 
	padding: 5px 7px 5px 7px;}

	#menuz UL IMG {margin:2px 3px 2px 0px;}

	#menuz UL UL IMG {margin-left:6px;}

	#menuz UL UL UL IMG {margin-left:12px;}

	#menuz UL A {background: #ffffff;}

	#menuz UL A:hover {background: #f5f5f5;}

	#menuz UL LI UL A {background: #e4eefa;}

	#menuz UL LI UL A:hover {background: #f5f5f5;}

	#menuz UL LI UL LI UL A {background: #f5f5f5;}

	#menuz UL LI UL LI UL A:hover {background: #e4eefa;}

	#menuz UL LI UL LI UL LI UL A {background: #ffffff;}

	#menuz UL LI UL LI UL LI UL A:hover {background: #ffcb05;}
	
/* .hitten{ 
	padding: 0px !important; 
	margin: 0px !important; 
	display:none; 
	}*/
	
.comtool-employee-overview-item{
	border:1px solid #e9e9e9;
	margin-bottom: 10px;
	padding: 10px;
	}
	
.tx-guestbook-field{
}

fieldset{
margin: 0;
padding: 0;
}

.tx-guestbook-field input, textarea {
margin-left:100px;
}

.tx-guestbook-field label {
text-align:left;
}
