html, body {
height: 100%;
padding-top:10px;
margin:10px;
}
body {
background: #3F3F3F url("images/diag.jpg");
background-position: top center;
font-family: "Arial";
font-size: 11px;
color:#FFFFFF;
padding:0px;
margin:0px;
}

/* ... Links in Menuebefehlszeile ... */
a, a:link {
text-decoration: underline;
color:#FFF;
font-weight:bold;
}
a:hover {
text-decoration: none;
color:#FFF;
}
a:active {
text-decoration: underline;
color:#FFF;
}


#container {
width: 774px;
height: auto !important;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom:0px;
}


/* ... Hier werden die Grafiken im Kopf festgelegt ... */

#kopf_start {
width: 762px;;
height: 302px;
background: url(images/kopf_stellplatz.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}

#kopf_start {
width: 762px;;
height: 302px;
background: url(images/kopf_startseite02.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}

#kopf_zimmer {
width: 762px;;
height: 302px;
background: url(images/kopf_zimmer.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}

#kopf_anfahrt {
width: 762px;;
height: 302px;
background: url(images/kopf_anfahrt.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}

#kopf_speisekarte {
width: 762px;;
height: 302px;
background: url(images/kopf_speisekarte.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}

#kopf_link {
width: 762px;;
height: 302px;
background: url(images/kopf_links.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}

#kopf_impressum {
width: 762px;;
height: 302px;
background: url(images/kopf_impressum.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}

#kopf_bilder {
width: 762px;;
height: 302px;
background: url(images/kopf_bilder.jpg);
margin:0px;
padding:0px;
position:relative;
left:7px;
}



#header_text
{
 position:relative;
 right:20px;
 top:55px;
 font-size:16pt;
 float:right;
 font-weight:bold;
}

img
{
 margin:5px;
}


#core_left {
margin: 0;
width: 774px;
height:auto;
}

#core_right {
margin: 0;
float: left;
width: 750px;
min-height:250px;
background: #4D7942;
color:#000;
margin-left:10px;
border-left: 4px solid #FFF;
border-right: 4px solid #FFF;
}

/* ... Hintergrundfarbe für speisekarte.html ... */
#core_right02 {
margin: 0;
float: left;
width: 750px;
min-height:250px;
background: #d8c58e;
font-size: 12px;
color:#000;
margin-left:10px;
border-left: 4px solid #FFF;
border-right: 4px solid #FFF;
}

/* ... Schriftfarbe SCHWARZ für speisekarte.html ... */
.content-box02
{
 padding:6px;
 height:auto !important;
 float:left;
 width: 720px;
 margin-bottom:10px;
 font-family: "Arial";
 font-size: 12px;
 color:#000000;        /* ... Textfarbe ... */
 margin-left:10px;
}

/* ... Schriftfarbe WEIS außer für speisekarte.html ... */
.content-box
{
 padding:6px;
 height:auto !important;
 float:left;
 width: 720px;
 margin-bottom:10px;
 font-family: "Arial";
 font-size: 12px;
 color:#FFF;           /* ... Textfarbe ... */
 margin-left:10px;
}

/* ... Aussehen und Verhalten der Links in der "content-box" ... */
.content-link  a:link 
{
text-decoration: none;
color:#FFF;
font-size:12px;
font-weight:normal;
border-bottom:1px solid #FFF;
}
.content-link a, #content-link a:visited 
{
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:12px;
font-weight:normal;
border-bottom:1px solid #FFF;
}
.content-link  a:hover 
{
margin:0px;
color:#C0C0C0;
text-decoration: none;
border-bottom:2px solid #C0C0C0;
}


.tumb
{
 float: left;
 margin-right:5px;
 padding:0px;
}

.pagination
{
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}


/* ... Hintergrund für index, zimmer, bilder, impressum, kontakt und links.html ... */
#footer {
width: 758px;
background:  url(images/linienfuss01.gif) bottom center no-repeat;
text-align: center;
margin-left:auto;	
margin-right:auto;
padding:0px;
height:26px;
clear:both;
position:relative;
left:2px;
}

#footer2
{
clear:both;
height:10px;     			 /*...Hoehe...*/
background: url(images/linienfuss02.jpg);
width:758px;     			 /*...Breite...*/
margin-left:10px;			 /*...Abstand zum Rand links...*/
}



/* ... Hintergrund für speisekarte.html ... */
#linienfussbraun01 {
width: 758px;
background:  url(images/linienfussbraun01.gif) bottom center no-repeat;
text-align: center;
margin-left:auto;
margin-right:auto;
padding:0px;
height:26px;
clear:both;
position:relative;
left:2px;
}


#linienfussbraun02
{
clear:both;
height:10px;
background: url(images/linienfussbraun02.jpg);
width:758px;
margin-left:10px;
}


h2
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:18px;
height:25px;
}
h3
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:15px;
height:22px;
margin:0px;
padding:0px;
color:#FFF;
width:718px;
background: url(images/anmerkung_underline.jpg) bottom left repeat-x;
margin-bottom:5px;
font-weight:bold;
}
h4
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:12px;
}


#navcontainer ul {
margin:0px;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
width: 774px;
list-style-type: none;
background: url("images/menue.gif");
height:60px;
}

#navcontainer li {
color:#FFF;
display:inline;
position:relative;
height:25px;
width:100px;
padding-left: 50px;
padding-top:20px;
top:19px;
}

/* ... Linkverhalten im Hauptmenue für alle Seiten außer Speisekarte.html... */
#navcontainer a, #navcontainer a:link {
display:inline;
color:#FFF;
border-bottom:1px solid #FFF;
font-family:Arial;
font-size:12px;
font-weight:bold;
}
#navcontainer a, #navcontainer a:visited {
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:12px;
}
#navcontainer a:hover {
margin:0px;
color:#000;
text-decoration: none;
font-weight:bold;
border-bottom:2px solid #000;
}


/* ... Linkverhalten im Hauptmenue für Speisekarte.html... */
/* ... Schlagschatten unten in Menueleiste für speisekarte.html angepasst ... */
#navcontainer02 ul {
margin:0px;
padding: 0px;
padding-top: 0px;
padding-left: 0px;
width: 774px;
list-style-type: none;
background: url("images/menue02.gif");
height:60px;
}

#navcontainer02 li {
color:#FFF;
display:inline;
position:relative;
height:25px;
width:100px;
padding-left: 50px;
padding-top:20px;
top:19px;
}

#navcontainer02 a, #navcontainer02 a:link {
display:inline;
color:#FFF;
border-bottom:1px solid #FFF;
font-family:Arial;
font-size:12px;
font-weight:bold;
}
#navcontainer02 a, #navcontainer02 a:visited {
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:12px;
}
#navcontainer02 a:hover {
margin:0px;
color:#000;
text-decoration: none;
font-weight:bold;
border-bottom:2px solid #000;
}

#navcontainer-action a, a:link   /*... noch nicht besuchte Verweisziele ... */
{
text-decoration: underline;
color:#FFF;
font-weight:bold;
border-bottom:1px solid #FFF;
}
#navcontainer-action a, #navcontainer-action a:visited /*... bereits besuchte Verweisziele ... */
{
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:12px;
font-weight:bold;
border-bottom:1px solid #FFF;
}
#navcontainer-action a:hover /*... Verhalten während der Corsor über den Link fährt ... */
{
margin:0px;
color:#C0C0C0;
text-decoration: none;
font-weight:bold;
border-bottom:3px solid #C0C0C0;
}


#nav-small a, a:link   /*... noch nicht besuchte Verweisziele ... */
{
text-decoration: none;
color:#FFF;
font-weight:normal;
font-size:9px;
}
#nav-small a, a:hover /*... Verhalten während der Corsor über den Link fährt ... */
{
margin:0px;
color:#C0C0C0;
text-decoration: none;
font-weight:normal;
border-bottom:1px solid #C0C0C0;
}

#nav-small a, #nav-small a:visited /*... bereits besuchte Verweisziele ... */
{
display:inline;
color:#FFF;
text-decoration: none;
font-family:Arial;
font-size:10px;
font-weight:normal;
}