/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.266;	
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background: repeat-y top left;
	background-image: url(bg_new5.jpg);
}



/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #000000;
 margin: 0px;
 padding: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-image: url(services/urlaubsplanung/punkt.jpg);
 margin: 0px 0px 15px 15px;
}

li{
 margin: 5px 0px 0px 10px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

ol {
 margin: 0px 0px 15px 15px;
}

ol ol { 
list-style: upper-alpha;}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 36px;
	left: 1%;
	width: 850px;
	background: url(imalta-bg.gif) no-repeat #FFFFFF bottom right;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 1%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: left;
	width:150px;
	padding: 0px;
	background-color: #F4FAFF;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font: small Verdana,sans-serif;
}


#pageNavdazu{
	float: left;
	width:150px;
	padding: 0px;
	background-color: #F4FAFF;
	font: small Verdana,sans-serif;
}



#pageNavweiss{
	float: left;
	width:150px;
	padding: 3px 0px 55px 0px;
	background-color: #FFFFFF;
	font: small Verdana,sans-serif;
}


#pageNav1{
	float: right;
	width:150px;
	padding: 0px;
	background-color: #F4FAFF;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font: small Verdana,sans-serif;
}

#pageNav2{
	float: right;
	width:150px;
	padding: 0px;
	background-color: #F4FAFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font: small Verdana,sans-serif;
}


#content{
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 150px;
}

#top{
	top: 10px;
	left: 1%;
	width: 850px;
	height: 99px;
	background-color: #ffffff;
	border-bottom: 1px solid #000000;
}

#img{
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	float: right;
	background-color: #CCCCCC;
}

#leftsidebox{
	margin: 4px 4px 4px 4px;
	}

#pick{
	float: right;
	margin: 10px 10px 10px 10px;
	}
	
#pick1{
	float: left;
	margin: 10px 10px 10px 10px;
	}
	
#pick2{
	float: absolute;
	margin: 10px 10px 10px 10px;
	}
	
#hotel{
	float: right;
	width: 300px; 
	padding: 4px; 
	margin: 10px 10px 10px 10px;
}

#pick3{
	float: right;
	margin: 10px 10px 10px 20px;
	}




/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #000000;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

#pageName1 img{
	position: absolute;
	top: -1px;
	left: 1px;
	padding: 0px;
	margin: 0px;
}

#pageName2 img{
	position: absolute;
	top: 99px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

#pageName3 img{
	position: absolute;
	top: 67px;
	left: 199px;
	padding: 0px;
	margin: 0px;
}

#pageName4 img{
	position: absolute;
	top: 67px;
	left: 311px;
	padding: 0px;
	margin: 0px;
}

#pageName5 img{
	position: absolute;
	top: 67px;
	left: 422px;
	padding: 0px;
	margin: 0px;
}

#pageName6 img{
	position: absolute;
	top: 67px;
	left: 533px;
	padding: 0px;
	margin: 0px;
}

#pageName7 img{
	position: absolute;
	top: 115px;
	left: 5px;
	padding: 0px;
	margin: 0px;
}

#pageNamepl img{
	position: absolute;
	top: 161px;
	left: 40px;
	padding: 0px;
	margin: 0px;
}

#pageNamefr img{
	position: absolute;
	top: 115px;
	left: 75px;
	padding: 0px;
	margin: 0px;
}

#pageName11 img{
	position: absolute;
	top: 115px;
	left: 40px;
	padding: 0px;
	margin: 0px;
}


#pageName8 img{
	position: absolute;
	top: 138px;
	left: 5px;
	padding: 0px;
	margin: 0px;
}

#pageName9 img{
	position: absolute;
	top: 161px;
	left: 5px;
	padding: 0px;
	margin: 0px;
}

#pageName10 img{
	position: absolute;
	top: 68px;
	left: 644px;
	padding: 0px;
	margin: 0px;
}


#add{
	position: absolute;
	top: 100px;
	left: 122px;
}


#sponsor-malta{
	position: absolute;
	top: 50px;
	left: 851px;
}



#skyscraper{
	position: absolute;
	top: 200px;
	left: 857px;
}

#sonderangebote112{
	position: absolute;
	top: 1580px;
	left: 851px;
}


#service-box{
	width:130px;
	border: 1px solid #000000;
	position: absolute;
	top: 210px;
	left: 850px;
	background-color: #FFFFFF;
}




/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 5px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature h1{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}
/************** featureprop styles *****************/

.featureprop{
	padding: 10px 5px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
	background-color: #FFE7D5;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
html>body .featureprop {height: auto;}

.featureprop h1{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.featureprop img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/************** veran styles *****************/

.veran{
	padding: 0px 5px 10px 10px;
	font-size: 80%;
	min-height: 10px;
	height: 10px;
}
html>body .veran {height: auto;}

.veran h1{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 0px 0px 5px 0px;
}

.veran img{
	float: left;
	padding: 0px 10px 0px 0px;
}



/************** special styles *****************/

.special{
	padding: 10px;
	margin: 20px 10px 45px 10px;
	font-size: 80%;
	min-height: 10px;
	height: 10px;
	background-color: #FF6600;
}
html>body .special {height: auto;}

.special h1{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 0px 0px 5px 0px;
}

.special img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 10px;
}


/************** bilder styles *****************/

.bilder{
	padding: 0px 5px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html>body .bilder {height: auto;}

.bilder h1{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.bilder img{
	float: left;
	padding: 0px 0px 0px 0px;
}


/************** table styles *****************/

.table{
	font-size: 120%;
}



/************** feature styles *****************/

.middle{
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-weight: bold;
}


.middle img{
	float: left;
	padding: 0px 10px 0px 0px;
}

.middle1{
	padding: 0px 0px 0px 0px;
	color: #339966;
	font-weight: bold;
}


.middle1 img{
	float: left;
	padding: 0px 10px 0px 0px;
}



/*************** story styles ******************/

.story {
	padding: 10px 5px 0px 10px;
	font-size: 80%;
}

.story h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.story img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** kris styles ******************/

.kris {
	padding: 50px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background:  no-repeat;
	background-image: url(bgkris.jpg);
}

.kris h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.kris p {
	padding: 0px 0px 10px 0px;
}

.kris a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.kris a.capsule:hover{
	text-decoration: underline;
}

td.krisLeft{
	padding-right: 12px;
}

.story img{
	float: left;
	padding: 0px 10px 0px 0px;
}



/*************** mysongs styles ******************/

.mysongs {
	padding: 130px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background:  no-repeat;
	background-image: url(mysongs.jpg);
}

.mysongs h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.mysongs p {
	padding: 0px 0px 10px 0px;
}

.mysongs a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.mysongs a.capsule:hover{
	text-decoration: underline;
}

td.mysongsLeft{
	padding-right: 12px;
}

.mysongs img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** storyindex styles ******************/

.storyindex {
	padding: 10px 5px 30px 0px;
	font-size: 100%;
}

.storyindex h1{
	padding: 20px 0px 0px 0px;
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.storyindex p {
	padding: 0px 0px 10px 0px;
}

.storyindex a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.storyindex a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.storyindex img{
	float: left;
	padding: 0px 0px 0px 0px;
}



/*************** story styles ******************/

.story-wohnung {
	padding: 10px 5px 0px 10px;
	font-size: 80%;
}

.story-wohnung h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story-wohnung p {
	padding: 0px 0px 10px 0px;
}

.story-wohnung a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story-wohnung a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.story-wohnung img{
	float: inherit;
	padding: 0px 0px 0px 0px;
}



/*************** story styles ******************/

.story1 {
	padding: 10px 5px 0px 10px;
	font-size: 80%;
}

.story1 h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story1 p {
	padding: 0px 0px 10px 0px;
}

.story1 a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story1 a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.story1 img{
	float: left;
	padding: 0px 10px 0px 0px;
}




/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}










/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #C0DFFD;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #003366;
	line-height: 1.557;
}

#sectionLinks a:hover{
	background-color: #FFFFFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}




#sectionLinks1{
	margin: 0px;
	padding: 0px;

}

#sectionLinks1 h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #C0DFFD;
}

#sectionLinks1 a:link, #sectionLinks1 a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(bg_nav1.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #003366;
	line-height: 1.557;
}

#sectionLinks1 a:hover{
	background-color: #FFFFFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}




#icon {
	 float:left;
	 margin: 4px 5px 2px 2px;
}

#iconi {
	 float:left;
	 margin: 12px 7px 2px 2px;
}


/************ menulinks styles **************/

#menulinks{
	margin: 0px;
	padding: 0px;

}

#menulinks a:link, #menulinks a:visited {
	display: block;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
		margin: 5px 0px 0px 0px;

}

#menulinks a:hover{
	display: block;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
		margin: 5px 0px 0px 0px;
}


/************ rundfahrten styles **************/

#rundfahrten{
	margin: 0px;
	padding: 0px;

}

#rundfahrten a:link, #rundfahrten a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
		margin: 0px 0px 0px 0px;

}

#rundfahrten a:hover{
	font-weight: bold;
	text-decoration: underline;
}



/************ menulinks1 styles **************/

#menulinks1{
	margin: 0px;
	padding: 0px;

}

#menulinks1 a:link, #menulinks1 a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}

#menulinks1 a:hover{
	display: block;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
}


/************ service styles **************/

#service{
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	color: #00509F;
	background-color: #FFFFFF;

}


/************ hotels sotiert nach styles **************/

#sotiertnach{
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	background-color: #FFFFFF;

}




/************ items styles **************/

#items{
	margin: 0px;
	padding: 0px;

}

#items a:link, #items a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 0px 3px 19px;
	background: url("icons/mm_arrow.gif") 9px 50% no-repeat;

}

#items a:hover{

	text-decoration: underline;
}


/************ items1 styles **************/

#items1{
	margin: 0px;
	padding: 0px;

}

#items1 a:link, #items1 a:visited {
	display: block;
	color: #000000;
	padding: 3px 0px 3px 19px;
	background: #DADFF1 url("icons/mm_arrow_unten.gif") 7px 55% no-repeat;

}

#items1 a:hover{
	text-decoration: underline;
}


/************ items2 styles **************/

#items2{
	margin: 0px;
	padding: 0px;

}

#items2 a:link, #items2 a:visited {
	display: block;
	color: #000000;
	background-color: FFFFFF;
	padding: 3px 0px 3px 19px;

}

#items2 a:hover{
	text-decoration: underline;
}


/************ items3 styles **************/

#items3{
	margin: 0px;
	padding: 0px;

}

#items3 a:link, #items3 a:visited {
	display: block;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
	background-color: FFFFFF;
	padding: 3px 0px 3px 19px;

}

#items3 a:hover{
	text-decoration: underline;
}




/************* relatedLinks styles **************/

.relatedLinks{
	line-height: 1.266;	
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 4px 0px 2px 0px;
	color: #003366;
}

.relatedLinks a{
	display: block; 
}


/*************** daten *****************/

#daten{
	margin: 0px;
	padding: 0px;

}

#daten a:link, #daten a:visited {
	display: block;
	padding: 0px 0px 0px 7px;
	background: url("arrow.jpg") 0px 8px no-repeat;

}

#daten a:hover{

	text-decoration: underline;
}




/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/********************* end **********************/

form{margin-bottom: 10px}

.box{
	width: 73px;
	height: 100px;
	margin-right: 5px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(bilder/lehrer.png);
}

.tabellenfarbe_1{background-color: #85acd3;}
.tabellenfarbe_2{background-color: #B7CEE6;}
.tabellenfarbe_3{background-color: #D9E6F2;}
.tabellenfarbe_4{background-color: #F5F9FC;}

.button{
	font-family: Verdana, Arial;
	color: #000000;
	background-color: #FFB428;
	border: 0px;
	border: solid 1px #c68100;
	cursor: pointer;
	font-size: 12px;
	-moz-border-radius: 5px;
}

.eingabe{
	color: #000000;
	background-color: #FFFFFF;
	border: solid 1px #FFB428;
}

.textfeld{
	color: #000000;
	border: solid 1px #FFB428;
	overflow: auto;
}

.suche2{
	min-width: 215px;
	width: 30%;
	height: 18px;
	border: solid 1px #A4C1DF;
	font-size: 12px;
	font-family: Arial;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #e8eff7;
}

 a.extern_link {
	 background-position: right;
	 background-repeat: no-repeat;
	 background-image: url(bilder/ext2.gif);
	 padding-right:14px;
}

 a.download_link {
	 background-image: url(bilder/download.gif);
	 padding-left:16px;
	 background-repeat: no-repeat;
	 background-position: left;
}

.browsertest{
	font-size: 10px;
	margin-left: 10px;
	letter-spacing: 0px;
	border-top: solid 1px #FDA500;
	background-color: #FFEECC;
	cursor: help;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: normal;
}

.revers{
	background-color: #FDA500;
	padding: 1px;
	padding-left: 2px;
	border: solid 1px #c68100;
}






#tipps{
	width: 400px;
	margin: 45px 0px 0px 30px;
	background-color: #FFFFC1;
	border: solid 1px #FFFF77;
	padding: 20px;
	cursor: default;
	min-height: 40px;
	-moz-border-radius: 5px;
}

#tipps2{
	width: 400px;
	margin: 45px 0px 0px 30px;
	cursor: default;
	padding: 20px;
}


span.mark_bull{
	color: #FDA500;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size:  14px;
}

#optionen{
	font-family: Verdana,Arial;
	font-size: 14px;
	color: #444444;
	text-align: Center;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: default;
	margin-top: 45px;
	margin-bottom: 25px;
	background-color: #EDF4FA;
	border: solid 1px #CEE3F2;
	margin-left: 10px;
	margin-right: 10px;
	width: 500px;
	-moz-border-radius: 7px;
}


div#nav a span {
display: none;
}

div#nav a:hover{border:none}

div#nav a:hover span {
display: block;
padding: 5px;
position: absolute;
left: 150px;
top: 150px;
background-color: #003366;
color: #FF7B56;
border: 1px solid;
border-color: #000000;
font-size: 12px;
text-decoration: none;
text-align:justify;
font-weight: 200;
}



.icons-oben {
	margin:		5px 10px 0px 0px;
	padding: 0px 0px 0px 590px;
}

.icons-oben-video {
	margin:		5px 10px 0px 0px;
	padding: 0px 0px 0px 590px;
}


.nightclubs{
	font-family: Verdana, Arial;
	color: #000000;
	background-color: #FFB428;
	border: 0px;
	border: solid 1px #c68100;
	font-size: 19px;
	-moz-border-radius: 5px;
}


.nightclubs1{
	font-family: Verdana, Arial;
	color: #FFFFFF;
	background-color: #660066;
	font-size: 19px;
	-moz-border-radius: 5px;
}

.nightclubs2{
	font-family: Verdana, Arial;
	color: #660066;
	font-size: 19px;
	border-top: solid 2px #660066;
}

.stil {
	color: #003366;
}

#rightbox {
float: right;
width: 200px; 
padding: 4px; 
border: 1px solid gray; 
margin: 10px 10px 10px 10px; 
background-color:#F4F4F4;
}


#rightbox1 {
float: right;
width: 244px; 
padding: 4px; 
border: 1px solid gray; 
margin: 10px 10px 10px 10px; 
background-color:#F4F4F4;
}


#bewerten {
float: left;
width: 300px; 
padding: 4px; 
border: 1px solid gray; 
margin: 10px 10px 10px 10px; 
background-color:#F4F4F4;
}

#vielendank {
float: left;
width: 450px; 
padding: 4px; 
border: 1px solid gray; 
margin: 10px 10px 10px 10px; 
background-color:#F4F4F4;
}




#itab {
background-repeat: no-repeat;
margin: 10px 10px 10px 10px;
background-image: url(meine-meinung/malta.jpg);
}


.nothing {
	font-family: Verdana, Arial;
	color: #000000;
	background-color: #FFB428;
	border: solid 1px #c68100;
	cursor: pointer;
	font-size: 17px;
	-moz-border-radius: 5px;
	margin: 10px 10px 10px 10px;
}


#videos {
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 10px;
}

#content1{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 150px;
	border-left: 1px solid #000000;
}

#busicon {
margin: -3px 0px 0px 0px;
	border: 0px;
	
	}
	
div#bus a span {
display: none;
}

div#bus a:hover{border:none}

div#bus a:hover span {
display: block;
padding: 5px;
position: absolute;
margin: -220px 0px 0px -150px;
background-color: #ffffff;
color: #000000;
border: 2px solid;
border-color: #000000;
font-size: 15px;
text-decoration: none;
text-align:justify;
font-weight: 200;
width: 500px;
}



#hotelpick {
position: inherit;
}

#hotellogo {
float:right;
}

#sternenicon {
	position: absolute;
	margin: 0px 0px 0px 200px;
}

#sternenicon1 {
	position: absolute;
}

#apartmentbox {
    float:left;
	background-color: #FFC184;
	border: 1px solid;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	}
	


.Sti99 {color: #666666}

.Sti89 {color: #FFFFFF}




/* CSS runde box */
.runde_box {
 float: left;
 background: url(boxtop.jpg) no-repeat top;
 background-color: #D2E5F6;
  width: 250px; 
  margin: 5px 0px 5px 0px;
}
.runde_box_unten {
 width: 250px;
 height: 16px;
 background: url(boxbottom.jpg) no-repeat bottom;
}
.runde_box_inhalt {
 margin: 7px;
 width: 236px;
 font: 80% Arial, Helvetica, sans-serif;
}

.runde_box_inhalt h1 {
  font: 110% Arial, Helvetica, sans-serif;
  font-weight: bold;
  }

.capsule {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	display:block;
	padding: 9px;
}





#startseite {
float: left;
width: 147px; 
padding: 3px 0px 3px 3px; 
border-top: 1px solid gray; 
border-bottom: 1px solid gray; 
margin: 7px 0px 7px 0px; 
background-color:#F4FAFD;
}


#businessbox {
color: #999999;
float: left;
width: 147px; 
padding: 3px 0px 3px 3px; 
border-top: 1px solid gray; 
border-bottom: 1px solid gray; 
margin: 7px 0px 7px 0px; 
background-color:#FFEFCE;
}




#newsletter {
background: url("newsletter/newsletter-bg.jpg") no-repeat;
padding: 90px 20px 40px 20px;
width: 319px;
font: 125% Arial, Helvetica, sans-serif;
margin: 10px 13px 0px 0px;
float:right;

}



/* CSS w box */
.w_box {
 float: left;
 background: url(w_box_top.jpg) no-repeat top;
  width: 162px; 
  margin: 5px;
}
.w_box_unten {
 width: 162px;
 height: 29px;
 background: url(w_box_bottom.jpg) no-repeat bottom;
}
.w_box_mid {
 width: 162px;
 background: url(w_box_bg.jpg);
}

.w_box_inhalt {
 width: 130px;
 font: 90% Arial, Helvetica, sans-serif;
 padding: 10px 16px 10px 16px;
}
  
  
.capsule1 {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FF6600;
	display:block;
	padding: 9px 9px 9px 19px;
}


#banner {
margin: 15px 0px 0px 10px;
float:left;}


#sprachurlaub {
background: url("newsletter/sprachurlaub.jpg") no-repeat;
padding: 215px 10px 70px 25px;
width: 465px;
font: 125% Arial, Helvetica, sans-serif;
margin: 10px 20px 0px 10px;
float:right;

}



/*************** deutsch styles ******************/

.deutsch {
	padding: 10px 10px 20px 10px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background-color: #CCCCCC;
}

.deutsch h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.deutsch p {
	padding: 0px 0px 10px 0px;
}

.deutsch a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.deutsch a.capsule:hover{
	text-decoration: underline;
}

td.deutschLeft{
	padding-right: 12px;
}

.deutsch img{
	float: right;
	padding: 5px 5px 5px 5px;
}



/*************** postkarte styles ******************/

.postkarte {
	font: bolder 110% Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: underline;
	width: 390px;
	min-height: 345px; 
	padding: 20px 90px 10px 20px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background: url(postkarte/postkarte.gif) no-repeat;
}

.postkarte h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.postkarte p {
	padding: 0px 0px 10px 0px;
}

.postkarte a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.postkarte a.capsule:hover{
	text-decoration: underline;
}

td.postkarteLeft{
	padding-right: 12px;
}

.postkarte img{
	float: right;
	padding: 10px 0px 5px 5px;
}


/*************** postkarte1 styles ******************/

.postkarte1 {
	font: bolder 110% Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: underline;
	width: 390px;
	min-height: 345px; 
	padding: 20px 90px 10px 20px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background: url(postkarte/postkarte1.gif) no-repeat;
}

.postkarte1 h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.postkarte1 p {
	padding: 0px 0px 10px 0px;
}

.postkarte1 a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.postkarte1 a.capsule:hover{
	text-decoration: underline;
}

td.postkarte1Left{
	padding-right: 12px;
}

.postkarte1 img{
	float: right;
	padding: 10px 0px 5px 5px;
}

/*************** postkarte2 styles ******************/

.postkarte2 {
	font: bolder 120% Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-decoration: underline;
	width: 390px;
	min-height: 345px; 
	padding: 20px 90px 10px 20px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background: url(postkarte/postkarte2.gif) no-repeat;
}

.postkarte2 h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.postkarte2 p {
	padding: 0px 0px 10px 0px;
}

.postkarte2 a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.postkarte2 a.capsule:hover{
	text-decoration: underline;
}

td.postkarte2Left{
	padding-right: 12px;
}

.postkarte2 img{
	float: right;
	padding: 10px 0px 5px 5px;
}

/*************** postkarte3 styles ******************/

.postkarte3 {
	font: bolder 110% Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: underline;
	width: 390px;
	min-height: 345px; 
	padding: 20px 90px 10px 20px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background: url(postkarte/postkarte3.gif) no-repeat;
}

.postkarte3 h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.postkarte3 p {
	padding: 0px 0px 10px 0px;
}

.postkarte3 a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.postkarte3 a.capsule:hover{
	text-decoration: underline;
}

td.postkarte3Left{
	padding-right: 12px;
}

.postkarte3 img{
	float: right;
	padding: 10px 0px 5px 5px;
}


/*************** postkarte4 styles ******************/

.postkarte4 {
	font: bolder 110% Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	width: 390px;
	min-height: 345px; 
	padding: 30px 90px 10px 30px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background: url(postkarte/postkarte4.gif) no-repeat;
}


.postkarte4 h1{
	font: bold 125% Arial,sans-serif;
	color: #FFFFFF;
}

.postkarte4 p {
	padding: 0px 0px 10px 0px;
}

.postkarte4 a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.postkarte4 a.capsule:hover{
	text-decoration: underline;
}

td.postkarte4Left{
	padding-right: 12px;
}

.postkarte4 img{
	float: right;
	padding: 10px 0px 5px 5px;
}


/*************** postkarte5 styles ******************/

.postkarte5 {
	font: bolder 110% Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-decoration: underline;
	width: 390px;
	min-height: 345px; 
	padding: 20px 90px 10px 20px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
	background: url(postkarte/postkarte5.gif) no-repeat;
}

.postkarte5 h1{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.postkarte5 p {
	padding: 0px 0px 10px 0px;
}

.postkarte5 a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.postkarte5 a.capsule:hover{
	text-decoration: underline;
}

td.postkarte5Left{
	padding-right: 12px;
}

.postkarte5 img{
	float: right;
	padding: 10px 0px 5px 5px;
}


/*************** senden styles ******************/

.senden {
	float: left;
	width: 206px;
	padding: 10px 10px 20px 10px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
}

.senden h1{
	padding: 20px 0px 0px 0px;
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.senden p {
	padding: 0px 0px 10px 0px;
}

.senden a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.senden a.capsule:hover{
	text-decoration: underline;
}

td.sendenLeft{
	padding-right: 12px;
}

.senden img{
	float: right;
	padding: 0px 40px 5px 5px;
}



.postadresse {
	width: 179px;
    float:left;
	padding: 4px 10px 20px 6px;
	margin: 10px 10px 10px 10px;
	font-size: 80%;
}


.postadressebild {
	width: 195px;
    float:left;
	padding: 0px 0px 0px 6px;
	font-size: 80%;
}


.postadressebild img{
	float: right;
	padding: 5px 0px 5px 0px;
}


#ecard {
	width: 464px;
	min-height: 330px;
	margin: 10px 10px 10px 25px;
	background: url(postkarte/postkarte-nach-malta.gif) no-repeat;
}


.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
  overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}


/* Teaserbox */
#labfooter {
		text-align:center;
		clear:both;
	}

	.teaser {
		float: right;
		width:230px;
		padding:10px 20px 15px 20px;
		margin:10px auto;
		background:url("tsr.gif") bottom no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		text-decoration: underline;
		background:url("tsr.gif") top left no-repeat;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#EFEFEF;
		line-height: 150%;

	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("tsr-a.gif") 210px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}
	
	
	div#bus1 a span {
display: none;
}

div#bus1 a:hover{border:none}

div#bus1 a:hover span {
display: block;
padding: 5px;
position: absolute;
margin: 0px 0px 0px 0px;
background-color: #ffffff;
color: #000000;
border: 2px solid;
border-color: #000000;
font-size: 15px;
text-decoration: none;
text-align:justify;
font-weight: 200;
width: 200px;
}

#pageNamehu img{
	position: absolute;
	top: 138px;
	left: 40px;
	padding: 0px;
	margin: 0px;
}

/*************** list tag styles ***************/
++++++++++++++++++++
   CSS Teil I
++++++++++++++++++++

/*
	Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!
*/

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: -36px;
left: 0px;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #006699;
color: #ffffff;
border: 1px solid;
border-color: #ff9900 #336699 #3366cc #3399cc;
}
#menue .aussen:hover {
height: auto;
background-color: #0066cc;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #ffffff;
background-color: #3399cc;
color: #ffffff;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #3399cc;
color:#ffffff;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #ffffff;
color: #900;
}

span.menutag {
display: block;
cursor: default;
}


++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: -36px;
left: 0px;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #006699;
color: #ffffff;
border: 1px solid;
border-color: #ff9900 #336699 #3366cc #3399cc;
}
a:hover.auss {
overflow: visible;
background-color: #0066cc;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #0066cc;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #ffffff;
background-color: #3399cc;
color: #ffffff;
}
a:visited.inn {
background-color: #3399cc;
color:#ffffff;
}
a:hover.inn {
position: relative;
background-color: #ffffff;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}

