@charset "utf-8";
/* CSS Document */

/* Reset styles - START - these will clear the different browser defaults for various margins, borders and such */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
strong{
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset styles - END */
html{
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #FFF;
	position: relative;
	background-image: url(../images/main-bg.gif);
	background-position: top center;
	background-repeat: repeat;
}

/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */


td, font, div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #000;
}
p{
	margin-bottom: 13px;
	line-height:1.5em;
}
a{
	color: #000;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
}
.postDate{
	color:#666;
	margin-top:10px;
	margin-bottom:20px;
}
.description{
	width:580px;
	float:left;
	margin-top:-25px;
	color:#666;
	font-style:italic;
}
.heading{
	float:left;
	width:400px;
}
.imageNav{
	float:left;
	width:180px;
	text-align:right;
}
.Tekst{
	float:left;
	width:400px;
	color:#333;
	margin-bottom:10px;
}
.prodList ul li a{
	text-decoration: none;
	list-style-type:lower-roman;
	
	
}
.prodList ul li{
	text-decoration: none;
	list-style-type:none;
	margin-bottom:20px;
	
	
}

h1{
	margin: 0;
	
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1em;
	
	color: #000;
	font-weight: normal;
}
h2{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 9px;
	color: #666;
	font-weight: bold;
}
h3{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
	color: #666;
	font-weight: bold;
}
h4{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 14px;
	margin-bottom: 6px;
	font-weight: bold;
	text-transform: uppercase;
}
h4 a{
	color: #333;
	text-decoration: none;
}
h5{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin-bottom: 6px;
	font-weight: bold;
}

h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 0px;
	color: #333;
	font-weight: normal;
	font-style: italic;	
}

p{
	margin-bottom: 11px;
}
p em{
	font-style: italic;
}
.menuDivider{
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #FFFFFF;
}
input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
}
ul{
	list-style-type: disc;
	margin-bottom: 10px;
}
li{
	list-style-position: outside;
	margin-left: 15px;
}
/* Main container styles - START - These are containers for the entire site design. Background is usually defined outside of these, and these contain the actual box of the main site. Usually the outer wrapper is just a box to properly position the site while the siteContainer keeps the main look of the box */
#wrapper{
	position: relative;
	margin: 0 auto;
	margin-top:45px;
	padding: 0;
	width: 960px;
	text-align: left;
	border:#999 thin solid;
	background-color: #FFF;
}
#topContainer{	
	float: left;
	width: 960px;
	margin-top: 10px;
	height:82px;
}
#topContainerTop{	
	float: left;
	width: 580px;
	height: 64px;
	font-size: 0px;
	
}
#leftContentContainer{
	width:267px;
	height:100%;
	float:left;

	
}

#leftContent{
	width:167px;
	padding-left:50px;
	padding-right:50px;
	height:100%;
	float:left;

	
}

.flashHeader{
	width:27px;
	float:left;

}

.flashHeader-front {
	width:26px;
	float:left;
	margin-right:5px;
}

.flashHeader-front2{
	border:none;
	width:25px;
	float:left;

}

#topContainerMid{
	float: left;
	width: 588px;
	height:27px;
	
}
#topContainerBottom{
	float: left;
	width: 588px;
	height: 8px;
	
}
#logoArea{
	float: left;
	width: 460px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline;
}


/* Float layout */
#mainColumnContainer{
	float: left;
	width: 960px;
	
}
#leftColumnContainer{
	float: left;
	width: 234px;
}
#rightColumnContainer{
	float: right;
	width: 754px;
}
#leftContentColumn{
	float: left;
	width: 234px;
}
#midContentColumn{
	float: left;
	width: 480px;
	
	display: inline;
}
#rightContentColumn{
	float: left;
	width: 283px;
	
	display: inline;
}
/* Box styles */
.sideBoxContainer{
	float: left;
	width: 234px;
	margin-bottom: 8px;
}
.sideBoxTop{
	float: left;
	height: 8px;
	width: 234px;
	font-size: 0px;
	background-image: url(../images/box-left-top.png);
	background-repeat: no-repeat;
}
.sideBoxMid{
	float: left;
	width: 214px;
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/box-left-mid.png);
	background-repeat: repeat-y;	
}
.sideBoxBottom{
	float: left;
	width: 234px;
	height: 8px;
	background-image: url(../images/box-left-bottom.png);
	background-repeat: no-repeat;
		
}
.midBoxContainer{
	float: left;
	width: 375px;

	height:100%;
	min-height:300px;
	
	
}
.midBoxContainerFront{
	float: left;
	width: 369px;
	
	padding-left:5px;
	height:100%;
	border-left:1px solid #999;
	
	
}

.midBoxContainerWide{
	float: left;
	width: 630px;
	
	padding-left:20px;
	
	
	height:100%;
	min-height:300px;
	
	
}

.midBoxContainernoBorder{
	float: left;
	width: 365px;
	
	padding-left:30px;
	padding-right:10px;
	height:100%;
	min-height:300px;
	
	
}
.newsItemContainer{
	width:620px;
	margin-bottom:20px;
	float:left;
}
.newsimage{
	float:left;border:thin #CCC solid; margin-right:20px;
	width:140px;
	height:93px;
	overflow:hidden;
}
.name{
	font-weight:bold;
	color:red;
}
.newsItem{
	
	float:left;
}
.newsItem h1, .newsItem h1 a{
	color: #000;	
}
.rightBoxContainer{
	float: left;
	width: 210px;
	border-left:1px solid #999;
	padding-left:5px;
	height:100%;
	min-height:400px;
	
}

.rightBoxContainer_scroll{
	float: left;
	width: 210px;
	border-left:1px solid #999;
	padding-left:5px;
	height:400px;
	overflow:auto;
	
}

.midBoxTop{
	float:left;
	
	margin-bottom:20px;
	border-bottom:#999 thin solid;
	width:580px;	
	position: relative;
	
}
.midBoxMid{
	float: left;
	width: 580px;
	margin-bottom: 20px;
		
}

.midBoxMidFront{
	float: left;
	width: 580px;
	margin-bottom: 20px;
	margin-top:-10px;
		
}
.midBoxBottom{
	float: left;
		
}
/* Unique box content */
#circleBox{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#addressBox{
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #542C18;
}
#addressBox a{
	color: #542C18;
}

/* Menu styles */
#menuContainer{
	float: left;
	width: 960px;
	padding-left: 40px;
}
#menuContainer ul{
	margin: 15px 0px 0px 0px;
	padding: 0;	
	list-style-type: none;
	list-style-position: outside;
}
#menuContainer li{
	margin: 0;
	padding: 0;
	float: left;
	
	margin-bottom: 5px;
	margin-right:10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	line-height: 120%;	
	font-size: 12px;
	font-weight: normal;
}
#menuContainer li a{
	float: left;
	color: #222932;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;	
}
#menuContainer li a:hover{
	text-decoration:none;	
}
#menuContainer li.selected{
	text-decoration:none;	
}
#menuContainer li.selected a{
	color: #F29324;
}
#menuContainer ul li ul{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	float: left;
}
#menuContainer ul li ul li a{
	margin: 0;
	padding: 0;
	float: left;
	color: #6c6e71;
	line-height: 110%;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
.bigArticleImage{
	float: left;
	width: 480px;
	padding-left: 0px;
	padding-bottom: 20px;	
}
#mainContent{
	float: left;
	width: 375px;
	min-height:300px;

	
}

#mainContentArea{
	padding:0;
	margin:0;
	float: left;
	width:690px;
	min-height:300px;
}
.smallContentArea{
	float: left;
	width: 418px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
}
.smallImageContainer{
	float: left;
	width: 100px;
	margin-right: 15px;
	display: inline;
}
.smallTextContainer{
	float: left;
	width: 300px;
	display: inline;
}
#relatedBox{
	float: left;
	width: 184px;
	margin-bottom: 2px;
	padding: 15px;
	background-color: #E6E6E6;
}
#relatedBox h4{
	margin-bottom: 4px;
}
#relatedBox h4 a{
	font-family: Arial, Helvetica, sans-serif;
	color: #202732;
	font-size: 12px;
	text-decoration: underline;
}
#attachmentBox{
	float: left;
	width: 184px;
	margin-bottom: 2px;
	padding: 15px;
	background-color: #E6E6E6;
	overflow: hidden;
}
#attachmentBox a{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #202732;
	font-size: 12px;
	text-decoration: none;
	width: 164px;
	margin-left: 4px;
	display: inline;
}
#attachmentBox img{
	float: left;
	width: 16px;
}
#orgBox{
	float: left;
	width: 184px;
	margin-bottom: 2px;
	padding: 15px;
	background-color: #202732;
	color: #FFF;
}
#orgBox h4 a{
	color: #FFF;
}
#saleBox{
	float: left;
	width: 184px;
	margin-bottom: 2px;
	padding: 15px;
	background-color: #3F3A66;
	color: #FFF;
}
#saleBox h4 a{
	color: #FFF;
}
#financeBox{
	float: left;
	width: 184px;
	margin-bottom: 2px;
	padding: 15px;
	background-color: #562E18;	
	color: #FFF;
}
#financeBox h4 a{
	color: #FFF;
}
#ieMessage{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99%;
	background-color: #F7F7F7;
	border-bottom: 1px solid #CCC;
	color: #333;
	padding: 3px;
	font-size: 9px;
	overflow: hidden;
}
#plakat{
	margin: 0 auto;
	width: 530px;
	height: 500px;
}
#partnerContainer{
	float: left;
	width: 960px;
	margin-top: 15px;
	text-align: center;
}