html,
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	background: #fffef0;
}

.main {
	margin: 0 auto;
	border:0px solid black;
}

a {
	color: #00f;
	font-weight: 500;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}


form {

	font-size: 14px;
	border:0px solid black;
	max-width: 600px;
}


input[type=text] {
	font-weight: normal;
	text-align: left;
	width: 96%;
	font-size: 16px;
}

/*
input[textarea] {
	width:490px;
	height: 100px;
}
*/
.meddelande {
	width:96%;
	height: 100px;
}
/*
.select_fran {
	position: relative;
	left: 0px;
	font-size: 18px;
}

	.select_fran select{
	font-size: 18px;
	}

.select_till {
	position: relative;
	left: 30px;
	font-size: 18px;
}

	.select_till select{
	font-size: 18px;
	}

*/
/* LOKALBOKNING //////////////////////////////////////////////////*/

.rubrik {
	font-size: 24px;
}

table.bokning {
	border:0px solid black;
	border-collapse: collapse;
	background: #fff;
	padding: 8px;
/*	max-width: 800px;
	width: 98%;  */
}
td{
	border: 1px solid #aaa;
	vertical-align:top;
	text-align: center;
	width: 13%;
}

td.vecka{
	border: 0px solid #aaa;
	background: #fffef0;
	vertical-align: middle;
	padding-right: 15px;
	width: 8%;
/*	text-align: center;

*/
}

td.prelbook{
	background-color: #f66;
	pointer-events: none;
}


td.booked{
	background-color: #f66;
	pointer-events: none;
}

/*
td.bokning_today{
	border: 0px solid #f00;
	vertical-align:top;
	text-align: center;
	line-height: 1;
	background-color: #9c9;
	pointer-events: none;
}
*/

td.bokning_old{
	border: 1px solid #aaa;
	background: #ccc;
	pointer-events: none;
}

td.bokning_today{
	border: 1px solid #aaa;
	background-color: #ccc;
	pointer-events: none;
}

.red_day {
	color: #f00;
}

.helg {
	color: #f00;
	font-size: 12px;
}

.afton {
	color: #000;
	font-size: 12px;
}

.black_day {
	color: #000;
}

.dag_manad {
	font-weight:600;
	font-size: 24px;
}

/*
.bokad {
	background-color: red;
	color:white;
	padding: 4px;
	font-size: 12px;
	line-height: 2;
}
*/
.bokad_text {
	color: #fff;
	font-size: 12px;
}

.bokad_text_black {
	color: #000;
	font-size: 12px;
}

.bokad_red {
	color:red;
	font-weight:600;
}

a.bokning {
	color: #000;
	text-decoration: none;
	border:0px solid black;
	display: block;
	min-height: 90px;
}

button, input.button
	{
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	width: 140px;
	cursor:pointer;
}

button.ok, input.button
	{
	background-color: #396;
}

button.no_ok
	{
	background-color: #f00;
}

/*

@media only screen and (max-width: 1250px) {

td.bokning{
	height: 90px;
	background-color: #fff;
}

.dag_manad {
	font-weight:600;
	font-size: 14px;
}

.bokad, .prelbokad {
	padding: 1px;
	font-size: 10px;
}

}

@media only screen and (max-width: 1000px) {

td.bokning{
	height: 90px;
}

.dag_manad {
	font-size: 14px;
}

.bokad, .prelbokad {
	padding: 1px;
	font-size: 12px;
}

.red_day, .black_day {
	font-size: 12px;
}

}
*/
@media only screen and (max-width: 800px) {

td.vecka{
font-size: 16px;
}
td.bokning{
	height: 90px;
}

.dag_text {
	font-size: 12px;
}

.dag_manad {
	font-size: 16px;
}

.bokad, .prelbokad {
	padding: 1px;
	font-size: 10px;
}

.helg {
	font-size: 10px;
}

.red_day, .black_day {
	font-size: 16px;
}

}


/*
textarea {
	font-size: 1.2em;
	width:490px;
	height: 100px;
}

*/



.col1{
	display: inline-block;
	width: 100px;
	color: #000;
	border: 0px dotted red;
}

.col2{
	display: inline-block;
	width: 80px;
	color: #000;
	border: 0px dotted blue;
}

.col3{
	display: inline-block;
	width: 80px;
	color: #000;
	text-align: center;
	border: 0px dotted green;
}

.col4{
	display: inline-block;
	width: 250px;
	color: #000;
	border: 0px dotted red;
}