/* WPS Standard Template A */

body {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 75%; /* same as 12px with 16px base font */
	line-height: 1.27;
	margin: 0;
	padding: 0; /* Opera has a default padding */
}
hr {
	margin-top:7px;
	*margin:0;
	border:0;
	color:#666;
	background-color:#666;
	height:1px;
	width:100%;
}
/*	Layout only	*/

#toplogo, #navigation, #wrap_menu, #wrap_logo, #topbanner, #wrap_content, #wrap_content_wide {
	width: 980px;
	margin: 0px auto;
	border: 0;
	position: relative;
}
#toplogo {
	min-height: 50px;
}
#navigation {
	height: 20px; /* not necessary, ruins Opera height */
	position: static; /* needed for menu to display at the right place */
	overflow: visible; /* in case there are too much menus */
}
#navigation li {
	z-index: 10;
}
#separator {
	display: none;
}
#wrap_content {
	clear: both;
	border-top:9px solid #FFF;
}
#leftblock, #sidemenu {
	float: left;
	display: inline; /* IE hack */
	width: 175px;
	padding: 0px 9px;
	margin: 0;
}
#leftblock h2 {
	padding:0;
	margin:5px 0 8px 0;
	font-size:133%;
	color:#CC6F1A;
}
#rightblock {
	float: right;
	display: inline; /* IE hack */
	width: 125px; /* Total width should be 180px */
	padding: 0 8px;
	margin: 0;
}
#rightblock .block{
	margin-bottom:10px;
}
#leftblock, #rightblock, #content, #content_wide {
	overflow: visible;
}
* html #leftblock, * html #rightblock, * html #content {
	overflow: auto; /* IE6 falls apart otherwise */
}
#content {
	width: 750px;
	padding: 0 18px; /* left padding for FF tables */
	float: left;
	display: inline; /* IE6 hack */
	margin: 0;
}
body.wide #content {
	width: 960px;
	padding: 10px; /* left padding for FF tables */
}
#frontpage #content {
	width: 630px;
	padding:0 8px 8px 8px;
}
#content h1.article-title {
	background:#FFFFFF url(images/headlinedot_orange.gif) no-repeat scroll 0 54%;
	padding:5px 0 4px 13px;
	margin:0 0 9px;
	border-bottom: 1px solid #B2B2B2;
	text-align:left;
}
#contentbottom {
	display:block;
	clear:both;
	overflow:auto;
	border-bottom:1px solid #706D6D;
	padding:5px 0;
}
#videoblock {
	width:315px;
	float:left;
}
#newsblock {
	width:305px;
	float:left;
}
#bottomblock {
	padding:5px 0 0 30px;
}
#bottomblock div.block {
	float:left;
	display:inline;
	margin:0 20px;
	width:150px;
	height:75px;
}
#printtip {
	text-align:right;
}
#wrap_footer {
	clear: both;
	margin: 0;
	position: relative;
	border-top:9px solid #FFF;
	background:#FFF url(images/smalllogo.gif) 13px 0 no-repeat;
	padding:10px 0 0 95px;
	height:18px;
}
#footer {
	background:#CC6F1A;
	text-align:center;
	color:#FFF;
	display:block;
}
/*	Shortcuts or Search - Positioning and Layout */ 

#search {
	position: absolute;
	right: 0;
	top: 2px;
	z-index: 1;
	margin: 0;
	padding: 0 3px 0 0;
}
#search {
	min-width: 250px;
}
#search h2 {
	color:#FFF;
	font-size:100%;
	margin:0;
	padding:0;
	float:left;
}
#search input {
	border:0;
	height:14px;
	margin:0;
	margin-left:5px;
	padding:0;
	font-size:100%;
	line-height:14px;
}
#search input.button {
	display: none;
	width: 1px;
}

#search form {
	margin: 0;
}

/* Search form */

/* ShortCuts Menu Styling*/

/* Dropdown Menu */

/* Blocks */

#toplogo img, #topbanner img {
	border: 0;
	display: block;/*	width: auto;
	height: auto; our banner module sucks, but ie6 sucks more */
}
iframe.autoscroller-border {
	margin: 0;
	width: 175px; /* IE hack: should be width-(2*border_width) *//*border: 1px solid;*/
}
html>body iframe.autoscroller-border {
	width: 175px;
}
form.vertical input.box {
	display: block;
}
div.breadcrumbs {
	margin-bottom: 1em;
}
/* Side Menu */

#smenu, #smenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: red; /* TEST */
}
#smenu {
}
#smenu li {
	margin: 0;
}
* html #smenu a {
	height: 1%
} /* hasLayout */
#smenu a {
}
#smenu a {
	text-decoration: none;
	display: block;
	color: #000;
	background-color: #f3f3f3;
	padding-top: 2px;
	padding-bottom: 2px;
}
#smenu a {
	padding-left: 5px;
}
#smenu ul a {
	padding-left: 10px;
}
#smenu ul ul a {
	padding-left: 15px;
	font-style: italic;
}
#smenu ul ul ul a {
	padding-left: 20px;
	font-style: italic;
}
#smenu a:hover, #current-smenu.current {
	color: #FFF;
	background-color: #DE8014;
}
#smenu, #smenu a {
}
#smenu div.search {
	display: none; /* hide unwanted search box */
}
/* Teasers */
#teasers {
	overflow:auto;
	border-top:1px solid #706D6D;
	border-bottom:1px solid #706D6D;
	padding:3px 0;
	margin:3px 0;
}
#teasers div.teaser {
	float: left;
	clear: right;
	display: inline; /* IE float padding hack */
	position: relative;
	width: 198px;
	margin: 0px 0px 0px 18px;
}
#teasers div.teaser.first {
	margin-left:0;
}
#teasers img {
	width: 198px;
	height: 72px;
	display: block;
	border: 0;
}
#teasers h3 {
	font-size: 100%;/*2px*/
	;
	padding: 0 2px 1px 0;
	margin: 0;
	border-bottom: 0;
}
#teasers h3 a {
	color:#CC6F1A;
	text-decoration: none;
}
#teasers p {
	margin: 0;
	padding: 0 2px 0 0;
}
#teasers div.t_text {
	padding-bottom: 15px;
}
#teasers div.t_text p {
	min-height:5em;
}
div.t_readmore {
	position: absolute;
	bottom: 0px;
	background:#FFF;
	right: 0px;
	z-index: 2;
}
div.t_readmore a {
	outline:none;
	color:#4A8BA4;
	text-decoration:none;
}
div.t_readmore a:hover{
	color:#CC6F1A;
}
div.t_readmore img {
	display: block;
	border: 0;
}
#newsblock {
	overflow:auto;
	margin-left:10px;
	position:relative;
}
#newsblock .more {
	position:absolute;
	right:5px;
	top:1px;
	color:#FFF;
	text-decoration:none;
}
#newsblock h2 {
	background:#DE8014;
	color:#FFF;
	padding:1px 5px;
	margin:0;
	font-size:100%;
}
#newsblock div.teaser {
	position:relative;
	padding-top:18px;
	margin-left:5px;
}
#newsblock h3 {
	font-size: 109%;/*2px*/
	padding: 0 2px 1px 0;
	margin: 0;
	border-bottom: 0;
}
#newsblock h3 a {
	color:#CC6F1A;
	text-decoration: none;
}
#newsblock h3 a:hover{
	text-decoration:underline;
}
#newsblock .t_date {
	position:absolute;
	top:0;
	left:0;
	font-size:91.7%;
}
/* Article list */
#artikler div.teaser, div.article-list-item{
	padding-left: 74px;
	position: relative;
	min-height: 69px;
	margin-bottom: 10px;
}
h2.article-list-title,#artikler h3{
	padding:5px 0;
	margin: 0;
	font-size:100%;
	border-bottom:0;
	}
#artikler a.t_img, .article-list-description img {
	border: 1px solid #b2b2b2;
	padding: 1px;
	position: absolute;
	left: 0;
	top: 2px;
	display: block;
}
#artikler img{border:0;}
#artikler p{
	margin: 0;
	font-size: 100%;
	border-bottom: 0; /* reset h3 style */
	padding-bottom: 0;
}

/*-----------article list-------------*/
.article-list-without-image div.article-list-item{
	width:413px;
	padding-left:0;
	position: relative;
	min-height:20px;
	margin-bottom: 10px;
}
.article-list-without-image h2.article-list-title{
	border-bottom:1px solid #949494;
	padding:5px 0;
	margin:5px 0;
	font-size:91.7%;
}
.article-list-without-image h2.article-list-title a{
}
.article-list-without-image div.article-list-description{
	color:#949494;
	margin:0 0 0 10px;
	font-size:91.7%;
}



/*	Styling (Colours, backgrounds) */
body {
	background: #fff;
	color: #313234;
}
#wrap_body, #frontpage {
	background-color: #EEE;
}
#wrap_logo, #toplogo {
	background-color: #f3f3f3;
}
#wrap_menu, #navigation {
	background:#DE8014;
}
div.search {
	background-color: #fff;
	color:#313234;
}
#wrap_content {
	background: #fff url(images/wrap_content_bg.gif) repeat-y;
	color: #313234;
}
#wrap_body #wrap_content {
	background: #fff url(images/wrap_content_bg.gif) -647px repeat-y;
}
#wrap_content_wide {
	background-color: #fff;
	color: #000;
}
#content {
/*	background-color: Yellow; /* For testing */
}
#leftblock, #rightblock, #rightblock h2 {
	color: #000;/*	background-color: Pink; /* For testing */
}
#teasers {
/*	background-color: Lime; /* For testing */
}
span.dailytip, .autoscroller-border, #autoscroller-body {
	color: #000;
	background-color: #fff;
	padding: 0;
}
a {
	color:#4A8BA4;
	text-decoration:none;
}
a:hover {
	color:#CC6F1A;
}
#searchwords, input.button {
}
#toplogo ul.shortcuts span {
	color: #000;
}
/* Text styling (fonts) */

/* Top nav */

* html #topmenu * {
	height: 1%
} /* hasLayout */
#topmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topmenu ul {
	position: absolute;
	left: 0;
	top: 100%;
	border: 1px solid;
	border-top: 0;
}
#topmenu ul div {
	border-top: 1px solid;
}
#topmenu ul ul ul {
	left: 100%;
	top: -1px;
}
#topmenu li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative; /* for submenu positioning */
}
#topmenu a {
	float: left;
	line-height: 20px;
	height: 20px;
	display: table; /* fix for Opera's no-width nested floats hover bug */
	text-decoration: none;
	color: #FFF;
	white-space: nowrap;
	font-weight:bold;
	padding: 0 10px;
	margin: 0 1px 0 0;
}
#topmenu ul ul li {
	display: block;
	float: none;
	/*	height: 20px;
	line-height: 20px;*/
	width: 160px;
	border-top: 1px solid;
}
#topmenu ul ul li a {
	display: block;
	float: none;
	height: auto;
	white-space: normal;
	text-transform: none;
	/*	height: 20px;*/
	line-height: 20px;
	width: 90%;
	padding: 0 5%;
}
#topmenu ul ul li a {
	/*	display: inline-block; /* fix IE7 gap at bottom */
	margin: 0;
}
* html #topmenu ul ul li a {
	width: 160px;
	display: inline-block;
}
#topmenu ul ul, #topmenu li:hover ul ul, #topmenu li:hover ul ul ul {
	display: none;
}
#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul {
	display: block;
}
/* arrow for 4 levels! do not touch! */
#topmenu li li.arrow a, #topmenu li.arrow li.arrow li.arrow a {
	background-image: url(images/arrow_next_inv.gif);
	background-position: 99% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#topmenu li li.arrow a:hover, #topmenu li li.arrow li.arrow a:hover {
	background-image: url(images/arrow_next.gif);
}
#topmenu li.arrow li.arrow li a, #topmenu li.arrow li.arrow li.arrow li a {
	background-image: none;
}
#topmenu a.current, #topmenu li:hover a {
	color: #FFF;
	background-color: #B66710;
}
#topmenu ul ul a.current, #topmenu li:hover li a, #topmenu li:hover li:hover a {
	color: #FFF;
	background-color: #B66710; /* reset for submenus */
}
#topmenu li:hover li a:hover {
	color: #FFF;
	background-color:#B66710;
}
#topmenu li:hover ul a {
}
#topmenu ul ul a.current {
}
#topmenu ul ul, #topmenu ul ul li, #topmenu ul div {
	border-color: #000;
}
