/* nur zum Debuggen
div { border: 1px solid #888; }  */


/************************************* Main structure *************************/

body {
	background-color: #EBCB92;
	background: url('images/main_bg.jpg') repeat top left;
    text-align: center;
}

.startpage {
	background-image: none;
	background-color: #EBCB92;
}

* {margin: 0; padding: 0; border: 0; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 20px; color: black }

#container {
	margin: 0 auto; 
	width: 800px;
/*	height: 768px; */
}

#header {
	background: url('images/toplogo.gif') no-repeat center center;
	background-color: #DAD9D7;
	height: 100px;
	padding-top: 20px;
}

#spezial {
	position:absolute; top: -50px; left:170px;
	bbbackground-color: #F3EDE0; 
	background-image:url(images/spezial.gif);
	bbbborder: 2px solid black;
	white-space: nowrap;
	font-weight:bold;
	font-size: 13px; 
	padding: 20px;
}
//#spezial a:link {color: red; text-decoration: underline; }
//#spezial a:hover, #spezial a:visited, #spezial a:active {color: black; text-decoration: underline; }

#fiftysix_logo {
	position:absolute; top: -90px; right:25px;
	background: url('images/fifty_six.gif') no-repeat center center;
	width: 150px;
	height: 110px;
}

#luhutz_sb {
	position:absolute; top: 290px; right:540px;
	background: url('images/luhutz.gif') no-repeat;
	display: none;
	width: 400px;
	height: 150px;
}

#content {
	width: 800px;
	height: 1200px;
	position:relative;
	z-index: 0;
}
#content.startbild {
	height: 746px;
}

#wait {
	position:absolute; top: 150px; left:300px;
	background: url('images/wait.gif') no-repeat center center;
	width: 200px;
	height: 110px;
	font-weight: bold;
	text-align: center;
}

#concordia_banner {
	position:absolute; top: 0px; left:800px;
	background: url('images/concordia_rechts.jpg') repeat-y top left;
	border-left: 2px solid gray;
	width: 52px;
	height: 1320px; /* 1200 + 120 */
	margin-top: -120px;
}

#concordia_banner_sb {
	position:absolute; top: 0px; left:800px;
	background: url('images/concordia_rechts.jpg') no-repeat left 100px #D3BAA6;
	border-left: 2px solid gray;
	width: 52px;
	height: 866px;
	margin-top: -120px;
}

#bistro_banner {
	position:absolute; top: 0px; left:800px;
	background: url('images/bistro_rechts.jpg') repeat-y top left;
	border-left: 2px solid black;
	width: 52px;
	height: 1320px; /* 1200 + 120 */
	margin-top: -120px;
}

.startbild {
	background: url('images/startbild2.jpg') no-repeat top right;
}

.restaurant {
	/*background: url('images/restaurant_bg.jpg') repeat-y top left;*/
}

div.startbild {
	background-color: transparent;
}
div.restaurant {
	background-color: #EFE5B4;
}
div.bistro {
	background-color: #DAB57E;
}
div.kontakt, div.anfahrt, div.aktuelles {
	background-color: #EFE5B4;
}


.menu_header, 
.menu_text,
.menu_oder,
.menu_separator,
.menu_preis,
.menu_trailer_top,
.menu_trailer {
	text-align: center;
}

.menu_header, 
.menu_trailer_top {
	font-size: 1.4em;
	color: #67833D;
    clear:both;
}

.menu_oder {
	font-size: 0.8em;
	/*font-style: italic;*/
	font-weight: normal;
}

.menu_preis {
	font-size: 0.8em;
	/*font-style: italic;*/
	font-weight: normal;
	padding-left: 5px;
}

.menu_header {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 20px;
}

.menu_trailer_top {
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 20px;
}

.menu_trailer,
.menu_text {
	font-weight: bold;
	font-size: 1.1em;
}

.menu_separator {
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
}

#home_img1 {
	position:absolute; top:420px; right:60px;
	background: url('images/home1.png') no-repeat top left;
	width: 300px;
	height: 208px;
}

#home_img2 {
	position:absolute; top:450px; left:60px;
	background: url('images/home2.png') no-repeat top left;
	width: 250px;
	height: 190px;
}

#restaurant_text_top {
	position:absolute; top:30px; left:130px;
    woverflow:hidden;
	font-size: 1.2em;
	font-weight: bold;
	color: gray;
	width: 400px;
	height: 200px;
}

#restaurant_text_bot {
	position:absolute; top:600px; left:130px;
    woverflow:hidden;
	font-size: 1.2em;
	font-weight: bold;
	color: gray;
	width: 550px;
	height: 200px;
}

#restaurant_top_img1 {
	position:absolute; top:-60px; right:40px;
	background: url('images/restaurant1.gif') no-repeat top left;
	width: 150px;
	height: 150px;
}

#bistro_text_top {
	position:absolute; top:30px; left:120px;
	r_overflow:hidden;
	width: 245px;
	height: 300px;
	padding-top: 10px;
	margin-left: 0px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #72505F;
}
span.hervorheben {
	font-size: 1.0em;
	font-weight: bold;
	color: black;
}

#bistro_img1 {
	position:absolute; top:50px; right:10px;
	background: url('images/bistro1.jpg') no-repeat top left;
	width: 380px;
	height: 285px;
}	
#bistro_img2 {
	position:absolute; top:380px; left:20px;
	background: url('images/bistro2.jpg') no-repeat top left;
	width: 380px;
	height: 285px;
}
#bistro_img3 {
	position:absolute; top:380px; right:10px;
	background: url('images/bistro3.jpg') no-repeat top left;
	width: 380px;
	height: 285px;
}

#restaurant_img1 {
	position:absolute; top:770px; left:110px;
	background: url('images/restaurant1.jpg') no-repeat top left;
	width: 300px;
	height: 250px;
}	
#restaurant_img2 {
	position:absolute; top:1050px; left:430px;
	background: url('images/restaurant2.jpg') no-repeat top left;
	width: 300px;
	height: 220px;
}
#restaurant_img3 {
	position:absolute; top:260px; left:120px;
	background: url('images/restaurant7.jpg') no-repeat top left;
	width: 415px;
	height: 322px;
}
#restaurant_img4 {
	position:absolute; top:100px; left:560px;
	background: url('images/restaurant4.jpg') no-repeat top left;
	width: 200px;
	height: 300px;
}
#restaurant_img5 {
	position:absolute; top:15px; left:340px;
	background: url('images/restaurant5.jpg') no-repeat top left;
	width: 200px;
	height: 300px;
}
#restaurant_img6 {
	position:absolute; top:520px; left:550px;
	background: url('images/restaurant6.gif') no-repeat top left;
	width: 250px;
	height: 150px;
}
#restaurant_img7 {
	position:absolute; top:770px; left:500px;
	background: url('images/restaurant8.png') no-repeat top left;
	width: 300px;
	height: 250px;
}

#ausbildung_img1 {
	position:absolute; top:140px; left:360px;
	background: url('images/lem.gif') no-repeat top left;
	width: 230px;
	height: 320px;
}

#ausbildung_text {
	position:absolute; top:115px; left:130px;
	font-size: 30px; 
	color: green;
}
#ausbildung_text1 {
	position:absolute; top:370px; left:50px;
	font-size: 20px; 
}
#ausbildung_text2 {
	position:absolute; top:480px; left:130px;
	font-size: 20px; 
}
#ausbildung_text, #ausbildung_text1, #ausbildung_text2 {
	white-space: nowrap;
	font-weight: bold;
	padding: 10px;
    text-align: center;
}
#ausbildung_text1 a:link, #ausbildung_text1 a:visited, 
#ausbildung_text2 a:link, #ausbildung_text2 a:visited  
	{color: blue; text-decoration: underline; }
#ausbildung_text1 a:hover, #ausbildung_text1 a:active,
#ausbildung_text2 a:hover, #ausbildung_text2 a:active 
	{color: black; text-decoration: underline; }

#textfirstpage {
	bbackground-color: #F3EDE0; 
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	width: 730px;
	position:absolute; bottom:10px; left:30px;
	bborder: 2px solid black;
	font-size: 13px; 
    text-align: left;
}
#textfirstpage span.hervorheben {
	font-weight: bold;
	font-size: 13px; 
	color: gray; /*#3CB371;*/
}


#kontakt_img1 {
	position:absolute; top:100px; right:80px;
	background: url('images/ulli_petra_klein.jpg') no-repeat top left;
	width: 270px;
	height: 200px;
}

#kontakt_text {
	position:absolute; top:115px; left:130px;
	color: black;
	font-weight: bold;
	font-size: 1.2em;
    text-align: right;
}

#kontakt_zeiten {
	position:absolute; top:350px; right:250px;
	color: black;
	font-weight: bold;
	font-size: 1.2em;
    text-align: center;
}

.notiz {
	color: #339900;
	font-weight: bold;
	font-size: 1.2em;
}

#impressum {
	position:absolute; top:550px;
	color: gray;
	padding-top: 5px;
	padding-left: 50px;
	padding-right: 50px;
	width: 700px;
	font-size: 1.0em;
    text-align: center;
	border-top: 1px dotted gray;
}


#footer {
	position:absolute; bottom:-20px; right:0px;
	height: 20px;
	width: 200px;
	background: url('images/createdby.gif') no-repeat center center; 
	z-index: 11;
}

/********************************* Anfahrt **************************/

#anfahrt_karte {
	position:absolute; top:170px; left:0px;
	background: url('images/karte.gif') no-repeat top center; 
	width: 800px;
	height: 500px;
}

#anfahrt_beschreibung ul {
	padding-top: 30px;
	padding-left: 130px;
}

#anfahrt_beschreibung ul li {
	text-align: left;
	color: black;
	font-weight: bold;
	font-size: 1.2em;
}

#anfahrt_willkommen {
	position:absolute; top:630px; left: 60px;
	background: url('images/willkommen.gif') no-repeat top center; 
	width: 700px;
	height: 300px;
}

/********************************* Navigation **********************************/

#navcontainer { 
	position:absolute; top:10px; left:-90px;
	z-index: 255;
}

#navcontainer ul
{
	list-style-type: none;
	font-weight: bold;
	color: #990000;
}

#navcontainer a
{
	display: block;
	padding-top: 17px;
	padding-left: 37px;
	width: 140px;
	border-bottom: 1px solid #eee;
	background-image: url(images/menu.png);
	background-repeat: repeat-x;
	height: 27px;
	font-size: 12px; 
}

#navcontainer a.submenu, #navcontainer a.submenu:hover, #navcontainer a.submenu#active {
	background-image: none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	height: 15px;
	width: 140px;
	background-color: #FAF8F2;
	border-bottom: none;
}

#navcontainer a:link, #navlist a:visited
{
	color: #93B26E;
	text-decoration: none;
}

#navcontainer a:hover, #navcontainer a#active
{
	background: url(images/menu.png) 0 -45px;
	color: #562930;
}

/******************************* Text and image formatting *******************************/

p {margin-bottom: 15px;
   margin-top: 15px;
}

p.quote:first-letter 
{
	color: #6F9800;
	/*font-size:xx-large;*/
	margin-top: 20px;
	font-size: 2.5em;
    padding-right: 2px;
   
}

h1 {
	color: #87a448;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 2.6em;
}

.red {color: #614240;}

h2 {
	color: #bf8a44;
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

h4 {
	width: 210px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #F5F9EB;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CEAC86;
	border-bottom-color: #CEAC86;
	font-size: 1.2em;
	color: #A6BB7A;
}

blockquote {
	background-color: #F4F7F0;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	padding-bottom:30px;
	border: 1px dotted #EBE2B7;
	background-image: url(images/blockquote.png);
	background-repeat: no-repeat;
	font-style: italic;
}

.read_more {
	background-color: #FFFFFF;
	padding: 3px;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

img {border: none;}

.float_left {float: left;
              margin-right: 10px;}
			  
.float_right {float: right;
              margin-left: 10px;}
			 
a:link {color: gray; text-decoration: none;	font-size: 1.0em;}     /* unvisited link */
a:visited {color: gray; text-decoration: none;	font-size: 1.0em;}  /* visited link */
a:hover {color: black; text-decoration: none;	font-size: 1.0em;}   /* mouse over link */
a:active {color: black; text-decoration: none;	font-size: 1.0em;}   /* selected link */

/**************************************** Form elements member login ****************************/


p.welcome {
	font-size: 0.8em;
	text-align: left;
	margin-right: 30px;
	margin-left: 35px;
	margin-bottom: 0px;
	margin-top: 25px;
	color: #6B383D;
}

form {
	margin-top: 15px;
	margin-left: 35px;
}

input.fields {display: block;
        width: 140px;
        background: url(images/input_bg.png);
		border-top: 1px solid #E3E4E9;
		border-left: 1px solid #E3E4E9;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		margin-top: 3px;
	    margin-bottom: 3px;}

label {
	color: #A5BB73;
	font-style: italic;
}

.submit_button {
	margin-top: 15px;
	padding: 2px;
	background-color: #EAF4D9;
	float: right;
	margin-right: 40px;
	border-top: 2px solid white;
	border-left: 2px solid white;
	border-bottom: 2px solid #E3E4E9;
	border-right: 2px solid #E3E4E9;
}

/**************************************** extra classes: contact us ****************************/

form.contact_us {
	width: 190px;
	margin-top: 15px;
	margin-left: 0px;
	padding: 15px;
	background-color: #FBF9F4;
	background-image: url(images/form_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

input.fields_contact_us {display: block;
        width: 185px;
        background: url(images/input_bg.png);
		border-top: 1px solid #E3E4E9;
		border-left: 1px solid #E3E4E9;
		border-bottom: 1px solid white;
		border-right: 1px solid white;
		margin-top: 3px;
	    margin-bottom: 3px;}

textarea {width: 185px;
          background: url(images/input_bg.png);
          border-top: 1px solid #E3E4E9;
		  border-left: 1px solid #E3E4E9;
		  border-bottom: 1px solid white;
		  border-right: 1px solid white;

          margin-top: 3px;}

.submit_button_contact {
	margin-top: 15px;
	padding: 2px;
	background-color: #EAF4D9;
}