/* (c) 2007, triplemind.com */

body {
  margin: 0 0 0 0;
  background-color: #F4F4F4;
  background-image: url(https://ferienwohnung.unterkunft.de/images/design/bg.jpg);
  background-repeat: repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

h2 {
  font-size: 11pt;
  color: #666666;
}

#column1 h1, #column3 h1, #column1 h2, #column3 h2 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 11pt;
}

#column2 h1 {
  color: #C72A00;
  font-size: 13pt;
  font-weight: normal;
  margin: 0 0 8px 0;
  padding: 0 0 0 0;
  border-bottom: 1px dotted silver;
}

#column2 h2 {
  color: #C72A00;
  font-weight: normal;
  margin: 6px 0 4px 0;
  padding: 0 0 0 0;
}

#column2 h1 a { color: #C72A00 }
#column2 h2 a { color: #C72A00 }

small {
  font-size: 9pt;
}

form {
  margin: 2px 2px 16px 2px;
  padding: 2px 2px 2px 2px;
  background-color: LightSkyBlue;
  border: 2px solid RoyalBlue;
}

#column1 ul, #column1 ol, #column3 ul, #column3 ol {
  margin: 5px 0 5px 0;
  padding-left: 14px;
}

li {
  list-style-image: url("https://ferienwohnung.unterkunft.de/images/design/bullet-gray.png");
}

p {
  margin: 0 0 5px 0;
}

/* * * * additional links for headlines * * * */
.content h1 ul, .content h2 ul {
  position: relative;
  top: -1em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.content h1 ul li, .content h2 ul li {
  float: right;
  margin: 0 0 0 10px;
  padding: 0 0 0 0;
  font-size: 9pt;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

/* * * * tabs and cards * * * */
#column2 p + div.tabs, #column2 table + div.tabs, #column2 form + div.tabs,
#column2 ul + div.tabs, #column2 ol + div.tabs, #column2 h1 + div.tabs,
#column2 h2 + div.tabs {
  margin-top: 32px;
}
.tabs ul {
  height: 1em;
  margin: 0px 2px 1px 2px;
  padding: 0 0 8px 2px;
  border-bottom: 1px solid silver;
}
.tabs a { text-decoration: none }
.tabs li {
  float: left;
  margin: 0 2px 0 2px;
  padding: 0 6px 0 0;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab.png) repeat scroll 100% -100px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  text-align: center;
}
.tabs li a, .tabs li span {
  display: block;
  padding: 4px 4px 3px 9px;
  white-space: nowrap;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab.png) repeat scroll 0 -100px;
}
.tabs li.active {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab.png) repeat scroll 100% 0;
  border-bottom: 1px solid white;
}
.tabs li.active a, .tabs li.active span {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab.png) repeat scroll 0 0;
}

/* * * * layout of the page * * * */
#header-container {
  width: 100%;
  background-color: #FBFBFB;
  background-image: url(https://ferienwohnung.unterkunft.de/images/design/header-bg.png);
  background-repeat: repeat-y;
}
#header {
  margin-left: 12px;
  margin-right: 12px;
  width: 880px;
}
#header #main-navi {
  position: absolute;
  top: 67px; width: 869px;
  padding-right: 11px;
}
#header #main-navi ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#header #main-navi a { text-decoration: none }
#header #main-navi li {
  float: right;
  margin-left: 6px;
  padding-right: 6px;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab-header.png) repeat scroll 100% 0;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  text-align: center;
}
#header #main-navi li a, #header #main-navi li span {
  display: block;
  padding: 4px 4px 3px 9px;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab-header.png) repeat scroll 0 0;
}
#header #main-navi li.active {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab-header.png) repeat scroll 100% -100px;
}
#header #main-navi li.active a, #header #main-navi li.active span {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/tab-header.png) repeat scroll 0 -100px;
}
#header #second-navi {
  position: absolute;
  left: 531px;
  width: 350px;
  z-index: 1000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: right;
}
#header #second-navi form {
  margin: 0 0 0 156px;
  border: 0 solid white;
  background-color: white;
  text-align: right;
}
#header #second-navi form.unfolded {
  background-color: LightSkyBlue;
  border: 2px solid RoyalBlue;
  text-align: left;
}

#navigation {
  padding-top: 10px;
  padding-left: 96px;
  margin-bottom: 8px;
  background-image: url(https://ferienwohnung.unterkunft.de/images/design/header-bg2.png);
  background-repeat: no-repeat;
}

#advert-leaderboard {
  margin-left:20px;
  margin-bottom: 8px;
  width:864px;
  text-align: center;
}
#advert-skyscraper {
  position: absolute;
  left: 900px;
  top: 123px;
}

#path {
  margin-left: 8px;
  margin-bottom: 8px;
}

#container {
  width: 880px;
  margin-left: 12px;
  margin-right: 12px;
}

#column1 {
  float: left;
  margin-left: 8px;
}
.column123 #column1 { width: 180px }
.column12 #column1 { width: 220px }

#column1 .content  {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  background-color: #F7F6D1;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/sandybox-bg.png) repeat-y scroll 100% 0;
}
#column1 .content .tl {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/sandybox-tl.png) no-repeat scroll 0 0;
}
#column1 .content .tr {
  margin: 0 0 0 0;
  padding: 6px 3px 0px 4px;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/sandybox-tr.png) no-repeat scroll 100% 0;
}
#column1 .content .br {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/sandybox-br.png) no-repeat scroll 100% 0;
}

#column2 {
  float: left;
  margin-left: 8px;
  padding-top: 4px;
  background-color: white;
}
.column123 #column2 { width: 466px }
.column12 #column2 { width: 628px }
.column23 #column2 { width: 608px }

#column3 { 
  float: left;
  margin-left: 8px;
}
.column123 #column3 { width: 200px }
.column23 #column3 { width: 240px }

#column3 .content  {
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  background-color: #ECECEC;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/graybox-bg.png) repeat-y scroll 100% 0;
}
#column3 .content .tl {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/graybox-tl.png) no-repeat scroll 0 0;
}
#column3 .content .tr {
  margin: 0 0 0 0;
  padding: 6px 3px 0px 4px;
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/graybox-tr.png) no-repeat scroll 100% 0;
}
#column3 .content .br {
  background: transparent url(https://ferienwohnung.unterkunft.de/images/design/graybox-br.png) no-repeat scroll 100% 0;
}

#footer1 {
  width: 880px;
  clear: both;
  margin: 0 12px 4px 12px;
  padding: 30px 8px 0 8px;
}
#footer1 a {
  text-decoration: none;
}
#footer1 img {
  border: 0px solid white;
}
#footer2 {
  width: 672px;
  clear: both;
  padding: 20px 12px 10px 216px;
  background-color: #F4F4F4;
  background-image: url(https://ferienwohnung.unterkunft.de/images/design/footer.png);
  background-repeat: no-repeat;
}