/* new css for Vivere la Maremma */
/* Oct, Nov 2006 Carsten Seiffert */

/* layout */
body {
  text-align: center;
  margin: 5px 0;
}
#center {
  text-align: left;
  min-width: 740px;
  max-width: 950px;
  background: #f6e9c7;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid black;
}
#kopf {
  background: #f6e9c7 url(/z_system/layout_bilder/neu/allee.jpg) no-repeat 50% 40px;
  height: 230px;
  margin: 0;
}
#hauptteil {
  background: url(/z_system/layout_bilder/neu/rot_gestrichelt.gif) repeat-y 18.9% 0;
}
#hauptmenue {
  width: 18.9%;
  float: left;
}
#inhalt {
  width: 81%;
  float: right;
  padding: 0;
}
#inhalt.zweispaltig {
  background: url(/z_system/layout_bilder/neu/rot_gestrichelt.gif) repeat-y 71.9% 0;
}
#inhalt ul {
  margin-left: 0;
  padding-left: 20px;
}
#inhalt ul li {
  margin-left: 0;
}
#kern {
  width: 71.9%;
  float: left;
  padding: 0;
}
#tipps {
  width: 28%;
  float: right;
  padding: 0;
}
.gutter {
  padding: 0 15px 15px 15px;
}
#hauptmenue .gutter {
  padding-left: 0;
}
#fusszeile {
  clear: both;
}

/* general settings */
body {
  font-size: medium;
  font-family: Arial, Helvetica, sans-serif;
  background: #c0c0c0 url(/z_system/layout_bilder/neu/gruenelinie.gif) repeat;
}
#center {
  font-size: 80%;
}
a:link, a:visited{
  color: #bb0000;
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
  background: #f5d3a4;
}
h1, h3, h4 {
  color: #338844;
}
h3 {
  font-size: 180%;
  font-weight: normal;
  padding-top: 0;
  margin-top: 0;
}
h4 {
  font-size: 120%;
  margin-bottom: 0.5em;
}
th, td {
  padding: 5px;
}
th {
  font-weight: bold;
}
thead th {
  background: #d6c496;
}
.odd {
  background: #f4be82;
}
.even {
  background: #d6c496;
}

/* specific settings */
h1 {
  background: url(/z_system/layout_bilder/neu/VivereLaMaremma.gif) top left no-repeat;
  float: left;
  height: 40px;
  width: 421px;
  margin: 0;
}
h2 {
  color: #bb0000;
  background: url(/z_system/layout_bilder/neu/ReisenInDieToskana.gif) top right no-repeat;
  float: right;
  height: 40px;
  width: 308px;
  margin: 0;
}


/* Anfang CSS Mods UK 28.12.2009 */
img {
  background: white;
  padding: 10px;
  border: solid #d3a569 1px;
  margin-right: 15px;
}
/* Ende CSS Mods UK 28.12.2009 */


#linkliste1 {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding: 0px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #338844;
  text-align: center;
  color: #bb0000;
  margin-bottom: 20px;
}
#linkliste1 ul {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 7px;
  margin-right: 7px;
  padding: 0;
}
#linkliste1 li {
  display: inline;
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
}
#hauptmenue a:link, #hauptmenue a:hover, #hauptmenue a:visited {
  color: #338844;
  font-weight: bold;
}
#hauptmenue ul{
  margin: 0;
  padding: 0;
}
#hauptmenue li{
  margin-left: 0;
  padding-left: 15px;
  padding-top: 0;
  padding-bottom: 0.8em;
  list-style: none;
  background: url(/z_system/layout_bilder/rote_linie_links.gif) bottom left no-repeat;
}
#hauptmenue div{
  color: #338844;
  padding-left: 15px;
}
#letzte_aenderung{
  margin-top: 2em;
  font-size: 90%;
  font-weight: normal;
}
#tipps img {
  float: left;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  padding: 5px;
}
#tipps p {
  clear: both;
}
#fusszeile {
  background: #f6e9c7;
  margin-bottom: 0px;
  border-top: 1px solid #338844;
  padding: 0px;
  text-align: center;
  color: #bb0000;
}
#fusszeile ul {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 0;
  margin-right: 0;
}
#fusszeile li {
  display: inline;
  padding: 0;
  margin-left: 8px;
  margin-right: 8px;
}
#tipps form p {
  margin-top: 0;
  margin-bottom: 0;
}
.tipp {
  clear: both;
}
#inhalt ul#links {
  padding-left: 0;
}
#inhalt ul#links li {
  list-style: none;
  margin-left: 0;
}
/* Angebotsseite */
#detailtext {
  margin-left: 342px;
}
#bilder1 {
  float: left;
  margin-top: 1em;
}
.bild1 {
  clear: left;
  float: left;
}
.bild2 {
  float: left;
}
.bild1 img, .bild2 img {
  display: block;
  float: none;
  margin-bottom: 0;
}
.bild1 p, .bild2 p {
  margin-top: 0;
  margin-bottom: 1em;
  max-width: 300px;
}
ul#links li {
  list-style: none;
  padding-bottom: 0.8em;
}
ul#links li.print {
  margin-top: 1.5em;
}
ul#links li.print a {
  background: url(/z_system/layout_bilder/neu/printer.png) top left no-repeat;
  padding-left: 22px;
}
ul#links li.print a:hover {
  background: #f5d3a4 url(/z_system/layout_bilder/neu/printer.png) top left no-repeat;
  padding-left: 22px;
}
.feedbacklinks {
  margin-bottom: 1em;
}
.feedbacklinks p {
  display: inline;
}

/* Feedback/Galerie/Tipp-Seite */
#bilder {
  float: left;
  margin-bottom: 1em;
}
.bild {
  clear: left;
  float: left;
}
.bild img {
  display: block;
  float: none;
  margin-bottom: 0;
}
.bild p {
  margin-top: 0;
  margin-bottom: 1em;
  max-width: 300px;
}

/* Wohnungs- und Preiseseite */
#preise  {
  width: 81%;
  float: right;
  padding: 0;
}
#inhalt #preise {
  width: 100%;
  clear: both;
  float: none;
}
dt {
  font-weight: bold;
  display: inline;
}
dd {
  padding-bottom: 0.5em;
}
#preistabelle td {
  text-align: center;
}

/* Vorlage Allgemein */
div.absatz {
  clear: both;
  margin-bottom: 1em;
}

/* Formulare */
table.formular td {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
table.formular td.formheader{
  font-weight: bold;
  padding-right: 10px;
  padding-top: 1.5em;
}
.formfieldname{
  padding-right: 10px;
}
.benoetigt{
  color: #bb0000;
  font-weight: bold;
}

/* Alte Preisseiten - Vorlage absaetze_2sp */
.preisealt ul {
  padding-left: 0;
}
.preisealt li {
  list-style: none;
  margin-bottom: 0.3em;
}
.preisealt td {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
.preisealt td p {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* Übersichtsseiten */
.fusstext {
  clear: both;
}

/* Feedback-Übersicht */
.feedback {
  clear: left;
  margin-bottom: 2.5em;
}
.feedback h4, .feedback div {
  margin-left: 192px;
}

/* allgemeine Übersicht */
.angebot {
  clear: left;
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}
.angebot h4, .angebot div {
  margin-left: 242px;
}
.angebot .mehrlink {
  float: right;
  width: 5em;
  margin-left: 0;
}
.preisab {
  font-size: 90%;
  margin-bottom: 3em;
}


/* CSS Mods ME */

img {
	margin-right: 1.5em;
	margin-bottom: 1em;
  background: white;
  border: solid #d3a569 1px;
  margin-right: 15px;
}
.bild1 img {
padding: 10px}

.bild2 img {
padding: 10px}

.angebot img {
padding: 10px}

.Vorschau2 {
padding: 0;}

.code {
	text-align: right;
	margin-top: -22px;
	margin-right: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #338844}

/* Zwischennavigation ME */

#InfoBox {
	border: 1px solid #33995C;
	height: 130px;}
#InfoBoxLinks {
	width: 200px;
	float: left;}
#InfoBoxRechts {
	width: 180px;
	float: right;}

#InfoBox2 {
	border: 1px solid #33995C;
	height: 130px;}
#InfoBoxLinks2 {
	width: 200px;
	float: left;}
#InfoBoxRechts2 {
	width: 180px;
	float: right;}

#InfoBox #linksL ul li { }

#inhalt #InfoBox ul#linksL li {
	display: block;
	padding-left: 0px;}

ul#linksL li {
	list-style: none;
	padding-bottom: 0.5em;}
	
ul#linksR li {
	list-style: none;
	padding-bottom: 0.5em;}
	
ul#linksL li.verfuegbarkeit a {
	background: url(/z_system/layout_bilder/neu/Ampel.png) top left no-repeat;
	padding-left: 22px;
	font-weight: bold;}

ul#linksL li {
	list-style: none;
	padding-bottom: 0.5em;}

ul#linksL li.print a {
	background: url(/z_system/layout_bilder/neu/printer.png) top left no-repeat;
	padding-left: 22px;}
  
ul#linksL li.print a:hover {
	background: #f5d3a4 url(/z_system/layout_bilder/neu/printer.png) top left no-repeat;
	padding-left: 22px;}





/* Reiter für Angebot Seite */

#inhalt .gutter .tab_content {
	width:740px;
	background-color:#eee5c2;
	border-left: 1px solid #338844;
	border-bottom: 1px solid #338844;
	border-right: 1px solid #338844;
	padding-bottom: 15px;
}

#inhalt .gutter #tabContainer {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
}

#inhalt .gutter #tabContainer div {
	background-image:url(../layout_bilder/reiter/reiter_off.png);
	width:106px;
	height:17px;
	font-weight: bold;
	float: left;
	text-align:center;
	padding-top:3px;
	color:#f6e9c7;
	margin-bottom:-15px;
}

#inhalt .gutter #tabContainer .tabs_on, #tabContainer .tabs_off {
	background-position: bottom;
	cursor: pointer;
}

#inhalt .gutter #tabContainer .tabs_on {
	background-image:url(../layout_bilder/reiter/reiter_on.png);
	color:#000000;
}

#inhalt .gutter .tab_content .reiterinhalt{
padding-top:30px;
width:720px;
margin-left:10px;
}

#inhalt .gutter .tab_content .reiterinhalt td{
padding:5px;
}

#inhalt .gutter .tab_content .reiterinhalt .reiterinhalt_links{
float:left;
width:350px;
margin-top:20px;
}

#inhalt .gutter .tab_content .reiterinhalt .reiterinhalt_links_lage{
float:left;
width:320px;
margin:0 10px 20px 0;
}

#inhalt .gutter .tab_content .reiterinhalt .bildunterschrift{
height:20px;
}

#inhalt .gutter #angebot_uebersicht{
margin:0 0 0 250px;
}

#inhalt .gutter #angebot_uebersicht h3{
margin-bottom:10px;
}

#inhalt .gutter #angebot_uebersicht h4{
margin:0;
}

#inhalt .gutter .trennlinie{
border-top:1px solid #338844;
width:100%;
margin:10px 0 10px 0;
height:1px;
}

#inhalt .gutter #angebot_links{
padding:0px;
margin:0 0 0 0;
float:left;
}

#inhalt .gutter #angebot_links_mitte{
float:left;
padding:0px;
margin:0 0 0 20px;
}

#inhalt .gutter #angebot_links_rechts{
padding:0px;
margin:0 0 0 550px;
}

#inhalt .gutter #angebot_links li{
list-style-type:none;
}

#inhalt .gutter #angebot_links_mitte li{
list-style-type:none;
}

#inhalt .gutter #angebot_links .angebot_button_liste{
background-image:url(../layout_bilder/reiter/button.png);
width:160px;
height:20px;
padding-top:4px;
text-align:center;
margin-bottom:10px;
}

#inhalt .gutter #angebot_links .angebot_button_liste a:hover{
background-color:transparent;
}

#inhalt .gutter #angebot_links li .angebot_button{
color:#f6e9c7;
font-weight:bold;
}

#inhalt .gutter #angebot_links_rechts li.print {
list-style-type:none;
}
#inhalt .gutter #angebot_links_rechts li.print a {
  background: url(/z_system/layout_bilder/neu/printer.png) top left no-repeat;
  padding-left: 22px;
}

#javahinweis{
background-image:url(../layout_bilder/reiter/javascript_attention.jpg);
background-repeat:no-repeat;
padding-left:70px;
padding-top:15px;
font-size:14px;
font-weight:bold;
height:45px;
}


/* Backend Layout für Reiter */
.reiter_backend{
border:3px solid #338844;
}

.reiter_backend_beschreibung{
background-image:url(../layout_bilder/reiter/reiter_backend_beschreibung.png);
width:950px;
height:20px;
}

.reiter_backend_lage{
background-image:url(../layout_bilder/reiter/reiter_backend_lage.png);
width:950px;
height:20px;
}

.reiter_backend_ausstattung{
background-image:url(../layout_bilder/reiter/reiter_backend_ausstattung.png);
width:950px;
height:20px;
}

.reiter_backend_infos{
background-image:url(../layout_bilder/reiter/reiter_backend_infos.png);
width:950px;
height:20px;
}

.reiter_backend_gallerie{
background-image:url(../layout_bilder/reiter/reiter_backend_gallerie.png);
width:950px;
height:20px;
}

.reiter_backend_bewertungen{
background-image:url(../layout_bilder/reiter/reiter_backend_bewertungen.png);
width:950px;
height:20px;
}

.reiter_backend_preise{
background-image:url(../layout_bilder/reiter/reiter_backend_Preise.png);
width:950px;
height:20px;
}