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

body {
	color:#4b4b4b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#fff;
	/*scrollbar-arrow-color: #000000;	
scrollbar-base-color: #00CCFF;
scrollbar-face-color: #0099FF;
scrollbar-highlight-color: #00CCFF;
scrollbar-shadow-color: #00CCFF;
scrollbar-3dlight-color: #00CCFF;
scrollbar-track-color: #00CCFF;
scrollbar-darkshadow-color: #00CCFF;*/
}

div, h1, h2, p, form, label, input, textarea, img, span, a{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}


.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*---------------------------Main area------------------------*/

#wrap {
    width:900px;
	height:725px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding:0 10px;
	}

/*---------------------------Top area------------------------*/

#toparea {
    width:900px;
	height:130px;
	position:relative;
	}
	
#toparea .logoarea {
	width:290px;
	height:105px;
	position:absolute;
	top:15px;
	left:0px;
	}	


#toparea  ul.menuarea{
	width:495px;
	height:75px;
	position:absolute;
	top:49px;
	left:397px;
	}

#toparea  ul.menuarea li{
	width:120px;
	height:25px;
	float:left;
	}

#toparea  ul.menuarea li.klubbar{
	width:120px;
	height:25px;
	float:left;
	background:url(klubbar.jpg) 0 0 no-repeat;
	}
	
#toparea  ul.menuarea li.klubbar a {
	width:120px;
	height:25px;
	float:left;
	background:url(klubbar.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.klubbar a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(klubbar_hov.jpg) 0 0 no-repeat;
	}	
	

#toparea  ul.menuarea li.restaur{
	width:120px;
	height:25px;
	float:left;
	background:url(restaurangen.jpg) 0 0 no-repeat;
	}
	
#toparea  ul.menuarea li.restaur a {
	width:120px;
	height:25px;
	float:left;
	background:url(restaurangen.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.restaur a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(restaurangen_hov.jpg) 0 0 no-repeat;
	}	
	
#toparea  ul.menuarea li.vinlista{
	width:120px;
	height:25px;
	float:left;
	background:url(vinlista.jpg) 0 0 no-repeat;
	margin-right:2px;
	}
	
#toparea  ul.menuarea li.vinlista a {
	width:120px;
	height:25px;
	float:left;
	background:url(vinlista.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.vinlista a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(vinlista_hov.jpg) 0 0 no-repeat;
	}	
	
#toparea  ul.menuarea li.press{
	width:120px;
	height:25px;
	float:left;
	background:url(press.jpg) 0 0 no-repeat;
	margin-right:2px;
	}
	
#toparea  ul.menuarea li.press a {
	width:120px;
	height:25px;
	float:left;
	background:url(press.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.press a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(press_hov.jpg) 0 0 no-repeat;
	}	
	
#toparea  ul.menuarea li.kontacta{
	width:120px;
	height:25px;
	float:left;
	background:url(kontacta.jpg) 0 0 no-repeat;
	margin-right:2px;
	}
	
#toparea  ul.menuarea li.kontacta a {
	width:120px;
	height:25px;
	float:left;
	background:url(kontacta.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.kontacta a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(kontacta_hov.jpg) 0 0 no-repeat;
	}
	
#toparea  ul.menuarea li.valkommen{
	width:120px;
	height:25px;
	float:left;
	background:url(valkommen.jpg) 0 0 no-repeat;
	margin-right:2px;
	}
	
#toparea  ul.menuarea li.valkommen a {
	width:120px;
	height:25px;
	float:left;
	background:url(valkommen.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.valkommen a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(valkommen_hov.jpg) 0 0 no-repeat;
	}	
	
#toparea  ul.menuarea li.menyer{
	width:120px;
	height:25px;
	float:left;
	background:url(menyer.jpg) 0 0 no-repeat;
	margin-right:2px;
	}
	
#toparea  ul.menuarea li.menyer a {
	width:120px;
	height:25px;
	float:left;
	background:url(menyer.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.menyer a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(menyer_hov.jpg) 0 0 no-repeat;
	}	
	
#toparea  ul.menuarea li.evenemang{
	width:120px;
	height:25px;
	float:left;
	background:url(evenemang.jpg) 0 0 no-repeat;
	margin-right:2px;
	}
	
#toparea  ul.menuarea li.evenemang a {
	width:120px;
	height:25px;
	float:left;
	background:url(evenemang.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.evenemang a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(evenemang_hov.jpg) 0 0 no-repeat;
	}
	
#toparea  ul.menuarea li.hitta{
	width:120px;
	height:25px;
	float:left;
	background:url(hitta.jpg) 0 0 no-repeat;
	margin-right:2px;
	}
	
#toparea  ul.menuarea li.hitta a {
	width:120px;
	height:25px;
	float:left;
	background:url(hitta.jpg) 0 0 no-repeat;
	outline:none;
	}
	
#toparea  ul.menuarea li.hitta a:hover {
	width:120px;
	height:25px;
	float:left;
	background:url(hitta_hov.jpg) 0 0 no-repeat;
	}											

/*---------------------------Middle area------------------------*/

#middlearea {
    width:890px;
	height:520px;
	padding:10px;
	}
	
#middlearea .flasharea {
    width:500px;
	height:520px;
	padding:0;
	float:left;
	margin:0 5px 0 0;
	}
	
#middlearea .rightside_area {
    width:325px;
	height:450px;
	padding:35px 30px;
	float:left;
	background-color:#8d2929;
	font:normal 12px/18px Arial, Helvetica, sans-serif ;
	color:#fff;
	text-align:left;
	}
	
.rightside_area .inner_rightside {
    width:auto;
	height:420px;
	font:normal 12px/18px Arial, Helvetica, sans-serif ;
	color:#fff;
	text-align:left;
	overflow-y:auto;
	}	
	
.inner_rightside h2 {
	font:normal 24px/30px Arial, Helvetica, sans-serif ;
	color:#fff;
	text-align:left;
	margin-bottom:15px;
	}
	
.inner_rightside h3 {
	font:normal 18px/20px Arial, Helvetica, sans-serif ;
	color:#fff;
	text-align:left;
	}						

/*---------------------------Footer area------------------------*/

#fooetrarea {
    width:890px;
	height:20px;
	padding:5px 10px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#666666;
	}
	
	.buttonA{
    color: #fff;
	background:url(../images/ERP/but_nor.gif)  repeat-x top;
	cursor:pointer;	
	padding:2px 3px 2px 3px;
    height:22px;
    vertical-align:middle;
	border:1px solid #CC6633;
	background-color: #993333;
	font:bold 11px Arial, Helvetica, sans-serif;
    margin:2px 0;
    margin-left:4px;
}
.buttonA:hover{
    background:url(../images/ERP/but_hov.gif) repeat-x top;
    height:22px;
    color: #fff;
    vertical-align:middle;
    margin:2px 0;
    margin-left:4px;
    text-decoration:none;
}