/* ---------------------------------------------------------------- */
/* quickmenu - top */
/* ---------------------------------------------------------------- */
.quickmenu select {width:14em;font-weight:bold;background-color:#efefef;font-size:10px;padding:1px;margin: 0 0 0 14px;border-top:1px solid #9a9a9a;border-right:1px solid #868686;border-bottom:1px solid #484848;border-left:1px solid #5c5c5c;}
.quickmenubottom {height:6px;overflow:hidden;border:0px solid red;}
#startcontainerwrapper .quickmenubottom {background: url(cssimg/bg_quickmenu_start_bottom.gif) transparent 0% 0% no-repeat;}
#maincontainerwrapper .quickmenubottom {background: url(cssimg/bg_quickmenu_bottom.gif) transparent 0% 0% no-repeat;}




/* ---------------------------------------------------------------- */
/* globalmenu */
/* ---------------------------------------------------------------- */
.globalmenubottom {height:11px;background: url(cssimg/bg_globalmenu_bottom.gif) transparent 0% 0% no-repeat;overflow:hidden;border:0px solid red;width:99.6%;}
.globalmenu h1 { margin:0; }
.globalmenu h1 a, .globalmenu h1 a:visited {font-size:12px;width:179px;float:left;padding: 7px 0 0 17px;background: url(cssimg/bg_globalmenu_li.gif) transparent 100% 2px no-repeat;}
.globalmenu ul {margin:0;padding:0;float:left;}
.globalmenu li {display: inline; float:left; margin: 0; list-style:none;background: url(cssimg/bg_globalmenu_li.gif) transparent 100% 2px no-repeat;}
.globalmenu a, .globalmenu a:visited, .globalmenu span {display: block; padding: 8px 10px 5px 10px;color:#333333;font-size:11px;font-family: verdana,geneva,arial,helvetica;text-decoration: none;}
.globalmenu li.active span, .globalmenu li.active a {text-decoration: underline; font-weight: bold;}
.globalmenu a:hover {text-decoration: underline;}






/* ---------------------------------------------------------------- */
/* leftarea - regionalmenu */
/* ---------------------------------------------------------------- */
#regionalmenu {margin: 0;padding: 0;font-size:11px;}
#regionalmenu ul {margin: 0; padding:0;}
#regionalmenu li {margin:0 0; list-style:none;background: url(cssimg/bg_navigationarea_li.gif) transparent left bottom no-repeat;}
#regionalmenu ul li ul li {margin: 0 0 0 10px;padding: 0;background: none transparent 40px 7px no-repeat;font-weight: normal; text-decoration:none;}

#regionalmenu ul li a, #regionalmenu ul li a:visited, #regionalmenu ul li span {display: block;padding:2px 0 2px 39px;color:#333333; text-decoration:none;}
#regionalmenu ul li a:hover, #regionalmenu ul li ul li a:hover {text-decoration:underline;}

#regionalmenu ul li.active {font-weight: bold;margin: 2px 0 0 0;text-decoration:none;}
#regionalmenu ul li.active a, #regionalmenu ul li.active span {display: block;background: url(cssimg/bg_regionalmenu_arrow.gif) transparent 40px 7px no-repeat !important; background: none; padding:2px 0 4px 46px;text-decoration:none;}

#regionalmenu ul li ul li.active a, #regionalmenu ul li ul li.active span {margin: 0 0 0 10px;text-decoration:underline;font-weight: bold;}


/* ---------------------------------------------------------------- */
/* centerarea */
/* ---------------------------------------------------------------- */

/* Rubriker */
#centerarea h1, #centerarea h2, #centerarea h3, #centerarea h4 {font-family: verdana, geneva, arial, helvetica;font-weight: bold;color:#333333;} 
#centerarea h1 {line-height: 110%;font-size: 19px;margin-bottom: 22px; margin-top: 10px;color:#333333;}
#centerarea h2 {font-size: 14px;margin-bottom: 0px; margin-top: 5px;color:#333333;}
#centerarea h3, #centerarea h4 {font-size: 12px;margin-bottom: 4px; margin-top: 5px;font-family: verdana, geneva, arial, helvetica;color:#333333;}


/* toolboxarea */
#toolboxarea ul {margin: 20px 0 10px 0;padding:0;float:left;}
#toolboxarea li {display: inline; float:left; margin: 0; list-style:none;}
#toolboxarea a {display: block; padding: 0 8px 0 0;color:#3e3e3e;font-size:11px;}
#toolboxarea a:hover {text-decoration: none;}


/* mix */
img.topimage {margin:0 0 14px 0;}
#centerarea a, #centerarea a:visited {text-decoration:underline;color:#333333;}
#centerarea p {margin:0.6em 0 1.4em 0;color:#333333;}
#centerarea a:hover {text-decoration:underline;color:#333333;}
.articlearea {font-size:11px;color:#333333;}

/* breadcrumbs */
#breadcrumbs {color:#9a9a9a;font-size:9px;font-family: Verdana, Arial, Helvetica;margin:0 0 10px 0;height:auto;padding:0 5px 0 0;}
#breadcrumbs a, #breadcrumbs a:visited {color:#9a9a9a;text-decoration:none;}
#breadcrumbs a:hover {color:#9a9a9a;text-decoration:underline;}


/* graphicarea - flash etc*/
.smallgraphicbox {
margin: 5px 0px 2px 9px;
float:left;
width: 120px;
height:150px;
background: url(cssimg/bg_smallgraphicarea.gif) transparent 0px 0px no-repeat;
overflow:hidden;
}
#graphicarearight .smallgraphicbox a {
margin: 118px auto 0px auto;
width: 111px;
height: 26px;
display:block;
/*background: url(cssimg/bg_smallgraphicarea_button.gif) 0px 0px no-repeat;*/
color:#FFFFFF;
padding: 6px 0 0 0;
text-align:center;
font-weight:bold;
font-style:italic;
text-transform: uppercase;
font-size:11px;
}
#graphicarearight .smallgraphicbox a:hover {text-decoration:none;color:#FFFFFF;}
#graphicarearight .smallgraphicbox a:visited {color:#FFFFFF;}
.type1 {background-image: url(cssimg/lediga_jobb_1.gif);}
.type2 {background-image: url(cssimg/designportal_1.gif);}
.type3 {background-image: url(cssimg/vinnare_1.gif);}
.type4 {background-image: url(cssimg/spelansvar_1.gif);}
.type5 {background-image: url(cssimg/stipendier_1.gif);}
.type6 {background-image: url(cssimg/forening_1.gif);}

.button1 {background: url(cssimg/lediga_jobb_button_1.gif) 0px 0px no-repeat;}
.button2 {background: url(cssimg/designportal_button_1.gif) 0px 0px no-repeat;}
.button3 {background: url(cssimg/vinnare_button_1.gif) 0px 0px no-repeat;}
.button4 {background: url(cssimg/spelansvar_button_1.gif) 0px 0px no-repeat;}
.button5 {background: url(cssimg/stipendier_button_1.gif) 0px 0px no-repeat;}
.button6 {background: url(cssimg/forening_button_1.gif) 0px 0px no-repeat;}


/* largepuffarea - Startpage */
#largepuffarea .puffbox, #largepuffarea .puffboxwide {float:left;min-height:303px;height:303px;}
#largepuffarea .puffbox {width:263px;margin:0 5px 0 0;background: url(cssimg/largepuffarea_puffbox_bottom.gif) transparent left bottom no-repeat;}
#largepuffarea .puffboxwide {height:149px;min-height:149px;width:417px;margin:0 5px 5px 0;background: url(cssimg/largepuffarea_puffboxwide_bottom.gif) transparent left bottom no-repeat;}
#largepuffarea .puffbox .boxtop {height:8px;overflow:hidden;background: url(cssimg/largepuffarea_puffbox_top.gif) transparent left top no-repeat;}
#largepuffarea .puffbox .boxcontent {font-size: 10px; font-family:verdana,geneva,arial,helvetica; padding:0 15px 5px 15px; height: 290px; overflow:hidden;}
#largepuffarea .puffbox a, #largepuffarea .puffbox a:visited {color: #333333; text-decoration: underline;}
#largepuffarea .puffbox a:hover {color: #333333; text-decoration: underline;}
#largepuffarea .puffboxwide .boxtop {height:8px;overflow:hidden;background: url(cssimg/largepuffarea_puffboxwide_top.gif) transparent left top no-repeat;}
#largepuffarea .puffboxwide .boxcontent {font-size: 10px; padding:0 15px 15px 22px;}
#largepuffarea .puffboxwide a, #largepuffarea .puffboxwide a:visited {color: #333333; text-decoration: underline;}
#largepuffarea .puffboxwide a:hover {color: #333333; text-decoration: underline;}
#largepuffarea .scrolltext {position: relative; width:213px;height:240px;overflow:hidden;clear:both;padding:0 20px 0 0;margin-bottom: 8px;}
#largepuffarea h1 {margin: 0; font-size:17px;font-weight:normal;padding:0 0 7px 0;font-family: "Myriad Pro", Arial, Verdana, Helvetica;}
#largepuffarea .scrolltext h1, #largepuffarea .scrolltext h2 {font-size:11px;font-weight:bold;margin:0 0 12px 0;font-family: Arial, Verdana, Helvetica;}
#largepuffarea .scrolltext a, #largepuffarea .scrolltext a:visited{font-size:11px;color: #333333; font-weight:bold;margin:0 0 12px 0;font-family: Arial, Verdana, Helvetica; text-decoration: none;}
#largepuffarea .scrolltext a:hover {font-size:11px;color: #333333; font-weight:bold;margin:0 0 12px 0;font-family: Arial, Verdana, Helvetica; text-decoration: underline;}
#largepuffarea .scrolltext p {margin:0 0 12px 0}
#largepuffarea h1.small {font-size:10px;font-weight:bold;padding:0;font-family: Arial, Verdana, Helvetica;}
#largepuffarea h1 span.makebig {font-size:11px;}
#largepuffarea .floatright {margin:0 6px 0 0;}
#largepuffarea .rssarea {float:left;width:49%;margin:0 0 0 4px; position: relative;}
#largepuffarea .playarea {position: relative;top: -20px;}
#largepuffarea .playarea a.rss, #largepuffarea .playarea a:visited.rss {float: left; color: #333333; text-decoration: none;margin:0 0 0 0 !important; margin:-5px 0 0 5px; position: relative;}
#largepuffarea .playarea a:hover.rss {float: left; color: #333333; text-decoration: underline;}
#largepuffarea .playarea a.play {float:right;background: url(cssimg/icon_play.gif) transparent left 3px no-repeat;padding:0 0 0 15px;color:#000;font-size:9px;margin:0 0 0 0 !important;margin:-5px 0 0 0; position: relative;}
#scrolltext .headline {position: absolute;overflow: hidden;top: 120px;left: 5px;height: 110px;width:210px;}

/* smallpuffarea - Startpage */
#smallpuffarea {color:#666;}
#smallpuffarea .puffbox {width:187px;float:left;margin:0;min-height:110px;background: url(cssimg/smallpuffarea_puffbox_bottom.gif) transparent left bottom no-repeat;border-right:5px solid #fff;}
#smallpuffarea .puffbox .boxtop {height:4px;overflow:hidden;background: url(cssimg/smallpuffarea_puffbox_top.gif) transparent left top no-repeat;}
#smallpuffarea .puffbox .boxcontent {padding:0 10px 10px 10px;}
#smallpuffarea .puffbox a, #smallpuffarea .puffbox a:visited {color: #333333; text-decoration: underline;}
#smallpuffarea .puffbox a:hover {color: #333333; text-decoration: underline;}
#smallpuffarea h1 {font-size:15px;font-weight:bold;padding:5px 0 7px 0;font-family: "Myriad Pro", Arial, Verdana, Helvetica;background: url(cssimg/rub_dott_color1.gif) transparent right 5px no-repeat;}
#smallpuffarea .color1 h1 {background: url(cssimg/rub_dott_color1.gif) transparent right 3px no-repeat;color:#014e60;}
#smallpuffarea .color2 h1 {background: url(cssimg/rub_dott_color2.gif) transparent right 3px no-repeat;color:#026e22;}
#smallpuffarea .color3 h1 {background: url(cssimg/rub_dott_color3.gif) transparent right 3px no-repeat;color:#bb2320;}
#smallpuffarea .color4 h1 {background: url(cssimg/rub_dott_color4.gif) transparent right 3px no-repeat;color:#c86709;}
#smallpuffarea .color5 h1 {background: url(cssimg/rub_dott_color5.gif) transparent right 3px no-repeat;color:#c25bd8;}





/* ---------------------------------------------------------------- */
/* rightarea */
/* ---------------------------------------------------------------- */
#rightarea .puffbox {width:205px;margin:0 0 20px 0;background:url(cssimg/bg_boxarea_bottom.gif) transparent left bottom no-repeat;font-family: verdana, geneva, arial, helvetica;}
#rightarea .puffbox .boxtop {height:4px;overflow:hidden;background:url(cssimg/bg_boxarea_top.gif) transparent left top no-repeat;}
#rightarea .puffbox .boxcontent {padding:0 0 35px 0;font-size: 10px; font-family: verdana, geneva, arial, helvetica;}
#rightarea .puffbox .boxcontent h1 {padding:2px 5px 8px 11px;margin:0 0 19px 3px;font-size: 12px;font-weight: bold;background:url(cssimg/bg_rub_rightarea.gif) transparent left bottom no-repeat;font-family: verdana, geneva, arial, helvetica;}
#rightarea .puffbox .boxcontent a, #rightarea .puffbox .boxcontent a:visited {text-decoration:underline;color:#333333;font-size: 10px;}
#rightarea .puffbox .boxcontent a:hover {text-decoration:underline;color:#333333;font-size: 10px;}
#rightarea .boxcontent p {padding:0px 15px 0px 15px;margin:0;line-height:125%;}
#rightarea .boxcontent form {margin:15px 15px 0px 15px;}
#rightarea .puffboxBild { width:100%;margin:0 0 20px 0; }


/* footerarea - sidfot */
#footerarea a {color:#fff;}
#footerarea img.floatleft {float:left;width:54px;margin:10px 10px 0 15px;}
#footerarea img.footercicon {margin:-2px 0 0 8px;}
#footerarealeft {float:left;width:auto;margin:10px 0 0 0;}
#footerarearight {float:right;width:auto;margin:5px 18px 0 0;text-align:right;}

#footerarearight ul {margin: 0 0 8px 22px;float:left;position:relative;padding:0 10px 0 0;list-style-type:none;display: block;background: url(cssimg/bg_footer_seperator.gif) transparent 100% 6px no-repeat;}
#footerarearight ul.last {background-image: none;padding:0 0px 0 0;}
#rightarea ul li {margin:0;list-style-type:none;display: block;}
#footerarearight ul li a {padding: 0;width: auto;margin:0;white-space:nowrap;}

/* hide from IE5.0/Win & IE5/Mac */
* html #footerarearight ul li a {height: 1%;}
/* IE needs this to fix a rendering problem */
* html #footerarearight ul {position: relative;}

/* contact */
.contact1 {width:200px;margin:0 0 0 0px;padding:0 10px 0 20px;float:left;}
.contact1 h2 {font-size:16px;margin:0;padding:0;}
.contact1 p {margin:0 0 19px 0;}
.contact2 {width:180px;margin:20px 0 0 0;float:left;}
.contact3 {width:175px;padding:20px 10px 0 15px; float: left;}

#errormessage
{
    color: #FF0000;
    display: none;
}

#centerarea #forening-prenumeration #team-info ul
{
	margin: 0 0 10px 0;
	padding: 0;
}

#centerarea #forening-prenumeration #team-info li
{
	list-style-type: none;
	float: left;
	margin-right: 10px !important;
	margin-right: 5px;
}

#centerarea #forening-prenumeration #order input
{
	margin: 10px 0 0 0;
}

#centerarea #forening-prenumeration div
{
	margin-bottom: 10px;
}

.boxcontent .toplist
{
	margin: 0;
	padding: 0 5px 0 35px;
}

.horizontalElement #rightarea .puffbox
{
	height: 210px;
}

.horizontalElement #rightarea .puffbox .boxcontent
{
	padding: 0;
}

#startcontainerwrapper .startwide
{
	margin: 0 15px 0 15px;
}

#startcontainerwrapper .startbottomleft
{
	margin: 0 0 0 6px;
}

#startcontainerwrapper .startbottomright
{
	margin: 0 15px 0 20px;
}

#retailer-list ul
{
	margin: 0;
	padding: 0;
}

#retailer-list li
{
	list-style-type: none;
}

#packages .package
{
	float: left;
	margin: 0 10px 10px 0;
}
/* * * * * * 
jobsajt 
* * * * */
#TopContainer {
	position:relative;
	background-color:#CC3300;
	vertical-align: middle;
	height: 110px;
	border: thin solid #CCCCCC;
	width:630px;
	float:left;
	
}
#TopContainer h1{
	position:relative;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:400px;
	float:left;
	margin-top:30px;
	left:40px;
	color: #FFFFFF;	
	line-height:24px;
}
.TopimgHolder{
position:relative;
float:right; 
width:86px; 
height:100px; 
right:5px;
top:4px;
}