* {	margin: 0px; padding: 0px; }


body {
	margin: 0;
	padding: 0;
	color: #093A63;
	font: normal 13px/140% arial, verdana, helvetica, sans-serif;
	background: #FEF7E6;
}


/* ---------------------------- CONTAINER --------------------------- */

#wrapper1 {
	width: 920px;
	margin: 0 auto;
	background: url(../images/layout/wrapper_bg_3.gif) repeat-y left top;
	padding: 0px 15px 0 15px;
}


#header {
	height: 100px;
	background: #D1E0F3;
}


#topnav {
	border-top: 1px solid #5693C5;
	background: #1A486F url(../images/layout/topnav_bg_5.png) no-repeat left top;
}


#left-col {
	float: left;
	width: 152px;
}


#content {
	float: left;
	width: 612px;
}
#content-2 {
	float: left;
	width: 560px;
}
#content-xl {
	float: left;
	width: 766px;
}


#right-col {
	float: left;
	width: 152px;
}

#right-col-2 {
	float: left;
	width: 200px;
}


#footer {
	padding: 7px 10px 0px 162px;
	border-bottom: 1px solid #DAD4C6;
	background: transparent url(../images/layout/topnav_bg.gif) repeat-x left top;
}

/* ----------------------- SUB-CONTAINER -------------------- */

#topnav .logo {
	margin: 0px;
	padding: 0px;
}

/* --- fuer IFrames --- */
.center-box {
	margin-left: 6px;
	border: 1px solid #fff;
	background: #F8FCFF;
	clear: both;
}

/* -------------------------- */

.center-box-2 {
	margin-left: 6px;
	border: 1px solid #fff;
	padding: 8px 15px 5px;
	clear: both;
}

.center-box, .center-box-2 {
	height: 780px;
}
html>body .center-box, html>body .center-box-2 {
	min-height: 780px;
	height: auto;
}


.center-box-2 img {
	margin: 0 6px 8px 0;
}

.right-box-1 {
	margin-top: 16px;
	margin-left: 17px;
	clear: both;
}
.right-box-2 {
	margin-top: 20px;
	margin-left: 14px;
	clear: both;
}
.right-box-2 img {
	border: 2px solid #75B4E8;
	margin-bottom: 10px;	
	clear: both;
}

.right-linklist {
	background: #F8FCFF;
	width: 172px;
	padding: 5px 3px;
	border: 1px solid #75B4E8;
	margin-bottom: 10px;
}
.right-linklist h3 {
	padding-left: 6px;
	color: #fff;
	background: #75B4E8;
	font: bold 12px/160% "Lucida Grande", verdana, arial, sans-serif;
	margin: -5px -3px 3px -3px;
}


/* ---- TEXT und IMG nebeneinander ---- */
.center-bild-text {
	margin-left: 6px;
	background: #FFFFFF;
	padding: 10px 40px 8px 14px;
	clear: both;
}
.center-bild-text .text {
	float: left;
	width: 510px;
}
.center-bild-text img {
	float: right;
	border: 2px solid #8CB6E4;
}

/* ---------------------- */

.hotline-box-1 {
	background: #F8FCFF url(../images/layout/hotline_100.jpg) no-repeat left top;
	height: 65px;
	padding: 8px 8px 2px 100px;
	margin: 5px 0 20px 0;
}
.hotline-box-1 p {
	margin: 0px;
}

.info-box-2 {
	background: #FFFFFF;
	border-top: 1px solid #FF8300;
	border-bottom: 1px solid #FF8300;
	margin: 10px -15px 10px -15px;
}
.info-box-2 h4 {
	font: bold 13px/15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #FF8300 url(../images/layout/eck_ru_or.gif) no-repeat right bottom;
	padding: 0px 12px 2px 30px;
	display: inline;
}
.info-box-2 p {
	margin: 20px 50px 20px 30px;
}

.info-box-3  {
	background-color: #EEF7FF;
	border: 1px solid #E1F0FD;	
}
.info-box-3 p {
	margin: 7px 12px 7px 12px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}


.preisbanner-h {
	height: 110px;
	width: 180px;
	background: #E7F4FA;
}
.center-bild-text .preisbanner-h {
	float: right;
}

.preisbanner-v {
	height: 180px;
	width: 120px;
	background: #E7F4FA;
	margin-bottom: 10px;
}

.preisbanner-h img, .preisbanner-v img {
	border: 0 none;
	margin: 0px;
	padding: 0px;
}


/* ----------------------- SPEZIAL -------------------- */

br, .clear {
	clear: both;
	padding: 1px;
}

div.clear-2 {
	clear: both;
}


/* ----------------------- HEADINGS -------------------- */

h1 {
	font-size: 15px;
	line-height: 17px;
	color: #4086BF;
	margin-bottom: 3px;
}

h2 {
	margin: 20px 0px 0px 6px;
	padding-left: 16px;
	color: #FFFFFF;
	background: #75B4E8 url(../images/layout/eck_lo_bl_2.gif) no-repeat left top;
	font: bold 15px/160% "Lucida Grande", verdana, arial, sans-serif;
}

#left-col h2 {
	margin: 20px 0 0 0;
	padding-left: 6px;
	color: #FFFFFF;
	background: #75B4E8 url(../images/layout/eck_ro_bl_2.gif) no-repeat right top;
	font: bold 15px/160% "Lucida Grande", verdana, arial, sans-serif;
}

h3 {
	color: #FF8E11;
	font: bold 14px/160% "Lucida Grande", verdana, arial, sans-serif;
}

#left-col h3 {
	padding-left: 6px;
	color: #5494CA;
	background: #DEEFFE;
	font: bold 12px/160% "Lucida Grande", verdana, arial, sans-serif;
}

h4 {
	color: #1D629C;
	font: bold 14px/150% Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
}

h5 {
	color: #79BFFA;
	font: bold 14px/150% Arial, Helvetica, sans-serif;
}


/* ---------------------------------------------------------- */

p {
	padding: 0;
	margin: 0 0 10px 0;
	font: normal 13px/130% Arial, Helvetica, sans-serif;
	text-align: left;
}

p strong {
	color: #115A96;
}


#footer p {
	font: normal 13px/110%  verdana, arial, helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
}
#footer p strong {
	color: #FFFFFF;
}


ul li{
	list-style:none;
}

.center-box-2 ul {
	margin: 4px 0 4px 4px;
}
.center-box-2 li {
	padding: 0 0 0 14px;
	background:  url(../images/layout/arrow_bl_1.gif) no-repeat left 7px;	
}



table {
	margin: 0 0 10px 0;
	padding: 0;
	border-collapse: collapse;
	-x-width: 99%;
}

td {
	vertical-align: top;
}

iframe  {
	margin: 8px 0 0 0;
 	border-style: none;	
}

/* ------------ Text-Links -------------------------- */

a {
	font-weight: normal;
	text-decoration: none;
	color: #E56F19;
}
li a {
	color: #003B72;
}
a:hover {
	text-decoration: underline;
	color: #FF8E00;
}

#footer a {
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: none;
	color: #FF8300;
}

.right-linklist a {
	padding: 0px 0px 0px 14px;
	color: #003B72;
	background: url(../images/layout/arrow_bl_1.gif) no-repeat left center;
}
.right-linklist a:hover  {
	color: #FF8300;
	background: url(../images/layout/arrow_bl_1.gif) no-repeat left center;
}

h3 span {
	float: left;
}
h3 a {
	float: right;
	margin-right: 20px;
}

h3 a, a.link-icon {
	padding-left: 19px;
	background: url(../images/layout/link_symbol_2.gif) no-repeat left center;
	color: #FF8300;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

h3 a:hover, a.link-icon:hover {
	background: url(../images/layout/link_symbol_2b.gif) no-repeat left center;
	text-decoration: underline;
}



/* ----------------------- NAVIGATION -------------------- */

/* ----- Top Nav ------ */

#topnav ul {
	float: left;
	margin: 4px 200px 0 0;
}

#topnav ul li{
	display: inline; 
}

#topnav ul li a {
	padding:4px 13px 4px 13px;
	color:#EFF8FC;
	font: bold 15px/160% "Lucida Grande", verdana, arial, sans-serif;
	text-decoration:none;
	border-right: 1px solid #4D8ABF;
}

#topnav ul li a:hover {
	color:#FF8300;
}



/* ----- Left Nav - Ebene eins ----- */

#navigation {
	list-style: none;
	background: #F8FCFF;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	clear: both;
}

#navigation ul {
	list-style: none;
}

#navigation ul a {
	display: block;
	padding: 0px 0px 0px 13px;
	width: 138px;
	text-decoration: none;
	color: #003B72;
	font-size: 12px;
	font-weight: normal;
	line-height: 180%;
	border-bottom: 1px solid #E1F0FD;
}

#navigation ul a:hover {
	text-decoration: none;
	color: #003B72;
	background: #E8F5FF url(../images/layout/arrow_bl_1.gif) no-repeat left center;
}

#navigation ul a.aktiv {
	text-decoration: none;
	color: #003B72;
	background: #fff url(../images/layout/arrow_bl_1.gif) no-repeat left center;
}

#navigation ul a.noborder {
	border-style: none;
}

/* ----- Left Nav - Ebene zwei ----- */

#navigation ul ul a {
	padding: 0px 0px 0px 25px;
	width: 126px;
}

#navigation ul ul a:hover {
	background: #E7F3FA url(../images/layout/arrow_bl_1.gif) no-repeat 11px center;
}

#navigation ul ul a.aktiv {
	text-decoration: none;
	color: #003B72;
	background: #fff url(../images/layout/arrow_bl_1.gif) no-repeat 11px center;
}


#kanaren, #kreuzfahrt, #flug, #hotel, #n5, #n6, #n7, #n8 {display: none;}

body.body_kanaren ul#kanaren, 
body.body_kreuzfahrt ul#kreuzfahrt, 
body.body_flug ul#flug, 
body.body_hotel ul#hotel, 
body.body_n5 ul#n5, 
body.body_n7 ul#n7, 
body.body_n8 ul#n8 {
	display: block;
}

/* ----------------- CLASSEN ---------------------- */

.float_right {float: right;	}	

.dot-line {
	height: 19px;
	background: transparent url(../images/layout/dotline_h_bl.gif) repeat-x left center;
	clear: both;
}
.dot-line-2 {
	height: 1px;
	margin-left: 10px;
	background: transparent url(../images/layout/dotline_h_bl.gif) repeat-x left center;
	clear: both;
}

/* --- Hinweise in Kleinschrift --- */
p.textbox-1 {
	padding: 5px;
	border: 1px solid #FFFFFF;
	margin: 5px 117px 0px 10px;
	font-size: 11px;
	line-height: 140%;
}


.reader {
	position:absolute;
	width:910px;
	z-index:1;
	top: -2250px;
}
.reader li {
	font-size: 10px;
	line-height: 10px;
}


/* ------------------------------- */

#content .angebot-2 {
	text-align: center;
	clear: both;
	margin: 15px 0px 20px 0;
}
#content .angebot-2 a img {
	border: 1px solid #B9B9B9;
	padding: 3px;
}
#content .angebot-2 a:hover {
	background: #FFFFFF;
	border-style: none;
}
#content .angebot-2 a:hover img {
	border: 1px solid #729CCB;
}


.top {
	background: url(../images/layout/seitenanfang.gif) no-repeat right 4px;
	padding-right: 30px;
}

/* ----- Color ----- */

.bg-blau-1 {
	background: #F8FCFF;
}
.bg-ws {
	background: #FFFFFF;
}
.bg-gelb {
	background: #FFFFEE;
}

.color_or {
	color:#FF8300;
}

.color_1 {
	color: #990000;
}

.color_2 {
	color: #000000;
}

.border-2 img {
	border: 1px solid #EFEFEF;
}


.hotline-img {
	background: #F8FCFF url(../images/layout/hotline_75.jpg) no-repeat left top;
	height: 42px;
	margin-top: 15px;
	border: 1px solid #ffffff;
	padding: 12px 2px 2px 54px;
}
html>body .hotline-img {
	min-height: 42px;
	height: auto
}
.hotline-img a, .img-tab a {
	font-size: 12px;
	line-height: 110%;
	color: #003B72;
}
.hotline-img a:hover, .img-tab a:hover {
	text-decoration: none;
	color: #E56F19;
}



.img-tab {
	width: 500px;
}
.img-tab td {
	padding: 2px 10px 2px 10px;
	vertical-align: top;
}
.img-tab h4 {
	margin-bottom: 2px;
}
.img-tab a p {
	font-size: 12px;
	line-height: 125%;
}
.img-tab img {
	padding: 3px;
	border: 1px solid #D8E5EF;
	clear: both;
	margin-bottom: 4px;
}
.img-tab a:hover img {
	padding: 3px;
	border: 1px solid #B3CCDF;
}