@charset "utf-8";
/* CSS Document 
Publisher:Atiu Guesthouse
Author:Katja Bubenzer
*/

/*------------------------------ basic procedures ------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background:#fff url(../images/main-bg.jpg) no-repeat 50% 0;
	font-family:Helvetica, "Helvetica Neue", Verdana, Arial sans-serif;
	font-size:101%;
	color:#6b7c82;
	overflow-x:hidden; /*neccessary for hiding the horizontal scrollbar*/
	width:100%;
	text-align:center;
}
a, img {
	border: none;
	text-decoration:none;
	outline:none
}
ul {
	list-style:none
}
/*------------------------------ content containers ------------------------------*/
#wrapper {
	margin:0 auto;
	width:1024px;
	min-height:1496px;
	text-align:left
}
#head {
	background:url(../images/header.jpg) no-repeat 100% 0;
	height:330px;
	width:1024px;
}
#content {
	width:960px;
	margin:0 32px;
}
#footer-wrapper {
	background:url(../images/footer-large.jpg) no-repeat center bottom;
	height:380px;
	width:100%;
	bottom:0
}
#footer-container {
	height:380px;
	width: 1024px;
	margin:0 auto;
}
#footer-leftcol {
	float: left;
	width: 460px;
	height:380px;
}
#footer-leftcol h2 {
	float:left;
	margin:100px 0 0 100px;
	clear:both
}
#footer-leftcol ul {
	float:left;
	line-height:1.5em;
}
#footer-leftcol li {
	margin-left:100px;
	font-size:1.3em;
	font-style:italic;
	color:#b0a188;
	text-align:left;
	padding-left:40px;
}
#footer-leftcol li a {
	display:inline;
	cursor:pointer;
}
#footer-leftcol img, #footer-leftcol img a, #footer-leftcol img a:hover {
	cursor:pointer;
	margin:10px 0 0 140px;
	float:left;
	outline:none;
	border:none
}
#footer-rightcol {
	float: left;
	width: 480px;
	margin-left:30px;
}

#footer-rightcol h2 {
	float:left;
	margin:230px 0 0 80px;
	clear:left;
	padding:0;
}
#footer-rightcol span.small {
	float:left;
	margin:0 0 0 80px;
	clear:left;
	padding:0;
}
.backtotop {
	background:url(../images/top.png) no-repeat right bottom;
	float:right;
	width:40px;
	height:40px;
	margin:-30px 0 0 30px;
	clear:right;
	cursor:pointer
}
p.bookmark-tools {
	margin:40px 0 0 40px;
	float:left;
	clear:left;
}
p.bookmark-tools .digg {
	background: url(../images/digg.png) no-repeat 100%;
	padding-left:40px;
	padding-top:40px;
	height:48px;
	width:47px;
}
p.bookmark-tools .delicious {
	background: url(../images/delicio.png) no-repeat 100%;
	padding-left:40px;
	padding-top:40px;
	height:48px;
	width:46px
}
p.bookmark-tools .stumbleupon {
	background: url(../images/stumble.png) no-repeat 100%;
	padding-left:40px;
	padding-top:40px;
	height:48px;
	width:44px
}
p.bookmark-tools .facebook {
	background: url(../images/facebook.png) no-repeat 100%;
	padding-left:40px;
	padding-top:40px;
	height:45px;
	width:44px
}
p.bookmark-tools .technorati {
	background: url(../images/technorati.png) no-repeat 100%;
	padding-left:40px;
	padding-top:40px;
	height:45px;
	width:41px
}
.clear {
	clear:both;
}
/*------------------------------ main menu image sprite ------------------------------*/
ul#menu {
	height:50px;
	width:849px;
	list-style:none;/*	margin:20px 0;*/
}
ul#menu li {
	display:inline
}
ul#menu li a {
	height:50px;
	text-indent:-9999px;
	display:block;
	float: left;
}
ul#menu li.atiu a {
	background:transparent url(../images/nav.png) no-repeat 0 0;
	width:62px;
}
ul#menu li.atiu a:hover {
	background-position:0px -50px;
}
ul#menu li.atiu a.current {
	background-position:0px -100px;
}
ul#menu li.guesthouse a {
	background:transparent url(../images/nav.png) no-repeat -62px 0;
	width:116px;
}
ul#menu li.guesthouse a:hover {
	background-position:-62px -50px;
}
ul#menu li.guesthouse a.current {
	background-position:-62px -100px;
}
ul#menu li.reservations a {
	background:transparent url(../images/nav.png) no-repeat -178px 0;
	width:128px;
}
ul#menu li.reservations a:hover {
	background-position:-178px -50px;
}
ul#menu li.reservations a.current {
	background-position:-178px -100px;
}
ul#menu li.activities a {
	background:transparent url(../images/nav.png) no-repeat -307px 0;
	width:102px;
}
ul#menu li.activities a:hover {
	background-position:-307px -50px;
}
ul#menu li.activities a.current {
	background-position: -307px -100px;
}
ul#menu li.history a {
	background:transparent url(../images/nav.png) no-repeat -409px 0;
	width:85px;
}
ul#menu li.history a:hover {
	background-position:-409px -50px;
}
ul#menu li.history a.current {
	background-position:-409px -100px;
}
ul#menu li.gallery a {
	background:transparent url(../images/nav.png) no-repeat -494px 0;
	width:82px;
}
ul#menu li.gallery a:hover {
	background-position:-494px -50px;
}
ul#menu li.gallery a.current {
	background-position:-494px -100px;
}
ul#menu li.guestbook a {
	background:transparent url(../images/nav.png) no-repeat -576px 0;
	width:111px;
}
ul#menu li.guestbook a:hover {
	background-position:-576px -50px;
}
ul#menu li.guestbook a.current {
	background-position:-576px -100px;
}
ul#menu li.useful a {
	background:transparent url(../images/nav.png) no-repeat -687px 0;
	width:71px;
}
ul#menu li.useful a:hover {
	background-position:-687px -50px;
}
ul#menu li.useful a.current {
	background-position:-687px -100px;
}
ul#menu li.contact a {
	background:transparent url(../images/nav.png) no-repeat -758px 0;
	width:90px;
}
ul#menu li.contact a:hover {
	background-position:-758px -50px;
}
ul#menu li.contact a.current {
	background-position:-758px -100px;
}
/*------------------------------ headings font replacement  ------------------------------*/

h1 {
	font-size:1.9em;
	font-style:italic;
	line-height:2.1em;
	padding:50px 0 20px 30px;
}
h2 {
	font-size:1.4em;
	line-height:1.7em;
	font-style:italic;
	padding:20px 30px 10px 30px;
	color:#9dccd5
}
.pink {
	color:#dec0d9;
}
.green {
	color:#badc72
}
.blue {
	color:#9fb1bf
}
.sand {
	color:#b0a188
}
.pinksub, .greensub, .bluesub, .sandsub {
	color:#dec0d9;
	font-size:1.4em;
	padding:10px 0 10px 30px;
}
.greensub {
	color:#badc72;
}
.bluesub {
	color:#9fb1bf;
}
.sandsub {
	color:#b0a188;
}
/*------------------------------ txt ------------------------------*/

a, a:visited, a:hover, a:active {
	text-decoration:none;
	color:#737f98;
	font-weight:bold;
}
a:hover {
	color:#9cccdf
}
p {
	padding:10px 30px;
	font-size:0.9em;
	line-height:1.2em;
	font-style:normal
}
.small {
	font-size:.8em;
	color:#9EA9BA;
	font-style:italic
}
span.bolditalic {
	font-weight:bold;
	font-style:italic;
}
/*------------------------------ floating pics ------------------------------*/
.picleft {
	padding:2px;
	margin:20px 80px 60px;
	float:left;
	width:300px
}
.picright {
	padding:10px;
	border:0;
	float:right;
	clear:right
}
.lefttour {
	float:left;
	padding:10px 10px 10px 0;
	border:0;
	margin:10px;
	clear:left
}
.righttour {
	float:right;
	padding:10px 0 10px 10px;
	border:0;
	margin:10px;
	clear:right
}
/*------------------------------ guestbook page ------------------------------*/
.gbshow {
	margin:0 auto;
	display:block;
	width:94%;
	height:auto;
}
.gbHead {
	color:#cae0a0;
	margin:0;
	font-weight:bold;
}
.gbtext{
/*	color:#9dccd5;*/
	margin:0;
/*	font-weight:bold;
	font-style:italic*/
	}
.paginator {
	float:right;
	width:auto;
	margin-right:10px;
	margin-top:20px
}
.pipe {
	background:url(../images/pipe.png) no-repeat center;
	width:5px;
	height:20px;
	margin:0;
	padding:2px;
}
.of {
	color:#cae0a0;
	font:1.1em bold Georgia, "Times New Roman", Times, serif;
}
hr, .linie {
	background:url(../images/hr.png) repeat-x;
	height:5px;
	border:none;
	width:90%;
	margin:10px;
	text-align:center
}
.last {
	background:url(../images/last.png) no-repeat center;
	width:12px;
	height:13px;
	margin:0;
	padding:2px 5px;
	outline:none;
	border:none
}
.next {
	background:url(../images/next.png) no-repeat center;
	width:12px;
	height:13px;
	margin:0;
	padding:2px 5px;
	outline:none;
	border:none
}
.prev {
	background:url(../images/prev.png) no-repeat center;
	width:22px;
	height:13px;
	margin:0;
	padding:10px 5px;
	outline:none;
	border:none
}
.right {
	background:url(../images/right.png) no-repeat center;
	width:22px;
	height:13px;
	margin:0;
	padding:10px 5px;
	outline:none;
	border:none
}
/*------------------------------contact, guestbook, booking form ------------------------------*/
form {
	margin-left:40px;
	width:920px;
}
fieldset {
	width:43em;
	border-width:0;
	border-top:2px solid #cee9eb;
	padding:1em 0 0 1em;
	margin:20px 0;
}
fieldset legend {
	font-weight:bold;
}
/*.mail {
	padding:10px;
	float:right;
	clear:right;
	background:url(../images/mail.png) no-repeat top;
	width:119px;
	height:69px;
	margin:46px 230px 0 0;
}
form.data {
	background:url(../images/data.png) no-repeat 50 right;
	width:80px;
	height:90px;
	z-index:30
}
.pen {
	padding:10px;
	float:right;
	clear:right;
	background:url(../images/pen.png) no-repeat top;
	width:80px;
	height:98px;
	margin:0 260px 0 0;
}*/
#firstname {
	width:22em;
}
#familyname {
	width:22em;
}
#fullname {
	width:22em;
}
#location {
	width:22em;
}
#web {
	width:22em;
}
#address {
	width:22em;
}
#city {
	width:16em;
}
#country {
	width:22em;
}
#zip {
	width:12em;
}
#phone {
	width:14em;
}
#fax {
	width:14em;
}
#email {
	width:22em;
}
#persons {
	width:3em;
}
#single, #twin, #family {
	width:5em;
}
#arrival {
	width:8em;
}
#departure {
	width:8em;
}
#subject {
	width:22em;
}
label {
	display:block;
	margin:12px 0 0;
	font-weight:700;
	font-size:.9em;
	float:left;
	clear:left;
	width:140px;
}
.labeldate {
	margin-bottom:-10px;
}
.labelroom {
	margin-top:-2px;
	float:left;
	clear:left;
	width:140px;
	display:block
}
input {
	border:.08em solid #cee9eb;
	font-size:0.9em;
	padding:8px;
	margin:10px 0 0 0;
}
.group {
	display:block;
	margin-bottom:15px;
	font-size:.9em;
	font-weight:bold
}
.cust_checkbox {
	cursor:pointer;
	width:28px;
	height:28px;
	padding:5px
}
.cust_checkbox_on, .cust_checkbox_off {
	background:#e5ede5 url(../images/checkbox-on.jpg) no-repeat 100%;
	border:.08em solid #cee9eb;
}
.cust_checkbox_off {
	background:#e5ede5 url(../images/checkbox.jpg) no-repeat 100%;
}
.inputbg {
	background: url(../images/input.jpg) repeat;
	width:400px;
	height:28px;
	display:block;
	padding:0px;
	color:#7da0a4;
}
textarea {
	background:#e5ede5 url(../images/textarea.jpg) repeat;
	font-family:Arial, Helvetica, sans-serif;
	border:.08em solid #cee9eb;
	font-size:0.9em;
	width:420px;
	color:#7da0a4;
	height:auto;
	overflow:hidden;
/*	max-height:600px;*/
	min-height:300px;
	margin:8px 0 2px 0;
}
.submit {
	background:url(../images/button.png) no-repeat;
	height:32px;
	width:80px;
	margin: 10px 0 10px 140px;
	text-indent:-9999px;
	padding:5px;
	border:.08em solid #cee9eb;
	cursor:pointer
}
.submitgb {
	background:url(../images/buttongb.png) no-repeat;
	width:132px;
	height:32px;
	margin: 0 0 20px 0;
	text-indent:-9999px;
	padding:5px;
	border:.08em solid #cee9eb;
	cursor:pointer
}
.err1, .err2, .err3, span.errdate {
	color:#d06c92;
	font:bold italic 0.9em Georgia, "Times New Roman", Times, serif;
	padding:0;
}
.err2 {
	display:block;
	line-height:1.3em;
	margin:5px 0 5px 150px;
}
.err3 {
	padding:0
}
.fix {
	width:500px;
	float:right;
	clear:right;
	margin:0 150px 10px 0;
}
span.errdate {
	width:500px;
	float:right;
	clear:right;
	margin:0 250px 0 0;
}
.hidden {
	display:none
}
/*----------------------gallery page--------------------------------*/
.illust {
	margin:10px auto;
	width:96%;
	display:block
}
.thumbs, .thumbs a, .thumbs a:visited, .thumbs a:hover, .thumbs a:active {
	border:none;
	background:url(../images/mainpic.png) no-repeat center;
	width:100px;
	height:75px;
	padding:5px;
	outline:none;
}
/*---------------------tooltip--------------------------------*/

#tooltip {
	border:1px solid #b7c5c7;
	background:#fff;
	opacity:0.85;
	-webkit-opacity:0.85;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:5px;
	position:absolute;
	width:auto;
	height:auto;	
	font-size:0.75em;
	text-align:center;
	margin:0;
}