/*  HTML5 â�?° Boilerplate  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 14px;
	
	line-height: 140%;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #E4E9AB;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {   color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
html { overflow-y: scroll; }

a:hover, a:active { outline: none; }
a, a:active, a:visited { color: #6C7F26; }
a:hover { color: #99aa44; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #8BA231; color:#fff; text-shadow: none; }
::selection { background:#8BA231; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #f0f; } 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;   } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.top {
  height: 250px;
  border-bottom: 1px solid #434F18;
  outline-bottom: 1px solid #F9FEBA;
  position: relative;
  
  background: #8DA532; /* Old browsers */
  background: -moz-linear-gradient(top, #8DA532 0%, #697B25 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DA532), color-stop(100%,#697B25)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #8DA532 0%,#697B25 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8DA532', endColorstr='#697B25',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #8DA532 0%,#697B25 100%); /* W3C */
}

.contentContainer iframe {
	width: 600px;
	height: 350px;
	margin: 10px 0;
}

.logo {
  position: absolute;
  left: 0;
  bottom: -20px;
  background: url(../img/dasp.png) no-repeat;
  width: 290px;
  height: 208px
}

.logotext a{
  text-decoration: none;
}
.logotext a h1{
  position: absolute;
  right: 30px;
  bottom: 40px;
  z-index: 60;
  font-weight: normal;
  color: rgb(255,255,255);
  font-size: 22px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.logotext a h1 strong{
  font-size: 22px;
  font-weight: bold;
}

.trenner {
  border-right: 1px solid #5D6D21;
  border-left: 1px solid #A8BD54;
  height: 36px;

}

.float, .menuContainer ul li {
  float: left;
}

.mainMenu a{
  display: block;
  height: 35px;
  line-height: 36px;
  padding: 0 17px;
  margin: 0 -1px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  border: 1px solid transparent;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.subbg {
  background: #697B25;
  width: 680px;
  height: 200px;
  position: absolute;
  top: 46px;
  left: 300px;
  
  display: none;
}

.mainMenu a:hover{
  color: #fff;
  background: #8DA532; /* Old browsers */
  background: -moz-linear-gradient(top, #8DA532 0%, #697B25 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DA532), color-stop(100%,#697B25)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #8DA532 0%,#697B25 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8DA532', endColorstr='#697B25',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #8DA532 0%,#697B25 100%); /* W3C */
  border: 1px solid #697B25;
}

.mainMenuAct a{
  color: #fff;
  text-decoration: underline;
  
  background: #8DA532; /* Old browsers */
  background: -moz-linear-gradient(top, #8DA532 0%, #697B25 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DA532), color-stop(100%,#697B25)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #8DA532 0%,#697B25 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8DA532', endColorstr='#697B25',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #8DA532 0%,#697B25 100%); /* W3C */
  border: 1px solid #697B25;
}

.menuContainer {
  margin: 10px 0 0 300px;
}

.menuContainer ul {
  list-style: none;
  margin: 0;
}

.boxes {
  position: absolute;
  height: 35px;
  top: -27px;
  right: 0;
  z-index: 40;
}

.boxes img {
  position: relative;
  top: 0;
}

.whitehead {
  position: relative;
  margin: -45px 0 0 0;
}

.footer {
  height: 125px;
  overflow: hidden;
  width: 100%;
  
  background: #333; /* Old browsers */
  background: -moz-linear-gradient(top, #333 0%, #666 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#666)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #333 0%,#666 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #333 0%,#666 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #333 0%,#666 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #333 0%,#666 100%); /* W3C */
}

.footer div{
  height: 75px;
  padding: 10px;
  color: rgb(255,255,255);
}
.footer div a{
  color: #E4E9AB;
}
.footer p {
  line-height: 20px;
  margin: 20px 0 0 5px;
}

.headbildContainer {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  width: 658px;
  height: 380px;
  position: relative;
  z-index: 50;
  
  -moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */
  filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='000'); /* IE6,IE7 */
}

.contentContainer {
  width: 620px;
  padding: 10px 20px 20px 20px;
  line-height: 16px;

}

.headbild .myGallery{
  border: 0;
}

h1 {
  font-size: 22px;
  color: #6C7F26;
  margin: 20px 0 30px 0;
}

.like {
  float: right;
  margin: 50px -40px 20px 0;
}

.headbild {
  height: 380px;
  overflow: hidden;
}

.left {
  width: 300px;
}

.sidebar {
  width: 260px;
  padding: 20px;
}

.sizerBox {
  width: 234px;
  position: relative;
  padding: 15px 13px;
  overflow: hidden;
  color: rgb(255,255,255);
  margin: 10px 0;
  border: 1px solid #697725;
  
  background: #8DA532; /* Old browsers */
  background: -moz-linear-gradient(top, #8DA532 0%, #697B25 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DA532), color-stop(100%,#697B25)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #8DA532 0%,#697B25 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8DA532', endColorstr='#697B25',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #8DA532 0%,#697B25 100%); /* W3C */
}
.sizerBox a {
  color: #E4E9AB;
}
.sizerBox .logo {
  position: absolute;
  z-index: ;
  width: 144px;
  height: 89px;
  left: 100px;
  top: -10px;
  background: url(../img/klein.png);
}

.sizerBox h3 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 190px;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  color: rgb(255,255,255);
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: normal;
cursor: pointer;
}
.sizerBox h3 strong {
  font-weight: bold;
  font-size: 18px;
}
.sizerBox .spacer{
  height: 50px;
}

.invis {
  visibility: hidden;
  position: absolute;
}

.toggler {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 50px;
  background: url(../img/ex.png) no-repeat center;
  cursor: pointer;
  z-index: 5;
}

.subMenuContainer {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
}

.subMenuContainer .subMenu {
  float: none;
  margin: 2px 0 0 0;
}

.subMenuContainer .subMenu a{
  color: rgb(255,255,255);
  text-decoration: none;
}
.subMenuContainer .subMenu a:hover, .subMenuContainer .subMenuAct a{
  text-decoration: underline;
}

.icc {
  margin: 30px 0 0 10px;
}

.bottommenu {
  margin: 30px 0 0 50px;
}

.tx_iccanfrage_pi2_anfrage_angebote_box {
  margin: -15px 0 0 0;
}

.tx_iccanfrage_pi2_anfrage_angebot_box_uidlink a{

}

.tx_iccanfrage_pi2_anfrage_angebote_box .pi2_pauschale .tx_iccanfrage_pi2_anfrage_angebot_uid_label {
  text-transform: uppercase;
  font-size: 16px;
  margin: 10px 0 4px 0;
  color: #fff;
}

.leftboxes .tx_iccanfrage_pi2_anfrage_angebote_box .tx_iccanfrage_pi2_anfrage_angbeot_box_preis .preis {
  float: right;
  font-size: 22px;
  color: #E4E9AC;
}

.tx_iccanfrage_pi2_anfrage_angbeot_box_kurztext {
  margin: -10px 0 -5px 0;
}

.pi2_pauschale {
  padding: 5px;
}

.quickanfrageboxcintent {
  margin: -26px 0 0 0;
  position: relative;
  z-index: 100;
}
.tx_iccanfrage_pi1_anfrage_anfragen_anreise_box{
  margin: 0 20px 0 0;
}

body #tx_iccanfrage_pi1_anfrage_anfragen_senden_box {
  margin: 5px 0 0 10px;
  background: #fff;
	background: rgba(255,255,255,.8);
	display: block;
	color: #000;
	padding: 7px 15px;
	margin: 5px 0 10px 18px;
	border-radius: 5px;
}

.newsletter .newsletterFeld{
  width: 140px;
  margin: 5px 10px -5px 0;
}

.newsletter {
  height: 20px;
}
.newsletter .toggler{
  background: url(../img/plus.png) no-repeat center;
}


.tx_iccanfrage_pi3_anfrage_berieb_uid {
  display: none;
}

.zimmerbesch {
	margin: 10px 0 20px 0;
}

.anfrageLinkZimmer a, .tx_iccanfrage_pi2_anfrage_angebot_liste_uidlink a{
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #8AA231;
	float: right;
	margin: 5px 0 20px auto;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.tx_iccanfrage_pi2_anfrage_angebot_liste_uidlink a {
	margin-top: -45px;
}

.anfrageLinkZimmer a:hover, .tx_iccanfrage_pi2_anfrage_angebot_liste_uidlink a:hover{
	background: #8AA231;
	color: rgb(255,255,255);
}

/*   Tabelle   */

.contenttable {
  width: 620px;
  border-spacing: 0;
  margin: 20px 0;
  border: 1px solid #697B25;
  border-right: 0;
  border-bottom: 0;
}

.contenttable td {
  padding: 10px 15px;
  border-right: 1px solid #697B25;
  border-bottom: 1px solid #697B25;
}

.tr-0 {
  background: #8DA532; /* Old browsers */
  background: -moz-linear-gradient(top, #8DA532 0%, #697B25 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DA532), color-stop(100%,#697B25)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #8DA532 0%,#697B25 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #8DA532 0%,#697B25 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8DA532', endColorstr='#697B25',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #8DA532 0%,#697B25 100%); /* W3C */
  color: rgb(255,255,255);
  height: 20px;
  line-height: 20px;
}

.td-1, .td-2 {
  font-weight: bold;
}

.tr-0 td {
  border: 0;
  font-weight: normal;
}

.trigger {
  cursor: pointer;
}

.no-canvas .trenner{
  position: relative;
  top: -35px;
}

.gruenrahmen, body .tx_iccanfrage_pi1_anfrage_berieb .tx_iccanfrage_pi1_anfrage_zimmer_box_zimmer_box_detaildaten_zimmer, .tx_iccanfrage_pi2_anfrage_angebote_box_angebot_1_angeboteliste, .tx_iccanfrage_pi1_anfrage_angebote_box_angebot_1_ {
	border: 1px solid #8AA131;
	padding: 10px;
	margin: 10px 0;
}

#tx_iccanfrage_pi1_anfragen_form img {
	border: 2px solid #8AA231;
}

.abstandrahmen {
	margin: 15px 0 0 0;
}

p {
	margin: 8px 0 0 0;
}

h2, h1 {
	margin: 8px 0 12px 0;
}

.smmboxes {
	border: 1px solid #697725;
	padding:10px;
	width:240px;
}

.smmboxes img{
	margin:0 !important;
}

.smmboxes p{
	margin:0 !important;
	line-height:35px;
}

.smmboxes a{
	text-decoration:none;
	font-size:110%;
}

.sommerpreise .td-0{
  width:252px;
}

.share_icons {
  position: relative;
  width: 100%;
  margin: 10px 20px;
}
.share {
  float:left;
}
.plusone {
  float: right;
}