/* RESET */
body, div, dl, dt, dl, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockoute, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%}
ol, ul {list-style:none}
adress, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0;font-size:100%}
fieldset, img, a img {border:0}
caption, th {text-align:left}
q:before, q:after {content:''}

/* SCHRIFTENEINBETTUNG http://www.fontsquirrel.com */
@font-face { font-family: 'GregorianFLF Regular'; src: url('GregorianFLF.eot'); src: local('GregorianFLF Regular'), local('GregorianFLF'), url('GregorianFLF.woff') format('woff'), url('GregorianFLF.ttf') format('truetype'), url('GregorianFLF.svg#GregorianFLF') format('svg'); }

/* ALLGEMEIN */
body { color: #696969; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e8eaea; background-image: url(/media/media_css/bodyhg.jpg); text-align: center; padding-top: 10px; padding-bottom: 20px; }
#komplett { text-align: left; width: 950px; margin-right: auto; margin-left: auto; }

/* LINKS */
#links { background-color: white; background-image: url(/media/media_css/completehg.gif); background-repeat: repeat-x; background-position: left bottom; vertical-align: top; width: 200px; padding-bottom: 20px; }
#links h1 { color: #dcdcdc; font-size: 0.85em; font-weight: 700; padding-bottom: 10px; padding-left: 10px; }
#links h2 { color: #7a6963; font-size: 0.8em; margin-top: 20px; padding-bottom: 10px; padding-left: 10px; }
#links p { font-size: 0.7em; line-height: 1.4em; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#navlist { text-transform: uppercase; width: 200px; }
#navlist li { list-style: none; margin: 0; padding-top: 5px; padding-bottom: 5px; }
#navlist li a:link, #navlist li a:visited { color: #9acd32; font-size: 0.7em; font-weight: 700; background-image: url(/media/media_css/weisseskreuzl.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; margin-left: 10px; padding-left: 25px; }
#navlist li a:hover, #navlist li a.aktiv { color: white; }
.gruenhg { background-color: #006400; background-image: url(/media/media_css/gruenrechtsuntenweiss.gif); background-repeat: no-repeat; background-position: right bottom; padding-bottom: 20px; }
#navlist li ul { list-style: none; margin: 0; padding: 5px 0; }
#navlist li li { list-style: none; margin: 0; padding: 5px 0 5px 8px; }
#navlist li li a:link, #navlist li li a:visited { color: #dcdcdc; font-size: 0.65em; font-weight: normal; text-decoration: none; }
#navlist li li a:hover { color: #6a8d22; }

/* CONTENT */
#content { background-color: white; background-image: url(/media/media_css/completehg.gif); background-repeat: repeat-x; background-position: left bottom; vertical-align: top; width: 550px; padding-bottom: 30px; }
#content h1 { font-family: 'GregorianFLF Regular'; color: #9acd32; font-size: 2.2em; font-weight: 700; padding: 20px; }
#content h1 strong { color: #006400; }
#content h2 { font-size: 0.75em; line-height: 1.7em; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
#content h5 { font-family: 'GregorianFLF Regular'; color: #d3d3d3; font-size: 3.5em; padding: 10px 0 0 0; }
#content h6 { color: #c0c0c0; font-size: 0.7em; font-weight: normal; padding-right: 20px; padding-left: 20px; }
#content p { font-size: 0.75em; line-height: 1.9em; padding: 5px 20px; }
#content ul { font-size: 0.75em; line-height: 1.3em; margin-top: 20px; margin-bottom: 20px; margin-left: 40px; list-style-type: square; }
#content ol { font-size: 0.75em; line-height: 1.3em; list-style-type: square; margin-top: 20px; margin-bottom: 20px; margin-left: 40px; }
#content ol li { padding-bottom: 30px; }
#content a:link, #content a:visited { color: #9acd32; font-weight: 700; }
#content a:hover { color: #7a3b39; }

/* RECHTS */
#rechts { background-color: white; background-image: url(/media/media_css/completehg.gif); background-repeat: repeat-x; background-position: left bottom; vertical-align: top; width: 200px; padding-bottom: 20px; }
#rechts h1 { color: #7a6963; font-size: 0.8em; font-weight: 700; padding-top: 20px; padding-bottom: 10px; padding-left: 10px; }
#rechts p { font-size: 0.7em; line-height: 1.4em; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }

/* GALLERY */
#gallery { background-color: #504b35; text-align: center; padding-top: 25px; padding-bottom: 25px; }
#gallery img { margin-right: 10px; margin-left: 10px; border: solid 5px #c9c59f; }

/* FUSS */
#fuss { background-image: url(/media/media_css/fusshg.jpg); background-repeat: no-repeat; background-position: left bottom; text-align: center; padding-top: 15px; padding-bottom: 15px; }
#fuss p { color: #3c3c3c; font-size: 0.7em; line-height: 1.5em; }
#fuss p a:link, #fuss p a:visited { color: #7b3b39; font-weight: 700; text-decoration: none; }
#fuss p a:hover, #fuss p a.aktiv { color: white; }

/* KLASSEN */
.bira { background-color: #edeae8; padding: 12px; border: solid 1px #edeae8; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.birali { background-color: #edeae8; float: left; margin-right: 10px; padding: 12px; border: solid 1px #edeae8; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.birare { background-color: #edeae8; padding: 12px; float: right; border: solid 1px #edeae8; border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.bili { margin-right: 10px; margin-bottom: 10px; float: left }
.bire { margin-bottom: 10px; margin-left: 10px; float: right }
.clearer { clear: both; }
.greenhg { font-size: 1em; background-color: #f3f6dc; }

/* TABLES */
.newstable { margin-top: 0px; margin-left: 30px; }
.newstable td  { font-size: 0.75em; line-height: 1.6em; vertical-align: top; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; }
#zimmertable { margin-left: 20px; }
#zimmertable td  { font-size: 0.75em; line-height: 1.6em; vertical-align: top; padding: 10px 20px 10px 0; }
#zimmerlegende { margin-top: 20px; margin-bottom: 20px; margin-left: 20px; }
#zimmerlegende td  { font-size: 0.7em; line-height: 1.6em; vertical-align: top; padding: 5px 20px 5px 0; }
#preistable { width: 500px; margin-top: 20px; margin-bottom: 20px; margin-left: 20px; border: solid 1px #dcdcdc; }
#preistable td  { font-size: 0.7em; line-height: 1.4em; padding: 5px; border-top: 1px solid #dcdcdc; }
#preistable td b { color: #695a41; }
#preistable th { color: #dcdcdc; font-size: 0.7em; line-height: 1.4em; background-color: #808080; padding: 7px; }
#kontakttable  { width: 460px; margin: 20px; }
#kontakttable td { font-size: 0.7em; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; }
#spalttab  { margin-bottom: 10px; margin-left: 10px; }
#spalttab td { font-size: 0.7em; padding-top: 3px; padding-right: 10px; padding-bottom: 3px; }
#spalttab td input { color: #c0c0c0; }
.interntable { background-color: #f5f5f5; width: 500px; margin-top: 20px; margin-left: 30px; }
.interntable td  { font-size: 0.65em; line-height: 1em; vertical-align: top; padding: 10px; }

/* LIGHTBOX */
#lightbox{	position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/media/media_lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/media/media_lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }