body {line-height: 120%; font-size: 101%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; padding: 0; margin: 0;  color: #000;}

ul {list-style-type: square;}

a {text-decoration: underline; font-weight: normal; color: #000099;}

a.title {font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; font-weight: bold; color: #000099; }
a.title:hover { text-decoration: underline; font-weight: bold; color: #000033; background: #eee; }


b {font-weight: bold; color: #000;}

h1,h2,h3,h4 {font-family: Trebuchet MS, Verdana, Arial, Geneva, Helvetica, SunSans-Regular, sans-serif; font-weight: 700; color: #000; padding-left: 2px}

h1 { font-size: 1.4em; color: #600; background-color: rgb(221,199,124);}

h2 { font-size: 1.2em; border-bottom: 2px solid rgb(221,199,124);}

h3 { font-size: 1.0em;}

h4 { font-size: .9em;}




/* p,li { } */

dt {font-size: 1.1em; color: #300; font-weight: 700; margin-top: 4px;}
dd {margin-left: 4%;}

#klammer {height: 99%;  width: 100%; margin:0; padding: 0;}

#kopfzeile {width: 100%; height: 80px; background-image: url(/gaestebuch/grafik/kopfbg.jpg); padding: 0 0 0 0; margin: 0;}
#kopfzeile h1 {font-size: 30px; font-weight: bold; padding: 20px 0 0 0; margin: 0 0 0 18px; color: #600; background-color: transparent; display: block;}
#hofbild {width: 169px; position: absolute; top: 10px;  left: 10px; z-index: 100; border: 1px solid #090; padding: 0; }

#navigation {line-height: 100%;  font-size: .8em; background-color: #fff;  margin-right: 5%; padding: 10px 5px 5px 5px;}
#navigation ul {margin-top: 0; margin-left: 10px; padding: 0; list-style-type: none;}
#navigation li { padding: 5px 0 2px 4px; margin: 0;}
#navigation li.ebene1 { border-bottom: 1px solid #600; border-left: 1px solid #600;}
#navigation li.ebene2 {list-style: disc inside;}
#navigation li.ebene2init {background: #ffe;}

#navigation ul.ebene1 {/* font-size: 1.2em; */ margin-left: 10px; padding: 0px;}
#navigation ul.ebene2 {/* font-size: 1.2em; */ margin-left: 10px; padding: 0px; }


#navigation a {font-size: 100%; text-decoration: none; font-weight: bold; color: #000066;}
#navigation a:visited { text-decoration: none; font-weight: bold; color: #990066; }
#navigation a:hover { text-decoration: underline; font-weight: bold; color: #990000;}
#navigation b {font-size:100%; text-decoration: none; font-weight: bold; color: #000099; }
#navigation label {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:80%; text-decoration: none;  color: #000099; }
#navigation br {clear: both;}
#navigation p {width: 20%; padding: 12px; line-height: 150%; font-size: .9em;}
#navigation p a,a:visited {text-decoration: underline;}
#navigation p strong {color: #c00;}

#content {font-size: .8em; float: right; width: 75%; background-color: #fff; padding: 20px 10% 5% 20px;
border-left: 1px solid #600;
voice-family: "\"}\"";
voice-family:inherit;
width: 65%;
}

html>body>klammer #content {
	width: 65%; /* be nice to opera */
	}



#content td p { font-size: 0.8em;}

#content .help { margin-left: 10px }

#info { background: #dddd99;   border-top: 1px solid #339933; border-bottom: 1px solid #339933;  padding-bottom: 10px; padding-top: 10px; margin: 0;}

#kasten-rechts {width: 30%; float: right; background: #ffeecc; border: 1px solid #009900; padding: 6px; margin: 2px;}
#kasten-rechts  p.head {background: #ffcc99; margin: 0px; font-weight: 700;}


#kasten-links {width: 30%; float: left; background: #ffeecc; border: 1px solid #009900; padding: 6px; margin: 2px;}
#kasten-links  p.head {background: #ffcc99; margin: 0px; font-weight: 700;}


#kasten-float-left {width: 48%; float: left;  border: 1px solid #009900; padding: 6px; margin: 2px;}
#kasten-float-left  p.head {background: #ffcc99; margin: 0px; font-weight: 700;}

div.gbeintrag {border: 1px solid #ccc; margin-bottom: 8px;}
div.gbeintrag p { padding: 4px; margin: 0;}
div.gbeintrag p.first {background-color: #eee; border-top: 1px solid #900;}
div.gbeintrag h2 { padding: 2px; margin: 0 0 0 4px;}
#bildergalerie { width: 40%; float: left; text-align: center; padding: 6px; margin: 5px;}

img.rthumb {display: block; width: 200px; float: right; border: 1px solid #c66; margin-left: 3%; margin-bottom: 3%;}
img.lthumb {display: block; width: 200px; float: left; border: 1px solid #c66; margin-right: 3%; margin-bottom: 3%;}
img.flag {float: left; margin-right: 10px; border: 0;}

img.galerie {border: 1px solid #999; width: 200px; height: 150px;}
img.galeriehk {border: 1px solid #999; height: 200px; width: 150px;}

img.webcam {border: 3px ridge rgb(221,199,124); margin: 10px 0 0 0; width: 320px; height: 240px;}

div.galerie {float: left; width: 200px; margin: 10px 0 10px 20px;}

img.rechts {display: block; float: right; margin: 0 0 1% 3%; border: none;}
img.links {display: block; float: left; margin: 0 3% 1% 0; border: none;}


#bildsaeule {float: right; width: 200px; margin: 0 0 10px 10px;}
#bildsaeule p {font-size: .7em; margin: 0 0 4px 0; padding: 0 1px 1px 1px; text-align: center; border-left: 1px solid #900; border-right: 1px solid #900; border-bottom: 1px solid #900;}
#bildsaeule img {margin: 0; padding: 0; width: 200px; height: 150px;}

#bildsaeule-l {float: left; width: 200px; margin: 0 0 10px 10px;}
#bildsaeule-l p {font-size: .7em; margin: 0 0 4px 0; padding: 0 1px 1px 1px; text-align: center; border-left: 1px solid #900; border-right: 1px solid #900; border-bottom: 1px solid #900;}
#bildsaeule-l img {margin: 0; padding: 0; width: 200px;}



div.gbeintrag {border: 1px solid #999; padding: 10px; margin-bottom: 4px;}
p.absender {font-weight: 700; color: #666; margin: 0; padding: 0;}
p.eintrag {}
p.author-info {font-size: .6em; color: #999;}
p.author-info a {color: #999;}
div.gb-nav {text-align: center;}
div.gb-nav img {border: none; margin: 0 20px 0 20px;}
#eintragsformular {}

#formrahmen {text-align: right; width: 70%;}
#formrahmen form input.text,textarea {border: 1px solid #c93; margin-bottom: 4px;}

img.getreide {float: right; display: block; width: 250px; margin: 0;}