/* background colour and main fontsizes for document */
body
{
	background-color: white;
    margin: 0px;	
    padding: 0px;
	font: 11px verdana, arial, helvetica, sans-serif;
    text-align: center; /* for centering the page, is changed back to left in the main_page class below */
    color:#8B7D70;
}
h1 /* header level 1 */ 
{
    font:11px arial, verdana,  helvetica, sans-serif;
    font-weight:bolder; 
    margin: 0px 0px 5px 0px;
    padding: 0px;
    color:#6F7661;
/*    position: absolute;
    left: -5000px;
	font:bold 13px verdana, arial, helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#07a; */
}
h2 /* header level 2 */
{
    font:bold 11px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    color:#F26622;
}
h3 /* header level 3 */
{
    font:bold 11px verdana, arial, helvetica, sans-serif;
    margin: 0px 0px 5px 0px;
    padding: 1px 0px 3px 0px;
    color:#F26622;
}
p /* normal paragraph */ 
{
    font:11px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	color:#8B7D70;
}
/*
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}
*/

/* Small text. */
.small
{
    font: 10px verdana, arial, helvetica, sans-serif;
}

form /* input forms */
{
    padding: 0;
    margin: 0;
}

img
{
    border: 0px;
}

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

/* the stripes between main parts in the  */
.stripes
{
    margin-bottom: 24px;
    background: url("img/stripes.png");
    height: 24px;
    width: 100%;
}

/* the topbar with logo, main links and banner */
.topBar
{
    background-color: white;
    margin: 0px;
    padding: 0px;
    border-bottom: 4px solid #EAE0D4;
}
.topBar a
{
	font-size: 11px;
	font-family: arial, verdana, helvetica, sans-serif;
    font-weight: 800;
	text-decoration: none;
	padding: 3px 6px 3px 6px;
    margin: 0px 2px 0px 0px;
}
.topBar input
{
    font-size: 10px;
    background-color: #EAE0D4;
    padding: 0px;
    margin: 0px;
}

/*------------------------------------------------------*/
/* The mail 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;
}
.main_wrap2
{
}
.main_wrap3
{
}
.main_wrap4
{
}
.main_wrap5
{
}
/*------------------------------------------------------*/

/* All the content boxes belong to the content class. */
.content
{
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
}

.search
{
  	float: right;
}

/* Left navigation panel */ 

.navLeftContainer
{
    position:relative;
    float:left;
}
.navLeftContainer a
{
    font-weight:normal;
}

.navLeft1
{
    border:0px black solid;
    background-color: #aaaf9b;
}

.navLeft2
{
    color: #6F7661;
    font-weight:bold;
}
.navLeft2 select
{
    font-size: 11px;
}
.navLeft2 input
{
    font-size: 11px;
}
.navLeft2 a /* normal links */
{
    font-size:11px;
    font-family:verdana, arial, helvetica, sans-serif;
    font-weight:normal;
    text-decoration:none;
}
.navLeft1 a:link {color:#000;}
.navLeft1 a:visited {color:#000;}
.navLeft1 a:hover {color:#fff;}
.navLeft2 h1, h2, h3 {color:#6F7661;}

/* the restaurant list on the left side under the menu */
.leftList
{
    position:relative;
    float:left;
    width:140px;
    margin:10px 10px 10px 5px;
    border:0px black solid;
    background-color: white;
}
.leftList2
{
    color: #6F7661;
}

.boxBlue
{
    background-image: url(none);
    background: #f0f0ff; 
    border: 1px solid #333;
}

/* Right panel for restaurant login */		
.floatRight1
{
    float:right;
    background-color: #aaaf9b;
}
.floatRight2
{
    color:#3F4730;
}
.floatRight2 p /* paragraph in the right navbar */ 
{
    font:11px verdana, arial, helvetica, sans-serif;
}
.error
{
    color: #f00;
    background-color: #fff;
    border: 1px solid black;
    font-size: 10px;
}

#navRight 
{
    display:none;
}

/* 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;
    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;
}


/* ------------ 
 Drop-shadows 
 ------------ */
.wrap1, .wrap2, .wrap3
{
}
.wrap1 
{
    float:left;
}
.wrap2 
{
}
.wrap3 
{
}
.wrap3 img 
{
}
.box  /* picturebox with description text in */
{
    background: #f0f0ff; 
    border: 1px solid #333;
}
.box p
{
    font: italic 10px verdana, arial, helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    z-index: auto;
}

/* 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;
    background-color: #3377CC;
    width: 115px;
    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;
}
#navcontainer a:hover
{
    background-color: #3377CC;
    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;
}

/* for the restaurant listing */
.tblList {
    padding: 0px;
    margin: 0px;
}
.tblList th {
    padding: 0px;
    margin: 0px;
    text-align: left;
    font-weight: bold;
}
.tblList p /* normal paragraph */ 
{
    font:11px verdana, arial, helvetica, sans-serif;
    padding:0px;
    /*color:#000;*/
}

/* for the page numbering */
.pgnr
{
    padding: 1px;
    margin: 0px;
    font: 9px verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    border: 0px #ccc;
}
.pgnr a
{
    background-color: #fff;
    padding: 0px 1px;
    font: 9px verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    font-weight: normal;
    border: 1px #555 solid;
}
.pgnr a:link {color:#000;}
.pgnr a:visited {color:#333;}
.pgnr a:hover {
    background-color: #F26622;
    color: #000;
}

.bottom_links
{
    padding:0px;
    border:0px;
    font-size : 9px;
    font-style : normal;
    font-weight : normal;
}
.bottom_links a 
{
    font-size : 9px;
    font-style : normal;
    font-weight : normal;
    text-decoration : underline;
}

.bottom_links img
{
    border: 1px solid black;
}

.links_tbl
{
    text-align:center;
}
.links_tbl_header
{
    text-align:center;
    background-color: #aa8;
    padding: 5px;
    font-size: 11px;
    font-weight:bolder;
}

.ram
{
    border:1px solid black;
}
.kompakt
{
    border: 1px solid black;
    margin: 2px 0px 2px 0px;
}

.box_warning
{
    background-color:#F26622;
    border:1px solid gray;
    padding:1em;
    margin:1em;
}

/* Buttons background */
.button1
{
    background-repeat:no-repeat;
}
.button2
{
    background-repeat:no-repeat;
}
.button3
{
    background-repeat:repeat-x;
    margin:0px 3px 0px 3px;
}

/* Separator with diagonal lines */
.separator
{
    height: 6px;
    width: 50%;
    text-align:center;
    float:left;
    background-color:#7C7A66;
}
/* Separator with diagonal lines */
.separator_thin
{
    height: 6px;
    width: 100%;
    margin:0;
    padding:0;
    text-align:center;
    background-color:#F58320;
}

.no_border img
{
    background-color:transparent;
    border:0px;
}

.boxright
{
    float:right;
    background-color:#F1F0F0;
    padding: 0px 3px;
    border:1px dotted #C1C0C0;
}