@charset "utf-8";
/* CSS Document */
* { 
  margin: 0pt; 
  padding: 0pt; 
  border: 0pt;
}

body {
/*	background-color: #DDBCBD;*/
/*	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
}

.textp {
	width: 100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}	

.textlink {
	margin-top:10px;
	margin-bottom:20px;
}

.rechts {
	float:right;
	width:48%;
}

.links {
	width: 48%;
}

.clear { 
    clear:both;
}

.bilds {
	width: 75%;
}

.bildm {
	width: 95%;
}

.bildl {
	width: 100%;
}

.textfloatr {
	float:right;
	width:30%;
}
.textfloatr p {
	text-align:left;
	padding-top:50%;	
}

.textfloatl {
	float:left;
	width: 30%;
}

.textfloatl p {
	text-align:right;
	padding-top:50%;
}

.bleft {
	margin-right:5%;
	margin-bottom:5%;
	width: 65%;
}

.bright {
	margin-left:5%;
	margin-bottom:5%;
	width: 65%;
}

.verdeckt {
	display:none;
}
div img {
	width: 100%;
}


#header-design {
	background-color: #f8ec43;
	width:956px;
	height:160px;
	margin-top: 0px;
	margin-left: 0px; /* nicht mehr centriert */
	margin-right: auto;
	background-size:contain;
}

#header-design:after {
	content: url(images/headerRadInhaber_man2_sk_956.jpg);
}

#container-design {
	width:916px;
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:1px;
	font-size:20px;
	background-color:#d9feab;
}

#footer-design {
	clear:both;
	width:956px;
	text-align:left;
	padding-top:20px;
	background-color:#d9feab;	
}

#footer-design ul {
	height:30px;
    list-style:none;
}

#footer-design li {
	float:left;	
	padding-left:1%;	
}

#footer-design div {
	width: 100%;
	height:96px;
	background-image:url(images/gras.png);
	background-size:contain;
}

/********** Navigation *****************/
#navigation {
	width: 956px;
	height:43px; /* 44-1px wegen Linie*/
	margin-top: 0px;
	background-color:#f8ec43;
	/* Unterstrichverlängerung; sonst alle pngs der Tabs zu ändern*/
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#000;
}

#navigation a { /*Hintergrundbilder*/
	height:44px;
	width:107px;
	float:left;
	display:block;
	background-repeat:no-repeat;
}

#navigation a.nosel + a.nosel {
	width:129px;
	background-position:right;
}	

#navigation a.select {
	width:153px;
}

#navigation a#tab-startseite-select {
	width:168px;
	background-position:right;
}

#navigation a.nosel + a.nosel:before 
{
	width:22px;
	content: url(images/tab-zwi.png);  
}

#navigation a.nosel:first-child {
	width:144px;
	background-position:right;
}	

/*#navigation:before*/
#navigation a.nosel:first-child:before {		
/*#navigation div.tab-anf*/
	width:37px;
	height:44px;
	float:left;
	content: url(images/tab-anf.png); /* nicht bei der startseite!*/
	display:block;
	background-repeat:no-repeat;   
}
	
#navigation:after {
/*#navigation div.tab-end */
	width:36px;   /* ohne select 38px! */
	height:44px;
	display:block;
	float:right;
	content: url(images/tab-end.png);
	background-repeat:no-repeat;
}

#impressum #navigation, #schlemmerwochenende #navigation, #wanderbegleiter #navigation, #puppenstube #navigation {
	width: 954px;
	padding-right: 2px;
}

/*neu*/
#tab-startseite:after {
	width:144px;
	content:url(images/startseite-ln.png);
}
/*neu ende*/

/*neu*/
#tab-startseite-select:after {
	margin-left:2px;
	width:168px;
	content:url(images/startseite-sel.png);
}
/*neu ende*/

/*neu*/
#tab-gastlichkeit:after {
	width:129px;
	content:url(images/gastlichkeit-ln.png);
}
/*neu ende*/

/*neu*/
#tab-gastlichkeit-select:after {
	width:153px;
	content:url(images/gastlichkeit-sel.png);
}
/*neu ende*/
	
/*neu*/
#tab-speisen:after {
	width:129px;
	content:url(images/speisen-ln.png);
}
/*neu ende*/

/*neu*/
#tab-speisen-select:after {
	width:153px;
	content:url(images/speisen-sel.png);
}
/*neu ende*/

/*neu*/
#tab-unterkunft:after {
	width:129px;
	content:url(images/unterkunft-ln.png);
}
/*neu ende*/

/*neu*/
#tab-unterkunft-select:after {
	width:153px;
	content:url(images/unterkunft-sel.png);
}
/*neu ende*/

/*neu*/
#tab-tierwanderung:after {
	width:129px;
	content:url(images/tierwandern-ln2.png);
}
/*neu ende*/

/*neu*/
#tab-tierwanderung-select:after {
	width:153px;
	content:url(images/tierwandern-sel.png);
}
/*neu ende*/

/*neu*/
#tab-anfahrt:after {
	width:129px;
	content:url(images/anfahrt-ln.png);
}
/*neu ende*/

/*neu*/
#tab-anfahrt-select:after {
	width:153px;
	content:url(images/anfahrt-sel.png);
}
/*neu ende*/

/*neu*/
#tab-umgebung:after {
	width:129px;
	content:url(images/umgebung-ln.png);
}
/*neu ende*/

/*neu*/
#tab-umgebung-select:after {
	width:153px;
	content:url(images/umgebung-sel.png);
}
/*neu ende*/

/*neu*/
#tab-geschichte:after {
	width:129px;
	content:url(images/geschichte-ln.png);
}
/*neu ende*/

/*neu*/
#tab-geschichte-select:after {
	width:153px;
	content:url(images/geschichte-sel.png);
}
/*neu ende*/

/*neu*/
#tab-tiere:after {
	width:129px;
	content:url(images/tiere-ln.png);
}
/*neu ende*/

/*neu*/
#tab-tiere-select:after {
	width:153px;
	content:url(images/tiere-sel.png);
}
/*neu ende*/

/*neu*/
#tab-wandern:after {
	width:129px;
	content:url(images/wandern-ln.png);
}
/*neu ende*/

/*neu*/
#tab-wandern-select:after {
	width:153px;
	content:url(images/wandern-sel.png);
}
/*neu ende*/

/*neu*/
#tab-mehr:after {
	width:129px;
	content:url(images/mehr-ln.png);
}
/*neu ende*/

/*neu*/

.tab-leer:after {
	width:129px;
	content:url(images/leer-ln.png);
}
/*neu ende*/

/***************** Startseite                ***********
*******************************************************/

#start div#neues {
	width: 75%;
	margin:0px auto 20px auto;
}

#neues {
	padding:2%;
	background-color:#d9feab;
	border: solid medium #800000;
	text-align:center;
}

#wichtig {
	width:67%;
	padding:1%;
	margin:5% auto 0% auto;
	background-color:#d9feab;
	border: solid medium #800000;
}
/***************** Gastlichkeit             ***********/
#gastlichkeit .rechts img {
	width: 100%;
}

#gastlichkeit .rechts p {
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}

#gastlichkeit .links .textlink {
	margin-top:20px;
	margin-bottom:40px;
	text-align:center;
}

/*------------------------------------------------*/
#luk {
	text-align: left;
}
 
#luk a {
	padding-right:2%;
}

#luk img {
	/*width: 10em;*/
	width: 25%;
}


/*****************  Speisen                  ******/
#speisen #container-design {
	font-size: 20px;
	/*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/	
}

#auszug {
	padding-left: 20px;
	padding-bottom:10px;
	font-weight: bold;
}

#offen {
	padding-top:30px;
	padding-bottom:30px;
	font-weight: bold;
}

#speisen_infos {
	padding-left: 20px;
	padding-top:20px;
}

#speisen_verweise {
	padding-left:2mm;
	padding-bottom:20px; 
}

.preisspalte {
	width: 80px;
	/*border:1px solid #C3F;*/
	text-align: right;
}

.preis {
	width:80px;
	padding-left: 10px;
	/*border: 1px solid #C3F;*/
	text-align: right;
}

.preis:before {
		content :"€ ";
}

.speisekarten_tab{
	width: 565px;
	background: #d9feab;
    padding-left: 20px;
}

.speisetitel{
	font-weight: bold;
}

.textspalte{
	width: 399px;
	vertical-align:bottom;
	/*border:1px solid #C3F;*/
}

/***************** Unterkunft               ********/
#unterkunft .rechts table {
	width: 65%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 2%;
}

/***************** Anfahrt        ******************/ 
#anfahrt #container-design {
	text-align:center;
}

#skizze {
	width:70%;
}

/***************** Umgebung              ***********/
#umgebung .textp {
	padding-bottom:30px;
}

#umgebung #container-design img {
	padding-bottom:10px;
}


/*****************Geschichte                 ******/

/*****************Tiere          ******************/ 
#tiere h1 {
	margin-bottom:3%;
}

#tiere #container-design p {
	margin-bottom:4%;
}

#tiere #container-design p#link {
	margin-top:8%;
}

#tiere div#mogli img {
	width:50%;
}

#tiere div#mogli {
	text-align:center;
}

#tiere div#balu img {
	width:30%;
	padding-top:10px;
}
#tiere div#balu #balukopf {
	display:block;
	float:left;
	width:25%;
	margin-left:5%;
}

#tiere div#balu #baluundoscar {
	display:block;
	float:left;
	width:50%;
	margin-left:10%;
}

#tiere div#balu {
	text-align:center;
}
#tiere div#buchen{
	text-align:center;
}

#tiere div#buchen img {
	padding-top:2%;
	width:70%;
}

#tiere div#zus {
	text-align:center;
}

#tiere div#zus p {
	margin-bottom:0;
}

#tiere div#zus img {
	padding-top:2%;
	width:24%;
}
	
/*****************Tierwanderung  ******************/ 
#tierwanderung h1 {
	width:40%;
	padding-top:3%;
	margin-bottom:5%;
	margin-left:32%;
	color:#060;
	text-align:center;
}

#bbox1 {
	background-image:url(images/DSC01737_aus2.png);
	background-repeat:repeat;
}

#bbox1 .rechts {
	width:20%;
}

#bbox1 .links {
	width:28%;
	float:left;
}

#tierwanderung #hint {
	position:relative;
	width:50%;
    margin-left:29%;
	padding-bottom:37.5%;	
	background-color:#393;
}
 
#hint * { /* alles absolut positionieren*/
	position:absolute;
}

#waldbild {
	width:100%;
}

#fergisprechbild {
	left:57%;
	top:17%;
	width:40%;
	border-color:#FF3;
	border-width:5px;
	border-style:solid;
}

#sprechblasenbild {
	left:19%;
	top:26%;
	width:40%;
}

#sprechblasentext {
	left:24.6%;
	top:29.3%;
	width:18%;
}

#tierwanderung .mitte {
	width:28%;
	margin-left:34%;
}

#tierwanderung .textp {
	margin-top:10%;
}

#wanderung {
	margin-top:3%;
	margin-bottom:3%;
	padding-top:3%;
	padding-bottom:3%;
	background-image:url(images/IMG_8967_aus_skaliert_sk_web.JPG);
	background-repeat:no-repeat;
	background-size:916px;
}

#wanderung img {
	width:85%;
	margin:5%;
	border-width:5px;
	border-style:solid;
	border-color:#FF3;
}

#wanderung img#mampf {
	width:75%;
}

#wanderung .rechts {
	width:33%;
}

#wanderung .links {
	width:33%;
	float:left;
} 

#wanderung p {
	border-radius:15px;
	margin-left:3%;
	margin-right:3%;
	padding:2%;
	background-color:#FF9;
	text-align:center;
}

p#link {
	margin-top:2%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:70%;
}

#wollbox p {
	border-radius:15px;
	margin-left:3%;
	margin-right:3%;
	margin-bottom:2%;
	padding:2%;
	background-color:#FF9;
}

#hinweisbox ul{
	border-radius:15px;
	background-color:#FF9;
	padding:3%;
	margin-left:3%;
	margin-right:3%;
}
#hinweisbox li:first-child {
	font-weight:bold;
}

#hinweisbox ul.rechts, #hinweisbox ul.links {
	width:38%;
}

#hinweisbox li {
	list-style:none;
	margin-bottom:2%;
}

#hinweisbox {
	padding-top:3%;
	background-image:url(images/DSC01737_aus2.png);
	background-repeat:repeat;
}
#hinweisbox p.rechts, #hinweisbox p.links {
	width:38%;
	margin-left:3%;
	margin-right:3%;
}

#kallitipp {
	margin-top:5%;
}

#kallitipp p {
	text-align:center;
	padding:3%;
	border-radius:15px;
	background-color:#FF9;			
}

#kallitipp .links {
	width:27%;
	margin-right:3%;
	margin-left:20%;
	margin-bottom:5%;
}

#kallitipp .rechts {
	width:20%;
	/*margin-top:5%;*/
	margin-right:28%;
	margin-bottom:5%;
}
#kallitipp img {
	left:4%;
	top:4%;
	width:20%;
}

#abschluss {
	margin-top:5%;
}

#abschluss .links {
	width:30%;
	margin-right:3%;
	margin-left:10%;
	margin-bottom:5%;
}

#abschluss .rechts {
	width:35%;
	margin-top:5%;
	margin-right:10%;
	margin-bottom:5%;
}

/*----Tierbegleiter----------------------------------------*/
#wanderbegleiter div#container-design h2{
	padding-bottom:2%;
	color:#060;
}


#begleiter {
	position:relative;
	padding-top:100%;
	background-image:url(images/DSC01737_aus2.png);
	background-repeat:repeat;
	margin-bottom:80%;
}

#anhang {
	position:absolute;
	padding-top:80%;
	top:100%;
	left:0%;
	width:100%;
	background-image:url(images/DSC01737_aus2.png);
	background-repeat:repeat;	
}

#begleiter p {
	position:absolute;
	text-align:center;
	padding:2%;
	border-radius:30px;
	background-color:#FF9;
	color:#060;			
}

#begleiter img {
	position:absolute;
}

#kallibild {
	left:4%;
	top:4%;
	width:20%;
}

#olibild {
	right:4%;
	top:10%;
	width:30%;
}

#eselbild {
	left:25%;
	top:65%;
	width:45%;
}

#kallitext {
	left:26%;
	top:4%;
	width:18%;
}

#olitext {
	right:36%;
	top:38%;
	width:26%
}

#calimerobild {
	left:15%;
	top:58%;
	width:25%;
}

#charlybild {
	right:25%;
	top:75%;
	width:27%;
}

#fergibild {
	left:25%;
	top:105%;
	width:27%;
}

#moglibild {
	right:10%;
	top:110%;
	width:27%;
}

#balubild {
	left:4%;
	top:142%;
	width:27%;
}

#calimerotext {
	left:42%;
	top:58%;
	width:40%;
}

#charlytext {
	right:4%;
	top:73%;
	width:15%;
}

#fergitext {
	left:4%;
	top:105%;
	width:15%;
}

#moglitext {
	right:10%;
	top:140%;
	width:38%;
}

#balutext {
	left:33%;
	top:158%;
	width:40%;
}

/*****************Wandern                    ***********/ 
#wandern .bright { 
	margin-bottom:2%;
	width: 35%;
}

#wandern .textfloatl {
	margin-left:15%;
}

#wandern .textfloatl p {
	text-align:left;
}

#wandern .bilds {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:2%;
}
/*****************  Puppenstube               **********/
#puppenstube #container-design div#part1 {
	padding-bottom:3%;
}

#puppenstube #container-design div#part1 img {
	padding-bottom:1%;
	width: 48%;
}

#puppenstube #container-design div#part1 div.rechts img {
	width:100%;
}

#puppenstube #container-design div#part2 {
	padding-bottom:3%;
}

#puppenstube #container-design div#part2 img {
	padding-bottom:1%;
	width: 52%;
}

#puppenstube #container-design div#part2 div.rechts img {
	width:97%;
	padding-left:3%;
}

#puppenstube #container-design div#part3 {
	padding-bottom:3%;
}

#puppenstube #container-design div#part3 p.textp {
	padding-top:4%;
} 

#puppenstube #container-design div#part3 img {
	padding-bottom:1%;
	width: 50%;
}

#puppenstube #container-design div#part3 div.rechts img {
	width:97%;
	padding-left:3%;
}

#puppenstube #container-design div#part4 {
	padding-bottom:3%;
}

#puppenstube #container-design div#part4 p.textp {
	padding-top:4%;
} 

#puppenstube #container-design div#part4 div.rechts img {
	width:98%;
	padding-left:3%;
}

#puppenstube #container-design div#part4 img {
	padding-bottom:1%;
	width: 50%;
}
/*****************  Schlemmerwochenende      ***********/

/*****************  Impressum                ***********/
#impressum #container-design img {
	width:50%;
}
#impressum #container-design div.rechts p.textp {
	font-size: 14px;
}


/*****************  Haftung                 ***********/
#haftung {
	background-color:#d9feab;
}

#haftung p {
	text-align:left;
}