html {
 margin: 0;
 padding: 0;
 height: 99%;
 width: 99%;
 margin: 0 auto 0 auto;
 font-size: 12px;
}

body {

 font-family: Verdana,Helvetica,Arial,sans-serif;
 background-color: #000033;
  background-image: url(/html/pics/fond.gif);
 padding: 0;
 margin: 0 auto 0 auto;
 text-align: center;
 vertical-align: middle;
 font-size: 1em;
}
A:link {
	COLOR: #808080; 
	TEXT-DECORATION: none;

}
A:visited {
	COLOR: #535353; 
	TEXT-DECORATION: none;
}
A:active {
	COLOR: #1F2947; 
	TEXT-DECORATION: none;

}
A:hover {
	COLOR: #1F2947; 
	TEXT-DECORATION: underline;

}
.dedicace{
	text-align: center; 
	margin-top: 20px;
	font-size: 0.6em;
	color: #FFFFFF;
}
H1 {
	
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.5em; 
}
H2 {
	
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1em; 
}

div {
 font-family: Verdana,Helvetica,Arial,sans-serif;

}
.gras {
	FONT-SIZE: 1em
	FONT-WEIGHT: bold;
}
.klein {
	FONT-SIZE: 0.9em
}
.text {
	FONT-SIZE: 0.95em; COLOR: #000000
}
DIV.intro {
	text-align: center; 
	Z-INDEX: 1;  
	WIDTH: 450px;
	height:200px; 
	BORDER: 8px solid #EAEAEA;  
	background-color:#666699; 
	ALIGN: middle;
	padding:20px;
	margin-top: 20px;
	font-size: 0.9em;
	color: #FFFFFF;
}
table.intro{
	font-size: 1em;
	color: #FFFFFF;
}
table.intro A:link {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;

}
table.intro A:visited {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
table.intro A:active {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;

}
table.intro A:hover {
	COLOR: #CCCCCC; 
	TEXT-DECORATION: none;

}

DIV.website {
	text-align: left; 
	Z-INDEX: 1;  
	WIDTH: 800px; 
	BORDER: 8px solid #EAEAEA;  
	background-color:#FFFFFF; 
	ALIGN: middle;
	margin-top:20px;
}

DIV.cadre {
	text-align: left; 
	Z-INDEX: 2;  
	WIDTH: 100%; 
	border-top:2px solid #666699; 
	border-left:1px solid #666699; 
	border-right:1px solid #666699; 
	border-bottom:2px solid #666699; 
	background-color:#FFFFFF; 
}


DIV.nav {
	Z-INDEX: 10; 
	WIDTH: 800px; 
	height:25px; 
	POSITION: relative; 
	BACKGROUND-IMAGE: url(../pics/habibas_nav.jpg); 
	BACKGROUND-REPEAT: repeat-x; 
	border-bottom:1px solid #FFFFFF; 
	padding-left:40px;
	padding-top:6px;
	font-size: 0.9em;
	
}

DIV.nav A:link {
	COLOR: #808080; 
	TEXT-DECORATION: none;

}
DIV.nav A:visited {
	COLOR: #535353; 
	TEXT-DECORATION: none;
}
DIV.nav A:active {
	COLOR: #1F2947; 
	TEXT-DECORATION: none;

}
DIV.nav A:hover {
	COLOR: #1F2947; 
	TEXT-DECORATION: none;

}


DIV.inhalt {
	Z-INDEX: 2; 
	WIDTH: 800px; 
	height:469px; 
	POSITION: relative; 
	BACKGROUND-IMAGE: url(../pics/habibas_decouverte.jpg); 
	padding-left:40px; 
	padding-top:100px;
}
DIV.inhaltvie {
	Z-INDEX: 2; 
	WIDTH: 800px; 
	height:469px; 
	POSITION: relative; 
	BACKGROUND-IMAGE: url(../pics/habibas_vie.jpg); 
	padding-left:40px; 
	padding-top:100px;
}
DIV.inhaltane{
	Z-INDEX: 2; 
	WIDTH: 800px; 
	height:469px; 
	POSITION: relative; 
	BACKGROUND-IMAGE: url(../pics/habibas_anecdotes.jpg); 
	padding-left:40px; 
	padding-top:100px;
}
DIV.inhaltgal {
	Z-INDEX: 2; 
	WIDTH: 800px; 
	height:469px; 
	POSITION: relative; 
	BACKGROUND-IMAGE: url(../pics/habibas_galerie.jpg); 
	padding-left:40px; 
	padding-top:100px;
}
DIV.inhaltimp {
	Z-INDEX: 2; 
	WIDTH: 800px; 
	height:469px; 
	POSITION: relative; 
	BACKGROUND-IMAGE: url(../pics/habibas_impressum.jpg); 
	padding-left:40px; 
	padding-top:100px;
}


DIV.text {
	Z-INDEX: 2; 
	WIDTH: 300px; 
	height:250px; 
	POSITION: relative; 
	overflow:auto; 
	background-color:#FFFFFF; 
	border:8px solid #FFFFFF;
  scrollbar-base-color:#18398A;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000049;
  scrollbar-face-color:#18398A;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000049;
  scrollbar-track-color:#82AAE8;

}

DIV.livre {
	Z-INDEX: 2; 
	WIDTH: 90%; 
	height:18%; 
	POSITION: relative; 
	float: left;
	background-color:#FFFFFF; 
	border:8px solid #FFFFFF;
	text-align: center; 
	margin-top:30px;
	margin-left:10px;

}
IMG {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}

DIV.bottom {
	Z-INDEX: 10; 
	WIDTH: 30%; 
	height:29px; 
	POSITION: relative; 
	float: left;
	background-Color:#FFFFFF;
	padding-left:40px;
	padding-top:6px;
	font-size: 0.9em;
	margin-top:6px;


}

DIV.bottom A:link {
	COLOR: #808080; 
	TEXT-DECORATION: none;

}
DIV.bottom A:visited {
	COLOR: #535353; 
	TEXT-DECORATION: none;
}
DIV.bottom A:active {
	COLOR: #1F2947; 
	TEXT-DECORATION: none;

}
DIV.bottom A:hover {
	COLOR: #1F2947; 
	TEXT-DECORATION: none;

}
DIV.logo {
	Z-INDEX: 10; 
	WIDTH: 70%; 
	height:29px; 
	float: right;
	background-Color:#FFFFFF;
	text-align: right;
	margin-top:6px;

	

	
}

DIV.clear {
	CLEAR: both; 
	POSITION: relative
}