/* -- Formatierungen body - */
* { padding: 0; margin: 0; }
body {
	color: #000000;
	background-color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image: url(../img/design/bg.png);
}
	
#wrapper {
	position: relative;
	width: 900px;
	margin-top: 5px;
	left: 50px;
	background-color:#FFFFFF;
}

#titel {
	position: absolute;
	top:120px;
	left: 368px;
	color:#FFFFFF;
	width: 380px;
	font-size: 20px;
	text-align:right;
}

#kopfbereich {
	position: relative;
}
 
#text {
	position: absolute;
	top: 230px;
	left: 80px;
	font-size:16px;
}

.fett { 
	font-weight:bold;
}

.font { 
	font-size: 36px:;
}

#bilder {
	position: absolute;
	top:520px;
	left: 180px;
}

#bilder_texte {
	position: absolute;
	left: 10px;
	width: 150px;
}

#textbereich {
	position: relative;
	width: 898px;
	height: 540px;
	border-left: solid 1px;
	border-bottom: solid 1px;
	border-right: solid 1px;
	border-color: #003399;
}

#textbereich img {
	border: none;
}

#text {
	position: absolute;
	top: 100px;
	left: 80px;
	width: 480px;
	font-size: 14px;
}
/*sitaution*/

#phare_2 {
	position: absolute;
	top: 100px;
	left: 620px;
}

/*aller*/

#karte_1 {
	position: absolute;
	top: 100px;
	left: 620px;
}

#tarifs {
	position: absolute;
	top: 432px;
	left: 615px;
	width: 161px;
}

/*historique*/

#frame {
	position: absolute;
	top: 80px;
	color:#FFFFFF;
}

#body_text_frame {
	width: 432px;
	background-color:#FFFFFF;
}

#table_historique td {
	vertical-align:top;
}

#phare_4 {
	position: absolute;
	top: 56px;
	left: 502px;
}

/*visite*/

#video {
	position: absolute;
	top: 70px;
}

#v {
	position: absolute;
	top: 150px;
	left: 270px;
}

#video_2 {
	position: absolute;
	top: 70px;
	left: 380px;
}

#phare_3 {
	position: absolute;
	top: 5px;
	left: 520px;
}


#phare_x {
	position: absolute;
	top: 5px;
	left: 520px;
}

#background {
	position: absolute;
	top: 5px;
	left: 520px;
	background-color:#069;
}

#citerne_l img {
	position: absolute;
	top: 469px;
	left: 580px;
	width: 20px;
	height: 20px;	
}


#citerne_r img {
	position: absolute;
	top: 469px;
	left: 735px;
	width: 20px;
	height: 20px;	
}

#decanteur_l img {
	position: absolute;
	top: 459px;
	left: 623px;
	width: 20px;
	height: 20px;	

}

#decanteur_r img {
	position: absolute;
	top: 459px;
	left: 690px;
	width: 20px;
	height: 20px;	
}

#cave img {
	position: absolute;
	top: 416px;
	width: 20px;
	height: 20px;
	left: 1px;
}

#citerne {
	position: absolute;
	top: 45px;
	left: 656px;
	width: 20px;
	height: 20px;	
}

#decanteur {
	position: absolute;
	top: 45px;
	left: 656px;
	width: 20px;
	height: 20px;	
}

#cave {
	position: absolute;
	top: 45px;
	left: 656px;
	width: 20px;
	height: 20px;	
}

/*materiel*/

#architecture_d {
	position: absolute;
	top: 64px;
}

#architecture_d img {
	border: solid 1px;
	border-color: #0033BC;
	
}

#chapelle_d {
	position: absolute;
	top: 130px;
}

#chapelle_d img {
	border: solid 1px;
	border-color: #0033BC;
}

#image_d {
	position: absolute;
	top: 196px;
}

#image_d img {
	border: solid 1px;
	border-color: #0033BC;
}

#pieces_d {
	position: absolute;
	top: 262px;
}

#pieces_d img {
	border: solid 1px;
	border-color: #0033BC;
}

#pierre_d {
	position: absolute;
	top: 328px;
}

#pierre_d img {
	border: solid 1px;
	border-color: #0033BC;
}

#lanterne_table td {
	vertical-align:top;
	padding-bottom: 20px;
	padding-right: 10px;
}

#lanterne_table {
	width: 450px;
	vertical-align:top;
	padding-bottom: 20px;
	padding-right: 20px;
}

#lanterne_table_2 td {
	vertical-align:top;
	padding-bottom: 20px;
	padding-right: 10px;
}

/*contact*/

#mail {
	position: absolute;
	top:220px;
	left: 420px;
	color:#FFFFFF;
}

#mail p {
	padding-left: 102px;
}

#info {
	position: absolute;
	top:220px;
	left: 550px;
	width: 300px;
	font-size:12px;
	text-align:center;
}

#flaggen {
	position: absolute;
	top: 23px;
	left: 793px;
}

#anfrage {
	position: absolute;
	top: 50px;
	left: 80px;
	width: 300px;
	height: 150px;
	background-color:#FFFFFF;
	padding:10px;
	font-size: 10px;
}


#impressum {
	position: absolute;
	left: 80px;
	font-size:10px;
	padding:2px;
	
}

#navi_1 {
	position: absolute;
	top: 20px;
	left: 80px;
}


#navi_1 img {
	vertical-align: bottom;
	padding-bottom: 4px;
}

#navi_1 a {
	padding-right: 7px;
	padding-left: 7px;
	text-decoration: none;
	color:#FFFFFF;
	border: solid 1px;
	border-color: #0033BC;
	font-size: 24px;	
}
	
#navi_1 ul {
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
}

#navi_1 li {
	display:inline;
}

#navi_1 a:active,

#index #navi00 a,
#le_phare #navi01 a,
#le_musee #navi02 a,
#asso #navi03 a,
#liens #navi04 a,
#contact #navi05 a,
#leer #navi06 a

#navi a:active {
	background-color: #069;
}

#navi_2 {
	position: absolute;
	top: 20px;
	left: 80px;
}

#navi_2 a {
	padding: 2px;
	text-decoration: none;
	color: #000000;
	border: solid 1px;
	background-color: #FFFFFF;
	font-size: 12px;	
}
	
#navi_2 ul {
	list-style-type: none;
	padding-bottom:5px;
	
}

#navi_2 li {
	padding: 3px;
	display: inline;
}