/*--------------------------------
CSS by Getupdated Internet Solutions - Jon Eriksson
--------------------------------- */

/* HTML Elements Standard ____________________________________ */

html, body, form /*, p*/ /*, p*/
{
	margin: 0;
	padding: 0;
}

img
{
	border: 0;
}

table
{
	border-collapse: collapse;
}

/* Links */

a
{
	color: #1664c5;
	text-decoration: underline;
}

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

/* Type Elements  ____________________________________ */

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #333333;
	font-size: 11px;
	background: #e2e2e2 url(/images/bg_top.gif) repeat-x;
	width: 100%;
}

h1, h2, h3, h4, h5, h6
{
	padding: 0;
	margin: 1.2em 0 0.3em 0;
}

h1
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 0.3em;
}

h2
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 0.3em;
}

h3
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h4
{
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

p
{
	clear: both;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	margin-left: 0;
	margin-right: 0;
}

th
{
	text-align: left;
}

/* Form Elements ____________________________________ */

.button 
{
	border: 0px;
	color: #fff;
	font-size:11px;
	float: left;
	height: 20px !important;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 10px;
	background-color: #211a1a;
	overflow: visible;
	
	cursor: pointer;
}

.textbox 
{
	border: 1px solid #939393;
	font-size:11px;
	margin: 0px 7px 0px 0px;
	padding: 1px 0px 0px 4px;
	width:143px;
	float: left;
	height: 17px !important;
	background-color: #fff;
}

.dropdown
{
	border: 1px solid #939393;
	font-size:11px;
	margin: 0px 7px 0px 0px;
	padding: 1px 0px 0px 4px;
	width:143px;
	float: left;
	height: 20px !important;
	background-color: #fff;
}

/* Layout Elements ____________________________________ */

#wrapper
{
	margin: 0 auto 0 auto;
	width: 970px;
}

#contentWrapper
{
	padding: 0 21px 20px 21px;
	width: 928px;
	overflow: hidden;
	background-color: white;
	background-image: url(/images/bg_pageBody.gif);
	background-repeat: repeat-y;
}

#headerWrapper
{
	padding: 0 21px 0 21px;
	width: 928px;
	background-image: url(/images/bg_headerwrapper.gif);
	background-repeat: no-repeat;
}


#footerWrapper
{
	clear: both;
	overflow: hidden;
	background: url(/images/bg_footer.gif) repeat-x bottom;
	padding: 10px 21px 21px 21px;
	width: 928px;
	margin-bottom: 15px;
}

#navigation
{
	clear: both;
	height: 50px;
	padding: 0 0 0 0;
}

#header
{
	height: 106px;
	background-image: url(/upload/bg_top_rutnat.gif);
	background-repeat: no-repeat;
}

#header #logo
{
	padding: 55px 0px 0px 7px;
	float: left;
	width: 400px;
}

#header #tools
{
	padding: 35px 0px 0px 0px;
	float: right;
	width: 400px;
	margin-right: 10px;
}

#mainWrapper
{
	padding: 20px 0 0 0;
}

#mainLeftMenu
{
	width: 230px;
    float: left;
    border-bottom: 1px solid #ffffff;
}

#mainContent
{
	width: 418px;
	float: left;
	margin-left: 35px;
}

#mainRightMenu
{
	width: 210px;
	float: right;
}

#mainRightMenu p, 
#mainRightMenu h1,
#mainRightMenu h2,
#mainRightMenu h3,
#mainRightMenu h4,
{
	margin-top: 0;
	padding-top: 0;
}

#print
{
	float: right;
	text-align: right;
}

#pagedates
{
	margin-top: 2.5em;
}

.rightContent
{
	border-left: 1px solid #d2d3ce;
	padding: 0 0 0 20px;
}

.outer
{
	height: 30px;	
}

.innerleft
{
	vertical-align: top;
	float: left;
	width: 30%;
	height: 30px;
}

.innerright
{
	vertical-align: top;
	float: left;
	width: 70%;
	height: 30px;
}

.hidden
{
	display: none;	
}

.introduction
{
	font-weight: bold;
}

.imagetext
{
	font-style: italic;
}

/* Tools search ____________________________________ */

#links
{
	float: right;
	overflow: hidden;
	padding: 0 0 15px 0;
	margin-right: 17px;
	text-align: right;
}

#links a
{
	padding: 0px 0px 0px 30px;
}

#search
{
	float: right;
	padding: 0px 0px 0px 0px;
	width: 220px;
	height: 20px;
}

/* Navigation   ____________________________________ */

#topmenucontrol
{
	padding: 3px 0 0 0;
	width: 928px;
	background-image: url(/images/bg_top_nav.gif);
	background-repeat: repeat-x;
	background-color: #bf0707;
	height: 32px;
}


.topmenuitem
{
	float: left;
	border-right: solid 1px #e02929;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 9px;
	padding-bottom: 10px;
}

.selectedtopmenuitem
{
	background-color: #211a1a;
	border-right: solid 1px #e02929;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 9px;
	padding-bottom: 10px;
}

a.menuhead
{
	padding: 0em 1em 0em 1em;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	margin: auto;
}

a.menuhead:hover
{
	color: #ccc;
	/*color: #fff;*/
	font-weight: bolder;
	text-decoration: none;
	
}

a.activemenuhead
{
	padding: 0em 1em 0em 1em;
	font-size: 1em; 
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin: auto;
}

a.activemenuhead:hover
{
	/*color: #c6c6c6;*/
	color: #ccc;
	font-weight: bolder;
	text-decoration: none;
}

/* --------- Left menu ----------- */

#leftmenudiv a
{
	color: #333;
	text-decoration: none;
}

#leftmenudiv a:hover
{
	color: #000;
	text-decoration: none;
}

#leftmenudiv
{
	text-align: left;
	overflow: hidden;
	border-right: 1px solid #d2d3ce;
	border-left: 1px solid #d2d3ce;
	border-bottom: 1px solid #d2d3ce;
	width: 228px;
}

div.menucontainer
{
	border-top: 1px solid #d2d3ce;
	border-bottom: 1px solid #d2d3ce;
}

div.menuitem, div.menuitemtop, div.menuitemexpandedtop, 
div.menuitemselected, div.menuitemselectedtop, 
div.menuitemselectedexpanded, div.menuitemexpanded
{
	width: 100%;
	padding: 0.5em 0em 0.5em 1.3em;
	float: left;
	background-image: url(/images/arrow_leftmenu.gif);
	background-repeat: no-repeat;
	background-position: 0.5em 0.7em;
}

div.menuitemtop, div.menuitemselectedtop, div.menuitemexpandedtop
{
	border-top: 1px solid #d2d3ce;	
}

div.menuitemselected, div.menuitemselectedtop
{
	font-weight: bold;
	background-image: url(/images/arrow_leftmenu_selected.gif);
}

div.menuitemselectedexpanded
{
	font-weight: bold;
	background-image: url(/images/arrow_leftmenu_selected.gif);
}

div.menuitemexpanded, div.menuitemexpandedtop
{
	background-image: url(/images/arrow_leftmenu_expanded.gif);
	background-position: 0.4em 1em;
}

.rightfloating
{
	float: right;
}

.leftfloating
{
	float: left;
}

/* news */

#news
{
	border: 1px solid #e7e7e8;
}

#news h3
{
	border-bottom: 1px solid #e7e7e8;
	padding: 0px 10px 5px 10px;
}

.newsArchive
{
	border-top: 1px solid #e7e7e8;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
}

.newsText
{
	padding: 10px 10px 15px 10px;
}

.newsText h4
{
	margin-bottom: 0.6em;
}

.newsText p
{
	margin-top: 0;
	margin-bottom: 1.5em;
}

/* Teasers */

.teaser
{
	background: url(/images/teaser_shadow_right.gif) no-repeat;
	width: 210px;
	margin-bottom: 15px;
	cursor: pointer;
}

/*.teaser .info
{
	padding: 0px 4px 4px 0px;	
	width: 206px;
	background-color: Blue;
	
}*/

.imageleft
{
	float: left;
	height: 100%;
	width: 50%;
}

.imageright
{
	float: right;
	width: 100px;
}

.textright
{
	margin-left: 7px;
	margin-top: 7px;
	font-size: 1.1em;
	line-height: 1.2em;
	float: left;
	width: 94px;
}


.imageleft
{
	float: left;
	width: 100px;
}

.textleft
{
	margin-left: 7px;
	margin-top: 7px;
	font-size: 1.1em;
	line-height: 1.2em;
	float: right;
	width: 94px;
	
}

.imagecenter
{
	display: none;
}

.textcenter
{
	width: 206px;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-top: 1.4em;
}

.teaserBottom
{
     height: 4px;
     background: url(/images/teaser_shadow_bottom.gif) no-repeat top;
     overflow: hidden;
}


/* --------- Image format ----------- */

img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
    EditMenuName: Top left;
	float: left;
}

img.toprightfloatingimage
{
	float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    EditMenuName: Top right;
}

img.shadow
{
	position: relative;
	EditMenuName: Shadow;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=5);
}

img.opacity
{
	position: relative;
	EditMenuName: Semi transparent;
	filter: alpha(opacity=40,finishopacity=24,style=3);
}

img.fliph
{
	position: relative;
	EditMenuName: Flip horisontally;
	filter: fliph;
}

img.flipv
{
	position: relative;
	EditMenuName: Flip vertically;
	filter: flipv;
}

img.dashedborder
{
	position: relative;
	border: dashed 1px grey;
	EditMenuName: Dashed border;
}

img.circularfade
{
	position: relative;
	EditMenuName: Circular fade;
	filter: alpha(opacity=100,finishopacity=0,style=2);
}

/* Footer  ____________________________________ */

#footerWrapper #info
{
	color: #fff;
	background-color: #211a1a;
	padding: 5px 5px 3px 10px;
}

#footerWrapper #info .left
{
	float: left; 
	width: 300px;
}

#footerWrapper #info .right
{
	float: right; 
	width: 300px; 
	margin-top: 14px; 
	text-align: right;
}