/*----------------- Global begin -------------------*/
html{}
body	{
	background: url(../images/design/bg.gif) top repeat-x #DBE4EE;
	font-size: 10px;
	color: #4D4D4D;
	font-family: Verdana, verdana, arial, sans-serif; 
	margin:0px; 
	padding: 0;
	text-align: center;
	}
img	{border: 0px;}
div{
	overflow: hidden;
	text-overflow: ellipsis;
	}
h1	{
	display: inline;
	font: bold 14px verdana, arial, sans-serif; 
	color: #4D4D4D;
	margin: 0px;
	padding: 0px;
	height: auto;
	}
h2	{
	margin: 15px;
	font: 12px  verdana, arial, sans-serif; 
	color: #007aac;
	}
h3	{
	margin-left: 15px;
	font: 12px verdana, arial, sans-serif;
	font-weight: bold; 
	color: #3171A5;
	display: inline;
	}
a 	{
	COLOR: #3171A5; 
	TEXT-DECORATION: underline;
	}
a:active {
	COLOR: #3171A5; 
	TEXT-DECORATION: underline;
	}
a:hover {
	COLOR: #3171A5; 
	TEXT-DECORATION: none;
	}
#baseshop{
	font-size: 9px;
	color: #BFBA9C;
	width: 778px;
	clear: both;
	text-align: right;
	padding-top: 3px;
	}	
#baseshop a{
	text-decoration: none;
	color: #BFBA9C;
	}
#baseshop a:hover{
	color: #BFBA9C;
	text-decoration: none;
	}
.readMoreBig{
	background: url(../images/farmPil.gif) no-repeat 0px 2px;
	display: block;
	width: 15px;
	float: right;
	height: 25px;
	text-align: left;
	margin-top: 12px;
	}
.readMoreSmall{
	background: url(../images/arrowReadMoreSmall.gif) no-repeat 0px 2px;
	display: block;
	width: 20px;
	float: right;
	height: 20px;
	text-align: left;
	}
.readMoreContainer{
	float: left; 
	margin-top: 0px;
	text-align: right;
	white-space: nowrap;
	}			
/*------------ Global end -------------------*/	

/*------------ container begin -------------------*/
#outer	{
	width: 897px;
	margin: 0px auto;
	text-align:left;
	margin-top: 20px;
	background-color: #FFF;
	}
#outerTop{
	background: url(../images/design/outerTop.gif) no-repeat;
	width: 897px;
	height: 16px;
	}
#outerMain{
	background: url(../images/design/outerMain.gif) repeat-y;
	width: 897px;
	height: auto;
	min-height: 480px;
	}
#outerBottom{
	background: url(../images/design/outerBottom.gif) no-repeat;
	width: 897px;
	height: 24px;
	}
#outerLeftShadow{
	background: url(../images/design/outerLeftShadow.gif) no-repeat ;
	width: 7px;
	height: 485px;
	position: absolute;
	}
#outerRightShadow{
	background: url(../images/design/outerRightShadow.gif);
	width: 11px;
	height: 485px;
	margin-left: 886px;
	position: absolute;
	}
#topContainer{
	height: 60px;
	margin: auto;
	width: 100%;
	clear: both;
	position: relative;
	}
#topImageContainer{
	height: 156px;
	position: relative;
	z-index: 1;
	padding-top: 26px;
	}
#topmenuContainer{
	margin-bottom: -26px;
	position: relative;
	height: 26px;
	z-index: 30;
	}
#innerwrap{
	width: 840px;
	margin: 0 0 0 7px;
	height: auto;
	padding: 0px 20px 20px 20px;
	}
#contentContainer{
	width: 550px;
	padding: 0 0 0 40px;
	height: auto;
	}
#contentWideContainer{
	width: 800px;
	padding: 0px 0px 0px 30px;
	height: auto;
	}
* html #documents {
 	height: 250px;
	overflow: visible;

}


/*------------ container end -------------------*/	

/*------------ top begin -------------------*/

#logo{
	height: 60px;
	width: 164px;
	margin: 0px 0 0 30px;
	float: left;
	}
#gazelleContainer
{
	display: inline;
	position: absolute;
	width: 73px;
	left: 600px;
}
#iconContainer{
	width: 190px;
	margin: 5px 0 0 0;
	float: right;
	white-space: nowrap;
	text-align: right;
	z-index: 2;
	}
#icons{
	float: left;
	width: 25px;
	margin-top: 5px;
	}
.flashContainer{
	z-index: -10;
	margin-left: 7px;
	margin-top: -26px;
	position: absolute;
	height: 192px;
	}
.topImage{
	z-index: 1;
	margin-left: 7px;
	margin-top: -26px;
	position: absolute;
	height: 192px;
	}
.topText{
	white-space: nowrap;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14pt;
	padding: 60px 0 0px 580px;
	color: #fff;
	width: 300px;
	height: 40px;
	z-index: 10;
	position: relative;
	text-align: right;
	letter-spacing: 1px;
	}
#documentsTopImage{
}
/*------------------ top end---------------------*/	

/*------------------ front begin---------------------*/	
#left{
	width: 201px;
	float: left;
	margin: 0 20px 0 0;
	}
#main{
	width: 411px;
	float: left;
	text-align: left;
	margin: 0 20px 0 0;
	}
#right{
	width: 178px;
	float: left:
	}
.leftTeaserTop{
	width: 201px;
	height: 13px;
	background: url(../images/design/leftTeaserTop.gif) no-repeat top;
	}
.leftTeaserMain{
	width: 181px;
	height: auto;
	background: url(../images/design/leftTeaserMain.gif) repeat-y;
	padding: 0 10px 0 10px;
	color: #3171A5;
	font-weight: bold;
	}
.leftTeaserMain ul{
	margin: auto;
	padding: 0;
	margin-left: 25px;
	padding-bottom: 5px;
	}
.leftTeaserMain li{
	list-style-image: url(../images/design/farmPilLI.gif);
	padding-top: 2px;
	padding-bottom: 5px; 
	}
.leftTeaserBottom{
	width: 201px;
	height: 14px;
	background: url(../images/design/leftTeaserBottom.gif) no-repeat;
	margin-bottom: 10px;
	}
.rightTeaser{
	background: url(../images/design/rightTeaser.gif) no-repeat;
	width: 178px;
	height: 90px;
	margin-bottom: 10px;
	}
.rightTeaserLogo{
	width: 61px;
	height: 40px;
	white-space: nowrap;
	position: absolute;
	margin: 10px 0 0 20px;
	}
.rightTeaserIcon{
	width: 47px;
	height: 60px;
	white-space: nowrap;
	position: absolute;
	margin: 10px 0 0 120px;
	}
.rightTeaserBody{
	width: 140px;
	height: 26px;
	position: absolute;
	margin: 55px 0 0 20px;
	color: #4D4D4D;
	font-weight: bold;
	}
.rightTeaserBody a{
	text-decoration: underline;
	color: #4D4D4D;
	}
.rightTeaserBody a:hover{
	text-decoration: none;
	}
.documentFrontMain{
	clear: both;
	margin-bottom: 10px;
	}
#main h1{
	color: #3171A5;
	}
.mainHr{
	clear: both;
	border-bottom: 1px dotted #4D4D4D;
	height: 3px;
	}
.mainLink{
	height: 22px;
	line-height: 22px;
	margin-top: 5px;
	float: right;
	}
.mainLink a{
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.mainBody{
	line-height: 15px;
	}
.mainImage{
	float: left;
	z-index: 100;
	margin: 0px 5px 0 0;
	position: relative;
	}
.documentFrontPro{
	text-align: left;
	margin: 10px 0 0 0;
	clear: both;
	}
.mainProImage{
	float: left;
	margin: 0 10px 0 0;
	}
.mainProBody{}
.mainProBody h4{
	color: #3171A5;
	display: inline;
	font-size: 10px;
	}
.mainProLink{
	height: 18px;
	line-height: 18px;
	float: right;
	}
.mainProLink a{
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.rightTeaser{}
/*------------------ front end---------------------*/	

/*------------------ current location begin ---------------------*/
#currentLocation1{
	float: left;
	width: 500px;
	margin: 110px 0 0 90px;
	position: absolute;
	color: #3171A5;
	font-size: 9px;
	z-index: 10;
	}
#currentLocation{
	color: #3171A5;
	width: 120px;
	margin: 110px 0 0 30px;
	float: left;
	position: absolute;
	font-size: 9px;
	z-index: 10;
	}
a.CurrentLocLink:visited, a.CurrentLocLink:link, a.CurrentLocLink:active{	
	color: #3171A5;
	text-decoration: none;
	}
/*------------------ current location end---------------------*/	

/*------------------ document begin ---------------------*/
#documents{
	width: 100%;
	padding: 0px;
	float: left;
	height: auto;
	}
.documentHeader	{
	color: #4D4D4D;
	text-align: left;
	clear: both;
	font: bold 18px verdana, arial, sans-serif;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ACACAC;
	}
.documentBody	{
	padding: 0px;
	color: #4D4D4D;
	line-height: 140%;
	text-decoration: none;
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	}
.documentImageLeft	{
	padding: 0px 10px 0px 0px;
	float: left;
	vertical-align: top;
	}
.documentImageRight	{
	padding: 0px 0px 0px 10px;
	float: right;
	vertical-align: top;
	}
.documentAdress a:link{
	text-decoration: none;
	font-weight: normal;
	}	
	
/*------------------ document end ---------------------*/

/*------------------ footer begin ---------------------*/
#footer	{
	CLEAR: both; 
	WIDTH: 820px;
	white-space: nowrap; 
	TEXT-ALIGN: left;
	height: 20px;
	padding: 0 0 0 25px;
	margin-top: -6px;
	color: #3171A5;
	position: absolute;
	}	

/*------------------ footer end ---------------------*/	

/*------------------ intranet begin ---------------------*/
#login{
	width: 517px;
	margin: 0px;
	height: 100%;
	padding: 0px 35px 0px 30px;
	float: left;
	text-align: left;
	}
#BSLOUserId{width: 200px;}
#BSLOPassword{width: 200px;}
#BSLOLogon{}
#BSLOCancel{}

/*------------------ intranet end ---------------------*/


	
/*------------------ Menu begin ---------------------*/
#topmenuBg{
	background: url(../images/design/topmenuBg.gif) repeat-x;
	height: 26px;
	width: 879px;
	clear: both;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8;
	margin-left: 7px;
	display: block;
	position: absolute;
	z-index: 10;
	}
#topmenu	{
	font: bold 10px verdana, arial, sans-serif; 
	width: 879px;
	text-align: center;
	clear: both;
	z-index: 10;
	position: absolute;
	}
#topmenu ul	{
	margin: auto;
	padding: 0;
	list-style-type: none;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 9px; 
	}
#topmenu li	{
	display: inline;
	}
#leftmenu	{
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	width: 217px;
	}
#leftmenu ul	{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	list-style-type: none;
	}
#leftmenu ul li	{
	padding-right: 0px;
	display: block;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	}

a.XhtmlMenulevel1Off:visited, a.XhtmlMenulevel1Off:link	{
	color: #fff;
	padding: 8px 30px 7px 30px;
	text-decoration: none;
	}
a.XhtmlMenulevel1On:visited, a.XhtmlMenulevel1On:link	{
	background: url(../images/design/topMenuHover.gif) repeat-x;
	color: #fff;
	padding: 8px 30px 7px 30px;
	text-decoration: none;
	}
a.XhtmlMenulevel1Selected:visited, a.XhtmlMenulevel1Selected:link	{
	background: url(../images/design/topMenuHover.gif) repeat-x;
	color: #fff;
	padding: 8px 30px 7px 30px;
	text-decoration: none;
	}
a.XhtmlMenulevel1Off:hover	{
	background: url(../images/design/topMenuHover.gif) repeat-x;
	height: 27px;
	color: #fff;
	text-decoration: none;
	}

a.XhtmlMenulevel2Off:visited, a.XhtmlMenulevel2Off:link	{
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 30px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	}
a.XhtmlMenulevel2On:visited, a.XhtmlMenulevel2On:link	{
	background: url(../images/design/leftMenuOn.gif) 180px 7px no-repeat;
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 30px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	}
a.XhtmlMenulevel2Selected:visited, a.XhtmlMenulevel2Selected:link	{
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 30px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	font-weight: bold;
	}
a.XhtmlMenulevel2Off:hover	{
	color: #4D4D4D;
	text-decoration: none;
	}

a.XhtmlMenulevel3Off:visited, a.XhtmlMenulevel3Off:link	{
	background-color: #FBFBFB;
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 40px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	}
a.XhtmlMenulevel3On:visited, a.XhtmlMenulevel3On:link	{
	background-color: #FBFBFB;
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 40px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	}
a.XhtmlMenulevel3Selected:visited, a.XhtmlMenulevel3Selected:link	{
	background-color: #FBFBFB;
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 40px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	font-weight: bold;
	}
a.XhtmlMenulevel3Off:hover	{
	color: #4D4D4D;
	text-decoration: none;
	}
a.XhtmlMenulevel4Off:visited, a.XhtmlMenulevel4Off:link	{
	background-color: #FBFBFB;
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 50px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	}
a.XhtmlMenulevel4On:visited, a.XhtmlMenulevel4On:link	{
	background-color: #FBFBFB;
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 50px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	}
a.XhtmlMenulevel4Selected:visited, a.XhtmlMenulevel4Selected:link	{
	background-color: #FBFBFB;
	display: block;
	color: #4D4D4D;
	padding: 6px 30px 6px 50px;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
	font-weight: bold;
	}
a.XhtmlMenulevel4Off:hover	{
	color: #4D4D4D;
	text-decoration: none;
	}

/*------------------ menu end ---------------------*/

/*------------------ Search begin ---------------------*/
#search{
	width: 100%;
	margin: 0px;
	height: 100%;
	padding: 0px 35px 0px 20px;
	float: left;
	text-align: left;
	}
#SearchElement	{
	display: inline;
	vertical-align: top;
	}
.SearchResultsTable	{
	padding-bottom: 15px;
	width: 100%;
	text-align: left;
	}
.SearchResultsTable a:link	{
	margin: 0 10px 0 10px;
	color: #000000;
	text-decoration: underline;
	}
.SearchResultsTable a:visited	{
	color: #000000;
	text-decoration: underline;
	}
.SearchResultsTable a:active	{
	color: #000000;
	text-decoration: none;
	}
.SearchResultsTable a:hover	{
	color: #000000;
	text-decoration: none;
	}
.SearchResultsHeader	{
	color: #4D4D4D;
	text-align: left;
	clear: both;
	font: bold 18px verdana, arial, sans-serif;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ACACAC;
	}
	
#sog	{
	padding: 0px;
	}
#sogefelt	{
	float: left;
	padding-top: 19px;
	width: 100px;
	}
.SearchTextBox	{
	padding: 2px 10px 0px 5px;
	width: 108px;
	height: 15px;
	display: block;
	float: left;
	border: 1px dotted #3171A5;
	color: #3171A5;
	font: 11px bold Verdana, Arial, Helvetica, sans-serif;
	}
.SearchButton	{
	background: url(../images/design/searchButton.gif) no-repeat;
	border: 0px;
	margin: 2px 0px 0px 3px;
	width: 15px;
	height: 15px;
	text-transform: none;
	float: left;
	padding: 0px;
	font-size: 0px;
	cursor: pointer;
	}	
/*------------------ search end ---------------------*/