/* CSS Document */

	h1 { font-family: Arial; font-size: 1.8em; font-weight:normal; color:#fff; margin:0;}
	h2 { font-family: Arial; font-size: 1em; font-weight:normal; color:#fff; margin:5px 0 -7px 0;}
	h3 { font-family: Arial; font-size: 0.8em; font-weight:bold; color:#fff; margin:0;}
	h4 { font-family: Arial; font-size: 0.9em; font-weight:bold; color:#333333; margin:0;}
	h5 { font-family: Arial; font-size: 0.8em; font-weight:normal; color:#fff; margin:0;}
	h6 { font-family: Arial; font-size: 0.8em; font-weight:normal; color:#666666; margin:0;}

	body {
	margin-top:0px;
	background-image:url(images/bg_main.png);
	background-repeat:repeat-x;
	background-color:#181008;
	}
	
	a:link {color:#ff5a00; text-decoration:none;}
	a:visited {color:#983600; text-decoration:none;}
	a:hover {color:#2aae2d; text-decoration:none;}
	
	p {
	font-family: Arial, verdana, sans-serif;
	color:#b9aca0;
	text-decoration: none;
	word-spacing: 0.05em;
	text-align: left;
	letter-spacing: 0;
	text-indent: 0px;
	line-height: 1.3em;
	font-size:13px;
	}
	
	div#wrap{
	margin:0 auto;
	width:896px;
	}
			
	div#top{
	width:896px;
	height:80px;
	float:left;
	margin-bottom:40px;
	}
	
	div#topLogo{
	width:167px;
	height:80px;
	float:left;
	padding-left:21px;
	}
	
	div#topLogo img{
	border:none;
	}
	
	div#topMenu{
	width:683px;
	height:80px;
	float:left;
	}
	
	div#puffBig{
	width:896px;
	height:374px;
	float:left;
	background-image:url(images/bg_bigpuff.png);
	background-repeat:no-repeat;
	margin-bottom:30px;
	}
	
	div#puffBigImage{
	width:435px;
	height:328px;
	padding: 23px 30px 23px 0;
	float:left;
	}
	
	div#puffBigInfo{
	width:313px;
	height:328px;
	padding: 23px 0px 23px 50px;
	float:left;
	}
	
	div#puffBigInfo h2{
	color:#333;
	}
	
	div.exempel{
	height:259px;
	width:192px;
	float:left;
	margin:0 0 15px 29px;
	}
	
	/*
	div.exRubrik{
	height:29px;
	width:184px;
	padding:20px 0 0 8px;
	float:left;
	background-image:url(images/bg_ex_top.png);
	background-repeat:no-repeat;
	}
	*/
	
	div.exRubrik{
	height:49px;
	width:192px;
	padding:o;
	float:left;
	}
	
	div.exBild{
	height:206px;
	width:174px;
	float:left;
	padding:2px 16px 2px 2px;
	background-image:url(images/bg_ex_main.png);
	background-repeat:no-repeat;
	}
	
	div#content{
	width:896px;
	float:left;
	}
	
	div#content img {
		border:none;
	}
	
	div#contentSub{
	width:850px;
	float:left;
	padding:0 23px 0 23px;
	}
	
	div#contentSubLeftCol h3{
		font-size:16px;
		font-weight:normal;
		color:#b9aca0;
	}
	
	div#contentSubLeftCol h5{
		font-size:10px;
		font-weight:normal;
		color:#b9aca0;
	}
	
	div#contentSubLeftCol{
	width:400px;
	float:left;
	padding:20px 60px 0 0;
	background-image:url(images/sub_image_linje.gif);
	background-position:center right;
	background-repeat:no-repeat;
	}
	
	div#contentSubRightCol{
	width:360px;
	float:left;
	padding:20px 0 0 20px;
	}
	
	div#footer{
	width:632px;
	height:180px;
	float:left;
	margin:30px 0 0 0;
	padding:0 132px 0 132px;
	}
	
	div#footerSub{
	width:632px;
	height:180px;
	float:left;
	margin:100px 0 0 0;
	padding:0 132px 0 132px;
	}
	
	div.footerItem{
	width:210px;
	height:180px;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#4c3826;
	font-size:10px;
	margin-bottom:50px;
	}
	
	div.footerLinje{
	width:1px;
	height:180px;
	float:left;
	background-image:url(images/footer_image_line.gif);
	background-repeat:no-repeat;
	}
	
	#badge {width:84px; height:84px; position: absolute; right:0px; top:0px; z-index:2;}
	
	dic#chartDiv {
	width:330px;
	}
	
	
	
	
	
	
	
	
/* ------------------------- TOP MENU */

#topmenu {
	position: relative;
	top: 20px;
	left:302px;
	z-index: 99;
	display: block;
	height: 73px;
	width: 571px;
	}
#topmenu li {
	float: left;
	list-style: none;
	cursor: pointer;
	position: relative;
	z-index: 99;
	}
#topmenu li.backside {
	background: url(images/topmenu_lava.gif) no-repeat right -40px;
	width:9px;
	height: 40px;
	z-index: 8;
	position: absolute;
	}
#topmenu li.backside .leftside {
	background: url(images/topmenu_lava.gif) no-repeat top left;
	height: 40px;
	margin-right: 18px; /* 7px is the width of the rounded shape */
	}
#topmenu li a {
	display: block;
	position: relative;
	top: 0px;
	padding:9px 22px 0px 10px;
	height: 40px;
	z-index: 10;
	color: #284c55;
	text-align: center;
	text-decoration: none;
	outline: none;
	font-size:14px;
	font-family:Arial;
	color:#9a704e;
	text-transform: uppercase;
	}
#topmenu li.current a {
	color:#fff;
	}
#topmenu li.current a,
#topmenu li.section a {
	font-weight: bold;
	}
#topmenu li a:hover,
#topmenu li a:active,
#topmenu li a:visited {
	border: none;
	}
#topmenu li a:hover,
#topmenu li a:active {
	color:#fff;
}













/* Dialog
----------------------------------*/
/*.ui-dialog { background-color:#00f00;  }
.ui-dialog .ui-dialog-titlebar { padding: 0; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }



.ui-widget { font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  font-size: 1em; }

.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #0b3447; background: #0b3447; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }*/

.ui-widget-content { 
	border:none;
	background:url(images/dialog-bg.png) no-repeat;
	color: #3e2a15; 
}

.ui-widget-content a {
	font-weight:bold;
	color:#FFF;
	}
	
.ui-widget-content h2 {
	font-weight:bold;
	color:#3e2a15;
}
.ui-widget-content p {
	color:#3e2a15;
}

.tourstepContent {
	width:200px;
	margin:100px 7px 0px 32px;
	float:left;
}

.tourstepImage {
	margin:44px 0px 0px 40px;
	float:left;
	width:374px;
}

.ui-dialog .ui-dialog-title {
	top:200px;
}

.ui-dialog .ui-dialog-titlebar {
	width:57px;
	position:relative;
	top:15px;
	left:615px;
}

.ui-widget-header {
	background:none; 
	border:none;
}







.ui-dialog-titlebar-close span {
	width:57px;
	height:57px;
	background:url(images/dialog-close.png);
	background-position:0px 0px;
}


.ui-dialog-titlebar-close span:hover {
	width:57px;
	height:57px;
	background:url(images/dialog-close-hover.png);
	position:relative;
	top:1px;
	left:-1px;
}

.ui-icon { width: 57px; height: 57px; background-image: url(images/dialog-close.png); }
.ui-widget-content .ui-icon {background-image: url(images/dialog-close.png); }
.ui-widget-header .ui-icon {background-image: url(images/dialog-close.png); }
.ui-state-default .ui-icon { background-image: url(images/dialog-close.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/dialog-close.png); }
.ui-state-active .ui-icon {background-image: url(images/dialog-close.png); }
.ui-state-highlight .ui-icon {background-image: url(images/dialog-close.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/dialog-close.png); }


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
	border:none;
	background-image:none;
	background:none;
	background-color:none;
}


.ui-widget-overlay { 
	background: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { 
	border: none; 
	background: none; 
	outline: none; 
}

.ui-state-hover, .ui-widget-content .ui-state-hover {
	cursor:pointer;
}










.mail-sent{
padding:11px;
font-size:11px;
font-family:arial;
margin:23px 0px 30px 0px;
max-width:200px;
}

.mail-sent.success{
color:#3d6611;
background-color:#a6df76;
}

.mail-sent.error{
color:#6d2701;
background-color:#ff5a00;
}

.mail-sent a:link,
.mail-sent a:visited,
.mail-sent a:active {
color:white;
}

.mail-sent a:hover {
	color:#c0c0c0;
}