/*
	Current version: 1.0
	
	Site: First Reserve
	www: firstreserve.se
	Author: Malin Klingsell, malin.klingsell@atrox.se
	Notes: This file contains the rules of the basic structure and navigation of the site.
	------------------------------------------------------------------

*/

html, body, form, fieldset, textarea, input
{
	margin: 0;
	padding: 0;
	font: 100%/1.2 Arial, Helvetica, sans-serif;
}
select, textarea, input
{
	border: 1px solid #eaeaea;
}
html body
{ 
	font-size: 76%;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, Serif;font-weight: normal;margin: 1em 0 .5em 0;background-color:transparent !important}
h1 {font-size: 1.5em;margin: 0 0 .5em 0; color:#424242; text-transform: uppercase; font-weight: bold; }
.categoryJobb h1{ color:#528027 !important; }
.categoryPersonal h1{ color:#BB9415 !important; }
h2 {font-size: 1.2em;font-weight:bold;padding-top:0;color:#272727;margin: 0 0 .1em 0;}
h3 {font-size: 1.3em;margin:5px 0 5px 0;}
h4, h5, h6 {font-size: 1em;font-weight: bold;}

p {padding: 0;margin: 0 0 1.2em 0;background-color:transparent !important; line-height: 1.5em; font-size: 1em; }

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

form label {position: relative;font-size: .94em;}
input, select, textarea {font-size: 100%;padding: 2px;}
fieldset {border: none;}
hr {
	border: 0;
	height: 0;
	border-top:1px dotted #e9e8e8;
	clear: both;
}
ul{ padding: 0 0 0 5px; margin: 0 0 1.5em 10px; font-size: 1em; }
li { margin: 0 0 .5em 0;}

img {
	border: 0;
}

blockquote {margin: 0;padding: 0 0 0 40px;min-height: 20px;min-width: 20px;}

#wrapper{
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
	#header{ 
		width:960px;
		height:125px;
	}
		#header #top{ width:960px; height:90px;background: url(../images/common/header-right-bg.gif) no-repeat top right; }
		#startPage #header #top{ background: none !Important; }
		#startPage #header #top h2{ width:340px; height:90px; background: url(../images/common/header-right-bg.gif) no-repeat top right; text-indent: -9999px; float: right; margin: 0 !important;}
			#logotype{
				background: url(../images/common/first-reserve-logotype.gif) no-repeat;
				height: 90px;
				width: 120px;
				display: block;
				text-indent: -9999px;
				float: left;
				overflow: hidden;
			}
			
			.startpageTeaser
			{
				float:left;
				margin:20px 0 0 0;
				width:600px;
				background:url(../images/common/startpage-teaser-top.gif) no-repeat;
			}
			
				.startpageTeaser h1
				{
					text-transform:none;
					margin:15px 20px 10px 20px;
					color:#000;
				}
				
				.startpageTeaser p
				{
					margin:10px 20px 0 20px;
				}
			
			.startpageTeaserBottom
			{
				clear:both;
				width:600px;
				height:11px;
				margin:0;
				background:url(../images/common/startpage-teaser-bottom.gif) no-repeat;
			}
			
		#header #menu{ width:960px; height:35px; background: url(../images/common/topmenu-bg.gif) no-repeat top right; }
			.topMenuList{ margin: 0; padding: 0; list-style: none; }
				.topMenuList li{ float: left; margin: 0; padding: 0; }
				.topMenuList li a{ float: left; display: block; padding: 10px 20px 0 20px; height: 31px; font-size: 1.1em; color: #424242;}
				.topMenuList div{ float: left; }
					#menuItem0_0 a{ color: #bb9415 !important; }
					#menuItem0_1 a{ color: #528027 !important; }
					.topMenuItemRight, .topMenuItemRightSelected{ height: 35px; width: 1px; background: #dddcdc; }
					.menuItemLast .topMenuItemRight, .menuItemLast .topMenuItemRightSelected{ height: 35px; width: 1px; background: none !important; }
					
	#innerWrapper{
		width: 960px;
		overflow: hidden;	
		margin: 10px 0 0 0;
	}
		#mainCol{ width: 600px; float: left; margin: 0 20px 0 0; overflow: hidden; }
			#subPage #mainCol{ background: url(../images/common/subpage-main-col-bg.gif) repeat-y; }
			#articlePage #mainCol{ background: url(../images/common/article-main-col-bg.gif) repeat-y; }
			#articlePage #mainCol #top{ background: url(../images/common/article-main-col-top.gif) no-repeat left top; overflow: hidden; float: left; width: 600px; }
			#articlePage #mainCol #bottom{ background: url(../images/common/article-main-col-bottom.gif) no-repeat left bottom; overflow: hidden; float: left; width: 560px; padding: 27px 20px 30px 20px; }
			
			#subPage #inner{ width: 425px; float: left; overflow: hidden; }
			#subPage #position1{ width: 600px; overflow: hidden; }
			.articlePage #position0{ width: 424px !important; float: left; padding: 10px 0 20px 0!important; overflow: hidden; }
			.articlePage #position0 h1{ padding: 0 30px !important; margin: 0 0 19px 0!important; }
			#subPage #position0{ width: 364px; float: left; padding: 26px 30px 30px 30px; overflow: hidden;}
			.categoryPersonal #position0 a, #personal .article a { color: #bb9415;}
			.categoryJobb #position0 a, #jobb .article a { color: #528027;}
			#subPage #position4{ width: 425px; float: right; overflow: hidden; }
			#subPage #mainCol #bottom{ background: url(../images/common/subpage-main-col-bottom-bg.gif) no-repeat left bottom; overflow: hidden; float: left;}
			
				#submenu{ margin: 21px 0 20px 0; float: left; overflow: hidden; display: block; width: 175px; }
					#submenu ul{ list-style: none; margin: 0; padding: 0; }
					.subMenuListLvl1 li
					{
						border-bottom: 1px solid #e9e8e8;
						width: 175px;
						font-size: 1em;
						padding: 0 0 8px 10px;
						background: url(../images/common/submenu-arrow.gif) no-repeat 10px 4px; 
					}
					#submenu li a{ margin: 0 10px;display: block;color: #424242;}
					#submenu .leftMenuSelected {font-weight: bold;}
					.subMenuActive{ display: none; }
					.subMenuListLvl2 { }
						.subMenuListLvl2 li{
							border: 0 !important;
							padding: 0 !important;
							margin:0.6em 0 0 10px !important;
							font-size: 1em;
							background: none;
							}
						.subMenuListLvl2 li a{ background: none !important; padding: 0 !important; margin: 0 !important;}
						.subMenuListLvl2 .leftMenuSelected {color: #bb9415 !important; font-weight: normal !important;}
					
		#rightCol{ width: 340px; float: left; }
		
	#footer{
		width: 920px;
		height: 43px;
		margin: 20px 0 0 0;
		padding: 13px 20px 20px 20px;
		background: url(../images/common/footer-bg.gif) no-repeat;
	}

	#credit{ font-size: .94em; float: right; padding: 30px 20px 20px 0; }
	
	
	.clearFix
	{
		clear: both;
		float: none;
	}
	
		.msgInfo
	{
		border: 2px solid #24a500;
		padding: 5px;
		display: block;
	}
	.msgWarning
	{
		border: 2px solid #e49a0a;
		padding: 5px;
		display: block;
	}
	.msgError
	{
		border: 2px solid #e44a0a;
		padding: 5px;
		display: block;
	}
	
		#paginationPrevious, #paginationNext{
	float: left;
    margin-top: 20px;
	}