body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	padding-top: 21px;
	margin-left: 0px;
	margin-right: 0px;
	color: #333333;
}
p {
	line-height: 17px;
}
#hotel {
	background-image:  url(../img/bg-hotel.gif);
	background-repeat: repeat-x;
	background-color: #A3ADBD;
}
.head {
	height:179px;
	margin-bottom: 50px;
}

.head div.logo {
	background-repeat: no-repeat;
	background-position: center;
	width:270px;
	height:179px;
	overflow: hidden;
	float:left;
}
.head div.headmiddle {
	background-repeat: no-repeat;
	background-position: center;
	width:270px;
	height:179px;
	overflow: hidden;
	float:left;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.head div.headright {
	background-repeat: no-repeat;
	background-position: center;
	width:270px;
	height:179px;
	overflow: hidden;
	float: left;
}
#hotel .logo {
	background-image:  url(../img/logo-krone-hotel.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#catering {
	background-image:  url(../img/bg-catering.gif);
	background-repeat: repeat-x;
	background-color: #A0C1AC;
}
#catering .logo {
	background-image:  url(../img/logo-catering.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#uhlandstube {
	background-image:  url(../img/bg-uhlandstube.gif);
	background-repeat: repeat-x;
	background-color: #BDBDBD;
}
#uhlandstube .logo {
	background-image:  url(../img/logo-uhlandstube.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#container {
	margin-right: auto;
	margin-left: auto;
	width: 814px;
}


.buchstabe-s {
	background-image: url(../img/schrift-s.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}

.buchstabe {
	padding-top: 35px;
}
#text1 {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}
#fusszeile {
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
}
#container #fusszeile a {
	color: #333;
	text-decoration: none;
}
#container #fusszeile a:link {
	text-decoration: none;
}
#container #fusszeile a:hover {
	text-decoration: none;
}

#container #fusszeile a:visited {
	text-decoration: none;
}
.buchstabe-f {
	background-image: url(../img/schrift-f.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
.buchstabe-d {
	background-image: url(../img/schrift-d.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
.buchstabe-t {
	background-image: url(../img/schrift-t.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
.watermark-catering {
	background-image: url(../img/watermark-catering.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
.watermark-krone {
	background-image: url(../img/watermark-krone.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	background-position: 0px 5px;
}
.watermark-residieren {
	background-image: url(../img/watermark-residieren.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	background-position: 0px -10px;
}
.watermark-willkommen {
	background-image: url(../img/watermark-willkommen.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
.watermark-uhland {
	background-image: url(../img/watermark-uhland.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	background-position: -17px 0px;
}
.watermark-history {
	background-image: url(../img/watermark-history.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
.watermark-gutereise {
	background-image: url(../img/watermark-gutereise.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
.watermark-bonvoyage {
	background-image: url(../img/watermark-bonvoyage.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	background-position: 0px 15px;
}
.watermark-business {
	background-image: url(../img/watermark-business.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	background-position: 0px 15px;
}
.watermark-geschichte {
	background-image: url(../img/watermark-geschichte.gif);
    background-position: 0 -7px;
    background-repeat: no-repeat;
    margin-top: 0;
    padding-bottom: 20px;
    padding-top: 35px;
}
 a:link, a:link, a:visited {
	color: #8F1F09;
}
 a:hover {
	color: #204879;
}

#text2 {
	font-size: 12px;
	padding-right: 25px;
	padding-left: 25px;
}
#text3 {
	font-size: 12px;
	padding-right: 25px;
}
.buchstabe-w {
	background-image: url(../img/schrift-w.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
}
#fusszeile a:visited {
	color: #FFCC66;
	text-decoration: underline;
}
#mittig {
	text-align: center;
	width: 400px;
	margin-left: 100px;
	float: left;
}
#mittig a:link {
	color: #8F1F09;
	text-decoration: none;
	font-weight: bold;
}
#mittig a:visited {

	color: #8F1F09;
	text-decoration: none;
	font-weight: bold;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	color: #8F1F09;
	background-image: url(../img/headline-linie.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 8px;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #8F1F09;
	letter-spacing: 1px;
}
#logo {
	background-image: url(../img/bgindex.gif);
	background-repeat: repeat-y;
	background-position: center;
	height: 150px;
}

#banderole {
	color: #CCCCCC;
	background-image: url(../img/navigation-bg.jpg);
	height: 48px;
	background-position: center center;
	margin: 0px;
}
#banderole h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFCC66;
	background-image: none;
}
.stil1 {
	color: #8F1F09;
	font-weight: bold;
}
.stil2 {
	color: #8F1F09;
}
hr {
	height: 1px;
	border: 0 none;
	color: #FFCC66;
	background-color: #FFCC66;

	noshade
;
}
.stil3 {
	color: #FFCC66;
	font-weight: bold;
}
.stil4 {
	color: #FFCC66;
}
.stil5 {
	color: #204879;
	font-weight: bold;
}
.stil6 {
	color: #204879;
}
.exlinks:hover {
	color: #204879;
}
.exlinks:link, .exlinks:visited {
	text-decoration: none;
}

#links a.capsule {
	font-size: 12px;
	color: #005FA9;
	display:block;
	padding-bottom: 2px;
	font-weight: bold;
	text-decoration: none;
}
#links {
}
#links a.capsule:hover {
	text-decoration: underline;
	color: #8F1F09;
}
form {
	padding: 5px;
}
.stil7 {
	color: #006754;
}
input {
	border-top: 1px solid #8F1F09;
	border-right: 1px solid #8F1F09;
	border-bottom: 1px solid #8F1F09;
	border-left: 1px solid #8F1F09;
	background-color: #FFFFCC;
}
textarea {
	border: 1px solid #8F1F09;
	background-color: #FFFFCC;
}
.button {
	color: #8F1F09;
	font-weight: bold;
	background-image: url(../img/buttonbg.gif);
	border: 1px solid #8F1F09;
}
#gaestebuch {
	background-image: url(../img/gaestebuch-bg5.jpg);
	background-repeat: no-repeat;
	height: 480px;
	width: 763px;
	background-position: center center;
	padding-top: 10px;
	margin-top: 5px;
}
#text3 a:link {

	color: #8F1F09;
}
#text3 a:hover {

	color: #204879;
}
#gaestebuch a:link {
	color: #8F1F09;
}
#gaestebuch a:hover {
	color: #204879;
}
#gaestebuch a:visited {
	color: #8F1F09;
}
#text1 a:visited {


	color: #8F1F09;
}
#text2 a:visited {

	color: #8F1F09;
}
#text3 a:visited {

	color: #8F1F09;
}
#aktuell {
	width: 240px;
	padding: 5px 5px 5px 10px;
}
#aktuell a:visited {
	color: #204879;
}
#aktuell a:hover {

	color: #204879;
}
#aktuell a:link {
	color: #204879;
}
#aktuell h1 {
	font-size: 12px;
}
.randabstand-l {
	margin-left: 10px;
}
.buchstabe-i {
	background-repeat: no-repeat;
	padding-top: 35px;
}
.bildabstand-l {
	margin-left: 5px;
}
.buchstabe-e {
	background-repeat: no-repeat;
	padding-top: 35px;
}
.buchstabe-a {

	background-repeat: no-repeat;
	padding-top: 35px;
}
#subnavi {
	text-decoration: none;
}
#subnavi ul {
	padding-left: 35px;
}
#subnavi li {
	list-style-image: url(../img/stern-inaktiv.gif);
	line-height: 17px;
}
.randabstand-r {
	margin-right: 10px;
}
.stil6 {
	background-color: #FFCC66;
	padding: 3px 6px;
	border: 1px solid #204879;
	font-weight: bold;
}
.listenabstand {
	margin-bottom: 5px;
}


#navigation {
	margin-right: auto;
	margin-left: auto;
	height: 84px;
	width: 814px;
}

#mainnavi {
	list-style: none;
	background-image: url(../img/navigation-bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 24px;
	height: 54px;
	margin: 0;
	float: left;
	width: 814px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 39px;
    }

	
#mainnavi li {
	display: inline;
	width: 100px;
	font-size: 18px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
    }	

#mainnavi span {
	visibility: hidden;
	font-size: 16px;
	padding-top: 10px;
	height: 40px;
	padding-bottom: 15px;
}

#mainnavi li a {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px;
    }
	
#mainnavi #ambiente {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#mainnavi #ambiance {
	background-image: url(../en/img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#mainnavi #krone img {
	vertical-align: middle;
}
    
#mainnavi #current {
      color: #fff;
      cursor: default;
      padding: 0 15px;
    }
    	
#mainnavi li a:hover {
      text-decoration: none;
    }  
#mainnavi #gastronomie {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -192px center;
}
#mainnavi #gastronomy {
	background-image: url(../en/img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -192px center;
}

#mainnavi #krone {
}
#mainnavi #lage {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -746px center;
}
#mainnavi #location {
	background-image: url(../en/img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -720px center;
}
#mainnavi #gaestebuch {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -640px center;
}
#mainnavi #guests {
	background-image: url(../en/img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -633px center;
}

#mainnavi #geschichte {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -523px center;
}
#mainnavi #history {
	background-image: url(../en/img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -535px center;
}
#mainnavi #business {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -419px center;
}
#mainnavi #business-en {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -419px center;
}
#mainnavi #cateringnav {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -322px center;
}
#mainnavi #zimmer {
	background-image: url(../img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -100px center;
}

#mainnavi #rooms {
	background-image: url(../en/img/navigation-buttons.gif);
	background-repeat: no-repeat;
	background-position: -100px center;
}

#schatten {
}
table .head td {
	background-repeat: no-repeat;
	background-position: center center;
}
#container a.nolink:link {
	text-decoration: none;
	color: #000000;
}

#container a.nolink:hover {
	text-decoration: none;
	color: #000000;
}

#container a.nolink:visited {
	text-decoration: none;
	color: #000000;
}
table .head td.up {

	background-repeat: no-repeat;
	background-position: center bottom;
}
table .head td.down {


	background-repeat: no-repeat;
	background-position: center top;
}
table .head td.upright {


	background-repeat: no-repeat;
	background-position: left bottom;
}
.txtgroesser {
	font-size: 16px;
}
#fehler {
	background-color: #FFFF00;
	height: 20px;
	position: absolute;
	margin: 0px;
	padding: 10px;
	clear: both;
	left: 0px;
	top: 0px;
	width: 98%;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #990000;
	font-size: 1.1em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}
#text2 p {
	font-size: 12px;
}
#preview{
	position:absolute;
	xborder:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
#catering #txtteaser {
	position: absolute;
	width: 400px;
	background-color: #FFFFFF;
	z-index: 1;
	margin-left: 50px;
	margin-top: 50px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
}
#catering #txtteaser:hover, #catering #angebote:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
}
#catering #angebote {
	position: absolute;
	width: 200px;
	margin-top: 50px;
	margin-left: 550px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	opacity:0.85;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
}


/* Zitem Zoom Funktion */




.zitem {
	width:107px;
	height:70px;
	/* required to hide the image after resized */
    overflow:visible;
	/* for child absolute position */
    position:relative;
	/* display div in line */
    float:left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	z-index:5;
}
.zitem-s {
	width:48px;
	height:70px;
	/* required to hide the image after resized */
    overflow:visible;
	/* for child absolute position */
    position:relative;
	/* display div in line */
    float:left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	z-index:5;
}
 
.zitem .caption {
	width:300px;
	color:#fff;
	/* fix it at the bottom */
    position:absolute;
	bottom:-30px; /* fix IE issue */
	left:-97px;
	/* hide it by default */
    display:none;
	/* opacity setting */
	/*filter:alpha(opacity=40);*/    /* ie  */
    /*-moz-opacity:0.4; */   /* old mozilla browser like netscape  */
    /*-khtml-opacity: 0.4;*/    /* for really really old safari */ 
	/*opacity: 0.4;  */  /* css standard, currently it works in most modern browsers like firefox,  */
	/*padding: 5px;*/
	/*height: 20px;*/
}
.zitem-s .caption {
	width:150px;
	color:#fff;
	/* fix it at the bottom */
    position:absolute;
	bottom:-80px; /* fix IE issue */
	left:-55px;
	/* hide it by default */
    display:none;

}
 
.zitem .caption p, .zitem-s .caption p {
	text-decoration:none;
	color:#fff;
	font-size:12px;
	/* add spacing and make the whole row clickable*/
    padding:5px;
	display:block;
	margin: 0px;
}
 
.zitem img, .zitem-s img {
    border:0;
     
    /* allow javascript moves the img position*/
    position:absolute;
}

.selected {
    z-index:8;
}

/* Zitem Zoom Funktion End */
