/* CSS Document */

html, body { 
	height: 100%;
	margin: 0;
	padding: 0; 
	background-color: #0B2553;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*************************** Layout ***************************/

#logo {
	padding: 2px 0 10px 0;
	text-align: center;
}

#sitewrapper {
	width: 882px;
	margin: 0px auto;
	padding: 0;
}

#outerwrap {
	margin: 0 22px 0 22px;
	padding: 4px 4px 4px 4px;
	background-color: #999966;
}

#innerwrap {
	position: relative;
	z-index:20;
	height: 482px;
	padding: 6px;
	background-image: url(../images/bg_logoworld.jpg);
	background-position: bottom right;
	background-repeat: no-repeat; 
	background-color: #FFF;
	border: 1px solid #73734C;
}

#contentwrap {
	height: 482px;
	overflow: hidden;
}

#innerstart {
	position: relative;
	z-index:20;
	height: 484px;
	padding: 5px;
	background-image: url(../images/bg_weltkarte.jpg);
	background-position: top center;
	background-repeat: no-repeat; 
	background-color: #FFF;
	border: 1px solid #73734C;
	overflow: hidden;
}

#contentleft {
	float: left;
	width: 408px;
	height: 482px;
	background-color: #EEE;
}

#contentright {
	float: right;
	width: 408px;
	height: 482px;
}

.clearer {
	clear: both;
}


/*************************** Navigation ***************************/

div.tab {
	float: left;
	height: 24px;
	color: #FFF;
	margin: 5px 0 0 0;
	padding: 3px 0 0 0;
	/*line-height: 23px;*/
	text-align: center;
}

div.tab div {
	position:relative;
	z-index:20;
}

div.tab:hover {
	cursor: pointer;
}

div.tab a,
div.tab a:link,
div.tab a:active,
div.tab a:visited,
div.tab a:hover {
	color: #FFF;
	text-decoration: none;
}

#resort {
	width: 65px;
	background-color: #B30505;
}

#kon_resort {
	width: 112px;
	background-color: #B30505;
}

#details {
	width: 67px;
	background-color: #B35905;
	background-image: url(../images/bg_taborange.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#facts {
	width: 58px;
	background-color: #775F41;
	background-image: url(../images/bg_tabbraun.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#weltkarte {
	width: 32px;
	padding-top: 5px;
	background-color: #0578B3;
}

#kontinent,
#kontakt,
#jet,
#yacht {
	width: 32px;
	padding-top: 5px;
	background-color: #0578B3;
	background-image: url(../images/bg_tabblau.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#weltkarte div,
#kontinent div,
#kontakt div,
#jet div,
#yacht div {
	height: 14px;
}

.lasttab {
	float: left;
	height: 25px;
	width: 10px;
	background-image: url(../images/bg_tabgruenblau.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#tabnav {
	position: absolute;
	top: 53px;
	width: 882px;
	margin: 0px auto;
	z-index: 10;
}

#hotelnav {
	float: left;
	width: 400px;
	padding: 0 0 0 32px;
}

#sitenav {
	float: right;
	width: 355px;
}

#sitenav_kon {
	float: right;
	width: 271px;
}

#sitenav_start {
	float: right;
	width: 123px;
}

#sitenav #weltkarte,
#sitenav_kon #weltkarte {
	width: 84px;
}

#sitenav #kontinent,
#sitenav_kon #kontinent {
	width: 84px;
}

#sitenav #kontakt,
#sitenav_kon #kontakt,
#sitenav_start #kontakt {
	width: 74px;
}

#sitenav_start #kontakt {
	background-image: none;
}

#sprevnext {
	position: absolute;
	top: 111px;
	width: 882px;
	margin: 0px auto;
	z-index: 10;
}

#sprev {
	float: left;
	margin-left: 9px;
}

#snext {
	float: right;
	margin-right: 9px;
}

#sprev:hover,
#snext:hover {
	cursor: pointer;
}

#sprevinner,
#snextinner {
	width: 27px;
	padding: 12px 4px 12px 4px;
	background-color: #B30505;
}

#snextinner {
	text-align: right;
}

/*************************** Piclist ***************************/

#piclist img {
	border: 1px solid #FFF;
	text-align: center;
}

#piclist {
	padding-top: 32px;
}

#pic1,
#pic2,
#pic3 {
	text-align: center;
	width: 169px;
	margin: 0  0 11px 119px;
	border: 1px solid #959563;
}

#picnav {
	position: absolute;
	top: 464px;
	left: 0px;
	text-align: right;
	width: 172px;
	padding: 0 119px 0 119px;
	height: 15px;
	overflow: hidden;
}	


#picnav .picnavprev {
	width: 20px;
	float: left;
}

#picnav .picnavnext {
	width: 20px;
	float: right;
}

/*************************** Lightbox ***************************/

#lbOverlay,
#mb_overlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index:30;
}

#lbCenter, #lbBottomContainer, div#mb_center, div#mb_bottom {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index:31;
}

.lbLoading,
.mb_loading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom,
div#mb_bottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink,
a#mb_close_link {
	display: block;
	float: right;
	width: 10px;
	height: 14px;
	background: transparent url(../images/close.gif) no-repeat bottom;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* moodalbox CSS */
div#mb_center {
    background-color: #FFF;
}
div#mb_contents {
    width: 400px;
    height: 400px;
	border: 10px solid #FFF;
    background-color: #FFF;
    visibility: hidden;
	background-image: url(../images/bg_logoworld.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
}

div#mb_inner {
	height: 100%;
	padding: 0 40px 0 40px;
	border: 1px solid #999966;
	background-color: #FFF;
	background-image: url(../images/bg_logoworld.jpg);
	background-position: top right;
	background-repeat: no-repeat; 
	overflow: auto;
}

#mb_inner #popcontent {
	padding: 30px 0 0 0;
}

#mb_inner ul {
	margin: 0;
	padding: 0 0 0 13px;
}

#mb_inner ul li {
	margin: 0;
	padding: 0;
}

div#mb_caption {
    margin-right: 71px;
}


/*************************** Content ***************************/
/*
.locationhead,
.hotelhead,
.resorthead {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}
*/

.resorthead,
.locationhead {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

.hotelhead {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.locationhead {
	height: 20px;
	margin: 5px 0 0 0;
	padding: 50px 0 0 0;
	background-image: url(../images/bg_contenthead.gif);
	background-position: top center;
	background-repeat: no-repeat;
	color: #978F66;
}

.resorthead {
	height: 20px;
	margin: 5px 0 0 0;
	padding: 50px 0 0 0;
	background-image: url(../images/bg_logoworld.gif);
	background-position: top center;
	background-repeat: no-repeat;
	color: #978F66;
}

.hotelhead {
	color: #B30505;
}

.contenttext {
	padding: 25px;
	text-align: center;
}

.contenttext .rot {
	margin: 25px 0 0 0;
	color: #B30505;
}

#accordion {
	margin: 40px 0 0 0;
	padding: 0 102px 0 88px;
	text-align: center;
}

#accordion a {
	width: 190px;
	height: 21px;
	color: #FFF;
	text-decoration: none;
}

#accordion a div{
	width: 190px;
	height: 21px;
	margin: 0 0 1px 0;
	color: #FFF;
	background-image: url(../images/bg_accord.gif);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
}

#accordion a div.accordanfrage{
	width: 190px;
	height: 21px;
	margin: 6px 0 1px 0;
	color: #FFF;
	background-image: url(../images/bg_accordblue.gif);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
}

#accordion a div:hover{
	background-image: url(../images/bg_accordhover.gif);
}

#resortinfo {
	position: relative;
	bottom: 134px;
	left: 20px;
	width: 300px;
	height: 114px;
	padding: 3px 0 0 0;
	background-image: url(../images/bg_resortbox.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	visibility: hidden;
}
/*
.blume {
	background-image: url(../images/freisteller/blume.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}
*/
#popup {
	padding: 5px;
	background-color: #FFF;
	background-image: url(../images/bg_logoworld.jpg);
	background-position: bottom right;
	background-repeat: no-repeat; 
}

.startcontent,
.errorcontent {
	margin: 24px 0 0 0;
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}

.startcontent {
	padding: 58px 0 0 0;
	background-image: url(../images/bg_startheader.gif);
}

#impressum {
	padding: 5px 28px 5px 28px;
	text-align: right;
	color: #FFF;
}

#imprleft{
	float: left;
}

#imprright{
	float: right;
}

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

#impressum a:hover {
	text-decoration: underline;
}

a,
a:link,
a:visited,
a:active {
	color: #B30505;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*************************** Kontinent-Navigation ***************************/

#kontinentnav {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 31;
}

#kontinentnav ul {
	width: 140px;
	margin: 0;
	padding: 3px;
	background-color: #FFF;
}

#kontinentnav #regionen ul {
	width: 220px;
	margin: 0;
	padding: 3px;
	background-color: #FFF;
}

#laender {
	width: 146px;
}

#kontinentnav ul li {
	padding: 2px;
	list-style-image: url(../images/bullet.gif); 
	list-style-position: inside;
	color: #000;
}

#kontinentnav ul li:hover,
#kontinentnav ul li strong {
	color: #B30505;
	cursor: pointer;
}

#kontinentnav ul li:hover {
	cursor: pointer;
}


#kontinentinfo {
	position: absolute;
	color: #FFF;
	visibility: hidden;
}

#kontinentinfo p {
	padding: 0;
	margin: 0;
}

.nordamerika {
	top: 35px;
	left: 35px;
	background-image: url(../images/bg_nordamerika.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 85px 25px 0 70px;
}

.karibik {
	top: 35px;
	left: 430px;
	background-image: url(../images/bg_karibik.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 88px 25px 0 75px;
}

.suedamerika {
	top: 15px;
	left: 250px;
	background-image: url(../images/bg_suedamerika.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 85px 25px 0 155px;
}

.europa {
	top: 45px;
	left: 280px;
	background-image: url(../images/bg_europa.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 25px 0 190px;
}

.afrika {
	top: 25px;
	left: 280px;
	background-image: url(../images/bg_afrika.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 92px 25px 0 100px;
}
.asien {
	top: 40px;
	left: 330px;
	background-image: url(../images/bg_asien.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0 25px 0 180px;
}

.ind_ozean {
	top: 70px;
	left: 25px;
	background-image: url(../images/bg_ind_ozean.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 105px 25px 0 140px;
}

.ozeanien {
	top: 45px;
	left: 25px;
	background-image: url(../images/bg_ozeanien.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 72px 25px 0 90px;
}

#regionen {
	position: absolute;
	width: 800px;
	top: 0px;
	left: 146px;
}

#regionen #reglist1 {
	position: absolute;
	width: 500px;
	top: 0px;
	left: 0px;
}

#regionen #reglist2 {
	position: absolute;
	width: 500px;
	top: 18px;
	left: 0px;
}

#regionen #reglist3 {
	position: absolute;
	width: 500px;
	top: 36px;
	left: 0px;
}

#regionen #reglist4 {
	position: absolute;
	width: 500px;
	top: 54px;
	left: 0px;
}

#regionen #reglist5 {
	position: absolute;
	width: 500px;
	top: 72px;
	left: 0px;
}

#regionen #reglist6 {
	position: absolute;
	width: 500px;
	top: 90px;
	left: 0px;
}

#regionen #reglist7 {
	position: absolute;
	width: 500px;
	top: 108px;
	left: 0px;
}

#regionen #reglist8 {
	position: absolute;
	width: 500px;
	top: 126px;
	left: 0px;
}

#regionen #reglist9 {
	position: absolute;
	width: 500px;
	top: 144px;
	left: 0px;
}

#regionen #reglist10 {
	position: absolute;
	width: 500px;
	top: 162px;
	left: 0px;
}

#regionen a,
#regionen a:link,
#regionen a:visited,
#regionen a:active,
#regionen a:hover {
	color: #000;
	text-decoration: none;
}

#regionen ul li img {
	width: 103px;
	height: 61px;
}

#regionen ul li div {
	position: absolute;
	left: 208px;
	width: 103px;
	height: 61px;
	border: 1px solid #939362;;
	padding: 2px;
	background-color: #FFF;
	z-index: 33;
}

/*************************** Weltkarten-Navigation ***************************/
#weltnav div{
	width: 85px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #999966;
	color: #B30505;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
}

#weltnav div:hover{
	cursor: pointer;
}

#weltnav div a{
	color: #B30505;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
}

#Nordamerika {
	position: absolute;
	top: 207px;
	left: 125px;
}

#Karibik {
	position: absolute;
	top: 283px;
	left: 218px;
}

#Suedamerika {
	position: absolute;
	top: 379px;
	left: 203px;
}

#Europa {
	position: absolute;
	top: 215px;
	left: 333px;
}

#Afrika {
	position: absolute;
	top: 317px;
	left: 354px;
}

#Asien {
	position: absolute;
	top: 197px;
	left: 469px;
}

#Ind_Ozean {
	position: absolute;
	top: 333px;
	left: 490px;
}

#Ozeanien {
	position: absolute;
	top: 384px;
	left: 650px;
}

#weltnav div div.teaserimg {
	position: relative;
	top: 0px;
	left: -1px;
	height: 58px;
	width: 83px;
	padding: 1px;
	border: 1px solid #999966;
	background-color: #FFF;
	z-index: 35;
}

#startfader {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 40;
	border: 6px solid #FFF;
}

#impressumtxt hr{
        height:1px; 
        border:0; 
        border-bottom:1px solid #999966;
}

#impressumtxt strong{
        color:#B30505;
}

#kontaktform select,
#kontaktform input[text]{
 width:150px;
}

#kontaktform option{
 font-size:10px;
}
#kontaktform optgroup{
 font-style:normal;
}

#kontaktform optgroup.cont{
 color: #B30546;
 border-bottom:1px #B30546 solid;
}

#kontaktform optgroup.count{
 padding-left:15px;
 color: #999966;
}

#kontaktform optgroup.cit{
 padding-left:20px;
 color: #0B2553;
 font-size:11px;
 text-transform:capitalize;
}

#kontaktform option.sonst{
 padding-left:25px;
 color:#0B2553;
}

#kontaktform textarea{
 width:100%;
 height:50px;
}