@charset "utf-8";

/*********************************************

navi top text                          #5d6162
navi lv1 text                          #5d6162

green navi bckgrnd                     #cde173
green content bckgrnd                  #ebf3c7

text                                   #5d6162
h1                                     #bfd641
eventlist h3													 #596b0c

**********************************************/


html {margin:0; padding:0;}

body {
	margin:0; 
	padding:0;
	font-size:62.5%;
	background-color:#fff;
	font-family:verdana, arial, sans-serif;
   text-align:center;
   overflow: -moz-scrollbars-vertical;
}


/**********************************************************************/
/*           	             Ebenen - Layout			                   */
/**********************************************************************/

#wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
}

#wrapper_content {
	width:900px;
	float:left;
   min-height:500px;
   margin-top:-1px;
   background:transparent url('img/content_bckgrnd_green.gif') repeat-y top left;
}

#wrapper_content_or {
	width:900px;
	float:left;
   margin-top:-1px;
   background:transparent url('img/content_bckgrnd_green_or.gif') repeat-y top left;
}

#wrapper_cocr {
	width:730px;
	float:right;
}



/************      top navi     ***************/

#navi_top {
   width:730px;
   height:25px;
   float:right;
   /*background:transparent url('img/linie_hor.gif') repeat-x bottom left; */
}


/************      Head     ***************/

#logo {
   width:170px;
   height:155px;
   float:left;
   background:transparent url('img/logo_seevilla.gif') no-repeat top left;
}

#logo img {
	border:none;
	text-decoration:none;
	width:170px;
  height:155px;
}

#bigheadline {
   width:730px;
   height:130px;
   float:right;
   background:transparent url('img/kopf_seevilla.gif') no-repeat top left;
}


/************      navi lv1     ***************/

#navi_lv1 {
   width:900px;
   height:32px;
   float:left;
   /*background:transparent url('img/navi_lv1_bckgrnd.gif') repeat-x top left;*/
}

* html #navi_lv1 {margin-top:-2px;}

/************      column left     ***************/

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

* html #column_left {height:20px;}

/************      content     ***************/

#content {
   width:445px;
   float:left;
   min-height:300px;
}

#wrapper_content_or #content {
   width:730px;
}

* html #wrapper_content_or #content {width:715px;}

#main_image {
   width:415px;
   height:260px;
   border:none;
   text-decoration:none;
}

#breadcrumb {
   width:415px;
   height:auto;
   background:transparent url('img/linie_hor.gif') repeat-x bottom left;
   padding-top:3px;
   padding-bottom:2px;
   font-size:11px;
}

#wrapper_content_or #breadcrumb {
   width:700px;
}

/************      column right     ***************/

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

/************      Footer     ***************/

#footer {
   width:900px;
   height:30px;
   text-align:right;
   float:left;
   background:#fff url('img/linie_hor.gif') repeat-x top left;
}

#contact {
   float:left;
	width:160px;
	margin-left:10px;
	/*height:200px;*/
	text-align:left;
	position:relative;
	top:-100px;
	color:#5d6162;
	font-size:1.0em;
}


/************      Sonstiges     ***************/

div.clear {clear:both;}

/**********************************************************************/
/*           	             Ebenen - Text  			                   */
/**********************************************************************/

#footer_t {
   margin:6px 0 0 0;
   color:#5d6162;
   font-size:10px;
   float:right;
}

#content_t {
   margin:15px;
   color:#5d6162;
   font-size:13px;
   line-height:16px;
   float:left;
   padding-bottom:15px;
}

#navi_top_t {
   padding-top:3px;
   font-size:9px;
   color:#5d6162;
   text-align:right;
}

span.bold {
   font-weight:bold;
}

/**********************************************************************/
/*	                 		  	 	 Top Navi			                      */
/**********************************************************************/

#navi_top a:link, #navi_top a:visited {
   color:#5d6162;
   text-decoration:none;
}

#navi_top a:hover, #navi_top a:active {
   color:#5d6162;
   text-decoration:underline;
}



/**********************************************************************/
/*	                 		  	 	 LV 1 Navi			                      */
/**********************************************************************/

#navi_lv1 ul {
   margin:0;
   padding:0 0 1px 0;
   list-style:none;
   height:30px;
   width:900px;
   background:transparent url('img/linie_hor.gif') repeat-x bottom left;
}

#navi_lv1 ul li {
   display:inline;
   float:left;
   text-align:center;
   font-size:11px;
   font-weight:bold;
   margin:0;
   padding:0;
   background-color:#fff;
}

* html #navi_lv1 ul li {margin-top:-1px;}

#navi_lv1 ul li a:link, #navi_lv1 ul li a:visited {
   color:#5d6162;
   text-decoration:none;
   display:block;
   /*width:auto;*/
   height:22px;
   padding-top:8px;
   /*padding-bottom:9px;*/
   /*margin-top:8px;*/
   padding-left:12.5px;
   padding-right:12.5px;
   background-color:#fff;
}

* html #navi_lv1 ul li a:link, * html #navi_lv1 ul li a:visited {
   display:inline;
   padding-top:9px; 
   padding-bottom:9px; 
   padding-left:12.9px; 
   padding-right:12.9px;
}

#navi_lv1 ul li a:hover, #navi_lv1 ul li a:active {
   color:#5d6162;
   text-decoration:none;
   display:block;
   background-color:#cde173;
}

* html #navi_lv1 ul li a:hover, * html  #navi_lv1 ul li a:active {display:inline;}

#navi_lv1 ul li.active span {
   color:#5d6162;
   text-decoration:none;
   background-color:#cde173;
   display:block;
   width:130px;
   width:auto;
   height:22px;
   padding-top:8px;
   padding-left:12.5px;
   padding-right:12.5px;
}

* html #navi_lv1 ul li.active span {
   display:inline;
   padding-top:9px; 
   padding-bottom:9px; 
   padding-left:12.9px; 
   padding-right:12.9px;
}

#navi_lv1 ul li.wellness a:hover, #navi_lv1 ul li.wellness a:active {
   background-color:#bae5f3;
}

#navi_lv1 ul li.rest a:hover, #navi_lv1 ul li.rest a:active {
   background-color:#f8d8aa;
}

#navi_lv1 ul li.li2 a:hover, #navi_lv1 ul li.li2 a:active {
	background-color:#cde173;
}


/************      active     ***************/

#navi_lv1 ul li.active a:link, #navi_lv1 ul li.active a:visited {
   color:#5d6162;
   text-decoration:none;
   display:block;
   background-color:#cde173;
}

#navi_lv1 ul li.active a:hover, #navi_lv1 ul li.active a:active {
   color:#5d6162;
   text-decoration:none;
   display:block;
   background-color:#cde173;
}

* html #navi_lv1 ul li.active a:link, * html #navi_lv1 ul li.active a:visited,
* html #navi_lv1 ul li.active a:hover, * html #navi_lv1 ul li.active a:active {display:inline;}


/**********************************************************************/
/*	                 		  	 	 LV 2 Navi			                      */
/**********************************************************************/

#navi_lv2 ul.navi2 {
   margin:15px 0 0 0;
   padding:0;
   list-style:none;
   text-transform:uppercase;
}

#navi_lv2 ul.navi2 li.li2 {
   display:inline;
   float:left;
   font-size:10px;
   margin:0;
   padding:0;
   background:#fff url('img/linie_hor.gif') repeat-x top left;
}

#navi_lv2 ul.navi2 li.li2 a:link, #navi_lv2 ul.navi2 li.li2 a:visited {
   color:#5d6162;
   text-decoration:none;
   display:block;
   width:166px;
   /*height:16px;*/
   padding-bottom:4px;
   padding-top:4px;
   padding-left:4px;
   margin-top:1px;
}

#navi_lv2 ul.navi2 li.li2 a:hover, #navi_lv2 ul.navi2 li.li2 a:active {
   color:#5d6162;
   text-decoration:none;
   display:block;
   background-color:#cde173;
}

/************      active     ***************/



#navi_lv2 ul.navi2 li.li2.active a:link, #navi_lv2 ul.navi2 li.li2.active a:visited {
   color:#5d6162;
   text-decoration:none;
   font-weight:bold;
   display:block;
   background-color:#cde173;
   text-transform:none;
}

#navi_lv2 ul.navi2 li.li2.active a:hover, #navi_lv2 ul.navi2 li.li2.active a:active {
   color:#5d6162;
   text-decoration:none;
   font-weight:bold;
   display:block;
   background-color:#cde173;
}


#navi_lv2 ul.navi2 li.li2.active span {
   color:#5d6162;
   text-decoration:none;
   background-color:#cde173;
   display:block;
   width:166px;
   /*height:16px;*/
   padding-bottom:4px;
   padding-top:4px;
   padding-left:4px;
   margin-top:1px;
   font-weight:bold;
   text-transform:none;
}


/**********************************************************************/
/*	                 		  	 	 LV 3 Navi  			                      */
/**********************************************************************/

#navi_lv2 ul#navi3 {
	margin:0;
	padding:0;
}

#navi_lv2 ul#navi3 li.li3 {
	display:inline;
   float:left;
   font-size:1.0em;
   margin:0;
   padding:0;
   background:#fff url('img/linie_hor.gif') repeat-x top left;
}

#navi_lv2 ul#navi3 li.li3 a:link, #navi_lv2 ul#navi3 li.li3 a:visited {
   color:#5d6162;
   text-decoration:none;
   display:block;
   width:154px;
   /*height:16px;*/
   padding-bottom:4px;
   padding-top:4px;
   padding-left:16px;
   margin-top:1px;
   background-color:#fff !important;
   font-weight:normal !important;
   text-transform:uppercase !important;
}

#navi_lv2 ul#navi3 li.li3 a:hover, #navi_lv2 ul#navi3 li.li3 a:active {
   color:#5d6162;
   text-decoration:none;
   display:block;
   background-color:#cde173 !important;
}

/************      active     ***************/

#navi_lv2 ul#navi3 li.li3.active a:link, #navi_lv2 ul#navi3 li.li3.active a:visited {
   color:#5d6162;
   text-decoration:none;
   font-weight:bold;
   display:block;
   background-color:#cde173;
   text-transform:none;
}

#navi_lv2 ul#navi3 li.li3.active a:hover, #navi_lv2 ul#navi3 li.li3.active a:active {
   color:#5d6162;
   text-decoration:none;
   font-weight:bold;
   display:block;
   background-color:#cde173;
}

#navi_lv2 ul#navi3 li.li3.active span {
   color:#5d6162;
   text-decoration:none;
   background-color:#cde173;
   display:block;
   width:154px;
   /*height:16px;*/
   padding-bottom:4px;
   padding-top:4px;
   padding-left:16px;
   margin-top:1px;
   text-transform:none;
}

/**********************************************************************/
/*	                 		  	 		Links					                   */
/**********************************************************************/

a:link, a:visited {
	color:#5d6162;
	text-decoration:underline;
}

a:hover, a:active {
	color:#5d6162;
	text-decoration:none;
}

/************      breadcrumb     ***************/

#breadcrumb a:link, #breadcrumb a:visited {
   text-decoration:none;
   color:#5d6162;
}

#breadcrumb a:hover, #breadcrumb a:active {
   text-decoration:underline;
   color:#5d6162;
}

/**********************************************************************/
/*               		  	 		images   			                      */
/**********************************************************************/

#content_t img {
   border:none;
   text-decoration:none;
}


/**********************************************************************/
/*               		  	 		Headlines			                      */
/**********************************************************************/

h1 {
   font-size:15px;
   font-weight:bold;
   color:#bfd641;
   margin:20px 0 20px 0;
}

h2 {
   font-size:13px;
   font-weight:bolder;
   margin:20px 0 5px 0;
}

h2.h2lila {
   font-size:14px;
   font-weight:bold;
   margin:20px 0 5px 0;
   float:left;
   color:#913870;
}

h2.h2gruen {
   font-size:14px;
   font-weight:bold;
   margin:20px 0 5px 0;
   float:left;
   color:#596b0c;
}

#column_right .linkitem .linkitem_text h2 {
	margin:0 0 4px 0;
	color:#596b0c;
	font-size:12px;
	font-weight:bold;
	float:left;
	display:block;
	width:165px;
}

#contact h4 {
	font-size:11px;
	font-weight:bold;
	color:#5d6162;
	margin:0;
	padding:0;
}

/**********************************************************************/
/*               		  	 		eventlist					                        */
/**********************************************************************/

#column_right .linkitem {
   width:285px;
	 font-size:11px;
   height:90px;
	 background:transparent url('img/linie_hor.gif') repeat-x bottom left;
}

#column_right .linkitem.odd {
  
}

#column_right .linkitem.even {
    background-color:#fff;
}

#column_right .linkitem img {
	float:left;
	border:none;
	text-decoration:none;
	width:96px;
	height:60px;
	margin:15px -5px 15px 15px;  
}

#column_right .linkitem .linkitem_text {
	color:#5d6162;
   margin-top:12px;
   float:left;
   width:154px;
   margin-left:15px;
}

#column_right .linkitem .linkitem_text a:link, #column_right .linkitem .linkitem_text a:visited {
	color:#5d6162;
	text-decoration:underline;
}

#column_right .linkitem .linkitem_text a:hover, #column_right .linkitem .linkitem_text a:active {
	color:#5d6162;
	text-decoration:none;
}

/**********************************************************************/
/*               		  	 		last minute			                      */
/**********************************************************************/


.item {
   width:700px;
   float:left;
   /*border-bottom:1px dashed #A0A0A0;*/
   margin-bottom:15px;
   padding-bottom:15px;
   background:transparent url('img/linie_hor.gif') repeat-x bottom left;
}

.item .bild {
   float:left;
   margin:0 15px 10px 0;
   width:100px;
}

.item .bild img { 
   width:100px;
   float:left;
   border:none;
   text-decoration:none;
   margin-top:4px;
}

.item .legende {
   float:left;
   width:560px;
   font-size:11px;
}

.item .legende p {
   margin:0 0 10px 0;
   padding:0;
}

/************      single ansicht     ***************/

.lastminute {
   width:415px;
   float:left;
   margin-top:8px;
   padding-top:8px;
   border-top:1px dashed #A0A0A0;
}

.lastminute .lmlabel {
   float:right;
   width:50px;
   height:40px;
   overflow:hidden;
}

.lastminute .lmlabel img { 
   float:right;
}


.lastminute h2 {
   margin:0px 0 10px 0;
   padding:0;
   width:360px;
}

.lastminute .item {
   width:415px;
   float:left;
   border:none;
   margin-bottom:0;
   padding-bottom:0;
   background-image:none;
}

.lastminute .item .bild {
   float:left;
   margin:0 15px 10px 0;
   width:100px;
}

.lastminute .item .bild img { 
   width:100px;
   float:left;
   border:none;
   text-decoration:none;
   margin-top:4px;
}

.lastminute .item .legende {
   float:left;
   width:300px;
   font-size:11px;
}

.lastminute .item .legende p {
   margin:0 0 10px 0;
   padding:0;
}

.lastminute .infobutton {
   width:100px; 
   float:left;
   margin-top:10px;
}

.lastminute .infobutton input {
   float:left;
   width:100px;
   margin:0;
   padding:0;
   font-size:12px;
}




/**********************************************************************/
/*               		  	 				Zimmer								                */
/**********************************************************************/

.zimmerbutton {
	float:left;
	margin-top:10px;
	width:405px;
	padding:10px 5px 10px 5px;
	border:2px solid #cde173;
}

.zimmerbutton input {
	float:right;
	margin-left:15px;
}

.zimmerbutton b {
	float:left;
	padding-top:3px;
}



/**********************************************************************/
/*               		  	 	kontaktformular   			                */
/**********************************************************************/

table.kontakt {

}

table.kontakt tr td {
   padding-top:20px;
}

.kontakt_mitteilung,
.kontakt_email,
.kontakt_telefax,
.kontakt_telefon,
.kontakt_nachname,
.kontakt_vorname,
.kontakt_firma {
   width:400px; 
}

.kontakt_anrede {
}

.kontakt_land {
   width:50px;
}

.kontakt_plz {
   width:80px;
   margin-left:2px;
}

.kontakt_ort {
   width:220px;
}

.kontakt_anlage {
   width:300px;
}

.kontakt_button {
   margin-right:30px;
}

.captcha_text {
  font-weight:bold;
}

.captcha_captcha {
  border:1px solid #ccc;
  padding:4px;
  background-color:#ddd;
  margin:4px 0;
  width:70px;
}

.kontakt_captcha {
  clear:both;
}

table.kontakt .formerror {
  border-color:red;
}

.formformerror {
  border:2px solid red;
  padding:10px;
}

/**********************************************************************/
/*               		  	 		preislisten				                   */
/**********************************************************************/

table.preislisten {
   border-collapse:collapse;
   border-spacing:0;
}

table.preislisten th {
   background:transparent url('img/linie_hor.gif') repeat-x 0 15px;
   padding-top:30px;
}

table.preislisten td {
   padding:5px 5px 5px 0;
}

/************      einzelansicht     ***************/

table.preisliste {
   border-collapse:collapse;
   border-spacing:0;
}

table.preisliste td {
   padding:10px 5px 10px 5px;
}

table.preisliste input {
   width:80px;
   margin:10px 0 0 0;
   padding:0 2px 0 2px;
   font-size:11px;
   border:none;
   /*background-color:#dedede;*/
   background-color:#EBF3C7;
   cursor:pointer;
}

table.preisliste input:hover {
   background-color:#bfd641;
   cursor:pointer;
}


/**********************************************************************/
/*               		  	 		wellnesscart			                   */
/**********************************************************************/

.wellnesscart {
   background:#bae5f3 url('img/linie_hor.gif') repeat-x bottom left;
   padding:10px;
}

.fromwellness {
   background-color:#bae5f3;
   padding:10px;
}

.wellnesscart h2 {
   margin-top:10px;
   color:#004165;
}

.wellnesscart .wc {
   border-collapse:collapse;
   border-spacing:0;
   margin-bottom:10px;
}

.wellnesscart .wc .wctd1 {
   width:140px;
}

.wellnesscart .wc .wctd2 {
   width:30px;
   text-align:right;
}

.wellnesscart .wc .wctd3 {
   width:20px;
   text-align:right;
}

.wellnesscart .wc .wctd4 {
   width:50px;
   text-align:right;
}

.wellnesscart .wc .wctd3 input { 
   float:right;
   width:12px;
   height:12px;
   border:none;
   background-color:#004165;
   color:#fff;
   font-size:6px;
   margin:0;
   cursor:pointer;
   font-family:arial, sans-serif;
}

.wellnesscart .wc .wctd3 input:hover {
   background-color:red;
}
.wellnesscart .Buchen {
   width:100px;
   margin-left:80px;
}

/**********************************************************************/
/*               		  	 	Buchungsrechner				                */
/**********************************************************************/

.buchung {
   border-collapse:collapse;
   border-spacing:0;
   float:left;
   
}

.buchung .bordertop {
   background:transparent url('img/linie_hor.gif') repeat-x top left;
}
.buchung .bordertop td {
	padding:15px 5px 10px 5px;
}

.buchung .paddbott td {
   padding-bottom:15px;
}

.buchung td {
   padding:5px;
}

.buchung input {
   margin-top:10px;
}

.buchung .select_wellness {
   min-width:300px;
   background-color:#bae5f3;
   border:1px solid #004165;
}

* html .buchung .select_wellness {
   width:320px;
}

.buchung .btr10 {
   background-color:#EBF3C7;
}

.buchung .btr10 h2 {
   margin-top:0;
}

.buchung .tight td {
   padding:0;
}


/************      zusammenfassung     ***************/

table#zsf {
	background-color:#EBF3C7;
	width:100%;
}

table#zsf th {
	padding-bottom:20px;
}

table#zsf td {
	padding:5px;
}

table#zsf .paddbott td {
   padding-bottom:20px;
}

table#zsf .textright {
   text-align:right;
}


/************      adresse     ***************/

.adresse input {
	margin-top:0px;
}

.adresse #tfirma,
.adresse #tvorname,
.adresse #tname,
.adresse #tstrasse,
.adresse #tort {
	width:230px;
}

.adresse td {
	padding-bottom:10px;
}

.adresse #ttelefon {
	width:239px;
}

.adresse #ttelefax {
	width:239px;
}

.adresse #tort {
	width:170px;
}

.adresse .paddbott td {
	padding-bottom:20px;
}


/************      kalender     ***************/

.buchung .selectTag {
   width:50px;
   /*float:left;*/
   margin-left:5px;
}

.buchung .selectMonat {
   width:100px;
   /*float:left;*/
   margin-left:5px;
}

.buchung .inputJahr {
   width:32px;
   margin-top:0px;
   /*float:left;*/
   margin-left:5px;
}

* html .buchung .inputJahr {width:35px;}

*+html .buchung .inputJahr {
	margin-top:1px;
}

.buchung td.calendarDateInput {
	padding:0;
}

.buchung .anreise_kalender {
	padding:0;
	margin-top:10px;
	/*width:420px;*/
}

.buchung .abreise_kalender {
	padding:0;
}

.buchung .anreise_kalender b,
.buchung .abreise_kalender b {
}

.anreise_kalender a#anreise_ID_Link,
.abreise_kalender a#abreise_ID_Link {
   padding:5px;
}

.anreise_kalender a#anreise_ID_Link img,
.abreise_kalender a#abreise_ID_Link img {
	padding-top:0px;
}

.anreise_kalender #anreise_ID,
.abreise_kalender #abreise_ID {
	
}


/************      Fehlermeldungen  .err: für input-Felder, p.errortext: Fehlertext.     ***************/

.err { 
	background-color:#ff857d; 
}

p.errortext { 
	color:#e2001a;
	border:2px solid #e2001a;
	padding:10px; 
}


/************      sonstiges     ***************/

* html table.tight {
	width:650px;
}

* html table.tight td {
	font-size:12px;
}


/**********************************************************************/
/*               		  	 		googlemap					                */
/**********************************************************************/
#map_canvas {
   width:415px; 
   height:300px;
}

#map_canvas_lage {
   width:700px; 
   height:500px;
}

#directions {
   width:275px;
}

/**********************************************************************/
/*               		  	 		IE 6 FIXES					                */
/**********************************************************************/

* html #wrapper_content {height:500px;}

* html #navi_lv2 ul#navi2 li.li2 a:link, * html #navi_lv2 ul#navi2 li.li2 a:visited {width:170px;}

* html #navi_lv2 ul#navi2 li.li2.active span {width:170px;}

* html #navi_lv2 ul#navi3 li.li3 a:link, * html #navi_lv2 ul#navi3 li.li3 a:visited {width:170px;}

* html #navi_lv2 ul#navi3 li.li3.active span {width:170px;}

* html #column_right .linkitem .linkitem_text {margin-top:14px;}

* html #column_right .linkitem .linkitem_text h2 {width:154px;}

* html #content {width:430px;}
* html #content_t {margin:15px 15px 15px 15px; display:inline;}

* html .lastminute .lmlabel {width:52px;}

* html a.thickbox img {width:96px; height:60px; margin-top:5px;}

* html #contact {display:inline;}

* html table.preislisten {font-size:13px; color:#5D6162;}
* html table.preislisten th {font-size:13px; font-weight:bold; text-align:left; color:#5D6162;}

* html table.buchung {font-size:13px; color:#5D6162;}
* html table.buchung table {font-size:13px; color:#5D6162;}
* html table.wc {font-size:11px;}
* html table.kontakt {font-size:13px; color:#5D6162;}
* html table.googlemap_route {font-size:13px; color:#5D6162;}

* html .googledir table {font-size:10px;}

* html .buchung .abreise_kalender, * html .buchung .anreise_kalender {width:320px;}