﻿/*
Copyright © 2009 Caribbean-Nights.com
Designed by PPDesign - Professional Webdesign & Development Switzerland
Home: http://www.ppdesign.ch
Email: info@ppdesign.ch
*/

body { margin: 0; padding: 0; background: #000000 url(images/header_back_01.jpg) repeat-x;
	text-align: justify; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #797979;}

form { margin: 0; padding: 0;}
fieldset { margin: 0; padding: 0; border: none;}
textarea { padding: 5px;	border: 1px solid #626262; font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;}
input { padding: 5px;	border: 1px solid #626262; font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;}

h4 a { margin: 0; text-decoration: none; font-weight: normal; color: #FF4900;}
h4 { margin: 0; text-decoration: none; font-weight: normal; color: #FF4900;}
h3 a { margin: 0; text-decoration: none; font-weight: normal; color: #FF7800;}
h3 { margin: 0; text-decoration: none; font-weight: normal; color: #FF7800;}
h2 a { margin: 0; text-decoration: none; font-weight: normal; color: #FF4900;}
h2 { margin: 0; text-decoration: none; font-weight: normal; color: #FF4900;}
h1 a { margin: 0; text-decoration: none; font-weight: normal; color: #FF4900;}
h1 { margin: 0; text-decoration: none; font-weight: normal; color: #FF4900;}
h1 { letter-spacing: -3px; font-size: 2.6em;}
h2 { letter-spacing: -2px; font-size: 2em; color: #FF4900;}
h3 { margin-bottom: 1em; font-size: 1em; font-weight: bold;}
h4 { letter-spacing: -2px; font-size: 1.6em; color: #FF4900;}
ul { margin: 0 0 2em 0; line-height: 200%;}
ol { margin: 0 0 2em 0; line-height: 200%;}
p { margin: 0 0 10px 0; line-height: 200%;}

blockquote { margin: 0 0 0 1.5em; padding-left: 1em; border-left: 3px #FF4900 solid;}
a { color: #FF7800;}
a:hover { text-decoration: none; color: #FF4900;}

img { border: none;}
img.left { float: left;	margin: 8px 20px 0px 0px; }
img.drink { float: left;	margin: 5px 10px 0px 0px; }
img.left-banner { float: left; margin: 8px 20px 0px 0px; padding-bottom: 40px;}

/* Header */
#wrapper { background: url(images/header.jpg) no-repeat center top;}
#header { width: 980px;	height: 128px; margin: 20px auto 0 auto;}
#logo p { float: left; color: #FF4900;}
#logo h1 { float: left; color: #FF4900;}
#logo h1 { height: 88px; padding: 30px 90px 0 20px; font-size: 4em;}
#logo p { margin: 0 0 0 -80px; padding: 25px 0 0 25px; line-height: normal; letter-spacing: -1px; font-size: 1.2em; font-weight: bold;}
#logo a { text-decoration: none; color: #FF4900; font-weight: bold;}

/* RSS */
#rss { padding: 30px 60px 20px 0px; text-align: right;}
#rss a { padding: 0 0 0 30px; background: url(images/rss.png) no-repeat; text-decoration: none; font-weight: bold;}
#rss a:hover { text-decoration: underline;}

/* Search */
#search { padding: 0 25px 0 0; float: right; width: 200px; height: 28px; background: url(images/search.png) no-repeat;}
#search #x { display: none;}
#search #s { padding: 6px 5px 5px 35px; width: 160px; height: auto; background: none; border: none;
	font: normal 1em Arial, Helvetica, sans-serif; color: #000;}
#search br { display: none;}

/* Menu */
#menu { width: 980px; height: 60px; margin: 0 auto; background: url(images/img04.png);}
#menu ul { margin: 0; padding: 0; list-style: none;}
#menu li { display: inline; text-transform: uppercase;}
#menu a { display: block; float: left; background: url(images/img15.png) no-repeat right 100%; padding: 18px 10px 0 10px; 
	text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; color: #00E9FF;}
#menu a:hover { height: 60px; background: url(images/img16.png) repeat-x right 30%; color: #000000;}
#menu .current_page_item {}
#menu .current_page_item a { color: #FF4900;}
#menu .current_page_item a:hover { color: #000000;}

#menu .current_page_item_underfolder {}
#menu .current_page_item_underfolder  a { color: #FF7800;}
#menu .current_page_item_underfolder  a:hover { color: #000000;}

/* Page */
#page { width: 980px; margin: 0 auto; padding: 30px 0;}

/* Ads */
#ads { float: right; width: 160px; padding: 0 0 0 10px;}

/* 2xContent */
#middle .column1 {width:620px;}
#middle .column1 .padding2 {padding: 0px 23px 0 16px;}
#middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#middle .column1 .padding2 .more {margin-top:9px;}
#middle .cols {padding:14px 0 0 0;}
#middle .cols .p1 {padding:20px 0 1px 0;}
.col1 {float:left; width:255px;}
.col2 {float:right; width:255px;}
.ind_col {width:40px;}
.date {background: url(img/date_bg.jpg) no-repeat 0 0; padding: 5px 0 10px 35px; font-size: 0.87em; font-family: georgia, times, serif; color: #BABABA;}
.b_text {color: #FF4900;}
.clear  { clear:both;}

/* Content */
#content { padding: 0 10px 0 10px; float: left;	width: 530px; height: 35px}
.post { margin-bottom: 20px;}
.post .title {}
.post .title h2 { font-size: 2.2em; font-family: georgia, times, serif;
}
.post .title p { margin: 0;	line-height: normal; color: #BABABA;}
.post .title p a { color: #BABABA;}
.post .entry { padding-top: 30px;}
.post .entry a { text-decoration: none;}
.post .entry a:hover { text-decoration: underline;}

.post .wert { text-align: center;}
.post .links { width: 530px;  height: 40px; margin: 0; padding: 5px 0 10px 5px; background: #000000 url(images/img08.png) no-repeat;}
.post .links a { padding: 5px 5px 35px 40px; text-decoration: none; font-weight: bold;}
.post .links a:hover { text-decoration: underline;}
.post .links .home { background: url(images/icon-home.png) no-repeat; }
.post .links .oben { background: url(images/icon-oben.png) no-repeat; }
.post .links .map { background: url(images/icon-map.png) no-repeat; }
.post .links .more { background: url(images/icon-artikel.png) no-repeat;}
.post .links .wiki { background: url(images/icon-wiki.png) no-repeat;}
.post .links .tipps { background: url(images/icon-star.png) no-repeat;}
.post .links .buch { background: url(images/icon-buch.png) no-repeat;}
.post .links .fotos { background: url(images/icon-fotos.png) no-repeat;}
.post .links .videos { background: url(images/icon-videos.png) no-repeat;}
.post .links .archiv { background: url(images/icon-archiv.png) no-repeat;}
.post .links .comments { background: url(images/icon-comment.png) no-repeat;}
.post .links .kontakt { background: url(images/icon-kontakt.png) no-repeat;}

/* Sidebar */

#sidebar { float: left; width: 240px; padding: 0 0 0 10px;}
#sidebar ul { margin: 0; padding: 0; list-style: none; color: #797979;}
#sidebar ul a { margin: 0; padding: 0; list-style: none; color: #00E9FF;}
#sidebar ul a:hover { margin: 0; padding: 0; list-style: none; color: #DDDDDD;}
#sidebar li { margin-bottom: 20px; }
#sidebar li ul { padding: 15px 15px; line-height: 200%;}
#sidebar li li { margin: 0;	padding-left: 15px;	background: url(images/img07.png) no-repeat 0 11px;}
#sidebar h2 { width: 230px;	height: 30px; padding: 5px 0 0 10px; background: url(images/img05.png); letter-spacing: -1px; font-size: 1.6em; color: #FF7800;}
#language {	background: repeat-y left top;}
#categories { background: #1F1F1D url(images/img13.jpg) repeat-y left top;}

/* Calendar */

#calendar_wrap { padding: 15px 20px;}
#calendar table { width: 100%; background: #1F1F1D; border: 1px solid #11110F; text-align: center;}
#calendar thead { background: #161616;}
#calendar tbody td { background: #0F0F0D; border: 1px solid #11110F;}
#calendar #prev { text-align: left;}
#calendar #next { text-align: right;}
#calendar tfoot a { text-decoration: none; font-weight: bold;}
#calendar #today { background: #121210; border: 1px solid #11110F; font-weight: bold; color: #00E9FF}

/* Footermid */

#footermid { clear: both; width: 980px; margin: 0 auto; padding: 5px 0; }
#footermid p {margin: 0 0 5px 0; text-align: center; line-height: normal; font-size: .9em;}
#footermid a {	text-decoration: none;}
#footermid_navigation a { text-decoration: none; color: #00E9FF;}
#footermid_navigation a:hover { text-decoration: none; color: #FF7800;}

.wrapmid {	width: 980px; margin: 0 auto;}
#footmid {	padding: 15px 10px 10px 10px; color: #00E9FF; margin: 0px 0px 10px 0px; width: 960px;}
#footmid h3 { font-family: georgia,times,serif; font-style: italic; color: #ffffff; border-bottom: 1px #00E9FF solid;
	text-align: center;}
.footmidlinks { float: left; margin-right: 20px; width: 150px;}
.linkmidlist {	margin-bottom: 10px;}
.linkmidlist ul {list-style-type: none; color: #FF4900;}

#footmid ul { text-align: center;}
#linkmidlist ul li a { display: block;	border-bottom: 1px dotted #FF4900; text-decoration: none; color: #FF4900;
	padding: 1px 0px 1px 0px; text-align: center;}
#footmid ul li a { display: block; border-bottom: 1px dotted #FFFFFF; text-decoration: none; color: #FFFFFF; padding: 1px 0;}
.linkmidlist ul li a:hover{ color: #FF4900; border-bottom: 1px #00E9FF dotted;}
#footmid ul li a:hover{ color: #FF4900; border-bottom: 1px #FF4900 dotted;}
#footmid .aboutmid { margin: 0 20px 0 0; float: right; width: 430px;}
#footmid p { margin: 5px 0 10px 0; color: #FFFFFF;}
#footmid a { color: #00E9FF;}
#footmid a:hover {	text-decoration: none; color: #DDDDDD;}

#extraDiv2 {background: url(images/bottom.jpg) no-repeat bottom center; height: 230px; width: 100%; bottom: 0px;}

/* Footer */
#footer { clear: both; width: 980px; margin: 0 auto; padding: 5px 0 20px 0;}
#footer p {margin: 0 0 5px 0; text-align: center; line-height: normal; font-size: .9em;}
#footer a {	text-decoration: none;}
#footer_navigation a { text-decoration: none; color: #00E9FF;}
#footer_navigation a:hover { text-decoration: none; color: #FF7800;}

.wrap {	width: 980px; margin: 0 auto;}
#foot {	padding: 20px 15px 25px 10px; color: #00E9FF; margin: 0 220px 100px 0px; width: 980px;}
#foot h3 { font-family: georgia,times,serif; font-style: italic; color: #ffffff; border-bottom: 1px #00E9FF solid;
	text-align: center;}
.footlinks { float: left; margin-right: 20px; width: 150px;}
.linklist {	margin-bottom: 10px;}
.linklist ul {list-style-type: none; color: #FF4900;}

#foot ul { list-style-type: none; color: #FF4900; text-align: center;}
#linklist ul li a { display: block;	border-bottom: 1px dotted #FF4900; text-decoration: none; color: #FF4900;
	padding: 1px 0px 1px 0px; text-align: center;}
#foot ul li a { display: block; border-bottom: 1px dotted #FFFFFF; text-decoration: none; color: #FFFFFF; padding: 1px 0;}
.linklist ul li a:hover{ color: #FF4900; border-bottom: 1px #00E9FF dotted;}
#foot ul li a:hover{ color: #FF4900; border-bottom: 1px #FF4900 dotted;}
#foot .about { margin: 0 20px 0 0; float: right; width: 380px;}
#foot p { margin: 5px 0 10px 0; color: #FFFFFF;}
#foot a { color: #00E9FF;}
#foot a:hover {	text-decoration: none; color: #DDDDDD;}
