/*
   main.css
   KSG
   
   Created by Patrik Wilhelmsson on 2009-05-29.
   Design by Niklas Andersson, Column Identitet AB
   Copyright 2009 Media Tech Design. All rights reserved.
*/

body		{ font: 11px/1.6 Arial, sans-serif; background: #FFF url(../images/bg.png) repeat-x; color: #383838; overflow-y: scroll;}
h1			{ font-weight: bold; color: #000; font-size: 18px; margin-bottom: 8px;}
p			{ margin-bottom: 20px;}
a			{ color: #ff9300; text-decoration: none;}
a:visited 	{ color: #ff9300;}
a:hover		{ color: #ff9300; text-decoration: underline;}

#wrapper 	{ width: 919px; margin: 0 auto; position: relative;}
#header_pandel	{ width: 688px; height: 239px; position: absolute; top: 98px; left: -15px; background: transparent url(../images/header_panel.png) no-repeat; padding: 8px;}
#left_col	{ width: 196px; float: left;}
#left_col_inner { background: transparent url(../images/col_s.png) repeat-y; padding: 0 7px;}
#logo		{ padding-top: 22px;}
#menu		{ margin-top: 190px; padding: 0 2px 14px 4px;}
#menu li	{  background: #FFF url(../images/menu_item.png) repeat-x left top; line-height: 35px; }
#menu a		{ color: #000; padding-left: 15px; display: block; }
#menu a.active { background: transparent url(../images/menu_active.png) no-repeat; color: #ff9300}
#menu a:visited		{ color: #000;}
#left_col_b { background: transparent url(../images/col_b_s.png) no-repeat; height: 10px;}
#varumarken	{ margin-top: 7px; text-align: center;}
#center_col	{ width: 482px; float: left; padding-top: 42px; padding-left: 15px;}
#contact_l	{ line-height: 1.5; width: 110px;  float: left; border-right:  1px solid #808080; font-size: 10px;}
#contact_c	{ line-height: 1.5; width: 110px;  float: left; border-right:  1px solid #808080; margin-left: 10px; font-size: 10px;}
#contact_r	{ line-height: 1.5; float: left; width: 110px; margin-left: 10px; font-size: 10px;}
#content	{ clear: left; margin-top: 274px; padding-right: 6px;}
#right_col  { width: 224px; float: left; padding-top: 26px; position: relative;}
#lang		{ text-align: right; padding-right: 6px;}
#newsbox	{ background: transparent url(../images/news_panel.png) no-repeat; height: 259px; width: 224px; top: 96px; position: absolute; left: 0;}
#box		{ padding: 23px;}
#readmore	{ position: absolute; bottom: 16px; left: 23px;}
#newsbox ul	{ padding-top: 5px; height: 170px; overflow: hidden;}
#newsbox li	{ margin-bottom: 15px;}
#gallery	{ width: 224px; top: 358px; position: absolute; left: 0;}
#gallery_top{ background: transparent url(../images/gallery_top.png) no-repeat; height: 11px;}
#gallery_shadow { background: transparent url(../images/gallery_shadow.png) repeat-y; padding: 0 6px;}
#gallery_content { background: #FFF url(../images/gallery_gradient.png) repeat-x left bottom; text-align: center; }
#gallery_padding { padding: 0 0 0 5px; overflow: hidden;}
#gallery_bottom{ background: transparent url(../images/gallery_bottom.png) no-repeat; height: 11px;}
#footer 	{ clear: left; border-top: 1px solid #d8d8d8; color: #747474; font-size: 10px; padding-top: 10px; margin-top: 40px;}

/* Start sidan */
#start		{ background: #FFF url(../images/start_bg.png) repeat-x left top; text-align: center;}
#start #wrapper 	{ padding-top: 70px;}
#boxar		{ background: transparent url(../images/picture_panel.png) no-repeat center top; padding-top: 10px; margin: 0 auto; position: relative; top: -3px; left: 0;}
#boxar_inner{ width: 498px; margin: 0 auto 70px auto;}
.box		{ float: left; width: 229px;}
#start_menu	{ background: transparent url(../images/divider.png) no-repeat center top; clear: left; }
#start_menu ul{ padding-top:10px;}
#start_menu li	{ display: inline;}
#start_menu a { color: #6e6e6e; padding: 0 15px;}
#start #footer 	{ clear: left; border-top: none; color: #383838; font-size: 10px; padding-top: 0px; margin-top: 0px;  opacity: .33; filter:Alpha(Opacity=33);}
#start #lang	{ text-align: center; padding: 0; margin: 50px 0;}

/* FORMS */
form div		{ margin-bottom: 6px;}
label			{ display: block; width: 115px; float: left; margin: 5px 10px 0 0; font-weight: bold;}
input,textarea,select,.input	{ font-family: Arial, "MS Trebuchet", sans-serif; }
select			{padding: 1px;}
input.txt		{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #CCC; padding: 3px; width: 175px;}
div.edit-feild	{ text-align: center; clear: both;}
button, .ui-button	{ text-transform: uppercase; padding: 0.4em 1em 0.5em; cursor: pointer; font-size: 10px; outline: 0; margin:0; text-decoration:none !important; position: relative; text-align: center; }

/* ADMIN */
ul.admin_list li	{background-color: #76C2C8; width: 300px; padding: 3px 0 3px 20px; margin-bottom: 5px;}
table.admin_tbl,
table.file_tbl		{ width: 100%; border-collapse: collapse;}
table.admin_tbl td	{ padding: 3px 3px 3px 20px; border-bottom: 5px solid #563417;}
table.admin_tbl td.child	{ background-color: #EEE; padding: 3px 3px 3px 20px;}
table.admin_tbl td.child a {color: #000;}
table.admin_tbl td a{color: #FFF;}
table.admin_tbl td a:visited;{color: #FFF;}
table.admin_tbl td.icon,
table.file_tbl	td.icon	{ width: 17px; vertical-align: middle; padding: 0; padding-right: 5px;}
table.file_tbl td.icon-2 { width: 32px; vertical-align: middle; padding: 0;}
table.file_tbl	td { padding: 3px; font-size: 12px; color: #383838; border-bottom: 1px solid #563417;}	
table.file_tbl	th	{ border: 1px solid #EEE; padding: 0.6em 10px; color: #FFF; font-weight: bold;}
thead	{ background-color: #FFDC96;}
table.bokning { width: 100%; border-collapse: collapse;}	
table.bokning th { border: 1px solid #EEE; padding: 0.6em 10px; color: #FFF; font-weight: bold;}
/*table.bokning td { border-bottom: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF;}*/
table.bokning td,
table.bokning th {  height: 30px; vertical-align: middle; text-align: center;}
table.bokning td.alignleft { text-align: left; width: 70px; font-weight: bold;}
table.bokning td span { font-weight: normal; font-size: 11px;}
.MultiFile-list, 
.already-uploaded { margin-left: 126px; width: 240px;}
.MultiFile-label { border-bottom: 1px solid #CCC;}

/* MISC */
.nowrap			{ white-space: nowrap;}
.aligncenter	{ text-align: center;}
.alignright		{ text-align: right;}
.alignleft		{ text-align: left;}
small			{ font-size: 10px; }
.date			{font-size: 10px; color: #666; margin-bottom: 10px;}
.widget-icons  	{ padding: 2px; width: 16px; height: 16px;}
#meta			{ margin-bottom: 15px;}
.no-margin 		{ margin-bottom: 0px;}
hr				{ border: 0; color: #D9D9D9; background-color: #D9D9D9; height: 1px;}