html
{
	background-image: url(havaN.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	background-color: #CCCCCC;
}

body
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 100%;
	border-right: #FFF;
	width: 99%;
	text-align: center;
	height: 101%;
	color: #000;
	padding: 0em;
	margin: 0em;
}

#index
{
	border-left-style: double;
	border-bottom-style: outset;
	border-right-style: double;
	border-top-style: outset;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	top: 0em;
	left: 0em;
	width: 48em;
	position: relative;
	margin: 0 auto;
	text-align: left;
	height: 80em;
	background-color: #333;
	z-index: 10;
	color: #CCC;
	padding: 0em;
	border-color: #CDCDCD #CDCDCD #CDCDCD #CCC;
	border-width: 0px 3px 0px 3px;
}

#index .droiteindex
{
	position: absolute;
	right: 4em;
	top: 45em;
}

/*.droite
{
	position: absolute;
	left: 1.8em;
	
top: 3em;	
}
*/
.droite
{
	position: absolute;
	left:46em;
	
}


.gauche
{
	position: absolute;
	left: 1.8em;
	top: 3.5em;
}


#index a
{
	color: #666;
	border: 0px;
	font-size: 80%;
}

#index a:link
{
	color: #666;
	text-decoration: none;
	border: 0px;
	font-size: 80%;
}

#index a:visited
{
	color: #666;
	text-decoration: none;
	border: 0px;
	font-size: 80%;
}

#index a:hover
{
	text-decoration: none;
	color: #900;
	font-size: 80%;
}

#index .indexImg
{
	top: 4em;
	right: 0em;
	width: 48em;
	position: relative;
	margin: 0 auto;
	text-align: center;
	height: auto;
	margin-top: 0em;
	background-color: #333;
}

.hava_bas_index
{
	position: absolute;
	top: 45em;
}


#content
{
	border-left-style: double;
	border-bottom-style: outset;
	border-right-style: double;
	border-top-style: outset;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	top: 0em;
	left: 0em;
	width: 48em;
	position: relative;
	margin: 0 auto;
	text-align: left;
	height: 160em;
	background-color: #333;
	z-index: 10;
	color: #CCC;
	padding: 0em;
	border-color: #CDCDCD #CDCDCD #CDCDCD #CCC;
	border-width: 0px 3px 0px 3px;

}

#content .text
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	line-height: 1.2em;
	width: 46em;
	top: 5em;
	left: 2em;
	position: absolute;
	font-size: 85%;
	height: 120em;
	margin: 0em;
	padding: 4em;
	z-index: 15;
	background-color: #333;
}

#content .blocksatzt
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-align: justify;
	width: 50em;
	padding: 1em 1em 2em 0em;
	height: 20em;
	color: #666;
	font-size: 75%;
}

#contentImg .img_size
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 75%;
	position: absolute;
	top: 40.5em;
	left: 0em;
	color: #666;
}

#content .titel_text
{
	top: 2em;
	left: 2em;
	padding: 0em 0em 0em 2em;
	position: absolute;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #CCC;
	line-height: 0.8em;
	font-size: 90%;
	white-space: pre;
}

#content .text .italic
{
	top: 4em;
	left: 2em;
	padding: 0em 0em 0em 2em;
	position: absolute;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	color: #CCC;
	line-height: 1.2em;
	font-size: 90%;
	white-space: pre;
	font-style: italic;
}

pre
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	top: 8em;
	position: absolute;
	font-size: 90%;
	z-index: 15;
	margin: 0em;
	padding: 0em;
}

#content a
{
	color: #666;
	border: 0px;
}

#content a:link
{
	color: #666;
	text-decoration: none;
	border: 0px;
}

#content a:visited
{
	color: #666;
	text-decoration: none;
	border: 0px;
}

#content a:hover
{
	text-decoration: none;
	color: #900;
	border-color: #FFF;
	border-width: 0px;
	border-style: solid;
}

#contentImg
{
	top: 4em;
	left: 0em;
	width: 40em;
	position: relative;
	margin: 0 auto;
	text-align: center;
	height: auto;
	margin-top: 0em;
	background-color: #333;
}
#contentImgDetail
{
	top: 8em;
	left: 0em;
	width: 40em;
	position: relative;
	margin: 0 auto;
	text-align: center;
	height: auto;
	margin-top: 0em;
	background-color: #333;
}



#contentImg .TextImg
{
	float: left;
	color: #666;
	font-size: 75%;
	text-align: left;
	left: 0em;
	position: relative;
	height: 1em;
	margin-top: 3em;
}

#contentImg  .blocksatzt
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-align: justify;
	width: 50em;
	padding: 1em 1em 2em 0em;
	height: 20em;
	color: #999;
	font-size: 80%;
}

#contentImg .back
{
	color: #CCC;
	font-size: 80%;
	text-align: left;
	left: 0em;
	float: left;
}

.ImgText
{
	float: left;
	position: absolute;
	color: #999999;
	font-size: 0.8em;
	top: 46em;
	background-color: #000;
}

.Block
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 40em;
	height: auto;
	display: block;
	text-align: justify;
}

.Small
{
	font-size: 90%;
	color: #4C4C4C;
}



#contentNavi
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	top: 0em;
	left: 0em;
	width: 48em;
	height: 2em;
	background-color: #333;
	text-align: left;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0em;
	border-color: #CDCDCD #CDCDCD #CDCDCD #CCC;
	border-width: 0px 3px 0px 3px;
	border-style: outset double outset double;
}



/* debut nouvelle navi */
#contentNavi .haupt_navi
{
	top: 1em;
	left: 0em;
	z-index: 310;
	float: left;
	position: relative;
	font-size: 100%;
	background-color: #333;
	text-align: left;
}

#contentNavi .haupt_navi ul
{
	display: block;
	margin: 0em;
	padding: 0em 0em 0em 4em;
	float: left;
	text-decoration: none;
	list-style-type: none;
}

#contentNavi .haupt_navi li
{
	padding: 0em;
	text-align: left;
	display: block;
	margin: 0em;
	text-decoration: none;
	list-style-type: none;
	float: left;
	height: 60%;
	width: 10em;
	background-color: #333;
	border-top: 0px #900 dotted;
	border-right: 2px #333 solid;
	border-bottom: 0px #900 dotted;
	border-left: 1px #333 dotted;
}

#contentNavi .haupt_navi ul li a
{
	width: 10em;
	text-decoration: none;
	display: block;
	margin: 0em;
	list-style-type: none;
	float: left;
	color: #666;
}

#contentNavi .haupt_navi ul li a:visited
{
	width: 10em;
	display: block;
	margin: 0em;
	color: #666;
	text-decoration: none;
	list-style-type: none;
	float: left;
}

#contentNavi .haupt_navi  ul li a:hover
{
	background-color: #333;
	height: 60%;
	width: 10em;
	color: #900;
	display: block;
	margin: 0em;
	z-index: 160;
	float: left;
	text-decoration: none;
	list-style-type: none;
}

#contentNavi .haupt_navi .selected
{
	display: block;
	height: 60%;
	width: 10em;
	color: #900;
	background-color: #333;
}

#content .LovesongNavi
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	top: 0.5em;
	left: 0em;
	z-index: 310;
	float: left;
	position: relative;
	font-size: 100%;
	background-color: #333;
	height: 1.4em;
	color: #999;
}

#content .LovesongNavi ul
{
	text-align: left;
	display: block;
	margin: 0em;
	padding: 0em 0em 0em 4em;
	float: left;
	text-decoration: none;
	list-style-type: none;
}

#content .LovesongNavi li
{
	padding: 0em;
	text-align: left;
	display: block;
	margin: 0em;
	text-decoration: none;
	list-style-type: none;
	float: left;
	height: 40%;
	width: 10em;
	background-color: #333;
	border-top: 1px #900 solid;
	border-right: 2px #333 dotted;
	border-bottom: 0px #333 dotted;
	border-left: 1px #333 dotted;
}

#content .LovesongNavi ul li a
{
	background-color: #333;
	height: 40%;
	width: 10em;
	text-decoration: none;
	display: block;
	margin: 0em;
	list-style-type: none;
	float: left;
	color: #999;
	font-size: 60%;
}

#content .LovesongNavi ul li a:visited
{
	display: block;
	background-color: #333;
	height: 40%;
	width: 10em;
	margin: 0em;
	color: #999;
	text-decoration: none;
	list-style-type: none;
	float: left;
}

#content .LovesongNavi  ul li a:hover
{
	background-color: #333;
	height: 40%;
	width: 10em;
	color: #900;
	display: block;
	margin: 0em;
	z-index: 160;
	float: left;
	text-decoration: none;
	list-style-type: none;
}

#content .LovesongNavi .selected
{
	display: block;
	height: 40%;
	width: 10em;
	color: #900;
	background-color: #333;
}

#content .unter_navi
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	top: 51.5em;
	width: 50em;
	z-index: 310;
	float: left;
	position: absolute;
	font-size: 80%;
	line-height: 98%;
	background-color: #333;
	height: auto;
	left: 5em;
	border: 1px #900 solid;
}

#content .unter_navi ul
{
	display: block;
	margin: 0em;
	padding: 0.2em;
	float: left;
	text-decoration: none;
	list-style-type: none;
}

#content .unter_navi li
{
	display: block;
	margin: 0em;
	text-decoration: none;
	list-style-type: none;
	padding: 0.2em;
	float: left;
}

#content .unter_navi ul li a
{
	text-decoration: none;
	display: block;
	margin: 0em;
	list-style-type: none;
	padding: 0.2em;
	float: left;
	color: #666;
}

#content .unter_navi  ul li a:visited
{
	display: block;
	margin: 0em;
	color: #666;
	text-decoration: none;
	list-style-type: none;
	padding: 0.2em;
	float: left;
}

#content .unter_navi  ul li a:hover
{
	color: #900;
	display: block;
	margin: 0em;
	z-index: 160;
	padding: 0.2em;
	float: left;
	text-decoration: none;
	list-style-type: none;
	background-color: #333;
}

#content .unter_navi .selected
{
	color: #900;
	background-color: #333;
}

#content .unter_navi_business
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	top: 50.5em;
	width: 50em;
	z-index: 310;
	float: left;
	position: absolute;
	font-size: 80%;
	line-height: 98%;
	background-color: #333;
	height: auto;
	left: 5em;
	border: 1px #900 solid;
}

#content .unter_navi_business ul
{
	display: block;
	margin: 0em;
	padding: 0.2em;
	float: left;
	text-decoration: none;
	list-style-type: none;
}

#content .unter_navi_business li
{
	display: block;
	margin: 0em;
	text-decoration: none;
	list-style-type: none;
	padding: 0.2em;
	float: left;
}

#content .unter_navi_business ul li a
{
	text-decoration: none;
	display: block;
	margin: 0em;
	list-style-type: none;
	padding: 0.2em;
	float: left;
	color: #666;
}

#content .unter_navi_business  ul li a:visited
{
	display: block;
	margin: 0em;
	color: #666;
	text-decoration: none;
	list-style-type: none;
	padding: 0.2em;
	float: left;
}

#content .unter_navi_business  ul li a:hover
{
	color: #900;
	display: block;
	margin: 0em;
	z-index: 160;
	padding: 0.2em;
	float: left;
	text-decoration: none;
	list-style-type: none;
	background-color: #333;
}

#content .unter_navi_business .selected
{
	color: #900;
	background-color: #333;
}

/*------------------------------------*/
/*							          */
/*    thumbs parallele  			  */
/*							          */
/*							          */
/*------------------------------------*/
#content .img_1
{
	top: 3em;
	left: 7em;
	width: 10em;
	height: 30em;
	background-color: #333;
	position: absolute;
}

#content .img_0
{
	top: 3em;
	left: 27em;
	width: 10em;
	height: 30em;
	background-color: #333;
	position: absolute;
}

#selected_text a
{
	font-size: 65%;
	position: absolute;
	top: 50.5em;
	left: 0em;
}

.selected_text a
{
	font-size: 65%;
	position: absolute;
	top: 48em;
	left: 0em;
}

.selected_textA { font-size: 65%; }

/* ------> hauteur des travel thumbs */
#travel_thumbs
{
	top: 9em;
	position: absolute;
	left: 9em;
	width: 35em;
	display: block;
}

#travel_thumbs a
{
	text-decoration: underline;
	color: #FFFFFF;
}

#travel_thumbs a:link { text-decoration: underline; }

#travel_thumbs a:hover
{
	text-decoration: underline;
	color: #FF5944;
}

#travel_thumbs a:visited
{
	text-decoration: underline;
	color: #666;
}

/* ------> hauteur des thumbs */
#thumbs
{
	top: 7em;
	position: absolute;
	left: 9em;
	width: 30em;
	display: block;
}

#thumbs a
{
	text-decoration: underline;
	color: #FFFFFF;
}

#thumbs a:link { text-decoration: underline; }

#thumbs a:hover
{
	text-decoration: underline;
	color: #FF5944;
}

#thumbs a:visited
{
	text-decoration: underline;
	color: #666;
}

#content .thumbs_war
{
	top: 2.5em;
	position: relative;
	border-width: 0em;
	border-style: solid;
	margin: 0 0 0.5em 0;
}

#content .enlarge
{
	top: 3.4em;
	left: 19em;
	width: 7em;
	z-index: 310;
	float: left;
	position: absolute;
	font-size: 70%;
	line-height: 98%;
	/*letter-spacing: 0.10em;*/
	color: #666;
}

#content .enlargeTravelog
{
	top: 9em;
	left: 12em;
	width: 17em;
	z-index: 310;
	float: left;
	position: absolute;
	font-size: 75%;
	line-height: 98%;
	color: #666;
}

#content .enlarge_2
{
	top: 44.2em;
	left: 19em;
	width: 7em;
	z-index: 310;
	float: left;
	position: absolute;
	font-size: 70%;
	line-height: 98%;
	color: #666;
}

.noborder { border: 1px #333 solid; }