body {
width:725px;
margin:50px 0px 0px 0px;
background-image: url(../-images/-noise.gif);
font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
font-size: 10px;
color: #000000;
line-height: 20px;	
}

a:link, a:visited {
	color: #000000;
	text-decoration: underline;
}

a:active {
	color: #FF0066;
	text-decoration: none;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
}

h1, h2 {
	margin: 0px;
	padding: 0px;
}

h1{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

h2{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: normal;
}



/* ----- HEADER ----- */

#header {
margin-left:220px;
width:505px;
height:80px;
}
#header a {
text-decoration: none;
color: #000000;
}
#header a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
}

#header h1 {
font-size: 44px;
font-family: Didot, Georgia, 'Times New Roman', serif;
font-weight: normal;
}

#header h2 {
font-size: 10px;
}

/* ----- LANGUAGE ----- */

#lang {
margin-left:220px;
width:505px;
height:50px;
}

#wrapper{
width:750px;
background:url(background_3.gif) repeat-y; /* WARNING: IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE! */
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:5px;
}

/* ----- NAVIGATION ----- */

#navigation {
width:180px;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */
float:left;
margin-top:11px;
}
#navigation a {
display: block;
text-decoration: none;
color: #000000;
}
#navigation a:hover {
color: #FFFFFF;
background-image:url(../-images/-mark.gif);
background-repeat:no-repeat;
background-position:41px 50%;
}
.navi {
margin-left:0%;
padding:1px 0px 1px 60px;
margin: 0;
border-top: 1px solid #000000;
}

.navi-sel {
display: block;
background-image:url(../-images/-mark2.gif);
background-repeat:no-repeat;
background-position:41px 50%;
margin-left:0%;
margin: 0;
border-top: 1px solid #000000;
padding:1px 0px 1px 60px;
}


/* ----- MAIN CONTENT ----- */

#content { 
width:505px;
min-height:300px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:300px; /* for IE5.x and IE6 */
margin-left:220px;
margin-top:10px;
background-color: #000000;
color: #FFFFFF;
}
#content h1{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
#content h2{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
}
#content a:link, a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#content a:active {
	color: #FF0066;
	text-decoration: none;
}

#content a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF;
}

/* ----- FOOTER ----- */

#footer { 
margin:0px 0px 50px 0px;
width:100%;
height:40px;
text-align:right;
}
#footer a {
color: #000000;
text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
}
