/* background colour and main fontsizes for document */
body
{
    background-color: white;
    background-image: url("../img2/bg.png");
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    font: 11px verdana, arial, helvetica, sans-serif;
    color: #000;
    text-align:center;
}

a /* normal links */
{
    font-size:11px;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:600;
    text-decoration: none;
}
a:link {color:#F26622;}
a:visited {color:#F26622;}
a:hover {color:#D24610;}

h1
{
    font-size:14px;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
}
h2
{
    font-size:13px;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
}
h3
{
    font-size:12px;
    font-weight:bold;
    margin: 5px 0px 5px 0px;
}
p
{
    margin:0px 0px 10px 0px;
    padding:0px;
}

/*------------------------------------------------------*/
/* The main wrapper with shadows on the sides */
.main_wrap1, .main_wrap2, .main_wrap3, .main_wrap4, .main_wrap5
{
    display:inline-table;
    /* \*/display:block;/**/
}
.main_wrap1
{
    background-color: white;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: left;
    z-index: auto;
}
.main_wrap2
{
    background:url("../img2/left_bg.jpg") left repeat-y;
    z-index: auto;
}
.main_wrap3
{
    background:url("../img2/left.jpg") left top no-repeat;
    z-index: auto;
}
.main_wrap4
{
    background:url("../img2/right_bg.jpg") right repeat-y;
    z-index: auto;
}
.main_wrap5
{
    padding:0px 20px 0px 20px;
    background:url("../img2/right.jpg") right top no-repeat;
    z-index: auto;
}
/*------------------------------------------------------*/

/* for the KVM logo and link back */
.topBar
{
    background-color:white;
    margin:0px;
    padding:2px;
    border-bottom:1px solid black;
    text-align:center;
}
.topBar2
{
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    padding:2px;
    vertical-align:middle;
}
.top a, .top img { border:0px; }

/* Restaurant logo and pictures on top */
/* Most of the values in this selector gets changed in the code so each restaurant can have different looks */
#restTop
{
    position:relative;
    width:760px;
    margin-bottom:10px;
    padding:10px;
    border:0px solid black;
    background-color:white;
/*    background: url("../rest/rest_back.png") repeat-y left top; */
}

/* All the content boxes belong to the content class. */
.content
{
    float:left;
    width:365px;
    margin:0px 0px 0px 0px;
    padding:0px;
    font: 12px verdana, arial, helvetica, sans-serif;
}

/* Top logo */
.top_logo
{
    width: 365px;
    margin-bottom: 10px;
    padding: 0px 250px 10px 145px;
    border-bottom:2px #999 solid ;
    font: 12px verdana, arial, helvetica, sans-serif;
    text-align: center;
}


/*.top_logo
{
    width:760px;
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 0px;
    border-bottom:2px #999 solid ;
    font: 12px verdana, arial, helvetica, sans-serif;
}*/

/* Left navigation panel */
#navLeft
{
    float: left;
    width: 120px;
    margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
    border: 0px black solid;
    border-right: 0px black solid;
    font: 10px verdana, arial, helvetica, sans-serif;
}

/* Right panel for ads, tipsa oss and such */
#navRight
{
    float:right;
    width:229px;
    padding:0px;
    margin:0px;
    border:0px black dotted;
}
#navRight p /* paragraph in the right navbar */ 
{
    font:11px verdana, arial, helvetica, sans-serif;
    margin:0px 0px 16px 0px;
    padding:0px;
    color:#000;
}

/* ------------ 
 Drop-shadows 
 ------------ */
.wrap1, .wrap2, .wrap3
{
    display:inline-table;
    /* \*/display:block;/**/
}
.wrap1 
{
    float:left;
    background:url(img/shadow.png) right bottom no-repeat;
}
.wrap2 
{
    background:url(img/corner_bl.gif) left bottom no-repeat;
}
.wrap3 
{
    padding:0px 4px 4px 0px;
    background:url(img/corner_tr.gif) right top no-repeat;
}
.wrap3 img 
{
    border: 1px solid gray;
/*    display:block; */
}
.box  /* picturebox with description text in */
{
    background-image: url(none);
    background: #f0f0ff; 
    border: 1px solid #333;
    margin:0px;
    padding: 5px 5px 5px 5px;
}
.box p
{
    font: italic 10px verdana, arial, helvetica, sans-serif;
    padding: 2px 0px 0px 0px;
    margin: 0px;
}


/* Dagarnas namn i menyer med separata dagutrymmen */
.dagnamn
{
    margin:0px;
    padding:0px;
    border-bottom: 1px solid gray;
    text-align:center;
    font-weight: bolder;
}
.content p
{
    margin:0px 0px 10px 0px;
    padding:0px;
}
.heading
{
    font-size:12px;
}


/* The navbuttons on the left side */
#navcontainer ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#navcontainer li { margin: 0 0 1px 0; }
#navcontainer a
{
    display: block;
    color: #FFF; /* #F26622; */
    background-color: #F58233;
    width: 90px;
    padding: 2px 4px 2px 10px;
    font: 10px verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    font-weight: bold;
    border-top: 1px #ccc solid;
    border-right: 1px #333 solid;
    border-bottom: 1px #333 solid;
    border-left: 1px #ccc solid;
    /* background: url("../img/gradient_blue.png"); */
}
#navcontainer a:hover
{
    background-color: #F58233; 
    color: #FF0;
    padding: 3px 3px 1px 11px;
    border-top: 1px #333 solid;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    border-left: 1px #333 solid;
    /* background: url("../img/gradient_blue2.png"); */
}

.border
{
    border: 1px solid #000;
    padding: 0px;
    margin: 0px 10px 0px 0px;
}

.float_box
{
    float:left;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    width: 266px;
}




/* Copyright line on the bottom */
.copyright
{
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    clear:both;
    text-align: center;
    padding:4px 10px 4px 10px;
    font-size: 9px;
    border:1px solid #c0c0f0;
    color:#9B8D80;
    background-color: #EAE0D4;
}
.copyright a 
{
    font-size: 9px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    text-decoration: none;
}

/* warningbox */
.box_warning
{
    background-color:#F5B284;
    border:2px solid gray;
    padding:10px;
    margin:10px;
    width:150px;
}
.box_warning h1, h2, h3
{
    margin-top: 0px;
}
.error
{
    color: #f00;
    background-color: #f0f0f0;
    border: 0px solid black;
    padding: 4px;
    margin: 8px;
    font-size: 10px;
    text-align:left;
}
.error p { color: #f00; margin: 0; padding: 0;}

.alignRight { text-align: right; }

.week_exist:link {background-color:#FFEEDD;}
.week_exist:visited {background-color:#FFEEDD;}
.week_exist:hover { color: black; }

.week_not:link { color: silver; }
.week_not:visited { color: silver; }
.week_not:hover { color: black; }

.week_active:link { border: 1px solid black; margin: 0px;}
.week_active:visited { border: 1px solid black; margin: 0px;}
.week_active:hover { color: black; border: 1px solid black; margin: 0px;}

table.kalender
{ 
    border-collapse: collapse;
    border: 1px solid silver;
    text-align: center;
}
.kalender td, .kalender th
{ 
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.kalender a 
{ 
    display: block;
    background-color: white;
    padding: 3px 0px;
    margin: 1px;
    width: 2.5em; 
    text-decoration: none;
}

.viktigt
{
    color: #F58233;
}

.float_right
{
    float:right;
}

.form_container
{
	text-align: center;
	border: 3px solid #ccc;
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 5px;
}

.wrapimg img
{
	padding: 1px;
	margin-bottom: 3px;
	border: 1px solid red;
}