/*
Design by: JOB Reklambyrå AB, www.jobreklambyra.se
Customer: Norrbottens Resebyrå, www.nronline.se
Date: 2008-03-28
*/


/* RESET */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; font-style:normal; padding:none; margin:none }
img, a { border:none }
.clear { clear:both; height:0px; font-size:1px; line-height:0px }


/* LINKS */
a:link { text-decoration:none; color:#FD5A1D; }
a:visited { text-decoration:none; color:#FD5A1D; }
a:hover { text-decoration:underline; color:#FD5A1D; }

#menu a:link { text-decoration:none; color:#FFFFFF; }
#menu a:visited { text-decoration:none; color:#FFFFFF; }
#menu a:hover { text-decoration:none; color:#EBECEE; }

.menuitem a:link { text-decoration:none; color:#FFFFFF; }
.menuitem a:visited { text-decoration:none; color:#FFFFFF; }
.menuitem a:hover { text-decoration:underline; color:#FFFFFF; }


#bottom a:link { text-decoration:none; color:#FFFFFF; }
#bottom a:visited { text-decoration:none; color:#FFFFFF; }
#bottom a:hover { text-decoration:underline; color:#FFFFFF; }

#menu2 a:link { text-decoration:none; color:#FD5A1D; padding-left:10px; padding-right:10px; }
#menu2 a:visited { text-decoration:none; color:#FD5A1D; padding-left:10px; padding-right:10px; }
#menu2 a:hover { text-decoration:none; color:#FFFFFF; background-color:#FD5A1D; padding-left:10px; padding-right:10px; }
.menu2act { text-decoration:none; color:#FFFFFF; background-color:#FD5A1D; padding-left:10px; padding-right:10px; }

.h3 a:link { text-decoration:none; color:#000000; }
.h3 a:visited { text-decoration:none; color:#000000; }
.h3 a:hover { text-decoration:none; color:#000000; }



/* LAYOUT */
html { height:101% }
body, table, td, img, div { behavior:url(http://www.nronline.se/css/iepngfix.htc) }
body { margin:0 auto; background-color:#EBECEE; }

#admin { position:absolute; top:0px; left:0px; z-index:10; width:100px; height:100px; background-image:url(../images/admin.png); background-repeat:no-repeat }

#background { width:1000px; margin:0 auto; background-image:url(../images/skugga-main.png); background-repeat:repeat-y; }
#background_bottom { width:1000px; margin:0 auto; height:30px; background-image:url(../images/skugga-bottom.png); background-repeat:no-repeat; }

#content { width:940px; margin:0 auto; background-color:#FFFFFF; }

#header { background-color:#FD5A1D; height:60px; width:940px; background-image:url(../images/logo_bg.png); background-repeat:no-repeat; }
#top { height:200px; background-color:#EBECEE; }
#bottom { padding-bottom:0px; background-color:#FD5A1D; }

#logo { position:absolute; z-index:5; }
#menu { padding-left:277px; }
#menu2 {  }

#footer { width:910px; padding-top:5px; margin:0 auto; padding-bottom:5px; }

.main1col_menu { float:left; width:170px; padding-left:15px; padding-bottom:30px; }
.main1col { float:left; width:170px; padding-top:15px; padding-left:15px; padding-bottom:30px; }
.main2col { float:left; width:355px; padding-top:15px; padding-left:15px; padding-bottom:30px; }
.main3col { float:left; width:540px; padding-top:15px; padding-left:15px; padding-bottom:30px; }
.main4col { float:left; width:725px; padding-top:15px; padding-left:15px; padding-bottom:30px; }
.orangebox { position:relative; left:0px; padding-left:5px; width:100px; height:55px; background-color:#FD5A1D; }
.orangebox_text { position:absolute; float:left; bottom: 0px; }

.alignright { text-align: right; padding-right:5px; }

.line { width:100%; border-bottom: 1px solid #FD5A1D; font-size:0px; line-height:0px; margin-bottom:0px; margin-top:5px }
.linedashed { width:100%; border-bottom: 1px dashed #FD5A1D; font-size:0px; line-height:0px; margin-bottom:0px; margin-top:5px }

/* MENUS */
.menuitem { position:relative; float:left; padding-left:10px; padding-right:10px; height:20px; padding-top:40px; background-color:#FD5A1D; }
.menuitem_left { position:relative; float:left; padding-left:10px; padding-right:10px; height:20px; padding-top:40px; }
.menuitem_active { position:relative; float:left; padding-left:10px; padding-right:10px; background-color:#D43C03; solid #FFFFFF; height:20px; padding-top:40px; background-image:url(../images/menu_bg_active.png); background-repeat:no-repeat; }
.menuitem_active_left { position:relative; float:left; padding-left:10px; padding-right:10px; background-color:#D43C03; solid #FFFFFF; height:20px; padding-top:40px; background-image:url(../images/menu_bg_active_left.png); background-repeat:no-repeat; }

.menu_line { position:relative; float:left;  background-color:#FFFFFF; height:60px; width:1px; }


/* TYPE */
body, table, tr, td, input, textarea { font-family: Courier, Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; color:#000000 }
h1, .h1 { font-family:Courier, "fast breddsteg"; font-size:24px; line-height:28px; color:#FD5A1D; }
h2, .h2 { font-family: Helvetica, Arial, sans-serif; font-size:16px; line-height:18px; color:#FD5A1D; }
h3, .h3 { font-family:Courier, "fast breddsteg"; font-size:12px; line-height:16px; color:#000000; font-weight:bold; letter-spacing:1px; }

.menuitem { font-family: Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; line-height:16px; font-weight:bold; text-transform:uppercase; }
.menuitem_active { font-family: Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; line-height:16px; font-weight:bold; text-transform:uppercase; }
.menuitem_left { font-family: Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; line-height:16px; font-weight:bold; text-transform:uppercase; }
.menuitem_active_left { font-family: Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; line-height:16px; font-weight:bold; text-transform:uppercase; }

/* grey box with imported charter trips */
.grey_bg { background-color:#EBECEE;}
.charter-container {max-height: 500px; width:100%; overflow-y: auto; overflow-x:hidden}
.charter-container table {width:100%; border-collapse: collapse;}
.charter-container table tr:hover{background-color:#ddd;}
#charter td {vertical-align: top; }
div.charter-header {width:100%; margin:20px 0 10px 0; background-color:#FD5A1D;color:white;}
div.charter-header span {padding:3px;}
#sista-minuten {display:none;}
.td-pris {text-align:right;padding-right:25px;}

.bookingmenuitem, .bookingmenuitem_active { 
	position:relative; 
	float:left; 
	padding-left:28px; 
	border-bottom: 2px solid #FFFFFF; 
	padding-right:8px; 
	background-color:#BBBBBB; 
	height:20px; 
	padding-top:0px; 
	background-image:url(../images/plan.png); background-repeat:no-repeat; 
	font:bold 10px/20px Helvetica, Arial, sans-serif;
	text-transform:uppercase; }
	
.bookingmenuitem a {color:white;}	

.bookingmenuitem_active { 
	padding-right:10px; 
	border-bottom:none; 
	background-color:#EBECEE; 
	height:22px;}
.bookingmenuitem_active a {color:#FD5A1D;}	
	
.bookingmenu_line,.bookingmenu_line_active  { 
	position:relative; 
	float:left;  
	background-color:#BBBBBB; 
	height:21px; 
	width:4px; 
	background-image:url(../images/flik.png); background-repeat:no-repeat; }
	
.bookingmenuitem a:hover { text-decoration:none; color:#FD5A1D;}
.bookingmenu_line_active { background-color:#EBECEE; height:22px;}


.orangebox { color:#FFFFFF }
.grey_bg td, th { font-family: Helvetica, Arial, sans-serif; font-size:11px; }
.black { color:#000000 }

.imagetext { font-style:oblique; padding-top:5px }
.reginput { font-family:Courier, "fast breddsteg"; sans-serif; font-size:12px; line-height:16px; color:#000000 }
#footer { color:#FFFFFF }

.updatebox {background-color:#EEEEEE;}

/* ADMIN */
.main_admin { float:left; width:910px; padding-left:15px; padding-top:15px; padding-bottom:15px; }
.main1col_admin { float:left; width:170px; padding-top:15px; padding-bottom:15px; }