/* ************** Elements ************** */

html, body  {
	
	color: #DFE2EA;
}

p, ul, li, dd, dt {
	color: #F2FCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

td {
	color: #DFE2EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #F2FCFF;
	font-size: 24px;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}



/* ************** Links ************** */

a:link {
	color: #968AAE;
	text-decoration: none;
}
a:active {
	color: #2E48B4;
	text-decoration: none;
}
a:visited {
	color: #755BCC;
	text-decoration: none;
}
a:hover {
	color: #4FBAC6;
	text-decoration: none;
}





/* ************** indi ************** */



.indiLevelOne { 

 font-size: 14px;
 }

A.indi, a:link.indi {
	color: #F2FCFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


 A.indi, A:visited.indi { 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #BAA9CD;
	text-decoration : none;
}




A:hover.indi { 
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9DA5C1;
	text-decoration : underline;
}



/* ================ Liste ================= */
ul {
list-style: none outside;
margin: 3px 0;
padding: 0;
}
li.level1 {
width: 100px;
margin-top: 4px;
padding: 2px 5px 2px 10px;
border-top: 1px solid #F4B359;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #F4B359;
background-color: #8C0F09;
color: #DFE2EA;
font-size: 11px;
}
li.level2 {
width: 120px;
margin-top: 2px;
margin-left: 10px;
padding: 2px 5px 2px 5px;
border-top: 1px solid #F4B359;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #F4B359;
background-color: #CB0F0A;
color: #DFE2EA;
font-size: 11px;
}
li.level3 {
width: 140px;
margin-top: 2px;
margin-left: 15px;
padding: 2px 5px 2px 5px;
border-top: 1px solid #F4B359;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #F4B359;
background-color: #F2180D;
color: #DFE2EA;
font-size: 11px;
}

/* =============== Links ================= */
li.level1 a, li.level2 a, li.level3 a {
display: block;
padding: 0px 0px 0px 3px;
text-decoration: none;
color: #DFE2EA;
}

li.level1 a:link {
background-color: transparent;
color: #DFE2EA;
}
li.level1 a:visited {
background-color: transparent;
color: #DFE2EA;
}
li.level1 a:hover {
background-color: transparent;
color: #DFE2EA;
width: auto;
}
li.level1 a:active {
background-color: transparent;
color: #DFE2EA;
}

li.level2 a:link, li.level3 a:link {
background-color: transparent;
color: #DFE2EA;
border: 1px solid #F4B359;
}
li.level2 a:visited, li.level3 a:visited {
background-color: transparent;
color: #DFE2EA;
border: 1px solid #F4B359;
}
li.level2 a:hover, li.level3 a:hover {
background-color: transparent;
color: black;
border-top: 1px solid #000;
border-right: 1px solid #F4B359;
border-bottom: 1px solid #F4B359;
border-left: 1px solid #000;
}
li.level2 a:active, li.level3 a:active {
background-color: transparent;
color: #fc0;
border: 1px solid #36f;
}




/* =========== Info-Box =========== */
.level1 a span.info {
display: none;
}
.level1 a:hover span.info {
position: absolute;
display: block;
top: 50px;
left: 240px;
width: 300px;
background: #CB0F0A;
color: #DFE2EA;
padding: 5px;
text-align: left;
border-top: 1px solid #F4B359;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #F4B359;
}






/* ************** Classes for black  ***************/

A.black  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #A4A4A4;
	text-decoration : none;
} 

A:visited.black  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #A4A4A4;
	text-decoration : none;
}

A:hover.black  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #3C3D5E;
	text-decoration : underline;
}


/* ************** Classes for general  ***************/


A.general {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #C08E58;
	text-decoration : none;
} 

A:visited.general  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #8F93CD;
	text-decoration : none;
}

A:hover.general  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #C08E58;
	text-decoration : underline;
}


/* ************** Classes for fire  ***************/

A.fire {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #220A04;
	text-decoration : none;
} 

A:visited.fire  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #220A04;
	text-decoration : none;
}

A:hover.fire  {
	font-size : 14px;
	font-family : Arial, Helvetica, sans-serif;
	color : #430107;
	text-decoration : underline;
}

.piv {

    text-align: center;
	padding: 25px;
   
}

.div {

    text-align: center;
	padding: 20px;
   
}