@media all {
body {
background-color:#142E0C;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#630;
margin:0;
padding:0;
}

.breadcrumb {
font-size:.9em;
margin-top:0;
margin-bottom:0;
}

.online-no {
display:none;
}

.button-stern {
position:absolute;
left:570px;
top:221px;
}

.sprite-img-hf {
background-image:url(http://img1.schwarzwald-ferienhaus-imbirkenweg.de/images/interface/hf-ferienhaus-schwarzwald.jpg);
display:block;
border:0;
text-indent:-9999px;
}

.img-h {
background-position:0 -125px;
width:750px;
height:136px;
}

.img-f {
background-position:0 0;
width:750px;
height:124px;
}

.link-pfeil,h2,h3,#footer,#menucontainer,#menucontainer a:hover,#selected a,.contentlink {
background-image:url(/images/interface/css-sprite.gif);
background-repeat:no-repeat;
}

.link-pfeil {
background-position:0 -636px;
padding-left:15px;
}

.icons {
background-image:url(/images/interface/css-sprite.gif);
background-repeat:no-repeat;
display:inline-block;
text-indent:-9999px;
height:20px;
width:20px;
}

.facebook {
background-position:0 -130px;
}

.twitter {
background-position:0 -699px;
}

.youtube {
background-position:0 -769px;
}

#sprache {
	position:absolute;
	top:170px;
	list-style:none;
	text-decoration:none;
	width:85px;
	height:15px;
	left:250px;
}
.flag-de {
background-position:0 -345px;
width:25px;
height:15px;
}
.flag-en {
background-position:0 -65px;
width:25px;
height:15px;
}
.flag-fr {
background-position:0 -280px;
width:25px;
height:15px;
}

.contentlink {
font-weight:700;
padding-top:30px;
border-bottom-width:1px;
border-bottom-style:solid;
margin-bottom:6px;
background-position:0 -629px;
background-repeat:no-repeat;
text-indent:-30px;
}

input,textarea {
background-color:#CDBC85;
border-color:#B79B5A;
}

#container {
width:750px;
position:relative;
background-color:#CDB772;
float:left;
margin:0 auto;
padding:0;
}

.g-plusone {
	width:70px;
	height: 24px;
	float: left;
	display: inline;
}

#google_translate_element {
display:block;
position:absolute;
left:20px;
top:169px;
width:300px;
text-align:left;
padding:0 10px 0 0;
}

#logo {
display:block;
position:absolute;
left:340px;
top:169px;
width:400px;
text-align:right;
padding:0 10px 0 0;
}

#newscontainer {
float:right;
width:490px;
margin-bottom:10px;
padding-right:10px;
display:block;
margin-top:90px;
}

#spalte_links {
width:230px;
float:left;
text-align:left;
margin-left:10px;
margin-top:35px;
}

#social {
	margin-bottom: 5px;
}

#edito {
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-size:1em;
color:#7F693A;
margin-bottom:6px;
margin-top:0;
margin-right:0;
text-align:left;
width:220px;
}

.editoborder {
border:1px solid #7F693A;
margin-bottom:6px;
padding:5px;
}

.editoempf h3 {
font-weight:700;
padding-top:20px;
margin-bottom:6px;
background-image:url(/images/interface/trans.gif);
border-bottom-style:none;
}

.editoempf p {
margin-bottom:6px;
border-top-style:solid;
border-top-width:1px;
padding-top:0;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:2.5em;
color:#B49652;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#B49652;
font-style:normal;
font-weight:400;
margin-top:18px;
margin-bottom:12px;
line-height:26px;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#630;
background-position:0 -0;
background-repeat:no-repeat;
padding-left:30px;
margin:24px 0 12px;
}

h3 {
font-weight:700;
background-position:0 0;
background-repeat:no-repeat;
font-size:1em;
padding-left:30px;
margin-bottom:0;
margin-top:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
line-height:normal;
font-variant:normal;
text-transform:none;
color:#630;
}

a:link {
text-decoration:none;
color:#900;
font-weight:700;
}

a:visited {
text-decoration:none;
font-weight:700;
color:#840000;
}

a:hover {
text-decoration:underline;
}

a:active {
text-decoration:none;
}

#hausinfo {
float:right;
width:710px;
margin-bottom:10px;
padding-right:20px;
margin-left:20px;
margin-top:70px;
}

#menucontainer {
color:#FC6;
background-color:#600;
font-size:.90em;
list-style-type:none;
text-transform:uppercase;
background-position:0 -410px;
background-repeat:repeat-x;
/* display:inline; */
display:block;
position:absolute;
top:136px;
width:750px;
/* height:30px; */
left:0;
line-height:0; 
}

#menucontainer a {
text-decoration:none;
color:#FC6;
/* text-align:center; */
font-weight:400; 
padding:4px 6px 4px 6px; 
}

#menucontainer a:hover,#selected a {
color:#000;
background-color:#CDB772;
background-position:0 -490px;
background-repeat:repeat-x;
}

#menucontainer li {
	display:inline;
	float: left;
}

#menucontainer li ul {
	position: absolute;
background-color:#600;
	width: 22em; 
	left: -999em;
}
#menucontainer li:hover ul {
left: auto;
line-height:1.4;
}

#menucontainer a:active {
color:#000;
background-color:#CDB772;
}

#footerimage {
	clear: both;
}	
#footer {
font-size:1em;
color:#030;
background-color:#7C9400;
text-align:center;
line-height:20px;
background-position:0 -200px;
background-repeat:repeat-x;
}

#footer a:hover {
color:#FC0;
}

#footer a {
color:#030;
}

.img_links {
border:1px;
margin-bottom:5px;
text-align:center;
border-color:#B49652;
border-style:solid;
}

.img_text {
border:1px;
border-color:#B49652;
border-style:solid;
}

.img_text_drumrum {
	border:1px;
	text-align:inherit;
	border-color:#B49652;
	border-style:solid;
	margin:0 3px 0 0;
	float: left;
}

.img_text_drumrum_rechts {
border:1px;
text-align:inherit;
float:right;
border-color:#B49652;
border-style:solid;
margin:0 5px;
}

 {
font-family:Arial, Helvetica, sans-serif;
}

#essen {
font-family:1.3em normal bold #900 Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#630;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#B49652;
font-style:normal;
font-weight:700;
margin-top:20px;
margin-bottom:3px;
line-height:20px;
clear:both;
}

.texte_adressen {
font-family:Arial, Helvetica, sans-serif;
font-size:.85em;
font-style:italic;
display:block;
margin:3px 0 0;
}

.topuebersicht {
margin-top:0;
margin-bottom:3px;
}

.link_uebersicht {
margin-bottom:24px;
text-align:center;
}

.last {
background-color:#142E0C;
color:#060;
margin:0;
}

.adword-rechts {
	position:relative;
	top:300px;
	height:auto;
	width:160px;
	float:left;
	background-color:#CDB772;
	margin-left:10px;
}

#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);
display:block;
}

#prevLink {
left:0;
float:left;
}

#nextLink {
right:0;
float:right;
}

#prevLink:hover,#prevLink:visited:hover {
background:url(/images/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
background:url(/images/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
font:10px Verdana, Helvetica, sans-serif;
background-color:#fff;
line-height:1.4em;
overflow:auto;
width:100%;
margin:0 auto;
}

#imageData {
color:#666;
padding:0 10px;
}

#imageData #imageDetails {
width:70%;
float:left;
text-align:left;
}

#imageData #caption {
font-weight:700;
}

#imageData #numberDisplay {
display:block;
clear:left;
padding-bottom:1em;
}

#imageData #bottomNavClose {
width:66px;
float:right;
padding-bottom:.7em;
outline:none;
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:100%;
background-color:#000;
}

#edito p,p,li {
margin-bottom:6px;
margin-top:0;
}
}

@media print {
body {
font-size:1em;
color:#000;
}

.online-no {
display:inline;
}

body,h1,h2,h3,#edito {
color:#000;
}

h1 {
border-bottom-color:#000;
font-size:2em;
}

#logo,#sprache,.last {
display:none;
}

#menucontainer a {
color:#000;
font-size:.7em;
}

#menucontainer a:active {
font-weight:bolder;
}
}