@charset "utf-8";
/* 
	Main Stylesheet for www.vilaseilern.at
	(c) 2007 by viamedia (www.viamedia.at)
	created by Georg Großberger
*/

body {
	margin: 0 auto;
	padding: 0;
	font-size:12px;
	color:#666;
	background:url(../images/hg_seite.gif) top left repeat-x #EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	border:0;
}
a, a:link, a:active, a:visited {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover, a:focus {
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}




/**
 * Fotogalerie
 * ---------------------------------------------------- */
.fotoboek {
	width:570px;
	overflow:visible;
}
.fotoboek .counter {
	margin-bottom:20px;
}
.fotoboek .thumbnails {
}
.fotoboek .gallery_nav {
	width:570px;
}
.fotoboek .top {
}

.fotoboek .gallery_nav .float_wrapper {
	position:absolute;
	margin:0 0 0 510px;
	width:auto;
}
.fotoboek .thumbnails {
}
.fotoboek .thumbnails .row {
	height:140px;
	clear:both;
}

.fotoboek .thumbnails .row .thumb {
	height:140px;
	width:140px;
	float:left;
}
.fotoboek .thumbnails .row .thumb A {
	border:1px solid #D2D6DA;
	padding:1px 1px;
	display:block;
	width:115px;
	height:auto;
}
.fotoboek .image {
	padding:40px 0;
}



.circle-footer {
	color:#B4AC59;
	padding:0 3px;
}



/** 
 * Wrapper der die Seitenausmaße definiert
 * ---------------------------------------------------- */
#seite {
	width:980px;
	margin: 0 auto;
	min-height:400px;
	background:url(../images/hg_start.gif) top center repeat-y;
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}






/**
 * Bereich links der Seite mit Hintergrund
 * ---------------------------------------------------- */
#links {
	width:140px;
	margin:0;
	text-align:center;
	float:left;
}
#links .ln_switch {
	width:140px;
	padding: 20px 0 10px 0;
	text-align:center;
	color:#fff;
}

#links .ln_switch a, #links .ln_switch a:link, #links .ln_switch a:visited, #links .ln_switch a:active {
	text-transform:uppercase;
	text-decoration:none;
	color:#fff;
	font-size:9px;
	font-weight:bold;
}
#links .ln_switch a.active {
	font-weight:bold;
}
#links .ln_switch a:hover {
	color:#E0E0E0;
}

#links #quicklinks {
	padding:62px 0 0 27px;
	text-align:left;
}
#links #quicklinks ul {
	margin:10px 0;
	padding:0;
	list-style-type:none;
}
#links #quicklinks ul li {
	margin: 0;
	padding: 0;
}
#links #quicklinks ul li a {
	color:#fff;
	text-align:left;
	text-decoration:none;
	line-height:18px;
}
#links #quicklinks ul li a:hover {
	text-decoration:underline;
}





/**
 * Bilder oberhalb des Contents
 * ---------------------------------------------------- */
#bilder_oben {
	text-align:left;
	width:840px;
	height:276px;
	margin:0 0 0 140px;
	background:#fff;
}
* html #bilder_oben {
	float:right;
	text-align:left;
	margin: 0;
}
#bilder_oben .picCol {
	height:275px;
	float:left;
	overflow:hidden;
}
#bilder_oben .spacer {
	width:840px;
	height:1px;
	display:block;
}
#hauptmenu {
	padding: 0;
	margin: 0 0 0 140px;
	width:840px;
	background:url(../images/hg_navigation.gif) top left no-repeat;
	height:20px;
	list-style-type:none;
}
* html #hauptmenu {
	float:right;
	margin:0;
}
#hauptmenu li {
	width:139px;
	height:20px;
	overflow:hidden;
	float:left;
	margin:0 1px 0 0;
}
#hauptmenu li.last {
	width:140px;
	margin:0 0 0 0;
}

/**
 * Untermenü
 * ---------------------------------------------------- */
#submenu {
	display:block;
	padding: 0;
	margin:30px 0 0 170px;
	width:800px;
	list-style-type:none;
}
* html #submenu {
	margin:30px 0 30px 30px;
	float:left;
}
#submenu div {
	margin:0 0 5px 0;
}
#submenu a {
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
}





/**
 * Inhalt in der Mitte
 * ---------------------------------------------------- */
.mitte {
	display:block;
	margin:30px 0 0 170px;
	width:810px;
	min-height:300px;
}
* html .mitte {
	float:right;
	margin:0;
	width:770px;
	margin:0 20px 0 0;
}
#inhalt {
	width:570px;
	min-height:200px;
	float:left;
}


#inhalt a, .mitte_3spalten a {
	color:#b4ac59;
	text-decoration:none;
}
.mitte h2, .mitte_3spalten .links h2, .mitte_3spalten .rechts h2, .mitte_3spalten .mittel h2 {
	display:block;
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:15px;
	margin:0 0 22px 0;
}



#packages {
	width:175px;
	margin:0 0 0 599px;
}
* html #packages {
	float:right;
	margin:0;
}


/**
 * Inhalt in der Mitte - 3 Spalten -- Packages Template
 * ---------------------------------------------------- */
.mitte_3spalten {
	margin: 30px 0 0 170px;
	width:781px;
	min-height:300px;
	background:url(../images/hg_3spalten_start.gif) top left repeat-y;
}
.mitte_3spalten .links {
	width:220px;
	float:left;
}
.mitte_3spalten .rechts {
	width:220px;
	float:right;
}
.mitte_3spalten .mittel {
	width:auto;
	margin:0 281px 0 281px;
}
*+html .mitte_3spalten .mittel {
	width:219px;
	margin:0 281px 0 281px;
}
* html .mitte_3spalten .mittel {
	width:219px;
	margin:0 0 0 61px;
	float:left;
}



/**
 * Footer
 * ---------------------------------------------------- */
.spacer {
	width:980px;
	height:30px;
	margin:0;
	padding:0;
	display:block;
	float:none;
	clear:both;
}
.spacer_small {
	width:700px;
	height:30px;
	margin:0;
	padding:0;
	display:block;
	float:none;
	clear:both;
}
#footer {
	width:780px;
	height:auto;
	float:none;
	clear:both;
	display:block;
	margin:20px auto;
	padding:0 30px 0 170px;
	font-size:11px;
}
#footer a {
	text-decoration:none;
}

#footer .imprint {
	float:right;
	width:200px;
	text-align:right;
	margin-bottom:20px;
}



/**
 * Newsletter Anmeldung
 * ---------------------------------------------------- */
.newsletter label {
	width:100px;
	float:left;
	line-height:19px;
}
.newsletter input {
	width:250px;
	height:auto;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	border:1px #666 solid;
	background:#fff;
	margin: 0 0 0 0px;
	padding:1px 3px;
}
.newsletter input.autowidth {
	width:auto;
}
.newsletter .subscribe_error {
	font-weight:bold;
	color:#900;
	width:auto;
	margin: 0 0 0 100px;
}
.newsletter div.submit {
	margin: 0 0 0 100px;
}





/**
 * WT Gallery 
 * ---------------------------------------------------- */
.tx-wtgallery-pi1 .thumbs {
	float:left;
	width:210px;
}
.tx-wtgallery-pi1 .thumbs img {
	display:block;
	float:left;
	margin:0 5px 5px 0;
}
.tx-wtgallery-pi1 .pic {
	width:590px;
	padding:3px 0 0 0;
	margin:0;
}
.tx-wtgallery-pi1 .switcher {
	width:590px;
	margin:20px 0;
}
.tx-wtgallery-pi1 .switcher .fwd {
	width:290px;
	float:left;
	margin:0 0;
	padding:0;
	text-align:right;
}
.tx-wtgallery-pi1 .switcher .back {
	width:290px;
	padding:0;
	margin:0 0 0 300px;
	text-align:left;
}


.wtgalleryecard_picture_singleform {
	margin:20px 0;
}
.wtgalleryecard_picture_singleform label {
	width:150px;
	float:left;
	line-height:18px;
	margin:0;
}
.wtgalleryecard_picture_singleform input, .wtgalleryecard_picture_singleform textarea {
	width:250px;
	height:auto;
	padding:1px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 0 5px 0;
	border:1px solid #999;
	color:#666;
	background:#fff;
}
.wtgalleryecard_picture_singleform textarea {
	height:80px;
}
.wtgalleryecard_picture_singleform input.submit {
	width:auto;
	margin: 0 0 0 150px;
}

.tx-wtgallery-pi1 .thumbs .wtgallery_listpic {
	float:left;
	padding:2px;
}
.tx-wtgallery-pi1 .thumbs .wtgallery_listpic_lastofrow {
	padding:2px 0 2px 2px !important;
	float:left;
}
.tx-wtgallery-pi1 .thumbs .wtgallery_listpic_firstofrow {
	padding:2px 2px 2px 0 !important;
	float:left;
}
.wt_gallery_ecard_form input.wt_gallery_ecard_submit {
	width:auto;
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:inherit;
	padding:1px 3px;
	margin:0;
	background:#fff;
}







/**
 * Package Items rechts
 */
#packageItem  {
 	width:175px;
	height:175px;
	overflow:hidden;
	padding:10px 0;
	color:#fff;
}

.item_0 {
	background:url(../pi/images/gesundheit.gif) top left no-repeat;
}
.item_1 {
	background:url(../pi/images/seminar.gif) top left no-repeat;
}
.item_2 {
	background:url(../pi/images/vitalitaet.gif) top left no-repeat;
}
.item_3 {
	background:url(../pi/images/vital-resort.gif) top left no-repeat;
}

#packages .header {
	text-align:center;
	font-size:16px;
	color:#fff;
}
#packages .text p {
	text-align:center;
	color:#fff;
	display:block;
	font-size:12px;
	margin:5px 0 0 0;
}
#packages .buchung {
	display:block;
	margin:0 0 13px 0;
	font-size:12px;
	text-align:center;
	color:#fff;
}
#packages .more {
	display:block;
	margin:15px 0 0 0;
	font-size:12px;
	text-align:center;
}
#packages .more a {
	color:#fff;
	text-decoration:none;
}
#packages .more a:hover {
	color:#fff;
}








/**
 * CSC Mailform & Packages Versand
 * ------------------------------------------ */
fieldset.csc-mailform {
	border: 0;
	margin: 11px 0 0 -7px;
	display:block;
}
*+html fieldset.csc-mailform {
	margin: 11px 0 0 0;
}
* html fieldset.csc-mailform {
	margin:0;
}


.csc-mailform-field {
	display:block;
	width:600px;
	clear:both;
	margin: 0 0 7px 0;
}
.csc-mailform div.package {
	width:200px;
	margin: 0 0 5px 85px;
}
.csc-mailform-field label {
	width:125px;
	display:block;
	overflow:visible;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.csc-mailform-field input {
	width:298px;
	border:1px solid #999;
	margin: 0 0 0 65px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:inherit;
	padding: 1px 3px;
	margin: 0 0 0 25px;
}

.csc-mailform-field .choice input {
	height:auto;
	width:auto;
	padding:0;
	margin:0 5px 0 0;
	border:0;
	display:block;
	float:left;
}
.csc-mailform-field .choice label {
	width:auto;
	display:block;
}
.csc-mailform-field .choice_wrapper, .csc-mailform-field .select_wrapper {
	float:left;
	margin:0 0 12px 25px;
}
.csc-mailform-field .choice {
	float:none;
	clear:both;
	padding:2px 0;
}

.csc-mailform-field input.csc-mailform-check {
	height:auto;
	width:auto;
	padding: 0;
	border:0;
}
.csc-mailform-field textarea {
	width:298px;
	height:100px;
	border:1px solid #999;
	margin: 0 0 0 65px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:inherit;
	padding: 1px 3px;
	margin: 0 0 0 25px;
}
.csc-mailform-field input.csc-mailform-submit {
	width:auto;
	background:#fff;
	color:#666;
	border:1px solid #999;
	margin: 0 0 0 386px;
}
*+html .csc-mailform-field input.csc-mailform-submit {
	margin: 0 0 0 365px;
}
* html .csc-mailform-field input.csc-mailform-submit {
	margin: 0 0 0 368px;
}



.tx-packages-pi1_package-name {
	display:block;
	margin: 0 0 0 65px;
}
* html .tx-packages-pi1_package-name {
	margin: 0 0 0 67px;
}






/**
 * External Thumbnails - Smooth Galley
 * --------------------------------------------- *(
/* div with the gallery inside */
#ext-thumbnails{
  height:320px;
  text-align:center;
  margin:25px 0 0 -10px;
  border:0;
  width:560px;
  background-color:#fff;
  overflow:auto;
  padding: 0 0 0 0;
}

/* div around the imgs */
.carouselWrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* single thumbnail */
.thumbnail {
  float:left;
  padding:4px;
  border:1px solid #999;
  background:#fff;
  margin:0 5px 15px  0;
  display:block;
  overflow:show;
}
.jdExtCarousel {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
/* label = title of an image */
.label {
  font-weight:bold;
  display:none;
}

/* number of the image */
.number {
  text-align:left;
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:normal; 
  font-style:italic;
}
.jdGallery .slideInfoZone {
	padding:5px 0 0 15px;
}





/**
 * Packages
 */

.calendar { position:absolute; visibility:hidden; background-color:white; layer-background-color:white; }

.tx-packages-pi1 td.long { white-space:nowrap; }
.tx-packages-pi1 input, .tx-packages-pi1 select, .tx-packages-pi1 textarea { width:200px; padding: 1px 3px; border:1px solid #333; color:#333; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; height:auto; margin: 0 0 3px 0; }
.tx-packages-pi1 textarea.div { height:80px; }
.tx-packages-pi1 select.d { width:45px; padding: 1px 0 1px 3px; border:1px solid #333; }
.tx-packages-pi1 select.m { width:100px; padding: 1px 0 1px 3px; border:1px solid #333; }
.tx-packages-pi1 select.y { width:60px; padding: 1px 0 1px 3px; border:1px solid #333; }
.tx-packages-pi1 select.land { width:209px; padding: 1px 0 1px 3px; border:1px solid #333; }
.tx-packages-pi1 input.small { width:30px; padding: 1px 0 1px 3px; }
.tx-packages-pi1 input.send { width:auto; background:white; border:1px solid #333; }



a.package_anfrage_link {
	margin:20px 0 0 0;
	font-weight:bold;
}




/**
 * Kalender 
 * ------------------------------------------- */
div.jscalender{
	width:154px;
	height:176px;
	border:1px solid rgb(128,128,0);
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	overflow:hidden;
	background-color:#FFFFFF;
	z-index:90;
	display:none;
}

#q_jscalender1, #q_jscalender2 {
	margin-top:-22px;
	margin-left:240px;
}
*+html #q_jscalender1, *+html #q_jscalender2 {
	margin-top:0px;
	margin-left:3px;
}
* html #q_jscalender1, * html #q_jscalender2 {
	margin-top:0px;
	margin-left:0px;
}


/*
#q_jscalender1, #q_jscalender2 {
	margin-left: 178px;
	margin-top: -19px;
}
*+html #q_jscalender1, #q_jscalender2 {
	margin-left: 172px;
	margin-top: -28px;
}
*/


.jscalender a{
	text-decoration:none;
	z-index:100;
}
.jscalender div.jsc_head, .jscalender div.jsc_body{
	z-index:600;
}
.jscalender div.jsc_head a, .jscalender div.jsc_head h2{
	float:left;
	height:17px;
	background-color:rgb(128,128,0);
	padding:3px 0 0 0;
	font-size:10px;
	text-align:center;
	margin:1px;
	color:#FFFFFF;
}
.jscalender div.jsc_head h2{
	width:108px;
}
.jscalender div.jsc_head a{
	width:20px;
}
.jscalender div.jsc_head a:hover{
	cursor:pointer;
	background-color:#000000;
	color:#FFFFFF;
}
.jscalender div.jsc_body{
	clear:both;
}
.jscalender div.jsc_body a, .jscalender div.jsc_body span{
	float:left;
	width:20px;
	height:17px;
	padding:3px 0 0 0;
	text-align:center;
	color:#000000;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
}
.jscalender div.jsc_body span{
	background-color:#968B7D;
	color:#FFFFFF;
	font-weight:bold;
}
.jscalender div.jsc_body a.jsc_special{
	background-color:white;
	color:#000000;
}
.jscalender div.jsc_body a:hover{
	cursor:pointer;
	background-color:rgb(128,128,0);
	color:white;
}
.jscalender div.jsc_body a.jsc_blank{
	background-color:#FFFFFF;
	cursor:default;
	outline:none;
}
.jscalender div.jsc_body a.jsc_blank:hover{
	background-color:#FFFFFF;
}

#q_jscalender3 { margin: 6px  0 0 4px; }

*+html #q_jscalender3, * html q_jscalender3 { margin: -40px 0 0 230px; }









/**
 * News
 */
.news-latest-item, .news-latest-item {
	margin:0 0 0 0;
}
.news-latest-date {
	display:block;
}
.latest-divider {
	display:block;
	width:570px;
	height:1px;
	margin:23px 0 25px 0;
	background:url(../images/punkte_horz.gif) top left repeat-x;
}




.clearfix {
	height:1px;
	width:1px;
	clear:both;
}



*+html .csc-textpic .csc-textpic-imagewrap dl.csc-textpic-image {
	padding-bottom:10px;
}