/* @override http://umgebindehaus-ferien.de/css/style.css */

/*

FH blau		#1D415C
---
FW rot		#952E36

*/



html, body {
   margin:0;
   padding:0;
   height: 100%;
}


body {
	background-color: #FFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 55px;
}

a { color: #1D415C;  text-decoration: none;}
a:visited { color: #1D415C;}
a:hover { color: #EF3323; text-decoration: underline; }
a:focus {outline-style: none;}


h1, p { margin-top: 0; padding-top: 0; } 

h1 { 
color: #1D415C; 
font-size: 24px;
font-weight: normal; 
letter-spacing: -0.5px; 
line-height: 30px;
margin-bottom: 10px;
}

h2 { color: #1D415C; font-size: 16px;}
h3 { color: #1D415C; font-size: 13px;}

.FW a,
.FW a:visited,
.FW h1,
.FW h2,
.FW h3 { color: #952E36; }

.FW a:hover { color: #EF3323;}


.linie { color:#969696; }
.barrierefrei { display: none; }

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


hr { 
	background: transparent;
	border: 0;
	height: 1px;
	margin: 10px auto; /* 0px auto;  */
	border-bottom: 1px dotted #666;
}


/* WRAPPER
----------------------------------------------------------------------------- */


#pagewrapper {
	position:relative;   
	margin: 0 auto;
	width: 840px;
	/* background-color: lightgreen; */
	background-image: url(../images/layout/bg_border_leftright.gif);
	background-repeat: repeat-y;
	background-position: 15px 0;
	border: 0px solid RED;
}

#container2 {
	margin: 0px 20px 20px 20px;
	width: 800px;
	background-color: #FDEEB1; /* beige */
	background-image: url(../images/layout/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top; /* left 21px */
	border: 0px solid green;
}


/* HEADER
----------------------------------------------------------------------------- */

#header {
	display: block;
 	width: 800px;
	height: 220px;
	border-bottom: 0px solid red;
	position: relative;
}

#header h1 {
	position: absolute;
	font-size: 12px;
	text-indent: -898px;
}

#header h1 a {
	position: absolute;
	display: block;
	z-index: 11;
}

.FH #header h1 {
	width: 220px;
	height: 131px;
	top: 20px;
	left: -23px;
	z-index: 10;
	background: transparent url(../images/layout/header-logo-ferienhaus.png) no-repeat 0 0;
}
.FH #header h1 a {
	width: 220px;
	height: 131px;
	z-index: 10;
}


.FW #header h1 {
	width: 325px;
	height: 128px;
	top: 20px;
	left: -20px;
	z-index: 10;
	background: transparent url(../images/layout/header-logo-ferienwohnung.png) no-repeat 0 0;
}
.FW #header h1 a {
	width: 325px;
	height: 128px;
	top: 0;
	left: 0;
	background: transparent;
	z-index: 11;
}


#claim {
	position: absolute;
	left: 0px; 
	bottom: 20px;
	width: 800px;
	height: 38px;
	z-index: 10;
}

#de.FH #claim { background: transparent url(../images/layout/header-claim-DE.png) no-repeat 0 0; }
#en.FH #claim { background: transparent url(../images/layout/header-claim-EN.png) no-repeat 0 0; }
#dk.FH #claim { background: transparent url(../images/layout/header-claim-DK.png) no-repeat 0 0; }

#de.FW #claim { background: transparent url(../images/layout/header-claim-FW-DE.png) no-repeat 0 0; }
#en.FW #claim { background: transparent url(../images/layout/header-claim-FW-EN.png) no-repeat 0 0; }
#dk.FW #claim { background: transparent url(../images/layout/header-claim-FW-DK.png) no-repeat 0 0; }


#noflash {
	height: 240px;
	width: 800px;
}

#noflash span {
	position: absolute;
	height: 220px;
	width: 800px;
	background-color: #FDEEB1; /* beige */
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

#de #noflash span { background-image: url(../images/layout/no-flash.jpg); }
#en #noflash span { background-image: url(../images/layout/no-flash.jpg); }
#dk #noflash span { background-image: url(../images/layout/no-flash.jpg); }

#de.FW #noflash span { background-image: url(../images/layout/no-flash-FW.jpg); }
#en.FW #noflash span { background-image: url(../images/layout/no-flash-FW.jpg); }
#dk.FW #noflash span { background-image: url(../images/layout/no-flash-FW.jpg); }


#noflash span img {  /* Download Flash Logo */
	border: none;
	position: absolute;
	top: 40px;
	right: 40px;	
}


#flashcontent {
	height: 220px;
	overflow: hidden;
}

#header object {
}


/* Language */

#lang {
	position: absolute;
	background: transparent;
	width: 300px;
	height: 25px;
	top: -26px;
	right: 20px;
	z-index: 15;
	text-align: right;
	
}

#lang a {
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
	background-image: url(../images/layout/flag-de.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
	padding: 3px 0 4px 30px;
	margin: 0 0 0 7px;
}

#lang a.de { background-image: url(../images/layout/flag-de-1.gif); }
#lang a.en { background-image: url(../images/layout/flag-en-1.gif); }
#lang a.dk { background-image: url(../images/layout/flag-dk-1.gif); }

#de #lang a.de { color: #333; display: none;}
#en #lang a.en { color: #333; display: none; }
#dk #lang a.dk { color: #333; display: none;}


/* Tabs FH - FW */

.tabmenu {
	position: absolute;
	top: -40px;
	left: 0px;
	z-index: 10;
}

.tabmenu ul,.tabmenu li {
	padding: 0;	margin: 0;
	list-style: none;
}

.tabmenu ul {
	width: 800px;
	background: transparent;
	float: left;
}

.FH .tabmenu ul { border-bottom: 3px solid #1D415C;}
.FW .tabmenu ul { border-bottom: 3px solid #952E36;}


.tabmenu li {
	float: left;
	margin: 0 2px 0 0;
}

.tabmenu li a {
	display: block;
	font-size: 15px;
	padding: 10px 0 0 0;
	height: 28px;
	color: #FFF;
	text-align: center;
	text-indent: -988px;
	width: 200px;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.tabmenu li a:hover {
	text-decoration: none;
}

/* DE, EN, DK */
#de .tabmenu li a {	background-image: url(../images/layout/tabmenu-tabs-sprite-DE.png); }
#en .tabmenu li a {	background-image: url(../images/layout/tabmenu-tabs-sprite-EN.png); }
#dk .tabmenu li a {	background-image: url(../images/layout/tabmenu-tabs-sprite-DK.png); }

.tabmenu li.fh a,
.FW .tabmenu li.fh a:hover { /*tab FW*/
	color: #FFF;
     background-color: #1D415C;
	 background-position: 0 0;
}

.tabmenu li.fw a,
.FH .tabmenu li.fw a:hover { /*tab FH*/
	color: #FFF;
	background-color: #952E36;
	background-position: 200px 0;
}

/* inactive ones */
.FW .tabmenu li.fh a { background-color: #FCEBA4; background-position: 0 -40px; }
.FH .tabmenu li.fw a { background-color: #FCEBA4; background-position: 200px -40px; }


/* Tickerbox */

.tickerbox {
	width: 770px; /*800*/
	margin: 1px 0 20px 0;
	position: relative;
	text-align: center;
	padding: 12px 15px;
	font-size: 12px;
	font-weight: bold;
	color: #274A64;
	background: #FBCA3F url(../images/layout/tickerbox-bg.png) repeat-y 0 0;
}


/* CONTENT
----------------------------------------------------------------------------- */

#content {
    margin: 20px auto 0px 0;   /* some air above and under menu and content */
    border: 0px solid RED;
	min-height: 400px;
/* Illu Haus */
    padding-bottom: 10px;
    background-image: url(../images/layout/haus-illustration.gif);
    background-repeat: no-repeat;
    background-position: 10px bottom;
}

.FW #content {
	background-image: none;
}

#main {
    width: 450px;
    margin-left: 207px;
    margin-right: 0px; 
    padding: 5px 30px 10px 30px;
	line-height:18px;
}

#main img {
	padding: 5px;
	border: 1px solid #DDD;
	margin: 0px 7px 0px 0px;
	background-color: #FFF;
}


/* --- List --- */

#main ul {
	padding-left: 20px;
	list-style: none;
}

#main ul li {
        background-image: url(../images/layout/bullet-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
        padding-left: 12px;
}

.totop {
	color: #cccccc;
	font-size: 11px;     
	padding-top: 20px;
	text-align: right;
}

.totop a { color: #777; background-image: none;}
.totop a:visited { color: #cccccc; }
.totop a:hover,  #navtree a:visited:hover{ color: #1D415C;}


/* SIDEBAR
----------------------------------------------------------------------------- */


#sidebar {
	float: left; 
	width: 190px;     
	display: inline;  /* FIX IE double margin bug */
	margin-left: 0;
	/*overflow: hidden;*/
	padding: 0;
	text-align:left;
}


.fbanner {
	position: relative;
	margin: 50px 0 0 0;
}

.FW .fbanner a.image {
	position: absolute;
	top: 0;
	left: -20px;
	width: 226px;
	height: 116px;
	text-indent: -1450px;
	background: transparent url(../images/layout/banner-link-ferienhaus.png) no-repeat 0 0;
	z-index: 10;
}

.FW .fbanner a.txt {
	position: relative;
	font-size: 13px;
	display: block;
	line-height: 18px;
	color: #1D415C;
	padding: 115px 0 0 20px;
}

.FH .fbanner a.image {
	position: absolute;
	top: 0;
	left: -20px;
	width: 253px;
	height: 108px;
	text-indent: -1450px;
	background: transparent url(../images/layout/banner-link-ferienwohnung.png) no-repeat 0 0;
	z-index: 10;
}

.FH .fbanner a.txt {
	position: relative;
	font-size: 13px;
	display: block;
	line-height: 18px;
	color: #952E36;
	padding: 110px 0 0 20px;
}

.sb-banner {
	margin: 25px 0 0 20px;
}

.socialmediabuttons {
	margin: 20px 0 0 20px;
}


/* TEXTSTYLES (Editor Dropdown "Style")
------------------------------------------------------------------------- */


.text_small {
	font-size: 11px;
}


.hinweis {
	padding-left: 15px;
	border-left: 4px solid #1D415C; /* Rubrik */
}


.box_color {
	padding: 10px;	
	border: 1px solid #1D415C;                      /* Rubrik */
	background-color: #D8AFB7;                      /* Rubrik */
	background-image: url(../images/layout/bg-block-red.jpg); /* Rubrik */
	background-repeat: repeat-x;
	background-position: 0 -90px;	
}

.box_grey {
	padding: 10px;
	background-color: #F1F1F1;
	border: 1px solid #CCC;
}

.box_color h2, .box_color h3, .box_grey h2, .box_grey h3 {
	padding: 0px;
	margin-top: 0px;
}

.block {
	display: block;
	clear: both;
}

p.smalltext {
	font-size: 11px;
	line-height: 14px;
}

.red { color: RED!important; }


.trennstrich-oben { /* p */
	border-top: 1px dotted #999;
	margin-top: 15px;
	padding-top: 15px;
}

.trennstrich-unten { /* p */
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}


/* SITEMAP
------------------------------------------------------------ */

#sitemap {
margin-left: -20px;

}

#sitemap ul {
background: none;
padding-left: 25px;
line-height: 23px;
}


#sitemap ul li {
background: none;
padding: 0;
}

#sitemap ul li {
	border-bottom: 1px solid #D0D0D0;
	font-weight: bold;
}

#sitemap ul ul li {
	border-top: 1px dotted #D0D0D0;
	border-bottom: 0px dotted #D0D0D0;
	font-weight: normal;
}

#sitemap ul ul ul li {
	border-top: 1px dotted #D0D0D0;
	border-bottom: 0px dotted #D0D0D0;
	font-weight: normal;
}

.contentfooter {
   	clear: both;
   	border-top: 1px dotted #555;
   	margin: 15px 0 0 0;
   	padding: 10px 0 0 0;
	font-size: 11px;
}

.contentfooter strong {
	
}


/* FOOTER
----------------------------------------------------------------------------- */


#footer {
        height: 45px;
	_height: 25px; /* IE */
	width: 800px;
	color: #666;
	background-image: url(../images/layout/dotted_line_short.gif);
	background-repeat: no-repeat;
	background-position: left 0;
	font-size: 11px;
	padding-top: 8px;
        border: 0px solid RED;
}

#footer a {
color: #1D415C; 
text-decoration: none;
padding-left: 15px;
background-image: url(../images/layout/bullet-level1-inactive.gif);
	background-repeat: no-repeat;
	background-position: 0px;
}

#footer a:hover { text-decoration: underline; }



#footer img { border: 0px solid red; }

#footer_container_l {
	float:left;
	padding-left: 20px;
}

#footer_container_r {
	float:right; 
        padding-right: 20px;
	text-align: right;
}


/* BORDER TOP & BOTTOM
----------------------------------------------------------------------------- */

#border_top {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 840px;
	
	/* shadow on top of header ...
	background-color: #FFF;
	background-image: url(../images/layout/bg_border_top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	*/
	
	background: #FFF;
	
}

#border_bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 20px;
	width: 840px;
	background-color: #FFF;
	background-image: url(../images/layout/bg_border_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}

/* ACCESSIBILITY
----------------------------------------------------------------------------- */

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted #333;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}



/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility {  /* hr */
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* clearing */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */


/* End of 'hahmannstyle' */




/* GUESTBOOK
----------------------------------------------------------------------------- */

.cms-guestbook {
	font-size: 11px;
	margin-top: 20px;
}

.cms-guestbook td {
	border: 0px solid red;
	vertical-align: top;
}

.cms-guestbook-showform-button form {
	padding: 0; margin: 0;
	border: 0;
	background: none;
}

.cms-guestbook-showform-button input, .gbsubmit  {
	font-size: 12px;
	background-image: url(../images/layout/bg-button-submit.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 3px 8px;
	margin: 0;
}

.cms-guestbook-pagination { margin-top: 10px;}

.cms-guestbook-pagination_header {}

/* Entry */

.cms-guestbook-entry {
	background: #E8EAE6;
	padding: 10px;
	border-top: 0px solid #CCC;
	border-bottom: 1px solid #CCC;
	margin-top: 10px;
}

.cms-guestbook-entry-header {}

.cms-guestbook-entry-posted {  /* Date */
	font-size: 10px;
	text-align: right;
	float: right;
}

.cms-guestbook-entry-sender { /* Name */
color: #1D415C; }
.cms-guestbook-entry-sendername  { }

.cms-guestbook-entry-location,
.cms-guestbook-entry-email,
.cms-guestbook-entry-homepage  {
/*display: none;*/
}

.cms-guestbook-entry-text { /* Message */
	overflow: hidden;
	clear: right;
	margin-top: 5px;
	padding: 5px 10px;
	border-top: 1px dotted #999;
	background-color: #FFF;
}

.gberrormessage  {
	margin: 10px 1px;
	color: red;
	padding: 5px;
	background-color: #FFE3E3; 
	border: 1px solid RED;
}


/* End Guestbook */


/* MISC
------------------------------------------------------------ */

.linkbullet {
	background-image: url(../images/layout/bullet-level1-active.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding: 10px;
}

#main .thumbnail_gallery img {
	padding: 3px;
	margin: 0px 0px 0px 0px;
}