@import url(http://fonts.googleapis.com/css?family=Handlee);

/*BROWSER RESET************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
        font-size: 100%;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*/BROWSER RESET************************************************************/


html,body {
    padding:0px;
    margin:0px;
    outline:none;
    font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;
}

#header {
	text-align: center;
	height: 138px;
	width: 976px;
	margin: 0;
	padding: 0;
}

#wrapper {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	border-color: red;
	border-width: 2px;
	text-align: center;
	position: relative;
	width:1000px;
	overflow: hidden;
}

#background {
    width:100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:-1000;
}

#background img {
    width:100%;
    height:100%;
    position:fixed;
}

/**************************************NAVIGATION***************************/
#navileft {
 position:relative; 
 float: left;
 width: 200px;
 height: 500px; 
 color: #2F6B00;
 background: url("./images/navileft.png") top right no-repeat;
 text-align: right;
 font-size: 12px;
 margin:0;
 padding: 0;
}

#navileft .header {
	color: #ff6600;
	padding: 0;
	margin: 0;
	font-size: 18px;
	margin-bottom: 10px;
}

#navileft ul {
	padding:0;
	margin:0 0 25px 0;
}

#navileft li {
	font-family: 'lucida console', Sans-Serif, cursive;
	list-style: none;
	font-size: 15px;
	margin-bottom: 8px;	
}

#navileft li a:link,
#navileft li a:visited {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #28690e;
}

#navileft li a:hover,
#navileft li a:active {
	color: #2b8208;	
}

#navileft #nav-1 { display: block; margin-right: 33px; margin-top: 27px;}
#nav-2 { display: block; padding-right: 23px; margin-top: 0;}
#nav-3 { display: block; padding-right: 17px; }
#nav-4 { display: block; padding-right: 13px; }
#nav-5 { display: block; padding-right: 15px; }
#nav-6 { display: block; padding-right: 20px; }
#nav-7 { display: block; padding-right: 28px; }
#nav-8 { display: block; padding-right: 27px; }
#nav-9 { display: block; padding-right: 24px; }
#nav-10 { display: block; padding-right: 16px; }
#nav-11.header { display: block; padding-right: 20px; margin-top: 10px; }
#nav-12 { display: block; padding-right: 25px; }
#nav-13 { display: block; padding-right: 20px; }
#nav-14 { display: block; padding-right: 16px; }
#nav-15 { display: block; padding-right: 16px; }
#nav-16 { display: block; padding-right: 85px; }

/**************************************END:NAVIGATION***************************/

/**************************************MAIN***************************/
#main {
 position:relative;
 float: left;
 width: 750px; 
 padding:10px;
 color: black;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;
 font-size: 18px;
 text-align: left;
 height: 500px;
 max-height: 890px;
 overflow: auto;
 display: block;
 line-height: 1.5em;
}

/*** Main with Submenu! **/
#main-s {
 position:relative;
 float: left;
 width: 750px; 
 padding:10px;
 color: black;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;
 font-size: 18px;
 text-align: left;
 height: 380px;
 max-height: 890px;
 overflow: auto;
 display: block;
 line-height: 1.5em;
}

#main h1,
#main-s h1 {
	color: #ff6600;
	text-align: center;
	font-size: 26px;
	margin: 0 0 20px 0;
}

#main h2,
#main-s h2 {
    text-align: left;
    color: #ff6600;
    font-size: 22px;
    margin: 5px 0 20px 0;
}

#main h2.center,
#main-s h2.center {
	text-align: center;
	
}

#main h3,
#main-s h3 {
    text-align: left;
    color: #000;
    margin-bottom: 20px;
    font-size: 18px;
}

#main h3.center,
#main-s h3.center {
	text-align: center;
}

#main img,
#main-s img {
	margin: 20px;
}
#main ul,
#main-s ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#main ul {
	margin: 15px 0 15px 0;
	
}

#main li,
#main-s li {
	padding-left: 25px;
	background-image: url("images/list.png");
	background-repeat: no-repeat;
	background-position: left center; 
	font-size: 15px;
}

#main img,
#main-s img {
	border-radius: 20px;
    border-style: none;
    border-wid : 0;
}

#stdhead {
 position:absolute; 
 text-align:left;
 float:left;
 top:30px; 
 left:360px;
 width: 700px; 
 padding:10px;
 color: #C85611;
 font-weight: bold;
 font-style:italic;
 font-size: 32pt;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;
}


/**************************************END:MAIN***************************/

/**************************************SUBMENU***************************/
.submenu {
	float: left;
	width: 770px;
	text-align: center;
	height: 55px;
	background: url("./images/hr-flower.png") center bottom no-repeat;
	padding: 15px 0 30px 0;
	
}

.submenu li {
	display: inline-block;
	margin: 0 20px 0 0;
	background: url("./images/list.png") left center no-repeat;
	padding-left: 22px;
	line-height: 1.5em;
	text-decoration: none;
		
}

.submenu a {
	border: none;
	text-decoration: none;
	color: #2F6B00;
}

.submenu-content {
	display: block;
	float: right;
	width: 700px;
	padding-left: 20px;
}
#stdimg {
 position:absolute;
 top:0px;
 left:800px;
 width:550px;
}

#stdimg2 {
 position:absolute;
 top:0px;
 left:850px;
 width:550px;
}


#stdtext {
 position:absolute;
 text-align:left;
 float:left;
 top:225px;
 left:360px;
 width: 900px; 
 padding:10px;
 color: #FF5010;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;
}

#highertext {
 position:absolute;
 text-align:left;
 float:left;
 top:80px;
 left:360px;
 width: 900px; 
 padding:10px;
 color: #FF5010;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;
}

.welc1 {
 text-align: center;
 color: #2F6B00;
 font-size: 18pt;
 font-weight: bold;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;

}

.welc2 {
 text-align: center;
 color: #FF5010;
 font-size: 22pt;
 font-weight: bold;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;
}

.welc3 {
 text-align: center;
 color: #C85611;
 font-size: 17pt;
 font-style: italic;
 font-weight: bold;
 font-family: 'Handlee', "verdana", trebuchet MS, arial, sans-serif;

}
.welc4 {
 text-align: center;
 color: #2F6B00;
 font-size: 17pt;
 font-weight: bold;
}

.center {
 text-align: center;
 margin: auto;
}

p {
 color: #000000;
 margin-bottom: 15px;
 font-size: 15px;
}

p.motto2 {
    text-align: left;
    color: #C85611;
    font-size: 13pt;
}



p.subhead {
  font-size: 13pt;  
}

p.stark {
    color: red;
}

p.li {
    padding-left:20px;
}


p.subtitle {
color: #2F6B00;
}

p.smalltext {
    font-size: 10pt;
}

table {
color: #000000;
}

th {
color:  #ff6600;
}

.orange {
color:  #C85611;

}

.textlink {
color: #2F6B00;
font-weight: bold;
font-style: italic;
text-decoration: none;
border-bottom: 2px #2F6B00 dotted;
}

.menuitem {
 color: #2F6B00;
 font-size: 14pt;
 line-height: 1.5em;
}

.menuhead {
 color: #FF5010;
 font-size: 14pt;
 line-height: 1.5em;
}

.img1 {
 width: 550px;
 text-align: center;
}

.imgstd {
    width:350px;
}

.imgstd2 {
    width:350px;
}

.imgstd3 {
    width:300px;
}

div.hr { 
padding: 0; 
margin: 24px 0; 
height: 20px; 
width:100%; 
clear: both; 
background: url(images/hr.gif) no-repeat center; 
}

div.hr hr { 
display: none; 
}

table {
	margin: 20px 0 20px 0px;
}

table td {
	padding-right: 20px;
	font-size: 14px;
}


/*SITESPECIFIC************************************************************/
#welcome-desc {
	font-size: 18px;
	color: #2F6B00;
	line-height: 1em;
}

table.tablemargin a {
	margin-right: 20px;
}

#test {
	
}

#main-s img.frischkost-hr {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}

#trenner {
	margin: 0;
	
}

.clear {
	clear: both;
}

.speisekarte u {
	text-decoration: none;
	font-style: italic;
	color: #2F6B00;
}

.mejs-container {
	margin: auto;
}