cssbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:Ó; }
abbr,acronym { border:0; }
html {font-size: 62.5%;}
.clear { clear: both;}
strong { font-weight: bold;}

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

/* Generals */

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #342704;
	text-decoration: none;
	margin: 0px;
	margin-top:  2px;
}

#wrapper {
	margin: 0 auto;
	width: 900px;
}
#header h1{
	font-size: 0.9em;
	float: left;
	padding-top: 35px;
	color: #000;
}
#header h1 a{
	color: #666;
	text-decoration: none;
}
ul#privacy{
	list-style: circle;
	padding-left: 15px;
	margin-left: 15px;
}
ul#privacy li {
	padding-bottom: 5px;
}
ul#impressum {
	width: 800px;
}
ul#impressum li{
	float: left;
	width: 40%;
}

em {
	font-style: italic;
	font-weight: bold;
}

h1 {
	font-size: 27px;
	color: #8A4615;
	padding-bottom: 10px;
}

h2 {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 8px;
}

#logo {
	float: right;
	margin-bottom: 26px;
}

#left {
	width: 630px;
	float: left;
	padding-right: 15px;
}
#left a:link,
#left a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; color:#8a4615;
	text-decoration:underline;
}
#left a:active,
#left a:hover {
	text-decoration:none;
}

#right {
	width: 240px;
	float: right;
	background: #F4F3D9;
	border-bottom: 3px solid #8A4615;
	padding: 5px;
}
#right a:link,
#right a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; color:#8a4615;
	text-decoration:underline;
}
#right a:active,
#right a:hover {
	text-decoration:none;
}

#rightactive {
	width: 240px;
	float: right;
	background: #f1f3d1;
	border-bottom: 3px solid #8A4615;
	padding:18px 5px 14px 5px; margin-top:10px;
	text-align:center;
}
#rightdolomiti {
	width: 250px;
	float: right;
	border-bottom: 3px solid #2862a7;
}

#right h1 {
	font-size: 19px;
	color: #8A4615;
	padding-bottom: 10px;
}

#right p {
	font-size: 13px;
}

#right p.spacer {
	height: 34px;
}

#right img.centerImg {
	padding-left: 10px;
	padding-top: 7px;
}

#right p.anfrage {
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding: 10px 0px 5px 0px;
}
#right p.anfrage img {
	padding-right: 20px;
	padding-left: 20px;
}

#right p.anfrage a {
	text-decoration: none;
	color: #342704;
}
#right p.quote {
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px;
	padding-top: 0px;	
	padding-bottom: 10px;	
}
#right p.quoteAuthor {
	padding-left: 4px;
	padding-bottom: 5px;
	font-size: 0.9em;
}

#footer {
	height: 5px;
}

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

/* Navigation */

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



.menu {

	position: absolute;
	width: 900px;
	z-index: 90;
	font-size: 12px;
	margin-top: -23px;
	}

/* Inspired by http://www.cssplay.co.uk/menus/final_drop2.html */

#showcase {
	background: #6f9c6f;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
width:150px;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
font-weight: bold;
text-decoration:none; 
color:#3c2926; 
width:139px; 
height:20px; 
border:2px solid #fff; 
border-width:1px 1px 0 0; 
background:#eee; 
padding-left:10px; 
line-height:20px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#949e7c;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#c9ba65;
}
.menu ul ul :hover > a.drop {
background:#c9ba65;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}
.menu ul ul ul :hover > a {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:21px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
t\op:21px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#d4d8bd; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#8A3E15;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#8A3E15;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

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

/* Language Navigation */

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


ul#lang {
	position: relative;
	right: 0px;
	float: right;
	width: 150px;
	background:#eee; 
	padding: 3px 0px;
	margin-top: 1px;
}
ul#lang li {
	width: 20px;
	padding: 0px 15px;
	text-align: center;
}
ul#lang a {
	padding: 0px;
	margin: 0px;
	display:block;
	font-size:12px;
	font-weight: bold;
	text-decoration:none; 
	color:#3c2926; 
	width:auto; 
	height:auto; 
	border:0px;  
	background:#eee; 
	padding:0px; 
	line-height:14px;
}



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

/* Image Slider */

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

#slideShow1 {
	width: 900px;
	height: 400px;
	overflow: hidden;
	margin-bottom: 20px;
	border: 0px solid #ccc;
	background-color: #fff;
	
}

.pagelinks {
	float: right;
	background: #fff;
	margin-bottom:-7px;
	padding: 4px;
	padding-right: 0px;
}

.pagelinks a {
	font-weight: bold;
	margin: 2px;
	margin-right: 0px;
	color: #666;
}

.slideCaption {
	background-color: #FFFFCC;
	padding: 4px;
	text-align: center;
	font-weight: bold;
	display: none;
}

.pagelinks a.activeSlide {
	border-bottom: 4px solid ;
	border-color: #ffca01;
}

.pagelinks a.activeSlide img{
	padding-bottom: 8px;
	margin-bottom: -8px;
}

/* this is for IE so the prev/next links can be hovered*/

.nextSlide,.prevSlide {
	background-image: url(images/spacer.gif);
}

.nextSlide:hover {
	background-image: url(images/nextslide.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.prevSlide:hover {
	background-image: url(images/prevslide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.inputsTooltip {
	border: 0px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter: alpha(opacity=70);
	-moz-opacity: .70;
	opacity: .70;
}

#tooltipURL {
	display: none;
}

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

/* Contact form */

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


fieldset div {
	padding-bottom: 0px;
	padding-top: 10px;
	padding-left: 20px;
}
fieldset div input {
	border: 1px solid gray;
	padding: 2px;
	margin: 0px;
	width: 285px;
}
fieldset div input#plz {
	width: 100px;
}
fieldset div input#ort {
	width: 175px;
}
fieldset div input#anreise {
	width: 115px;
}
fieldset div input#abreise {
	width: 115px;
}
fieldset div select {
	border: 1px solid gray;
	padding: 2px;
	margin: 0px;
	width: 290px;
}

fieldset div label {
	width: 130px;
	float: left;
	padding-top: 2px;
}
fieldset .legend {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	font-weight: bold;
}
fieldset #buttons {
	padding-left: 0px;
}
fieldset input.submit {
	width: 80px;
	margin-right: 10px;
	padding: 3px;
}
fieldset input.reset {
	width: 80px;
	padding: 3px;
}
fieldset textarea {
	border: 1px solid gray;
	padding: 2px;
	margin: 0px;
	width: 285px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.message-error {
	color: red;
	padding-top: 10px;
	padding-bottom: 20px;
}
.message-ok {
	color: green;
	padding-top: 10px;
	padding-bottom: 20px;
}

img.ui-datepicker-trigger {
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 6px;
}