body {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#666;font-style: normal; 
	font-size:0.7em; 
	margin:0;
	padding:0px;
	background: #fff url(images/bg-body.gif) left top repeat-x;
	}
p { line-height:1.5em; padding:0px; margin:5px 0px 5px 0px;}


h1 { font-size:1.9em; color:#363; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h2 { font-size:1.3em; color:#363; padding:0px;font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;  margin:0px 0px 5px 0px;}
h3 { font-size:1.2em; color:#363; font-family:Georgia, "Times New Roman", Times, serif;  font-weight:normal; margin:10px 0px 5px 0px;}


hr {height: 1px;border: 0 none; border-top: 1px dotted #999; margin-top:10px;}

a, a:active, a:visited, a:hover  {
	color:#363; 	
	text-decoration:none;
	outline:none;	
	}

.container-content { width:960px; margin:auto;}

.servicemenue { width:720px; margin:0px; float:right;}
.servicemenue p { font-family:Georgia, "Times New Roman", Times, serif; color:#363; padding-top:40px; font-style:italic; float:left; font-size:1.3em;}


.servicemenue ul {padding: 0;list-style-type: none; margin:20px 0px 0px 330px;}
.servicemenue ul li { 
display: inline;
text-decoration: none;
padding: 0 10px 0 10px;
text-align: center;}

.servicemenue ul li a { text-decoration: none; color:#666;}
.servicemenue ul li a:hover {text-decoration: none;}


.left { width:273px; background: #fff url(images/bg-left.gif) left top no-repeat; float:left; min-height:780px; margin-left:-50px; padding:0px;}
.left .left-content { margin:320px 0px 0px 60px; width:200px;}
.left .left-content h2 {width:179px;background-color:#363; color:#fff; padding:2px 0px 2px 2px; margin:0px 0px 1px 0px; font-size:1.2em;}

/****************** Menue *******************/
    
.menue { width:180px; margin:0px 0px 40px 0px;  padding:40px 0px 0px 0px; background-color:#fff;  border-top:2px solid #fabb22;}	
	
.menue ul {	list-style: none; margin:0px; padding: 0; border: none;}
	
.menue ul li {border-bottom:1px dotted #ccc; margin: 0; padding:0px 0px 0px 0px;	}
.menue li a {margin: 0; display: block; padding: 6px 2px 6px 20px; color: #596a7a; text-decoration: none; background: transparent url(images/bullet.png) 5px 10px no-repeat; 	}

.menue li a.active { padding:6px 2px 6px 20px; background: #e4dbce url(images/bullet-on.png) 5px 10px no-repeat; }
.menue li a:hover {  padding:6px 2px 6px 20px; background: #e4dbce url(images/bullet-on.png) 5px 10px no-repeat;  }   

.menue ul ul li {border-bottom:none; margin: 0; padding:0px 0px 0px 15px;}


.menue ul ul li a.active { padding:6px 2px 6px 20px; background: #ece4d8 url(images/bullet-on.png) 5px 10px no-repeat; }

.news { width:180px; float:right; margin-top:30px;}
.news h2 {width:179px;background-color:#363; color:#fff; padding:2px 0px 2px 2px; margin:0px 0px 1px 0px; font-size:1.2em;}


/****************** Story *******************/
.story {
	width:510px;		
	font-size:1.1em;
	padding:30px 20px 0px 20px;
	background-color:#fff;	
	font-size:1em;		
	float:left;
	}
	
	
.story-wide {
	width:690px;		
	font-size:1.1em;
	padding:30px 20px 0px 20px;
	background-color:#fff;	
	font-size:1em;		
	float:left;
	}
	
ul.liste { list-style:none; margin-left:-20px;}
*html ul.liste { margin-left:5px;}
*+html ul.liste { margin-left:5px;}

ul.liste li {
margin-left:0px;
background: transparent url(images/bullet.gif) 0px 4px no-repeat;
padding-left: 15px;
text-align: left;
line-height:1.8em;
}


.box-container { width:530px;}
.box-1 { width:220px; float:left; margin-right:50px;}
.box-2 { width:220px; float:left;}

.box-container img { border-bottom:4px solid #fabb22;}
.box-container strong { color:#363; font-weight:bold; font-style:italic;}

.intern { padding-left:20px;background: transparent url(images/bullet.gif) left center no-repeat;}
a.extern, a.extern:visited, a.extern:hover { padding-left:15px;background: transparent url(images/extern.png) left center no-repeat;}

a.open, a.open:visited, a.open:hover { padding-left:20px;background: transparent url(images/open.png) left center no-repeat;}


.img-right { float:right; margin-left:20px; margin-bottom:15px;}
.img-left { float:left; margin-right:20px; margin-bottom:15px;}

.right { float:right;}
.green  { font-weight:bold; font-style:italic; color:#363;}
.download {padding-left:25px;background: transparent url(images/icons/pdf.png) left center no-repeat;}
.label { width:180px; float:left;}



table,td {border: 1px solid #ccc; border-collapse: collapse;}
table{border:none;border:1px solid #ccc; background-color:#fff;}
thead th, tbody th {background:#f2eddd;padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
tbody th{background: #f2eddd;border-top: 1px solid #ccc;text-align: left; font-weight:bold;}
tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}


fieldset { border:none; margin:10px 0px 10px 0px; padding:0px;}
fieldset label { width:12em; float:left;}

input { border:1px solid #ccc; margin-right:10px; padding:0px;}

form textarea { border:1px solid #ccc;}

form input.button { padding:2px; font-size:1em; border:1px solid #363; }

.captcha {margin:-12px 0;}

#recaptcha_area { border:none !important;}
#recaptcha_area  .recaptchatable { border:none !important;}

#recaptcha_area #recaptchatable table td { border:none !important;}
#recaptcha_area #recaptchatable #recaptcha #recaptcha_image img { border:none !important;}
/****************** Fusszeile *******************/

.footer { clear:both; text-align:center; background-color:#363; color:#fff; border-top:2px solid #fabb22; height:20px; padding-top:2px; width:960px; margin:auto;}

.footer a { color:#fff; text-decoration:underline;}

/************************* slideshow *********************************************/

.slides { width:735px;height:240px; float:left; margin:6px 0px 1px -1px;}

  #slideshow {
    margin:0px 0px 0px 0px;
    width: 740px;
    height: 240px;
  }

/************************************************************************************************** Hofrundgang Karte************************************/

#imap_1 {display:block; width:500px; height:516px; background:url(images/content/rundgang/hof-karte.jpg) no-repeat; position:relative; margin:10px 0 10px 5px;}

#imap_1 a#karte {
	display:block;
	width:500px;
	height:516px;
	padding-top:210px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent url(images/content/rundgang/hof-karte.jpg) no-repeat 300px 210px;
	cursor:default;
}
* html #imap_1 a#karte {height:780px; he\ight:0;}

#imap_1 a#karte:hover {background-position: 0 0; z-index:10;}

#imap_1 dd {position:absolute; padding:0; margin:0;}



/*************** Hofrundgang Position der hover Felder 30 x 30*****************/

#imap_1 #link_a_einfahrt {left:265px; top:420px; z-index:20;}
#imap_1 #link_b_auffahrt {left:285px; top:360px; z-index:20;}
#imap_1 #link_c_muehle {left:340px; top:335px; z-index:20;}
#imap_1 #link_d_muehle {left:285px; top:265px; z-index:20;}
#imap_1 #link_e_stall {left:310px; top:260px; z-index:20;}
#imap_1 #link_f_pferd {left:265px; top:255px; z-index:20;}
#imap_1 #link_g_wilkens {left:270px; top:230px; z-index:20;}
#imap_1 #link_h_haupthaus {left:305px; top:235px; z-index:20;}
#imap_1 #link_i_backhaus {left:330px; top:210px; z-index:20;}
#imap_1 #link_j_morgensonne {left:330px; top:125px; z-index:20;}
#imap_1 #link_k_sperlingslust {left:345px; top:140px; z-index:20;}
#imap_1 #link_l_botscha {left:375px; top:165px; z-index:20;}
#imap_1 #link_m_kater {left:390px; top:185px; z-index:20;}
#imap_1 #link_n_spielhaus {left:285px; top:95px; z-index:20;}
#imap_1 #link_o_sandkiste {left:290px; top:120px; z-index:20;}
#imap_1 #link_p_feuerstelle {left:415px; top:175px; z-index:20;}
#imap_1 #link_q_innenhof {left:300px; top:143px; z-index:20;}
#imap_1 #link_r_pony {left:400px; top:120px; z-index:20;}
#imap_1 #link_s_meerschweinchen {left:405px; top:145px; z-index:20;}
#imap_1 #link_t_sperlingslust {left:330px; top:185px; z-index:20;}
#imap_1 #link_u_durchgang {left:260px; top:145px; z-index:20;}
#imap_1 #link_v_hofweg {left:235px; top:120px; z-index:20;}
#imap_1 #link_w_honigspeicher {left:100px; top:135px; z-index:20;}
#imap_1 #link_x_honigspeicher {left:20px; top:180px; z-index:20;}
#imap_1 #link_y_freizeit {left:350px; top:255px; z-index:20;}


#imap_1 a#link_a_einfahrt, a#link_b_auffahrt, a#link_c_muehle, a#link_d_muehle, a#link_e_stall, a#link_f_pferd, a#link_g_wilkens, a#link_h_haupthaus, a#link_i_backhaus, a#link_j_morgensonne, a#link_k_sperlingslust, a#link_l_botscha, a#link_m_kater, a#link_n_spielhaus, a#link_o_sandkiste, a#link_p_feuerstelle, a#link_q_innenhof, a#link_r_pony, a#link_s_meerschweinchen, a#link_t_sperlingslust, a#link_u_durchgang,
a#link_v_hofweg, a#link_w_honigspeicher, a#link_x_honigspeicher, a#link_y_freizeit  
{display:block; width:30px; height:30px; text-decoration:none; z-index:20;}

#imap_1 a em {display:none;}

#imap_1 a span, #imap_1 a:visited span {display:none;}

#imap_1 a:hover {border:1px solid #ccc;}

#imap_1 a:hover span {position:absolute; display:block; width:180px; height:150px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; border:1px dotted #363;}

/*************** Hofrundgang Position der hover Inhalte *****************/
#imap_1 a#link_a_einfahrt:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:150px; top:-450px;}
#imap_1 a#link_b_auffahrt:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:150px; top:-450px;}
#imap_1 a#link_c_muehle:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-85px; top:-400px;}
#imap_1 a#link_d_muehle:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-85px; top:-400px;}
#imap_1 a#link_e_stall:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:95px; top:-400px;}
#imap_1 a#link_f_pferd:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:138px; top:-400px;}
#imap_1 a#link_g_wilkens:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:132px; top:-400px;}
#imap_1 a#link_h_haupthaus:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-50px; top:-380px;}
#imap_1 a#link_i_backhaus:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-80px; top:-380px;}
#imap_1 a#link_j_morgensonne:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-570px; top:-260px;}
#imap_1 a#link_k_sperlingslust:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-590px; top:-260px;}
#imap_1 a#link_l_botscha:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-425px; top:-300px;}
#imap_1 a#link_m_kater:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-400px; top:-300px;}
#imap_1 a#link_n_spielhaus:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-530px; top:-240px;}
#imap_1 a#link_o_sandkiste:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-530px; top:-270px;}
#imap_1 a#link_p_feuerstelle:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-660px; top:-300px;}
#imap_1 a#link_q_innenhof:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-540px; top:-280px;}
#imap_1 a#link_r_pony:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-650px; top:-260px;}
#imap_1 a#link_s_meerschweinchen:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-650px; top:-280px;}
#imap_1 a#link_t_sperlingslust:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-80px; top:-380px;}
#imap_1 a#link_u_durchgang:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-500px; top:-270px;}
#imap_1 a#link_v_hofweg:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-480px; top:-270px;}
#imap_1 a#link_w_honigspeicher:hover span {position:absolute; display:block; width:300px; height:500px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:100px; top:-270px;}
#imap_1 a#link_x_honigspeicher:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:180px; top:-270px;}
#imap_1 a#link_y_freizeit:hover span {position:absolute; display:block; width:450px; height:350px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-590px; top:-370px;}


/************************************************************************************************** Freizeitparks Karte************************************/

#imap {display:block; width:494px; height:501px; background:url(images/content/freizeitparks/2010-freizeitparks-karte.gif) no-repeat; position:relative; margin:10px 0 10px 5px;}

#imap a#karte {
	display:block;
	width:494px;
	height:501px;
	padding-top:210px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent url(images/content/freizeitparks/2010-freizeitparks-karte.gif) no-repeat 300px 210px;
	cursor:default;
}
* html #imap a#karte {height:780px; he\ight:0;}

#imap a#karte:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}


/*************** Hofrundgang Position der hover Felder 30 x 30*****************/

#imap #link_ronolulu {left:180px; top:170px; z-index:20;}
#imap #link_wildpark {left:250px; top:130px; z-index:20;}
#imap #link_soltautherme {left:350px; top:330px; z-index:20;}
#imap #link_heidepark {left:370px; top:280px; z-index:20;}
#imap #link_snowdome {left:340px; top:220px; z-index:20;}
#imap #link_serengetipark {left:270px; top:360px; z-index:20;}
#imap #link_vogelpark {left:170px; top:360px; z-index:20;}
#imap #link_magicpark {left:80px; top:335px; z-index:20;}
#imap #link_universum {left:20px; top:300px; z-index:20;}

#imap a#link_ronolulu, #imap a#link_wildpark, #imap a#link_soltautherme, #imap a#link_heidepark, #imap a#link_snowdome, #imap a#link_serengetipark, #imap a#link_vogelpark, #imap a#link_magicpark, #imap a#link_universum
{display:block; width:80px; height:30px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap-freizeit a:visited span {display:none;}

#imap a:hover {border:none;}

#imap a:hover span {position:absolute; display:block; width:180px; height:150px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; border:1px dotted #363;}

/*************** Freizeit Position der hover Inhalte *****************/

#imap a#link_ronolulu:hover span {position:absolute; display:block; width:175px; height:250px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:150px; top:-200px;}
#imap a#link_wildpark:hover span {position:absolute; display:block; width:250px; height:470px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:150px; top:-200px;}
#imap a#link_soltautherme:hover span {position:absolute; display:block; width:160px; height:320px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:150px; top:-200px;}
#imap a#link_heidepark:hover span {position:absolute; display:block; width:280px; height:200px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:60px; top:-150px;}
#imap a#link_snowdome:hover span {position:absolute; display:block; width:310px; height:120px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:50px; top:-140px;}
#imap a#link_serengetipark:hover span {position:absolute; display:block; width:350px; height:260px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-200px;}
#imap a#link_vogelpark:hover span {position:absolute; display:block; width:380px; height:230px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:-410px; top:-200px;}
#imap a#link_magicpark:hover span {position:absolute; display:block; width:350px; height:220px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-220px;}
#imap a#link_universum:hover span {position:absolute; display:block; width:400px; height:120px; line-height:1.8em; font-size:0.9em; color:#666666; padding:5px; background-color:#fff; left:80px; top:-160px;}






