/* @group Reset */
body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6,ul,li,em,strong,pre,code{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}
/* @end */

/* PNG Fix För IE6 */
.car 								{ behavior: url(iepngfix.htc); }

body 								{ font-family: Arial, "Lucida Grande", sans-serif; color: #131313; font-size: 12px; background: #eeeeee url('../images/bg.jpg') repeat-x; }

/* Link Färger */
a:link 								{ color: #131313; text-decoration: none; font-weight: normal; }
a:active 							{ color: #131313; text-decoration: none; font-weight: normal; }
a:visited 							{ color: #131313; text-decoration: none; font-weight: normal; }
a:hover 							{ color: #ed1c24; text-decoration: none; font-weight: normal; }


/* Mixed Styles */
.clear 								{ clear:both; }
a 									{ text-decoration: none; }
h1 									{ font-family: arial, serif; font-weight: bold; font-size: 22px; text-shadow: 0 1px 3px rgba(0,0,0,0.2);}
h2 									{ font-family: arial, serif; font-size: 18px; text-shadow: 0 1px 3px rgba(0,0,0,0.2);}
h3 									{ font-family: arial, serif; font-size: 14px; text-shadow: 0 1px 3px rgba(0,0,0,0.2);}
.logout 							{ 	background: #eee; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										padding: 5px 8px; margin-right: 10px; text-decoration: none; border: 1px solid #ccc;
										border-bottom: 1px solid rgba(0,0,0,0.25); }
.logout:hover 						{ background: #ccc; color: #131313;}
#logout a							{ text-decoration: none; }
#logout 							{ float: left; margin-top: 20px;}
.head 								{ margin-bottom: 10px;}
.caseclass 							{ color: #9f9f9f; }

.redbutton 							{ 	background: #c2c2c2; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										padding: 5px 8px; margin-right: 10px; text-decoration: none; border: 1px solid #ccc;
										border-bottom: 1px solid rgba(0,0,0,0.25); }
.redbutton:hover 					{ background: #ccc; color: #131313;}

.right {float: right;}
/* Form Styles */
input[type=text],input[type=submit],input[type=reset],input[type=password], input:visited, textarea 		{
	background: #fff; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #131313; 
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border: 1px solid #ccc;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
}
input[type=submit]:hover,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=reset]:focus 			{ background-color: #ccc;}
input:focus,
textarea:focus 						{ outline:none; border: 1px solid red; background: #fbefef}
.resetbtn					{ width: 110px!important; }

/* Kontakt Form */
#contact_form input[type=text] 		{ width: 220px;}
input[type=submit],
input[type=reset] 					{ width: 65px; margin-right: 5px;}
#message 							{ width: 320px; height: 100px;}
.calimg 							{ position: relative; top: 3px;}
#kontattable label 					{ width: 100px; display: block;}
#kontaktmsg {
	margin-left: 110px;
	width: 320px;
	background: #eee;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	padding: 10px;
	margin-top: 10px;
}
#fritext 							{ width: 400px; height: 70px; }
/* Tid Fält I Formuläret */
#tid, #tidretur 					{ width: 40px;}
label 								{ margin: 5px 0 0 0; display: block;}

/* Main Structure */
div#wrapper 						{ margin-left: auto; margin-right: auto; width: 960px; }
div#top 							{ height: 112px; }
div#content, #bottom 				{ background: #eee; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding: 20px; }
.booking							{ background: #eee; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding: 20px; }

div#contenthome {
	float: left;
	width: 585px;
	background: #eee;
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	padding: 20px;
	margin-right: 15px;
}

/* Tack Div */
.tackdiv							{ background: #eee; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding: 20px; margin-bottom: 20px; }

.tackdivtwo							{ background: #eee; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding: 20px; margin-bottom: 20px; }

.printlogo { display: none; }
/* Footer Div With Cars In Them */
div#footer 							{ width: 960px; float: left; margin: 40px 0; }

/* table formatting */
#tableout { width: 600px;}

/* News Div On Frontpage */
div#news {
	float: left;
	width: 280px;
	background: #eee;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	padding: 20px;
}

/* Logo Image */
div#top img 						{ margin-top: 38px; float:left; }

/* Navigation Styles */
div#top ul 							{ margin-top: 63px;}

#nav 								{ margin: 0; padding: 0; list-style-type: none; text-align: center; float: right; }
#nav li 							{ float:left; margin-left: 10px; text-transform: uppercase;}
#nav li a 							{ display: block; width: 125px; height: 22px; background: url('../images/bnorm.gif');
										padding-top: 12px; color: #131313; text-shadow: 0 1px 3px rgba(195,195,195,0.6);
										text-decoration: none; cursor: pointer; cursor: hand; }
#nav li a:hover 					{ background: url('../images/bover.gif'); color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
#nav li .active 					{ background: url('../images/bover.gif'); color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }

.bokning 							{ margin-top: 30px;}

/* Error Div  */
#error 								{ margin: 20px 0 0 10px; color: red; }
form.editable textarea				{ height: 120px!important; width: 900px!important; }

#errorcontainer { 
	display: none;
	background: #eee;
	width: 200px; 
	padding: 5px 10px 6px; 
	color: #131313; 
	border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border: 1px solid red;
	position: relative;
	margin-top: 10px;
	}
/* Error Div From Reg Form */
#errordiv {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ff0000;
	color: #131313;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
	padding: 14px 80px 0 80px;
	height: 28px;
	width: 100%;
}

/* VIP Resor */

#vipcontainer 							{ width: 960px; margin-top: -14px; }
#vipmargin								{ width: 970px; }
.vipbg 									{ float: left; width: 308px; background: #eee; margin: 15px 15px 0 0; box-shadow: 0 1px 3px rgba(0,0,0,0.5);
											border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
											-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }
	.vipbg span							{ display:block; padding: 20px; }
	.vipbg h2 							{ margin-bottom: 10px; }
	.vipspan img 						{ margin-top: 20px; display: block; }
	.delete 							{ position: absolute; margin: -17px 0 0 267px;  }
	#laggtill 							{ margin: 20px 0; }
	#laggtill a							{ text-decoration: none; }
	.vipinput							{ width: 200px; }

/* Bokning Admin */
.bokningwrapper 						{ background: #eee; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); padding: 20px; margin-bottom: 20px; float: left; width: 920px; }
										
.bokningleft 							{ float: left; }
.bokningright 							{ float: right;  }
.expand 								{ float: left; position: relative; top: -20px; left: -20px; }
.bokcheckwrap 							{ padding: 10px 20px; background: #e3e3e3; }
.alert 									{ width: 100%; background: #c8c8c8; color: #131313; text-align: center; padding: 10px; border-bottom: 1px dotted black; }
.alertsms 								{ width: 100%; background: red; color: white; text-align: center; padding: 10px; border-bottom: 1px dotted black; }
#bokhelp 								{ float: right; width: 200px; background: #e8e8e8; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); }

.red 									{ color:#E8514A; }
#listabokningar							{ display: inline; }
.pagination								{ display: inline-block; margin: 0 0 10px 0; background: #eee; border-radius: 5px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
										box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
										-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
										padding: 5px 8px; margin-right: 10px; text-decoration: none; border: 1px solid #ccc;
										border-bottom: 1px solid rgba(0,0,0,0.25); }

.obsform								{ color: #6f6f6f; padding-top: 10px; display: block; }

/* Redigera Användare */

						

