/* Tag cloud */
.font1 { font-size:1em}
.font2 { font-size:1.1em}
.font3 { font-size:1.2em}
.font4 { font-size:1.3em}
.font5 { font-size:1.5em}
.font6 { font-size:1.6em}
.bold {font-weight:bold;}
.italic { font-style:italic;}
.colorRed {color:#00acec;}

.startpagebottom
{
    float: left;
    width: 980px;
    margin-top: 20px;
    background: url(/images/bg-startpagebottom.jpg) no-repeat;
}
.startpagebottomleft
{
    float: left;
    width: 331px;
    max-width: 301px;
    padding: 45px 0px 0px 30px;
}
.startpagebottommiddle
{
    float: left;
    width: 298px;
    padding: 45px 0px 0px 10px;
}
.startpagebottomright
{
    float: left;
    width: 300px;
    padding: 45px 0px 0px 11px;
}
/*Job openings*/
.joblistdiv
{
    float: left;
    width: 100%;
    padding: 10px 0px 15px 0px;
    border-bottom: solid 1px #00af97;
    margin-bottom: 10px;
}
.joblisttext
{
    float: left;
    width: 100%;
}
.joblistplace
{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.joblistplacetext
{
    font-weight: bold;
    color: #696969;
}
/*Top menu*/
#topmenucontrol
{
    float: left;
}
a.menuhead
{
    float: left;
	display: block;
	font-family: Verdana;
	font-size: 120%;
	color:#706d6d;
	text-transform:  uppercase;
	border-top: solid 4px #00acec;
	padding: 4px 4px 4px 4px;
	margin-right: 12px;
}
a.menuhead:hover
{
	color:#00acec;
	margin-right: 12px;
}
a.activemenuhead
{
    float: left;
	display: block;
	font-family:Verdana;
	font-size: 120%;
	color:#ffffff;
	text-transform:  uppercase;
	border-top: solid 4px #00acec;
	background-color: #00acec;
	padding: 4px 4px 4px 4px;
	margin-right: 12px;
}
a.activemenuhead:hover
{

	background-color: #00acec;
	margin-right: 12px;
}
/********* Sub menu **********/
#submenu
{
    float: left;
	width: 293px;
	border-top: solid 4px #00acec;
	margin-bottom: 20px;
}
.SubMenuTopLevel
{
    float: left;
	width: 253px;
	margin: 0px 10px 0px 10px;
	padding: 5px 10px 5px 10px;
	border-bottom: solid 1px #e7e4e2;
}
.SubMenuTopLevelSelected
{
    float: left;
	width: 263px;
	padding: 5px 10px 5px 20px;
	border-bottom: solid 1px #e7e4e2;
	background-color: #00acec;
}
.SubMenuTopLevelExpanded
{
    float: left;
	width: 253px;
	margin: 0px 10px 0px 10px;
	padding: 5px 10px 5px 10px;
	background-color: #f5f5f5;
}
.SubMenuItem
{
    float: left;
    margin: 0px 10px 0px 10px;
	padding: 3px 20px 3px 0px;
	border-bottom: solid 1px #e7e4e2;
	background-color: #f9f9f9;
}
.SubMenuItemSelected
{
    float: left;
	padding: 5px 20px 5px 0px;
	border-bottom: solid 1px #e7e4e2;
	background-color: #00acec;
}
.SubMenuItemExpanded
{
    float: left;
    margin: 0px 10px 0px 10px;
	padding: 3px 20px 3px 0px;
	background-color: #f5f5f5;
}
a.topmenulink
{
	color: #777777;
	text-decoration: none;
}
a.topmenulink:hover
{
	color: #00acec;
	text-decoration: none;
}
a.topmenulinkactive
{
    font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
a.topmenulinkexpanded
{
    font-weight: bold;
	color: #777777;
	text-decoration: none;
	text-transform: uppercase;
}
a.menulink
{
    font-size: 85%;
	color: #777777;
	text-decoration: none;
}
a.menulink:hover
{
    font-size: 85%;
	color: #00acec;
	text-decoration: none;
}
a.menulinkactive
{
    font-size: 85%;
    font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
}
a.menulinkexpanded
{
    font-size: 85%;
    font-weight: bold;
	color: #777777;
	text-decoration: none;
	text-transform: uppercase;
}
/* Rssicon */
.rssicon
{
    float: left;
    padding: 16px 0px 0px 15px;
}
/**************************************************
/*Xform
/*************************************************/
.xForm
{
    float: left;
    width: 360px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #f2f2f2;
}
.xformheading
{
    float: left;
    width: 357px;
    font-family: Verdana, Georgia, Times New Roman;
    font-size: 220%;
    line-height: 100%;
    color: #ffffff;
    padding: 10px 10px 10px 15px;
    margin-top: 15px;
    background-color: #00acec;
}
.xformButton
{
    float: right;
    margin-top: 60px;
	color: #ffffff;
    background-color: #00acec;
    border: solid 1px #00acec;
}
.jobbtext{padding-right:10px;margin-bottom:2px;}
.jobbtextbox{width:245px;}
.formtext{padding-right:10px;}
.formtextbox{width:200px;}
.regtextbox{width:200px;}

/* Puffar */
.box
{
	width:300px;
	float:left;
	text-align:left;
}
.box_title{
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 0px;
	height:25px;
	border-bottom: 1px solid #000;}

.box_title h3{
	float: left;
	padding: 0px 30px 6px 0px;
	border-bottom: 2px solid #000;}

.puffbox
{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
div.topleftfloatingimage
{
    float: left;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
}
/* Pagelisting */
.pagelistheader
{
    float: left;
    width: 97%;
    font-family: Verdana, Georgia, Times New Roman;
    font-size: 220%;
    line-height: 100%;
    color: #ffffff;
    padding: 10px 0px 10px 3%;
    background-color: #00acec;
    background-image: url(/images/bigarrow.gif);
    background-position: right center;
    background-repeat: no-repeat;
}
.pagelistrow
{
    float: left;
    width: 99%;
    padding: 10px 0px 15px 1%;
    border-top: solid 1px #ccc;
}
.pagelistdate
{
    font-family: Verdana, Georgia, Times New Roman;
    font-size: 90%;
    color: #333;
    font-weight:bold;
}
.pagelistlink
{
    font-family: Verdana, Georgia, Times New Roman;
    font-size: 90%;
    color: #777777;
}
/* Newslist */
.newslistdiv
{
    float: left;
    width: 100%;
    padding: 10px 0px 15px 0px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}
/* StartPageNewslist */
.newslistfirstrow
{
    float: left;
    width: 300px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 1px #e7e4e2;
    overflow: hidden;
}
.newslistrow
{
    float: left;
    width: 200px;
    margin-bottom: 15px;
}
.newslistsmallrow
{
    float: left;
    width: 200px;
    margin-left: 10px;
}

/* -- Quick search -- */
#searcharea
{
	float: left;
	margin-bottom: 15px;
}
input.quicksearchinput
{
	width: 242px;
}

/*--QuickBar*/
.quickBar 
{
	width:120px;
	margin-top:3px;
	margin-right: 0px;
}
/* Partner */
.partnerlistdiv
{
    float: left;
    width: 100%;
    padding: 10px 0px 15px 0px;
    border-bottom: solid 1px #00af97;
    margin-bottom: 15px;
}
.partnerlogodiv
{
    float: left;
    width: 200px;
    margin-right: 12px;
    overflow: hidden;
}
.partnerinfotextdiv
{
    float: left; 
    width: 355px;
}
/*------ Site map items ---*/
tr.sitemapheader
{
	font-weight:bold;
	padding: 0.4em 0.4em 0.4em 0.4em;
	color:#666;
}
.imgleftposition
{
	margin-right:15px;
	margin-bottom:7px;
	margin-bottom:10px;
	float:left;
}
.leftfloating{float: left;}
.rightfloating{float: right;}
.centered{text-align: center;}
.rightaligned{text-align: right;}
.leftaligned{text-align: left;}
.hidden
{
	display:none;
}
/* Google Map */
.mapoutherdiv
{
    float: left;
    width: 545px;
    padding: 10px;
    border: solid 1px #00af97;
    background-color: #f2f2f2;
    margin-bottom: 20px;
}
.mapdiv
{
   width: 545px;
   height: 300px;
}

/* Footer */
.footerbottom
{
	font-size:0.85em;
	line-height:20px;
}
.footerbottom a
{
	color:#fff;
	
	
}
.footerleft
{
    float: left;
    width: 293px;
    padding-right: 20px;
}
.footercenter
{
    float: left;
    width: 271px;
    padding: 0px 20px 0px 20px;
    border-right: solid 1px #ffffff; 
    border-left: solid 1px #ffffff;
}
.footerright
{
    float: left;
    width: 293px;
    padding-left: 20px;
}
.footerbottom
{
    float: left;
    width: 100%;
    font-size:1.1em;
}

/* From Egmont.com */
/*----------------------------------------Main nav in header*/
.main_nav{
	float: right;
	margin-top: 20px;
	width: 745px;}
	
.main_nav ul{
	float: right;
	margin: 0px 0px 0px 0px;
	list-style-type: none;}

.main_nav ul li{
	float: left;
	height: 32px;
	border-left: 1px solid #e5e5e5;}

.main_nav ul li a{
	font-family: Frutiger Cn, Arial, Verdana, Helvetica, sans-serif;
	float: left;
	font-size: 15px;
	color: #000;
	padding: 9px 39px 4px 9px;}
	
.main_nav ul li a.last_link{
	padding: 9px 4px 4px 10px;}
	
.main_nav ul li a:hover,
.main_nav ul li a.active{
	color: #000;
	border-bottom: 4px solid #00acec;
	text-decoration: none;}
	
/*Common */
.clear { clear:left;}

/*----------------------------------------Login in header*/
.login_wrapper{
	float: right;
	margin: 21px 0px 0px 0px;}
	
.login_inner{
	float: right;}

.login{
	float: left;
	padding: 0px 3px 12px 13px;}

.login input.txt_login{
	display: block;
	float: left;
	width: 174px;
	height: 15px;
	padding: 1px 0px 0px 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	/*color: #b9b9b9;*/
	color: #5e5e5e;
	background-color: #f9f9f9;
	border-top: 1px solid #565656;
	border-left: 1px solid #878787;
	border-bottom: 1px solid #e2e2e2;
	border-right: none;}

.login input.submit_login{
	float: left;
	display: block;}
	
.login_wrapper ul{
	float: left;
	margin: 0px 0px 0px 0px;
	list-style-type: none;}

.login_wrapper ul li{
	float: left;
	padding-top: 2px;
	font-size: 12px;
	/*color: #9c9c9c;*/
	color: #5e5e5e;}

.login_wrapper ul li a{
	font-family: Frutiger Cn, Arial, Verdana, Helvetica, sans-serif;
	float: left;
	font-size: 11px;
	/*color: #9c9c9c;*/
	color: #5e5e5e; 
	padding: 3px 8px 0px 9px;}
	
.login_wrapper ul li a:hover,
.login_wrapper ul li a.active{
	color: #000;
	text-decoration: none;}
.search-wrapper {width:300px; height:48px;}
/*----------------------------------------left menu */
ul.left_menu{
	width: 260px;
	padding-left:0px;
	border-top: 1px solid #e5e5e5;
	background: #ffffff;
	padding-bottom: 20px;
	margin-left:0px;
	float:left;
	overflow: hidden;
	list-style-type: none;}
	
ul.left_menu li{
	float: left;
	display: inline;
	width: 260px;
	padding: 11px 0px 0px 0px;
	border-bottom: 1px solid #e5e5e5;}
	
ul.left_menu li:hover {
	background: #fcfcfc;
}
	
ul.left_menu li a{
	float: left;
	display: block;
	padding: 0px 20px 12px 10px;
	color: #767676;
	line-height: normal;
	border-bottom: 2px solid #e5e5e5;}
	
ul.left_menu li a:hover{
	color: #767676;
	text-decoration: none;}

ul.left_menu li.click{
	background: #fcfcfc;
	padding: 9px 0px 0px 0px;
	border-bottom: 1px solid #00acec;}
	
ul.left_menu li.click a{
	float: left;
	display: block;
	padding: 3px 20px 7px 10px;
	font-weight: bold;
	color: #000;
	border-bottom: none;}
	
ul.left_menu li.click span{
	display: block;
	/*width: 90px;*/
	height: 2px;
	background-color: #00acec;
	clear: both;}
	
ul.left_menu li.click a:hover{
	color: #000;
	text-decoration: none;}
	
ul.left_menu li.click ul{
	list-style-type: none;
	padding: 0px 0px 10px 0px;
	clear: both;
	overflow: hidden;}
	
ul.left_menu li.click ul li{
	float: left;
	display: inline;
	width: 260px;
	padding: 3px 0px 3px 0px;
	border-bottom: none;}
	
ul.left_menu li.click ul li:hover {
	background: none;
}
	
ul.left_menu li.click ul li a{
	float: left;
	display: block;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #000;
	border-bottom: none;}
	
ul.left_menu li.click ul li a:hover,
ul.left_menu li.click ul li.click_act_under ul li a.act{
	color: #000;
	text-decoration: underline;}
	
ul.left_menu li.click ul li ul{
	float: left;
	display: inline;
	width: 260px;
	padding: 3px 0px 0px 0px;
	border-bottom: none;}
	
ul.left_menu li.click ul li.click_act_under ul li a{
	padding: 0px 0px 0px 20px;
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
	color: #5b5b5b;}
	
ul.left_menu li.click ul li.click_act_under ul li a:hover{
	text-decoration: underline;}
	
ul.left_menu li.click ul li.click_act_under a{
	font-weight: bold;
	text-decoration: none;}
	
ul.left_menu li.click ul li.click_act_under a:hover{
	text-decoration: none;}
	
ul.left_menu li.click ul li.click_act_under{
	padding-top: 5px;
	background-color: #f3f3f3;}
	
ul.left_menu li.click ul li.click_act a{
	font-weight: bold;
	text-decoration: none;}
	
/*ul.left_menu li.click ul li a{
	float: left;
	display: block;
	padding: 0px 20px 12px 10px;
	color: #000;
	border-bottom: 2px solid #e5e5e5;}*/
	
.header {
  position: relative;
  height:121px;
	width: 940px;
	background-color: #fff;
	border-bottom: 3px solid #000;}

/*.header h1.logo{ 
	float: left;
	display: inline;
	margin: 67px 0px 0px 0px;
	background: #000 url('/app_themes/egmontcom/images/logo.gif') no-repeat top left;}*/

.header h1.logo a{
	
	/*width: 215px;
	height: 56px;*/
	position: absolute;
  left: 0;
  bottom: 0;
  float: left;
  display: block;}
  
.header h1.logo a img{display:block;}


/*---------------------------------------------BREADCRUMBS */
.breadcrumbs{
	display: block;
	padding: 10px 20px 12px 20px;
	font-size: 11px;height:20px;}
	

.breadcrumbs a{
	float: left;
	font-size: 11px;
	line-height: 18px;
	color: #bfbfbf;}

.breadcrumbs a:hover,
.breadcrumbs span.act_crumb{
	color: #000;
	text-decoration: none;}

.breadcrumbs span{
	float: left;
	margin: 0px 5px;
	line-height: 18px;
	color: #bfbfbf;}
	
a.print-link {
	background: url(images/print-icon.png) no-repeat 0px 0px;
	font-size: 11px;
	font-weight: normal;
	padding-left: 20px;
	color: #adadad;
	float: right;
	line-height: 16px;
}

a.print-link:hover {
	background-position: 0px -17px;
	color: #000000;
}