/* CSS Dokument zu Rennsteig.de von www.gastrodreams.de */

html, body {
  margin:0;
  padding:0;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:1.0em;
  font-weight:normal;
  color:#7c5930;
  text-align:left;
  height:100%;
  margin-bottom:1px;
}

body {
  background-color:#1e1006;
  background-image:url(../pics/bg/bg_07.jpg);
  background-position:center;
  background-repeat:repeat-y;
}

/* Topbar */
#topbar{
  width:100%;
  height:480px;
  background-image:url(../pics/bg/bg_01.jpg);
  background-repeat:no-repeat;
  background-position:center;
  float:left;
}

/* Inhalt Topbar */

#logo {
  width:281px;
  height:146px;
  float:left;
}

#logo img {
  border:0 !important;
}

#suchbox {
  width:669px;
  height:61px;
  background-image:url(../pics/header/header_03_1.jpg);
  float:left;
}

#suchbox p {
  font-size:1.0em;
  color:#FFFFFF;
  margin-top:20px;
  float:right;
}

#suchbox form {
  margin-left:8px;
  margin-top:18px;
  float:right;
}

#header1 {
  width:669px;
  height:85px;
  float:left;
}

#header2 {
  width:742px;
  height:334px;
  float:left;
}

/* #header2 besitzt wechselndes Inline-Element! */

/* Breadcrumb */
#breadcrumb {
  width:500px;
  height:40px;
  margin-top:285px;
  margin-left:210px;
}

#breadcrumb p {
  color:#BE884E;
  font-size:0.90em;
}

#breadcrumb a {
  color:#BE884E;
  font-size:0.90em;
  text-decoration:none;
}

#breadcrumb a:hover {
  color:#BE884E;
  font-size:0.90em;
  text-decoration:underline;
}

#unterkunftsuche {
  width:208px;
  height:334px;
  float:left;
}

/* #unterkunftsuche besitzt wechselndes Inline-Element! */

#unterkunft{
  width:200px;
  margin-top:136px;
  margin-left:8px;
}

#unterkunft p {
  color:#4F9B05;
  margin-top:0px;
  margin-left:4px;
  font-weight:normal;
  font-size:1.0em;
}


/* Midbar */
#midbar {
  width:100%;
  background-image:url(../pics/bg/bg_02.jpg);
  background-position:top;
  background-repeat:no-repeat;
  float:left;
}

#midbarbottom {
  width:100%;
  padding-bottom:100px;
  background-image:url(../pics/bg/bg_04.jpg);
  background-position:bottom;
  background-repeat:no-repeat;
  float:left;
}

/* Inhalt Midbar */

#leftbar {
  width:170px;
  float:left;
}

/* Inhalt Leftbar */

.menubox {
  width:161px;
  margin-top:7px;
  background-image:url(../pics/menu/menu_06.jpg);
  background-repeat:repeat-y;
  float:left;
}

.menubox h3 {
  width:100%;
  margin:0;
  padding:0;
  background-image:url(../pics/menu/menu_08.jpg);
  background-repeat:no-repeat;
  background-position:top left;
  color:#FFFFFF;
  font-size:1.05em;
  font-weight:normal;
  padding:4px 0px 3px 15px;
  float:left;
}

/* Menü */

.menue {
  padding:0;
  margin:6px 0 10px 5px;
  font-weight:normal;
  color:#8D5F2F;
  float:left;
}

.menue ul {
  margin: 0;
  padding: 0;
  margin-left:11px;
  list-style: none;
  
}

.menue li {
  width: 140px;
  float:left;
}

.menue li a {
  color: #8D5F2F;
  font-size:1em;
  font-weight:normal;
  text-decoration: none;
  padding-top:1px;
  padding-bottom:1px;
  display: block;
  width: 99.9%;
}

.menue li a:hover {
  font-weight: normal;
  color: #000;
  text-decoration: underline;
}

.nav ul {
  display: none;
  background: #FFF4D7;
  border-width: 1px;
  border-style:solid;
  border-color:#8D5F2F;
}

.nav li:hover ul, .nav li.over ul {
  width: 160px;
  display: block;
  position: absolute;
  padding-top: 7px !important;
  padding-left: 7px !important;
  padding-bottom:7px !important;
  margin: -25px 0 0 125px !important;
  z-index: 999;
}


#contentbar {
  width:580px;
  
  float:left;
}

/* Inhalt Contentbar */

.contentbox {
  width:572px;
  margin-top:7px;
  background-image:url(../pics/content/content_07.jpg);
  float:left;
}

.contentbox img {
  margin-top:4px;
  margin-bottom:5px;
  margin-right:15px;
  padding:3px;
  border:1px;
  border-color:#DCD5B9;
  border-style:solid;
  background-color:#ffffff;
}
div.contentbox .csc-textpic-center {
  text-align: center;
}

.contentbox h1 {
  margin-top:10px;
  margin-left:20px;
  margin-right:20px;
  font-size:1.3em;
  color: #82BA22;
  font-weight:normal;
}

.contentbox h2 {
  margin:10px 20px 10px 20px;
  font-size:1.3em;
  color: #FF6600;
  font-weight:normal;
}

.contentbox p {
  margin-left:20px;
  margin-right:20px;
  font-size:1.00em;
  /*color: #AB6528;*/
  font-weight:normal;
  line-height:1.3em;
}

.contentbox a {
  color:#006600;
  text-decoration:underline;
}

.contentbox a:hover {
  color:#000;
  text-decoration:underline;
}

.center {
  text-align:center !important;
  padding:0;
  margin:0;
  margin-left:27px !important;
}

.border {
  width:572px;
  padding-top:7px;
  float:left;
}

/* .pauschalenbox besitzt wechselndes Inline-Element! */

.pauschalenbox h3 {
  font-size:1.1em !important;
  font-weight:normal !important;
  color:#82BA22;
  margin:5px 15px 7px 15px;
  padding-bottom:7px;
  border-bottom:1px;
  border-bottom-color:#006600;
  border-bottom-style:dotted;
  
}

.pauschalenbox p {
  margin-left:15px;
  margin-right:15px;
  font-size:0.9em;
  /*color: #AB6528;*/
  font-weight:normal;
  line-height:1.1em;
}

.pauschalenbox img {
  background-color:#FFFFFF;
  margin:0;
  margin-left:11px;
  padding:2px;
}

.pauschalenbox a:link, .pauschalenbox a:visited {
  font-size: 1.1em;
  font-weight: normal;
  color: #82BA22;
  text-decoration: none;
}

.pauschalenbox a:hover, .pauschalenbox a:focus, .pauschalenbox a:active {
  text-decoration: underline;
}

#rightbar {
  width:200px;
  float:left;
}

/* Inhalt rightbar */

.border-right {
  width:200px;
  padding-top:7px;
  float:left;
}

.rightbox {
  width:200px;
  background-image:url(../pics/right/right_bar_11.jpg);
  margin-top:7px;
  float:left;
}

.rightbox div {
  margin: 0 10px;
}

.rightbox div .csc-textpic-center {
  margin-left: 0;
}
#rightbar .csc-textpic-imagerow, #rightbar .csc-textpic-imagewrap {
	width: 170px;
}


.googlead {
  margin-left:20px;
}

/* Botbar */
#botbar {
  width:100%;
  height:222px;
  background-image:url(../pics/bg/bg_05.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  float:left;
}

/* Inhalte Botbar */

.footer {
  width:150px;
  margin-top:20px;
  margin-right:10px;
  float:left;
}

.footer p {
  font-size:1em;
  font-family:Georgia;
  color:#FFFFFF;
  text-align:left;
  line-height:1.4em;
}

.footer h3 {
  font-size:1.1em;
  color:#FFFFFF;
  font-weight:normal;
}

.footer a {
  text-decoration:none;
  color:#FFFFFF;
  font-weight:normal;
}

.footer a:hover {
  text-decoration:underline;
  font-weight:normal;
}

/* Allgemeine Elemente */

.frame {
  width:950px;
  margin:0 auto 0 auto;
  text-align:left;
}

.none {
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.dottedtop {
  border-top:1px;
  border-top-style:dotted;
  border-top-color:#006600;
  padding-top:7px;
  margin-top:7px;
}

.dottedbottom {
  border-bottom:1px;
  border-bottom-style:solid;
  border-bottom-color:#006600;
  padding-bottom:7px;
  margin-bottom:7px;
}

.textr {
  text-align:right;
}

.imgunterkunft {
  float:left;
  border:none !important;
  padding:0 !important;
  margin-left:0px !important;
  margin-right:12px !important;
  margin-bottom:5px;
}


/* Bilder */

.imgr {
  float:right;
  margin-right:0px !important;
  margin-left:15px !important;
}

.imgl {
  float:left;
  margin-left:15px !important;
  margin-right:0px !important;
}

/* Rennsteig Template Erweiterungen */

.contentbox h3 {
  margin:10px 17px 10px 17px;
  font-size:1.2em;
  color: #01557c;
  font-weight:normal;
  padding-bottom: 7px;
  border-bottom: 1px;
  border-bottom-color: #060;
  border-bottom-style: dotted;
}

.outbox p {
  font-size:0.9em !important;
  margin-right:17px !important;
  margin-left:17px !important;
}

.outbox.left {
  width:284px;
  margin:0 !important;
  padding:0 !important;
  border-right:1px;
  border-right-style:dotted;
  border-right-color:#392202;
  
  float:left;
  height: 300px;
}

.outbox.right {  
  width:284px;
  margin:0 !important;
  padding:0 !important;
  height: 300px;  
  float:left;  
}

.csc-textpic-intext-right .csc-textpic-imagewrap {
  margin-right: 15px;
}


.csc-textpic-caption {
  font-size: 0.8em;
  font-style: italic;
}

.pauschalenbild {  
  float:left;  
  margin-right:30px !important;  
}

/* html[xmlns] aus tx_altourist_style: Die Angabe des Namensraumes und des xml:lang Attributes werden bei Ausgabe als HTML nicht angewendet. Optional. Nur bei XHTML5 erforderlich */
html .clearfix {
	display: block;
}

figcaption {
	width: 90%;
}

.pauschalenbutton {  
  float:right;  
  background-color:none !important;  
  border:none !important;  
}




.adresse {
width: 350px;
margin: 0;
 
padding: 0;
float: left;
}

.unterkunftspreis {
  background-image:url(../pics/unterkunft/button_preis.jpg);
  width:86px;
  height:86px;
  float:right;
}

.unterkunftspreis p{
  width:86px;
  margin-top:20px;
  margin-left:0;
  text-align:center;
  color:#FFFFFF;
  font-size:1.0em;
}

.contentbox p.ad-info {margin-top:5px;}

.csc-textpic-imagewrap {
  margin: 0;
  margin-left: 15px;
  padding: 0;
}

/* Korrekturen */

.contentbox_border_top {
  position:relative;
  top:-6px;
}

.contentbox_border_bottom {
  position:relative;
  top:3px;
}
