<!--

/**
 Palmari Travel Frontend CSS
 ------------------------------------------------------
 blueend web:applications AG, www.blueend.com, 2009
**/

body {
	background: #B5D067 url(../images/css/background.gif) top center no-repeat;
	text-align: center; /*centers the main in IE5/win */
	padding-bottom: 25px !important;
}
body, td {
	font-family: Tahoma, Lucida Sans, Verdana, Arial;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #897248;
}

label {
 cursor: pointer;
 cursor: hand;
 float: left;
}

h1 {
	font-size:18px;
	margin-top:0px;
	font-weight: normal;
	margin-bottom:0px;
	padding-bottom:1px;
	color:#99CC00;
	}

h2 {
	font-size:14px;
	margin-top:5px;
	margin-bottom:4px;
	font-weight:normal;
	display:block;
	color: #724857;
	}

h3 {
	margin-bottom:5px;
	margin-top:0px;
	font-size: 13px;
	font-weight: bold;
	color: #99CC00;
}

h4{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 4px;
	font-size: 12px;
}

hr {
	height:1px;
	background:white;
	border:none;
	border-bottom:1px dotted #DEDEDE;
	width:auto;
	margin-top:3px;
	margin-bottom:3px;
	display:block;
}

a:link, a:visited, a:active {
	color:#724857;
	text-decoration:none;
}

a:hover {
	color:#000;
	}

a.white:link, a.white:visited, a.white:active {
	color:#fff; }

a.white:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #000000;
}

#container {
	width: 870px;
	margin: auto; /* centers the whole container */
	text-align: left;
	padding:none;
	background-color: white;
	padding: 10px;
	margin-top: 10px;
}

#popup {
	margin: auto; /* centers the whole container */
	margin-top: 10px;
	text-align: center;
	font-size:12px;
	padding:0px;
	border:0px solid #C70E11;
}

#meta_navigation{
	text-align: right;
	padding: 5px;
}

#meta_navigation a{
	margin-left: 15px;
	color: white;
	font-size: 12px;
}

#header .header_bar{
	/*background: #AD78CA url(../images/css/seperator_bar.gif);*/
	background: #724857;
	border-bottom: 5px solid #F5EFF8;
	margin-top: 15px;
	padding: 2px 0px;
	clear: right;
}


#top_teaser{
	width: 460px;
	height: 145px;
	float: right;
	overflow: hidden;
	margin-top: 5px;
/*	background: url(../images/css/top_teaser.gif) top right no-repeat; */
}

#top_teaser img{
	position: absolute;
}

/* main===== */


#main {
	clear: left;
	position: relative;
	padding-top: 0.4em;
	padding-left:10px;
	margin-top:10px;
	margin-left: 160px;
	margin-right: 220px;
	font-family: Tahoma, Lucida Sans, Verdana, Arial;
	font-size:12px;
	line-height:17px;
	min-height: 500px;
	_height: 500px;
}

#main,
#main p,
#main div{
	line-height:17px;
}

#main input, #main textarea{
	border:1px solid #CCC;
	background:#EEE;
}

#main input:focus,#main textarea:focus{
	border:1px solid #000;
	background:#EEE;
}


#main div.gallery a,
#main div.gallery a:link,
#main div.gallery a:visited,
#main div.gallery a:active {
  background:none;
	color:#069;
	text-decoration:none;
	border:none;
	padding:0;
	}

#main div.gallery a:hover {
	background:none;
	color:#333;
	border:none;
	padding:0;
	}

#main div.gallery img {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
}

#main #navbar{
	width: 160px;
	position: absolute;
	margin-left: -170px;
}

#main #sidebar{
	position: absolute;
	right: -215px;
	width: 190px;
}

#main #sidebar .sidebox{
	margin-bottom: 20px;
	padding-left: 24px;
	min-height: 70px;
	_height: 70px;
	font-size: 11px;
	line-height: 14px;
	font-size: 12px;
}

#main #sidebar .sidebox div.inner{
	background-color: #f5eff8;
	padding: 5px;
}

#main #sidebar .sidebox div p{
	margin: 0;
	padding: 0;
}

#main #sidebar .sidebox .date{
	font-weight: bold;
}

#main #sidebar_service{
	background: url(../images/css/sidebar_kontakt_vert.gif) left top no-repeat;
}

#main #sidebar_news{
	background: url(../images/css/sidebar_info_vert.gif) left top no-repeat;
	height: 200px;
}

#main #sidebar_news a{
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
}

#main #sidebar_specials{
	background: url(../images/css/sidebar_specials_vert.gif) left top no-repeat;
}


/* GOOGLE HEADER ===== */

#googleheader {
	display:none;
}

#googleheader h1 {
}

/* NAVIGATION ===== */


#header {
	position: relative;
	width:100%;
	width: 864px;
	margin-left:1px;
	margin-top: 5px;
}

#header #logo{
	background-image: url(../images/css/palmari_logo2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 140px;
	width: 350px;
}

ul#primary{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#primary li{
	margin-bottom: 10px;
}

#main ul#primary li a{
	background: transparent url(../images/css/palm_bullet.gif) left center no-repeat;
	padding-left: 20px;
	font-size: 15px;
	font-weight: bold;
	color: #897248;
}

#main ul#primary li a.on{
	color: #724857;
}

ul#secondary{
	list-style: none;
	margin-top: 5px;
}

ul#secondary li{
	margin-bottom: 2px;
}

#main ul#secondary li a{
	font-size: 13px;
	padding: 0px;
	background: none;
	font-weight: normal;
}


/* FOOTER ===== */
#footer{
	background: #f5eff8;
	border-top: 1px dotted #B180CD;
	margin-top: 40px;
	padding: 10px;
	position: relative;
	color: #724857;
	font-size:11px;
}


#footer div.easycms {
	position:absolute;
	top: 10px;
	right:10px;
	font-size:11px;
	font-family:Arial;
	color: #724857;
}

#footer div.easycms a{
	color: #724857;
}

.box {
	float:right;
	width:16em;
	background:#EEE;
	border:1px solid #86A1B6;
	padding:7px;
	margin:15px 0px 0px 5px;
}

.box h1,.box h2 {
	border:none;
	color:#000;
	font-size:14px;

}


#main .box input, #main .box textarea{
	border:1px solid #999;
	background:#FFF;
	padding-left:3px;
}

#main .box input:focus,#main .box textarea:focus{
	border:1px solid #666;
	background:#FFF;
	padding-left:3px;
}

div.gallery {
  margin-top: 10px;
}

/* HACKS (hide from) */

/* Mac IE */

@media screen, projection {
.search-box { color:white }
}
/* end Mac IE */


-->

.icon_lock
{
  padding-left: 22px;
  padding-bottom: 1px;
  background: url(../images/css/lock.png) no-repeat left;
  line-height: 16px;
}

.access_denied
{
  padding: 7px;
  padding-left: 28px;
  background: #fdd url(../images/css/lock.png) no-repeat 5px;
  margin-bottom: 20px;
}

div.info{
	padding: 5px;
	background: #FFA;
	margin-bottom: 10px;
}

div.error{
	padding: 5px;
	background: #FCC;
	margin-bottom: 10px;
}


/* JS: Smart Tabs */
/* HTML: UL Tabs */
.smartTabs,
ul.smartTabs
{
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  line-height: 1em !important;
}

ul.smartTabs {
  list-style: none;
  padding:5px;
  _padding: 0px; /* IE 6 */
  border-bottom:1px solid #ccc;
  white-space: nowrap
}

.smartTabs .tab
{
  margin-top: 5px;
  _margin-top: 0px; /* IE 6 */
  padding: 10px;
  zoom:1;
}

/* IE 7 Fix */
*+html ul.smartTabs
{
  padding: 0px;
}

/* IE 7 Fix */
*+html .smartTabs .tab
{
  margin-top: 0px;
}

ul.smartTabs li{
  display:inline;
}

.smartTabs .tab_nav{
	background: #F5EFF8;
	padding: 5px;
}

.smartTabs .tab_nav a,
ul.smartTabs li a
{
  margin: 0;
  padding: 5px;
  margin-right: 5px;
  color: #777;
}

.collapsed .tab_nav a,
ul.collapsed li a{
	color: #444;
}

.smartTabs.collapsed{
	margin-bottom:20px;
}

/* Don't show link borders in FF - looks smoother*/
.smartTabs .tab_nav a,
.smartTabs .tab_nav a:active,
.smartTabs .tab_nav a:focus {
  outline: 0;
  zoom:1;
}

.smartTabs .tab_nav a.selected,
ul.smartTabs li a.selected
{
  background-color: #fff;
  position: relative;
  top: 1px;
  color: #724857;
  border: 1px solid #bbb;
  border-bottom: none;
  font-weight: bold;
}

ul.smartTabs li a.selected {
  background-color: #fff;
  color: #000;
}

.smartTabs h2
{
  margin-bottom: 15px;
}

a.btn_large{
	padding: 4px 8px;
	background: #AD78CA url(../images/css/seperator_bar.gif);
	background: #724857;
	color: white !important;
	cursor: pointer;
}

input.btn{
	padding: 4px 8px;
	background: #724857 !important;
	color: white !important;
}

.travel_list_item{
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	background: #F5EFF8;
	margin-bottom: 5px;
}

.travel_list_item .title{
	font-size: 120%;
	font-weight: bold;
}

.travel_list_item .travel_pic{
	float: left;
	margin-right: 10px;
	height: 40px;
	width: 40px;
	background: #eee;
	overflow: hidden;
}

.form_row{
	clear: left;
	margin-bottom: 4px;
}

.outer_form h3{
	clear: left;
	margin-top: 20px;
	display: block;
	clear: left;
	background: #F5EFF8;
	color: #724857;
	padding: 2px;
	border-bottom: 1px dotted #724857;
}

table,
table tr,
table td{
  margin: 0;
  padding: 0;
	border: 0;
}

table{
	border-top: 1px solid #660033;
}

table td{
  background: #F5EFF8;
	padding: 2px;
	border-bottom: 1px solid #660033;
	color: black;
}

table.no_style,
table.no_style tr,
table.no_style td{
	background: none;
	border: none;
}