/*colors
green-font:#707B40
grey-font:#5B6572
red-font:#D92F02
*/
* {margin:0; padding:0; border:none}
img{display:block}
.clear{clear:both; font-size:0px; line-height:0px; height:0px}
.no_margin{margin-bottom:3px !important}
.red{color:#D92F02}
.rechts{float:right; margin:5px 0 10px 20px}

html, body{height:100.04%}

body{
	font:100.01%/1.5 arial, helvetica, sans-serif;
	color:#454C56;
	background:#FAF7EF}
body#gast{background:#FAF7EF url(images/bg_gast.jpg) no-repeat 625px bottom fixed}

#wrapper{width:740px; margin:0 0 30px 110px}
/*extra für alle ie's*/

#head{width:883px; height:240px; margin:2px 0 38px 34px}
#head img{float:left; margin:0 1px 0 0; display:inline}
#start_left{margin:0 0 0 34px; width:227px; float:left; display:inline; padding:17px 0 0 0}
#start_left h2{margin:0 0 9px 0}
#start_right{width:655px; float:left; padding:0 0 30px 0}
h1.index{margin:0 0 15px 0; background:none}

#rnd{text-align:center; width:192px; height:132px; margin:-2px 0 20px 0; position:relative; background:white; border:1px solid #d2d3c9}
#rnd li{list-style:none; position:absolute; top:0; left:0; width:192px; height:132px}
#rnd a{display:block; width:180px; height:120px; border:1px solid white; margin:5px 0 0 5px; background:#3a412c}
#rnd img{margin:0 auto}
#rnd a:hover, #rnd a:focus{border:1px solid #a6a992}

#tooltip {
	position:absolute;
	z-index:3000;
	border:1px solid #a6a992;
	background:white;
	padding:2px 5px 3px 5px;
	opacity:0.85;
	color:#454c56;
	line-height:1}
#tooltip h3, #tooltip div{margin:0; font-weight:normal; font-size:.75em}

.news{background:#e6e8dc; border:1px solid #d2d3c9; padding:13px 0 13px 19px; margin:0 0 20px 0}
.news h2{margin:0 0 3px 0}
.news a{float:left; margin:0 19px 0 0; padding:6px; background:white}
.news img{}
.news p{clear:both; margin:0 0 0 0; padding:5px 19px 0 0; line-height:1.5}
.news p a{float:none; margin:0; color:#454C56; background:transparent; padding:0}

#nav{
	border-top:4px solid #613924; 
	background:#E6E8DC url(images/bg_nav.gif) repeat-x 0% 100%;
	padding:0 0 0 138px;
	margin:0 0 35px 0}
#nav ul{
	font-family:georgia, "times new roman", serif; padding:1px 0 0 0}
#nav ul li{
	list-style:none;
	float:left;
	display:inline;
	padding:0 12px 0 12px;
	background:url(images/bg_nav_li.gif) no-repeat 100% 50%;}
#nav ul a{
	float:left;
	padding:8px 0;
	text-decoration:none;
	font-size:.76em;
	color:#2F3800;
	font-family:arial, helvetica, sans-serif}
#nav ul a:hover{
	color:#454C56;
	background:url(images/bg_nav_a.gif) no-repeat 50% 100%}
#nav ul a.active{
	color:#573827;
	background:url(images/bg_nav_a.gif) no-repeat 50% 100%;
	font-weight:bold}
#nav ul li.home{
	display:block;
	position:absolute;
	left:20px;
	top:4px;
	background:none}
#nav ul a.home{
	text-indent:-1000px;
	width:102px;
	height:52px;
	display:block;
	background:url(images/logo.gif);
	padding:0}
#nav ul a.home:hover{background:url(images/logo.gif) 0 52px}
#nav ul li.last{background:none}

p{font-size:.76em; margin:0 0 20px 40px; }
p img.right{float:right; margin:2px 0 0 14px; display:inline}
p a.textlink{color:#707B40; padding:0 0 0 12px; text-decoration:none; background:url(images/pfeil.gif) left center no-repeat}
h2#design{margin:20px 0 0 40px}

h1{
	margin:0 0 20px 40px;
	font-weight:normal;
	font-size:1.2em;
	font-family:georgia, "times new roman", serif;
	background:url(images/bg_h1.gif) repeat-x 0% 100%}
/*h2{font:1.05em/2 georgia, "times new roman", serif; letter-spacing: 1px}*/
h2{font:.9em/1.3 "times new roman", serif; letter-spacing: 1px; font-weight:bold; margin:0 0 0 40px}

ol{margin:0 0 20px 41px}
* html ol{margin:0 0 20px 47px; marg\in:0 0 20px 45px}
ol li{font-size:.76em; list-style-position:outside; margin:0 0 0 17px; text-align:justify}

ul.text{margin:-10px 0 20px 40px}
ul.text li{font-size:.76em; list-style-position:outside; margin:0 0 0 17px}

#left{float:left; width:445px; margin:0 20px 0 0; text-align:left}
#right{float:left; width:273px; padding:0 0 20px 0}
#gast #right{float:left; width:273px; margin:0 0 330px 0}
#right h1{margin:0 0 20px 0}
#right img{margin:5px 0 10px 55px}
	
dl#links{margin:0 0 20px 40px; border-bottom:1px solid #C3B8AF}
dl#links dt{padding:10px 0 0 0; font-size:.75em; display:block; border-top:1px solid #C3B8AF}
dl#links dt a{color:#2F3800; display:block; text-decoration:none; font-weight:bold}
dl#links dt a:hover{text-decoration:none !important}
dl#links dd{font-size:.75em; margin:0 0 13px 0; padding:0}		
	
#right a{color:#2F3800}	
#right a:hover{color:#573827; text-decoration:underline !important}
#right p {margin:0 0 20px 0}
#right address {margin:0 0 20px 0}
#right h2 {margin:0}

/**** gallery ****/
a#uebersicht{
	color:#707B40;
	text-decoration:none;
	font-size:.76em;
	float:right;
	margin:-30px 2px 0 0;
	display:inline;
	padding:0}
a#uebersicht:hover{color:#454C56}
	/*kategorienübersicht*/
ul#gallerynav{margin:0 0 0 19px}
/*ul#gallerynav li{float:left; margin:0 0 14px 20px; display:inline; list-style:none; width:192px; background:white; border:1px solid #ECEAE5}*/
ul#gallerynav li{float:left; margin:0 0 14px 20px; display:inline; list-style:none; width:218px; background:white; border:1px solid #ECEAE5}
ul#gallerynav h2{
	font-family:arial, helvetica, sans-serif;
	background:white;
	font-size:.76em;
	color:#5B6572;
	padding:0;
	font-weight:normal;
	letter-spacing:normal;
	margin:4px 0 0 18px;
	line-height:1.5}
ul#gallerynav a{display:block; text-align:center; height:132px; background:white; font-size:.76em; color:#5B6572}
ul#gallerynav img{margin:0 auto}
p#copyright{color:#8E949A; border-top:1px solid #ECEAE5; text-align:center; padding:5px 0 0 0; margin:5px 0 0 40px}

	/*kategorie thumbübersicht*/
ul#thumbnav{margin:0 0 0 30px}
ul#thumbnav li{list-style:none; float:left; margin:0 0 14px 9px; display:inline; list-style:none; width:192px; background:white; border:1px solid #ECEAE5}
ul#thumbnav a{display:block; text-align:center; width:192px; font-size:.76em; color:#5B6572}
ul#thumbnav a:hover{}
ul#thumbnav img{margin:6px auto}
ul#prev_next{float:right; font-size:.84em; margin:-31px 0 0 0; line-height:1; display:inline}
ul#prev_next li{display:inline; list-style:none}
ul#prev_next a{color:#707B40; font-weight:bold; text-decoration:none; float:left}
ul#prev_next a:hover{text-decoration:underline}
ul#prev_next a.gal_prev{background:url(img/bg_textlink2.gif) no-repeat left center; padding:0 5px 0 20px; border-right:1px solid #AFB6A3}
ul#prev_next a.gal_next{background:url(img/bg_textlink.gif) no-repeat right center; padding:0 20px 0 5px}
ul#prev_next a.no_border{border:0; padding:0 0 0 20px !important}

/*bildergroßansicht*/
#img_container{text-align:center; margin:0 0 0 35px}
/*fotos vor/zurueck -- kein u-umlaut benutzen, da sonst der ie aussteigt*/
ul#imgnav{margin:20px 0 15px 0}
ul#imgnav2{margin:15px 0 15px 0}
ul#imgnav li, ul#imgnav2 li{list-style:none; display:inline; font-size:.76em}
ul#imgnav a, ul#imgnav2 a{text-decoration:none; color:#707B40}
ul#imgnav a.kategorie, ul#imgnav2 a.kategorie{padding:0 4px; font-weight:bold}
ul#imgnav a.gal_prev, ul#imgnav2 a.gal_prev{padding:0 4px 0 0; border-right:1px solid #707B40}
ul#imgnav a.gal_next, ul#imgnav2 a.gal_next{padding:0 0 0 4px; border-left:1px solid #707B40}
ul#imgnav a:hover, ul#imgnav2 a:hover{color:#454C56}

	/*großes bild horizontal*/
dl#hori_kl, dl#hori_gr{margin:0 auto 0 auto; background:white; border:2px solid #ECEAE5}
dl#hori_kl{width:583px}
dl#hori_gr{width:683px}
dl#hori_kl dt, dl#hori_gr dt{padding:29px 29px 0 29px; display:block}
dl#hori_kl dt img, dl#hori_gr dt img{border:1px solid #2D3238}
dl#hori_kl dd, dl#hori_gr dd{color:#5B6572; font-size:.76em}
	/*großes bild vertikal*/
dl#verti_kl, dl#verti_gr{margin:0 auto 0 auto; background:white; width:408px; border:2px solid #ECEAE5}
dl#verti_kl{width:408px}
dl#verti_gr{width:475px}
dl#verti_kl dt, dl#verti_gr dt{padding:29px 29px 0 29px; display:block}
dl#verti_kl dt img, dl#verti_gr dt img{border:1px solid #2D3238}
dl#verti_kl dd, dl#verti_gr dd{color:#5B6572; font-size:.76em}
dl dd{text-align:left; padding:15px 28px}

dl dd table{border-collapse:collapse; font-size:1em; line-height:1.8}
dl dd td{vertical-align:top}
dl form#leuchtpult{display:inline}
dl form#leuchtpult fieldset{display:inline; padding:none}

/*formulare*/
form{}
form#kontakt, form#gast{margin:10px 0 10px 40px}
form#kontakt fieldset, form#gast fieldset{padding:20px 20px 20px 15px; background:url(images/bg_form_top.gif) no-repeat}
label{display:block; font-size:.76em; color:#454C56}
input, textarea{
	display:block;
	margin:0 0 7px 0;
	font-size:.76em;
	padding:.2em 0 .2em 0;
	color:#454C56;
	font-family:arial, helvetica, sans-serif;
	background:white;
	border:1px solid #C1BFBB}
input{width:190px}
input:hover, textarea:hover, input:focus, textarea:focus{background:#FBF9F3}
* html input, * html textarea{margin:0 0 7px -39px}
input.hidden{display:none}
#submit{text-align:center; clear:both}

	/*formular galerie*/
dl input#zu_light_box{
	font-size:1em;
	border:none;
	width:auto;
	margin:0 !important;
	padding:0 0 0 12px;
	cursor:pointer;
	color:#707B40;
	text-align:left;
	background:url(images/pfeil.gif) left center no-repeat}
dl input#submit:hover{color:#5B6572}
dl img.arrow{display:inline}
	/*formular kontakt*/
form#kontakt{margin:0 0 40px 40px; background:#EFEFE5 url(images/bg_form.jpg) no-repeat right 38px}
form#kontakt p{margin:0}
form#kontakt h2{margin:25px 0 0 0}
label.radio{float:left; margin:0}
input.radio{width:20px; float:left; background:none; border:none; margin:3px 10px 20px 0}
	/*formular gaestebuch*/
form#gast{background:#EFEFE5 url(images/bg_form_gast.jpg) no-repeat 260px 24px}
	/*formular leuchtpult*/
form#leuchtpult{margin:10px 0 0 40px}
form#leuchtpult input#leuchtpult_submit{width:auto; float:left; padding:3px; margin:0 10px 10px 0}
	/*formular leuchtpult-bild*/
form#leuchtpult_bild{margin:0 0 4px 7px}
form#leuchtpult_bild input{
	border:none;
	width:auto;
	margin:0;
	padding:0 0 0 12px;
	cursor:pointer;
	color:#707B40;
	text-align:left;
	background:url(images/pfeil.gif) left center no-repeat}

/*gaestebuch*/
ul#smileys{margin:5px 0 20px 40px}
#smileys li{
	display:inline;
	margin: 10px 0 0 0;
	list-style:none}
#smileys img{display:inline}
#gbtext {margin:0 0 15px 40px}

#gbtext p.error{color:#CE242C; border-bottom:1px solid #3B424A !important; margin:0; padding:3px 0 3px 10px !important; font-weight:bold}
#gbtext p.error a{color:#5B6572; padding:3px}
#gbtext p.success{border-bottom:1px dashed #3B424A !important; margin:0; font-weight:bold}

#gbtext p#info {font-size:0.76em; font-weight:bold; background:none; border:none; margin:10px 0 0 0}
#gbtext p#info a {color:#42565E}
#gbtext p#info a:hover{color:#006D98}

#gbtext p#navgb {font-size:.76em; line-height:1.8em}
#gbtext p#navgb a{text-decoration:none; color:#707B40}
	#gbtext p#navgb a.:hover{color:#454C56}

#gbtext h3{font-size:.8em; line-height:1.8; margin:0 0 5px 0; background:url(images/bg_h1.gif) repeat-x 0% 100%}
#gbtext h3 span{font-size:.9em; font-weight:normal}
#gbtext p{margin:0 0 10px 0}
#gbtext img{display:inline}

address{font-size:.76em; margin:0 0 0 40px; font-style:normal}

/*bildersuche*/
form#suche{width:156px; margin:0 0 0 40px}
form#suche fieldset{}
form#suche input{float:left; font-size:.75em; width:120px; border:1px solid #A9AFB5; color:#3C4550; padding:1px}
form#suche input#img_button{float:left; width:17px !important; height:17px !important; border:0; padding:0; margin:0 0 0 5px}
