/* 
  -----------------------------------
  SeaMore Travel - Dahab Stylesheet
  by SeaMore Travel - Chris Hornbogner
  www.seamore-travel.com 
  -----------------------------------
*/
*{
	padding: 0;
	margin:0;
}
body {
	font-family: Geneva, sans-serif, Verdana;
	color: #665E40;
	font-size:12px;
}
a:hover, a:focus, a:active {
	color: #F60;
	text-decoration: underline;
}
#wrapper {
	width: 930px;
	margin: auto;
	margin-bottom:15px;
	min-height:100%;
	height:auto !important; /* Achtung: die !important-Regel weist die modernen Browser an, die nachfolgende height-Angabe zu ignorieren */
	height:100%;
	background-color: #E6E6C1;
	padding-left: 10px;
	padding-right: 10px;
}
#kopfbereich {
	position:relative;
	width:auto;
	padding-top: 10px;
	background-color: #E6E6C1;
}
#kopfbereich a img {
	border: 0;
	margin-bottom: 0px;
}
/* 
  -----------------------------------
  Navigation - Register 
  -----------------------------------
*/
#top-navi {
	overflow: hidden;
}
/* IE6 hack*/
* html #top-navi  {height: 1%;}

#top-navi ul {
	float: left;
	width: auto;
	margin-bottom: 0;
}

#top-navi li {
	float: left;
	width: auto;
	background:  transparent url(images/Button/button-top-nav-2.gif) no-repeat right top;
	list-style-type: none; /* ohne Punkte*/
	margin: 0;
	margin-right: 0.1em;
	border-bottom: 1px solid #E6E6C1;
}
#top-navi a,
#top-navi span {
	padding: 4px 4px 3px 8px;

	display: block;
	color: #FFF;
	font-weight: bold;
}
#top-navi a {
	background: transparent url(images/Button/button-top-nav-1.gif) no-repeat left top;
	padding: 0 6px 0 0px;
}

#top-navi a:hover, 
#top-navi a:focus,
#dahab #navi01 span, 
#reisen #navi02 span,
#tauchreisen #navi03 span,
#hotels #navi04 span,
#apartments #navi05 span,
#activities #navi06 span,
#angebote #navi07 span,
#flug #navi08 span
{
	background: transparent url(images/Button/button-top-active-1.gif) no-repeat left top;
	border-bottom-color:#665E40;
	text-decoration: none;
}
#top-navi li:hover, 
#top-navi li:focus,
#dahab #navi01, 
#reisen #navi02,
#tauchreisen #navi03,
#hotels #navi04,
#apartments #navi05,
#activities #navi06,
#angebote #navi07,
#flug #navi08

{
	background: transparent  url(images/Button/button-top-active-2.gif) no-repeat right top;
	color: #FFF;
	text-decoration: none;
	border-bottom-color: #665E40;
}
#top-navi a:active {
	background: #FFa800 url(images/Button/button-top-active-1.gif) no-repeat left top;
	color: #FFF;
	text-decoration:none;
}
/* Sternchen-Hack, IE < V7 versteht li:hover nicht => einfacher Hover-Effekt */
* html #top-navi a:hover,
* html #top-navi a:focus,
* html #top-navi a:active  {
	background: transparent url(images/Button/button-top-nav-1.gif) no-repeat left top;
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #665E40;
}

.clr { clear:left; }

#subnavi {
	padding: 7px 0px 9px 0px;
	font-size: 11px;
	background-color: #665E40;
	color: #FFF;
	margin-right: 4px;
}
#subnavi a:hover, #navibereich a:focus {
	color: #FFF;
	text-decoration: underline;
}
#subnavi a:active  {
	color: #FFF;
	text-decoration: underline;
}
#subnavi {
	height: 13px;

}
#subnavi ul {
	list-style-type: none; /* ohne Punkte*/
}
#subnavi li {
	float: left;
	margin: 0;
	padding: 0 ;
}
#subnavi a {
	color: #FFF;
	padding: 0px 6px 0px 8px;
}
#subnavi p span{
	color: #FFF;
	padding-left: 8px;
}
#navibereich {
	position:absolute;
	top: 12px;
	text-align: right; /* rechtsbündig*/
	font-size: 11px;
	width: 300px;
	word-spacing: 6px;
	left: 620px;
}
#navibereich li {
	display: inline; /* li nebeneinander anzeigen*/
	list-style-type: none; /* ohne Punkte*/
	color: #665E40;
}
#navibereich a {
	color: #665E40;
}
#navibereich a:hover, #navibereich a:focus {
	color: #F90;
	text-decoration: underline;
}
#navibereich a:active  {
	color: #F90;
}
 /* Hyperlinks allgemein*/
a {
	text-decoration: none;
	color:#F90;
}
#seamore {
	position:absolute;
	top: 77px; /* rechtsbündig*/
	font-size: 28px;
	color: #665E40;
	text-align: right;
	left: 620px;
	width: 300px;
}
#seamore p span{
	color: #FF9900;
}
#breadcrumbs {
	padding: 6px 0px 12px 8px;
	font-size: 11px;
	color: #666;
	background-color: #E6E6C1;
}
#breadcrumbs p span{
	position:absolute;
	top: 150px;
	word-spacing: 3px;
	text-align: right;
	left: 620px;
	width: 300px;
}
#breadcrumbs a {
	color: #666;
}
#breadcrumbs a:hover, #navibereich a:focus {
	color: #F60;
	text-decoration: underline;
}
#breadcrumbs a:active  {
	color: #F60;
}
#headline {

}
#navi {
	display: inline;
	left: 0px;
	width: 172px;
	text-align: left;
	margin-left: 8px;
	float: left;
}

#navi li {
	display: block; /* li untereinander anzeigen*/
	list-style-type: none; /* ohne Punkte*/
}
#navi a {
	color: #069;
}
#navi a:hover, #navibereich a:focus {
	color: #F60;
	text-decoration: underline;
}
#navi a:active  {
	color: #603;
}
/* 
  -----------------------------------
  Textbereiche - Startseite
  -----------------------------------
*/

/* Header und textboxen der rechten Spalte */
div.blueheader {
	float: left;
	width: 290px;
	font-size:18px;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	margin-top: 10px;
	background-color: #3082AF;
}
div.orangeheader {
	float: left;
	width: 290px;
	font-size:18px;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	margin-top: 10px;
	background-color: #FF7A11;
}
div.greenheader {
	float: left;
	width: 260px;
	font-size:18px;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	margin-top: 10px;
	background-color: #FF7A11;
}
div.contentimage {
	width: 309px;
	margin-top: 12px;

}

div.text {
	float: left;
	width: 295px;
	font-size:12px;
	background-color: #FFF;
	padding: 8px;
	color: #665E40;
}
div.text ul {
	padding-left: 15px;	
}
div.text img{
	float: left;
	margin-right: 8px;
}

#mitte {
	float: left;
	width: 605px;
	padding: 0px 0px 10px 0px;
}
#mitte a img {
	border: 0;
	margin-bottom: 10px;
}

#spalte3 {
	float: right;
	clear: right;
	width: 308px;
	margin-right: 5px;
	}

div.contentbox-topic {
	float: left;
	width: 466px;
	font-size:12px;
	margin-right: 8px;
	color: #FFF;
	padding: 5px;
	background-image: url(villa-bombay-home-u.jpg);
}

div.contentbox {
	float: left;
	width: 590px;
	font-size:12px;
	margin-top:10px;
	margin-right: 0px;
	background-color: #FFF;
	padding: 6px;
	border: thin solid #F1F1D1;
}

div.contentbox img{
	float: left;
	margin-right: 7px;
}
div.contentbox ul{
	padding-left: 15px;
}
div.offer {
	float: left;
	width: 285px;
}
div.offerbox {
	float: left;
	font-size:12px;
	background-color: #FF7A11;
	padding: 5px;
	width: 299px;
	color: #FFF;
	font-family: Geneva, sans-serif, Verdana;
}
.price {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	float:right;
	padding: 4px 4px 4px;
}
div.offerheadline{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding: 4px 0px 4px;

}
div.seamorebox {
	float: left;
	width: 589px;
	font-size:12px;
	margin-top:10px;
	background-color: #85B215;
	padding: 8px;
	color: #FFF;
}

div.seamorebox img{
	float: left;
	margin-right: 7px;
}
div.seamorebox ul{
	padding-left: 15px;
}
div.ratesbox {
	width: 380px;
	font-size:12px;
	margin-top:10px;
	background-color: #85B215;
	padding: 10px;
	border: 1px solid #F3F3E9;
	color: #FFF;
}

div.pagetext {
	float: left;
	width: 456px;
	font-size:12px;
	margin-right: 8px;
	background-color: #FFF;
	padding: 10px;
}

div.pagetext img{
	float: right;
	margin-left: 7px;
}
div.content {
	float: left;
	width: 575px;
	font-size:12px;
	background-color: #FFF;
	padding: 15px;
	margin-top: 10px;
}
div.content img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
div.content ul{
	padding-left: 15px;
}
div.hotels {
	overflow: hidden;
	width: 565px;
	font-size:12px;
	margin-bottom: 15px;
	margin-top:0px;
	background-color:#F3F3CB;
	padding: 5px;
}
div.hotels img{
	float: left;
	margin-right: 10px;
}
div.hotels span {
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
div.hotels a img { 
	border: 0;
}

div.baseline {
	float: left;
	width: 927px;
	border-top: 1px dotted #666666;
	margin-top: 10px;
}
#footer {
	float: left;
	width: 930px;
	padding-left: 8px;
	padding-top: 5px;
	margin-bottom: 7px;
	margin-left: 0px;
	font-size:11px;
	line-height: 18px;
	word-spacing: 2px;
}
#footer a {
	color: #666;
}
#footer a:hover, #navibereich a:focus {
	color: #F60;
	text-decoration: underline;
}
#footer a:active  {
	color: #0000CC;
}
/* 
  -----------------------------------
  Head Tag - Styles
  -----------------------------------
*/
h1, h2, h3, h4, h5 {
	font-family: Geneva, sans-serif, Verdana;
	color: #665E40;
}
h1 {
	font-size:16px;
	margin-bottom: 5px;
	margin-top: 3px;
	color: #FFF;
	line-height: 1.3em;
}
h2 {
	font-size:16px;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top:1px;
	color: #665E40;
	}
h3 {
	font-size:14px;
	font-weight: normal;
	color: #665E40;
	margin-bottom: 7px;
}
h4 {
	font-size:12px;
	font-weight: bold;
	margin-bottom: 3px;
	color: #665E40;
}
h5 {
	font-size:16px;
	font-weight: bold;
	color:#FFFFFF;
	margin-bottom: 2px;
}
/*  Verschachtelte Listen ohne Abstand */
ul {
	margin-bottom: 0px;
}
.kundenantwort {
	color: #FF7A11;
}