@charset "utf-8";
/*
Theme Name: Sonne
Version: 1.0
*/

/* CSS Haupt-Document */

/** kritische Werte instanzieren
-------------------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
img{
  vertical-align: bottom;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border: 0;
}
/* a[href^="http://"]:before,
a[href^="https://"]:before {
  content: "\2197\00A0";
  font-family:Arial, Helvetica, sans-serif;
} */
a {
  outline: none;
}
html,
body {
	height:100%;
}

/** Minimal CSS
-------------------------------------------------------------------------------------------------- */
html, body {
	height: 100%;
}
#top {
	min-height: 100%;
}

#main {
	padding-bottom: 24px; /* unteres padding in der Hoehe des footers +footer_padding vermeidet Überlappungen */
}
#footer {
	height: 22px;
	margin-top: -30px; /* + padding +1px */
}
/* IE Win only \*/
* html #top {
	height: 100%;
}
/* */
/* IE only */
* html #main {
	padding-bottom: 32px; /* unteres padding in der Hoehe des footers +footer_padding +2 vermeidet Überlappungen */
}
* html #footer {
	margin-top: -30px; /* + padding +3px */
}
/* */

/** allgemeine Elemente formatieren
-------------------------------------------------------------------------------------------------- */
body {
  background: #fef0d0 url(images/layout/body_bg.jpg) left top repeat-x;
  color: #000;
  font-size: 80%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
body * {
  text-align: left;
}
th, td {
  font-size: 12px;
  line-height: 1.4em;
}

/* Listen siehe content*/

/* Links und Anker */
a:link, a:visited,
a:hover, a:focus, a:active {
  background-color: transparent;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  line-height: 1.4em;
}
a:hover,
a:focus, 
a:active {
	color: #ff8108;
}

/* Überschriften und Absätze */
h1 {
  color: #545454;
  background-color: transparent;
  font-family: "Times New Roman", Times, serif;
  font-size: 19px;
  font-weight: normal;
  border-bottom: solid 1px #ff8108;
  margin: 25px 0 .75em;
}
h1.no2 {
  margin-top: 1.5em;
}
h2 {
  color: #545454;
  background-color:transparent;
  font-family: "Times New Roman", Times, serif;
  font-size: 19px;
  font-weight: normal;
  border-bottom: solid 1px #545454;
  margin: 1.2em 0 .5em;
}
h2.weit {
	margin-top: 2em;
}
h3 {
  color: #ff8108;
  background-color: transparent;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  margin: 1em 0 .5em;
}
p {
  font-size: 12px;
  line-height: 1.4em;
  margin: 0 0 1em 0;
}
span {
  font-size: 12px;
  line-height: 1.4em;
}
.wichtig {
	font-weight: bold;
}
.med {
  font-size: 11px;
  line-height: 1.4em;
}
.small {
  font-size: 10px;
  line-height: 1.4em;
}
.zeile {
  margin-bottom:12px;
}
.doppelzeile {
  margin-bottom:24px;
}
.tripplezeile {
  margin-bottom:36px;
}
hr {
  border: solid 1px #bbb;
  margin: 1em 0;
}


.text-high    {font-family: Arial, Helvetica, sans-serif; color: #D43C0C; font-size: 11px; font-weight: bold;}
.text-blau    {font-family: Arial, Helvetica, sans-serif; color: #0C71D4; font-size: 12px; font-weight: normal;}


/* Überschriften und Absätze */
table {
  margin: 0 0 1em;
  padding: 0;
}

/**
-------------------------------------------------------------------------------------------------- 
Regeln für besondere Bereiche
-------------------------------------------------------------------------------------------------- */
.clear {
  clear: both;
}
.skip {
  position: absolute; left: -5000px; top: 0;
}
.divider {
  display: none;
  margin: 0;
  border-color: #fff;
}
/** grids
-------------------------------------------------------------------------------------------------- */
#angebote {
	margin: 20px 0;
}
#b_details {
	margin: 20px 0;
}
#angebote .p1of2,
#b_details .p1of2 {
	float: left;
	width: 205px;
}
#b_details .p1of2 select {
	width: 200px;
}

/** Hauptcontainer
-------------------------------------------------------------------------------------------------- */
p.noscript {
	background-color: transparent;
	color: #000;
	text-align: center;
}
div#top {
	position: relative; left:0; top:0;
	background: #f9c482 url(images/layout/top_bg.gif) left top repeat-y;
	margin: 0 auto;
	width: 950px;
}
div#bg_left {
	background: transparent url(images/layout/left_bg.jpg) left top no-repeat;
	padding-left: 25px;
	width: 925px; 
}
div#bg_right {
	background: transparent url(images/layout/right_bg.jpg) right top no-repeat;
	padding-right: 25px;
	width: 900px; 
}
div#main {
	background: transparent url(images/layout/main_bg.gif) left top repeat-y;
	width: 900px;
}
div#min-height {
	float: left;
	width: 1px; height: 500px;
}

/** header
-------------------------------------------------------------------------------------------------- */
div#header {
	background: #fefefd url(images/layout/header_bg.jpg) left top repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 900px; height: 155px;
}
#header ul {
	position: absolute; right: 30px; top: 10px;
	list-style: none;
}
#header ul li {
	display: block;
	float: left;
	list-style: none;
	border-left: solid 1px #c2beb4;
	padding: 0 5px;
	width: auto; height: 11px;
}
#header ul li.first {
	border-left: none;
}
#header ul li a:link,
#header ul li a:visited,
#header ul li a:hover,
#header ul li a:focus,
#header ul li a:active {
	background-color: transparent;
	color: #c2beb4;
	font-size: 11px;
	line-height: 9px;
}
#header ul li a:hover,
#header ul li a:focus,
#header ul li a:active {
	color: #000;
}
img#logo {
	margin: 0;
}
div#head2 {
	position: relative; left: 0; top: 0;
	background: #fff;
	padding: 0;
	margin: 0;
	*margin: -11px 0 0 0;
	width: 900px; height:310px;
}
.line {
	*position: relative; left: 0; top: -11px;
}
#head2 div#buchung {
	position: absolute; left: 0; top: 0;
	background: #efce8e url(images/layout/buchung_bg.gif) left 261px repeat-x;
	padding: 0 0 0 20px;
	margin: 0;
	width: 210px; height: 310px;
}
#buchung h1 {
	background-color: transparent;
	color: #4f2701;
	border: none;
	margin-top: 25px;
}
#buchung label  {
	background-color: transparent;
	color: #4f2701;
}
#buchung select {
	font-size: 12px;
	margin-bottom: 10px;
	height: 22px;
}
#buchung select.wide {
	width: 145px;
}
#buchung select option {
	padding-left: 10px;
}
#buchung input {
	font-size: 12px;
	padding: 2px 0 0 0;
	margin-bottom: 10px;
	height: 17px;
}
#buchung div.submit input,
div.submit input {
	padding: 0;
	width: auto; height: auto;
}
div.submit {
	text-align: right;
	padding-right: 65px;
	margin-top: 15px;
}

div#flashcontent {
	position: absolute; right: 0; top: 0;
	background: #fefefd;
	padding: 0;
	margin: 0;
	width: 670px; height:310px;
}
#flashcontent div.no_flash {
	background-color: #fefefd;
	color: #000;
	opacity: .7;
	filter: Alpha(opacity = 70);
	padding: 15px 10px;
	margin-left: 10px;
	width: 325px;
	wid\th: 305px;
}
/** content
-------------------------------------------------------------------------------------------------- */
div#content,
div#content-wide {
  float: left;
  background-color: #fff;
  padding: 0 0 0 20px;
  margin-bottom: 30px;
  width: 420px;
}
div#content-wide {
  width: 630px;
}
#content p,
#content span ,
#content-wide p,
#content-wide span{
  text-align: justify;
}
div#content a,
div#content-wide a {
	background-color: transparent;
	color: #4e5352;
	font-weight: bold;
}

/* Listen */
#content ul,
#content ol,
#content-wide ul,
#content-wide ol  {
  margin-bottom: 1em;
  width: 227px;
}
#content ul li,
#content ol li,
#content-wide ul li,
#content-wide ol li {
  padding: .2em 0;
}
#content ul li,
#content-wide ul li {
	overflow: hidden;
  background: transparent url(images/layout/cube.gif) left 9px no-repeat;
  list-style: none;
  border-bottom: dashed 1px #d9d9d9;
  padding-left: 10px;
  margin-left: 0;
}
#content ul.med li,
#content-wide ul.med li {
	background-position: left 8px;
}
#content ul li  ul li.last,
#content-wide ul li  ul li.last {
	border-bottom: none;
}
#content ol li,
#content-wide ol li {
  list-style: decimal;
  margin-left: 12px;
}
#content li ul,
#content li ol,
#content-wide li ul,
#content-wide li ol {
  padding: 0;
  margin-bottom: 0;
}
#content .align-left p,
#content-wide .align-left p {
	text-align: left;
}
#content a.med,
#content-wide a.med {
	font-size: 11px;
}
a:link.zoom_img,
a:visited.zoom_img,
a:hover.zoom_img,
a:focus.zoom_img,
a:active.zoom_img {
	display: block;
	float: right;
	background-color: #fff;
	border: solid 1px #545454;
	padding: 10px;
	margin: 4px 0px 10px 10px;

}
a:hover.zoom_img,
a:focus.zoom_img,
a:active.zoom_img {
	border: solid 1px #ff8108;
}
td a:link.zoom_img,
td a:visited.zoom_img,
td a:hover.zoom_img,
td a:focus.zoom_img,
td a:active.zoom_img {
	float: none;
	width: 161px;
}

/** content Spalten
-------------------------------------------------------------------------------------------------- */
div#content-sp1 {
	float: left;
	margin: 1.8em 0 1em;
	width: 267px;
}
div#content-sp2 {
	float: right;
	border-left: solid 1px #596480;
	padding-left: 20px;
	margin: 1.8em 0 1em;
	width: 287px;
	wid\th: 267px;
}
#content-sp1 h2.first-h2,
#content-sp2 h2.first-h2 {
  margin: 0 0 .5em;
}
#content-sp1 h2,
#content-sp2 h2 {
  margin-top: .75em;
}
#content-sp1 p.last-p,
#content-sp2 p.last-p {
	margin-bottom: 0;
}

/** sidebar_1
-------------------------------------------------------------------------------------------------- */
div#sidebar_1 {
	float: left;
	background-color: #ffe5ad;
	font-size: 12px;
	padding-top: 16px;
	width: 230px;
}
/* Hauptnavigation */
#sidebar_1 ul {
	list-style: none;
}
#sidebar_1 ul li {
	list-style: none;
}
#sidebar_1 ul li a:link,
#sidebar_1 ul li a:visited,
#sidebar_1 ul li a:hover,
#sidebar_1 ul li a:focus,
#sidebar_1 ul li a:active {
	display: block;
	background: transparent url(images/layout/main_nav_bg.gif) 20px bottom no-repeat;
	color: #000;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 37px;
	vertical-align: middle;
	padding: 0 0 0 30px;
	width: 200px; height: 37px;
}
#sidebar_1 ul li a:hover,
#sidebar_1 ul li a:focus,
#sidebar_1 ul li a:active {
	background-color: #efce8e;
}
#sidebar_1 ul li ul li a:link,
#sidebar_1 ul li ul li a:visited,
#sidebar_1 ul li ul li a:hover,
#sidebar_1 ul li ul li a:focus,
#sidebar_1 ul li ul li a:active {
	background: transparent url(images/layout/main_nav_bg2.gif) 40px bottom no-repeat;
	padding: 0 0 0 50px;
	width: 180px;
}
#sidebar_1 ul li ul li a:hover,
#sidebar_1 ul li ul li a:focus,
#sidebar_1 ul li ul li a:active {
	background-color: #efce8e;
}

/** sidebar_2
-------------------------------------------------------------------------------------------------- */
div#sidebar_2 {
	float: right;
	background-color: transparent;
	font-size: 12px;
	padding: 30px 0 0 20px;
	width: 210px;
}
div#sidebar_2 a {
	display: block;
	margin-bottom: 20px;
}

/** Footer
-------------------------------------------------------------------------------------------------- */
div#footer {
	position: relative; left: 0; top: 0;
	background: #fff url(images/layout/footer_bg.png) left top repeat-x;
	text-align: center;
	padding-top: 8px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
div#footer img {}
div#footer span {
	font-size: 10px;
}
div#footer a {
	font-size: 10px;
}

/** Kontakt
-------------------------------------------------------------------------------------------------- */
.wpcf7-not-valid-tip-no-ajax {
	border-bottom: dashed 1px red;
}
.sp1 {
	width: 100px;
}
#kontakt input,
#kontakt textarea {
	margin-bottom: 5px;
	width: 310px;
}
input#submit {
	width: auto;
}

/** Buchung
-------------------------------------------------------------------------------------------------- */
.chk {
	margin: 0 10px 10px 0;
	width: auto;
}
input,
textarea {
	margin-bottom: 5px;
	width: 410px;
}
select.sclt {
	margin-bottom: 5px;
}
#top #head2 #buchung input#submit2 {
	font-size: 14px;
	line-height: 18px;
	text-align: center; vertical-align: middle;
	width: 80px;
}

/** Anfahrt
------------------------------------------------ */
#anfahrt_abstand {
	display:block;
	margin-bottom: 4em;
}
/** top-angebote
------------------------------------------------ */
/* runde Ecken Anfang */
.teaser {
   background-color: #ffe5ad;
   position:relative;
   z-index:0;
   
   border: solid 1px #c0a16b;
   width: 203px;
}
.teaser .inner_t {
   position:relative;
   z-index:2;
   width: 203px;
}
/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.teaser .c_lt,
.teaser .c_rt, 
.teaser .c_lb,
.teaser .c_rb {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:6px;  /* set height to the size of the corner */
   position:relative;
   background: url(images/layout/corners.png) 0 0 no-repeat;
}
.teaser .c_rt,
.teaser .c_rb {
   width:100%; /* scales with the module */
   right:-1px; /* overlap borders */
}
.teaser .c_lt,
.teaser .c_lb { /* left corners */
   width:6px;
   left:-2px;
}
.teaser .c_rt {
   background-position:100% 0;
   top:-1px;
}
.teaser .c_lt {
   background-position:0 -12px;
}
.teaser .c_rb { /* bottom corners get moved */
   position:absolute;
   background-position:100% -6px;
   bottom:-1px; /* overlap bottom border */
}
.teaser .c_lb {
   background-position:0 -18px;
}
/* runde Ecken Ende */
.t-head {
	text-align: center;
	border: none;
	padding: 10px 0 0 0;
	margin: 0;
	height: 35px;
}
.t-body {
	background-color:#f9f5f1;
	padding: 5px;
	height: 250px;
}
#content .t-body ul {
	width: 193px;
}
.t-footer {
	text-align: center;
	padding: 10px 0 0 0;
	width: 193px; height: 45px;
}
.huge {
	height: 390px
}

.medium {
	height: 280px
}

/** preise
-------------------------------------------------------------------------------------------------- */
.right {
	text-align: right;
}

/* Freizeitpartner --------------------------------------------------------- */

.partner {
border-bottom:1px dashed #D9D9D9;
height:110px;
margin-bottom:10px;
}

.partner img {
width:180px;
height:100px;
float:left;
padding-right:10px;
}

/* Content list --------------------------------------------------------- */

#content ul.content_list {
width:100%;
}

#content ul.content_list li {
margin-top:10px;
padding-bottom:10px;
}