body {
  background: white url(img/bg.png) repeat-x top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
}

body.popup {
  background: white url(img/bg.png) repeat-x top left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0px;
}

a{
  text-decoration: none;
  color: #000000;
}

a:hover{
  text-decoration: underline;
}

img {
  border:0px;
}

img.flag {
   border:0px;
   height:13px;
   margin-right:5px;
}

label {
  display: inline-block;
  width: 90px;
}

select{
  margin-bottom: 3px;
  height: 20px;
}

td.borderLeft {
  border: 1px solid black;
  border-right: 0px;
}

td.borderFull {
  border: 1px solid black;
  text-align: justify;
}

td.borderRight {
  border: 1px solid black;
  border-left: 0px;
}

td.borderNone{
  border: 0px;
}

table.apartment {
  font-size: 12px;
}

table.apartment td{
  padding: 5px;
}

#content {
  width: 1000px;
  text-align: left;
  font-size:12px;
}

#main {
  border: 1px solid #195ac5;
  padding: 5px;
  display: inline-block;
  margin-bottom: 20px;
  background: white;
  -khtml-border-radius: 7px;
  -moz-border-radius: 7px;
  width: 988px;
}

#logo img{
  width: 100%;
  margin: 0px;
}

#logo {
  margin-bottom: 0px;
  padding: 0px;
}

#header {
  text-align: right;
  padding-right: 20px;
  font-size: 13px;
  margin-bottom: 5px;
}

#menu{
  text-align: center;
}

#menu ul{
  background: url(img/menu.png) repeat-x bottom;
  height: 37px;
  margin: 0px;
}

#menu li{
  display: inline-block;
  height: 37px;
  padding-left: 3px;
  padding-right: 3px;
  margin: 0px;
  float: left;
  border-right: 1px solid white;
}

#menu li .last{
  border: 0px;
}

#menu li.last{
  border: 0px;
}

#menu li:hover{
  background: url(img/menu.png) top;
}

#menu li a{
  font-size: 14px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 9px;  
  height: 25px;
}

#mpart {
  margin-top: 20px;
}

#mpart .content
{
  padding: 5px;
}

#mpart h1.style
{
  display: block;
  height: 16px;
  vertical-align: middle;
  background: #f3eddb;
  font-size: 13px;
  margin: 0px;
  text-align: left;
  background: url(img/h4_bg.png) repeat-x left top;
  padding: 6px;
  color: white;
}


#mpart h4.style
{
  display: block;
  height: 16px;
  vertical-align: middle;
  background: #f3eddb;
  font-size: 13px;
  margin: 0px;
  text-align: left;
  background: url(img/h4_bg.png) repeat-x left top;
  padding: 6px;
  color: white;
}

#left {
  float: left;
  width: 680px;
  margin-right: 10px;
  padding: 0px;
  padding-top: 5px;
}

#left .content{
  padding: 5px;
  padding-top: 0px;
}

#left .contentSmall{
  padding:0px;
  font-size: 10px;
  text-align:right;
}

#left #menuStart
{
  text-align: left;
  width: 160px;
}

#left .minimenu {
  background-color:transparent;
  background-image:url(img/link_button.gif);
  background-position:125px 4px;
  background-repeat:no-repeat;
  border-top:1px dotted grey;
  color:black;
  display:block;
  font-family:Arial;
  font-size:12px;
  line-height:20px;
  padding-left:15px;
  text-decoration:none;
  vertical-align:middle;
  width:145px;
}

#left .minimenu_buchen {
  background-color:transparent;
  background-image:url(img/link_button.gif);
  background-position:125px 4px;
  background-repeat:no-repeat;
  border-top:1px dotted grey;
  color:#AA0000;
  display:block;
  font-family:Arial;
  font-size:12px;
  line-height:20px;
  padding-left:15px;
  text-decoration:none;
  vertical-align:middle;
  width:145px;
}

#left .detailsButton
{
  font-family:Arial;
  font-size:12px;
  color: #000000;
  text-decoration:none;
}

#left .detailsButton:hover
{
  font-family:Arial;
  font-size:12px;
  color: #000000;
  text-decoration:underline;
}

#left .detailsButton:visited
{
  font-family:Arial;
  font-size:12px;
  color: #000000;
}

#right {
  float: right;
  width: 285px;  
}

#right h4{
  margin-top: 5px;
  margin-left: 5px;
}

#search1{
  background: #12437d url(img/search_round_top.png) no-repeat left top;
}

#search2{
  padding: 5px;
  padding-bottom: 13px;
  margin-top: 5px;
  margin-bottom: 10px;
  background-color: none;
  background: url(img/search_round_bottom2.png) no-repeat left bottom;
  color: white;
}

#search2 a{
  color: white;
}

#search2 hr{
  height: 1px;
  color: white;
}

#stuff1{
  background: #97ceff url(img/stuff_round_top.png) no-repeat left top;
}

#stuff2 {
  padding: 5px;
  padding-bottom: 30px;
  margin-top: 5px;
  background-color: none;
  background: url(img/stuff_round_bottom2.png) no-repeat left bottom;
}

#left h4.style{
  display: block;
  height: 16px;
  vertical-align: middle;
  background: #f3eddb;
  font-size: 13px;
  margin: 0px;
  text-align: left;
  background: url(img/h4_bg.png) repeat-x left top;
  padding: 6px;
  color: white;
}

div.sortierung {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px;
}

a.sortierbutton{
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #9ddfee;
  display: block;
  width: 140px;
  height: 20px;
  background: url(../deu/img/sortierbutton.png);
  padding-top: 5px;
  float: left;
  margin-left: -1px;
  margin-top: 5px;
  text-align: center;
}

a.sortierbuttonx:hover{
  color: #c0c0c0;
}

a.sortierbutton_active{
  font-family: Arial;
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  border: 1px solid #758fa7;
  display: block;
  width: 140px;
  height: 20px;
  background: url(../deu/img/sortierbutton_active.png);
  padding-top: 5px;
  float: left;
  margin-left: -1px;
  margin-top: 5px;
  text-align: center;
}

a.sortierbuttonx:hover{
  color: #c0c0c0;
}


p a.button1{
  display: block;
  background: url(img/button.png) no-repeat top;
  width: 140px;
  height: 33px;
  text-align: center;
  padding-top: 7px;
  font-size: 20px;
  color: white;
  text-decoration: none;
  margin-right: 10px;
}

.suchtext{
   margin-left: 30px;
   width: 134px;
}

p a.button1:hover{
  background: url(img/button.png) no-repeat bottom;
}

p input.button1{
  display: block;
  background: url(img/button.png) no-repeat top;
  width: 140px;
  height: 40px;
  text-align: center;
  /*padding-top: 7px;*/
  font-size: 20px;
  color: white;
  text-decoration: none;
  margin-right: 10px;
  border: 0px;
}

p input.button1:hover{
  background: url(img/button.png) no-repeat bottom;
  cursor:pointer;
}

#stuff2 ul.partner{
  padding: 5px 30px 5px 30px;
  margin: 2px;
}
#stuff2 ul.partner li{
  display: bock;
  height: 20px;
  list-style: none;
  border-bottom: dashed 1px white;
  padding: 5px;
  padding-left: 25px;
  background: url(img/partner_list.png) no-repeat left;
}

#stuff2 ul.partner li:hover{
  background: url(img/partner_list_hover.png) no-repeat left;
}
#stuff2 a{
  color: black;
  text-decoration: none;
}

#stuff2 ul.partner li:hover a{
  text-decoration: underline;
}

#header a{
  color: black;
}


#leftDetail {
  position: relative;
  float: left;
  width: 200px;
  margin-right: 10px;
  padding: 0px;
  font: 12px "Verdana";
}

#leftDetail .content{
  padding: 5px;
}

#leftDetail h4.style{
  display: block;
  height: 16px;
  vertical-align: middle;
  background: #f3eddb;
  font-size: 13px;
  margin: 0px;
  text-align: left;
  background: url(img/h4_bg.png) repeat-x left top;
  padding: 6px;
  color: white;
}

#rightDetail {
  position: relative;
  float: left;
  width: 777px;  
  font: 12px "Verdana";
}

#rightDetail h4{
  margin-top: 5px;
  margin-left: 5px;
}

#rightDetail h4.style{
  display: block;
  height: 16px;
  vertical-align: middle;
  background: #f3eddb;
  font-size: 13px;
  margin: 0px;
  text-align: left;
  background: url(img/h4_bg.png) repeat-x left top;
  padding: 6px;
  color: white;
}

#rightDetail .content{
  padding: 5px;
}

#rightDetail .contentSmall{
  padding: 5px;
  font-size: 10px;
}

table.details td{
  padding: 5px;
}

table.details td.left{
  padding: 5px;
  width: 140px;
}

table.details td.dummy{
  width: 80px;
}

table.details2 td{
  padding: 5px;
}

table.details2 td.left{
  padding: 5px;
  width: 100px;
}

table.details2 td.dummy{
  width: 80px;
}

table.details2 td.spacerL{
  width: 10px;
}

table.details2 td.spacerR{
  width: 0px;
}

tr.odd{
  background-color: #EAEAEA;
}

tr.even{
  background-color: #DCE0E5;
}

#rightDetail #expose{
  position: relative;
  float: left;
  width: 600px;
  padding: 5px;
}

#rightDetail #expose #image{
  position: relative;
  float: left;
  width:  200px;
  height: 300px;
}

#rightDetail #expose #thumbs{
  position: relative;
  float: left;
  width:  400px;
}

#rightDetail #expose #description{
  position: relative;
  padding-top:20px;
  padding-bottom:20px;
  padding-right:20px;
}

#rightDetail #expose #details{
  position: relative;
  clear: both;
  padding-bottom:20px;
}

#rightDetail #menuDetail{
  position: relative;
  float: left;
  width: 150px;
  top: 20px;
}

#rightDetail #menuDetail p.preis
{
  font-weight: bold;
}

#rightDetail #menuDetail p a.button1{
  margin-right: 0px;
}

#rightDetail #menuDetail .menu {
background-color:transparent;
background-image:url(img/link_button.gif);
background-position:115px 14px;
background-repeat:no-repeat;
border-top:1px dotted grey;
color:black;
display:block;
font-family:Arial;
font-size:12px;
font-weight:bold;
line-height:40px;
padding-left:10px;
text-decoration:none;
vertical-align:middle;
width:135px;
}

.bilderleiste
{
  text-align:center;
  padding-bottom:5px;
}

/* contact formular start */
#meldung1 {
color:red;
font-family:Verdana,Arial;
font-size:8pt;
font-style:normal;
font-weight:800;
text-align:center;
}

.kundendaten {
background-color:white;
border-collapse:collapse;
border-color:white red #656565;
border-style:solid solid dashed;
border-width:0 0 1pt;
color:black;
font-family:Verdana,Arial;
font-size:8pt;
font-style:normal;
font-weight:500;
text-align:left;
width:400pt;
}

.kontakt {
background-color:white;
border-collapse:collapse;
border-color:white red #656565;
border-style:solid solid dashed;
border-width:0 0 1pt;
color:black;
font-family:Verdana,Arial;
font-size:8pt;
font-style:normal;
font-weight:500;
text-align:center;
width:90%;
}

.kontaktdaten {
text-align:left;
}

.feldname {
background-color:white;
border-collapse:collapse;
border-color:white red #656565;
border-style:solid solid dotted;
border-width:0;
color:black;
font-family:Verdana,Arial;
font-size:11px;
font-style:normal;
font-weight:500;
width:150pt;
}

.fehlerfeld {
background-color:#F0F0F0;
border:1px solid red;
border-collapse:collapse;
color:black;
font-family:Verdana,Arial;
font-size:12px;
font-style:normal;
font-weight:500;
}

.freiwillig {
color:black;
font-family:Verdana,Arial;
font-size:11px;
font-style:normal;
font-weight:500;
}

.okfeld {
background-color:#F0F0F0;
border:1px solid silver;
border-collapse:collapse;
color:black;
font-family:Verdana,Arial;
font-size:12px;
font-style:normal;
font-weight:500;
}

a.sendbutton:link {
color:black;
text-decoration:none;
}

.sendbutton {
background-color:#F1F1F1;
border:1px solid silver;
border-collapse:collapse;
color:black;
display:block;
font-family:Verdana,Arial;
font-size:11px;
font-style:normal;
font-weight:500;
padding:3px;
width:250px;
}

.mobil
{
  display:none;
}

#mpart_popup{
  margin-top:10px;
}

.popup{
  font-size:12px;
}
.popupTitle{
  font-size:14px;
  padding: 5px;
}

.popupLogo{
  margin:0px;
  padding:0px;
  height:83px;
  background-color:transparent;
  background-image:url(img/logo_popup_trans.png);
  background-repeat:no-repeat;
  background-position:top;
}
/* contact formular end */

.googlemaps
{
  padding: 5px;
  text-align:center;
}

/* DATEPICKER */
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: verdana;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #d8e8ff;
	border: 1px solid #d8e8ff;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #12437d;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #1D5AA3;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #12437d;
	border: 1px solid #12437d;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #12437d;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: lightgray;
	background: #12437d;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: lightgray;
	background: #12437d;
	font-weight: bold;
	}

.kalender td {
  text-align: center;
  border-left: 1px solid #12437d;
  line-height: 28px;
  width: 21px;
}
.kalender tr.top td {
  background-color: #12437d;
  color: white;
}

.kalender td.belegt {
  color: #CCC;
  background: url(../deu/img/kalender/belegt_bg.png) top left ;
}
.kalender td.frei {
  background-color: none;
  background: url(../deu/img/kalender/frei_bg.png) top left;
}
.kalender td.anreise {
  background: url(../deu/img/kalender/belegt_anreise_bg.png) top left repeat-y;
}
.kalender td.abreise {
  background: url(../deu/img/kalender/belegt_abreise_bg.png) top left repeat-y;
}
.kalender td.anabreise {
  color: #CCC;
  background: url(../deu/img/kalender/belegt_bg.png) top left ;
}
.kalender td.sunday {
  color: red;
  background: url(../deu/img/kalender/frei_bg.png) top left ;
}
.kalender td.sundayBelegt {
  background: url(../deu/img/kalender/belegt_bg.png) top left ;
  color: #CCC;
}
.kalender td.sundayAnreise {
  background: url(../deu/img/kalender/belegt_anreise_bg.png) top left repeat-y;
  color: red;
}
.kalender td.sundayAbreise {
  background: url(../deu/img/kalender/belegt_abreise_bg.png) top left repeat-y;
  color: red;
}
.kalender td.sundayAnAbreise {
  background: url(../deu/img/kalender/belegt_bg.png) top left ;
  color: #CCC;
}
.kalender td.month {
  text-align: left;
}

.buchung {
  font-size: 13px;
  width: 93%;
  height: 13px;
}

.buchunglabel {
  font-size: 12px;
  height: 20px;
}

.padding5 {
  padding: 5px;
}

#meldungout p, #erfolgout p {
  margin: 2px;
}

#seitenLink a
{
  display: inline-block;
  padding: 5px;
  margin: 2px;
  background: #40BABF;
  color: white;
  text-decoration: none;
  border: 1px solid white;
}

#seitenLink a.active
{
  border: 1px solid blue;
}

#mainC img.loader
{
  width: 80px;
  height: 80px;
  margin: 40px;
}

table.styledTable tr td table tr td
{
  height: 28px;
  padding-left: 5px;
  padding-right: 5px;
  color: #2E2E2E;
}

table.styledTable tr td table tr td a
{
  text-decoration: underline;
}