/*CSS file for galato-online.net*/

/*now, let's tweak some of the element which provide the core for structural markup in any html-file*/

/* the general site */
body {
background-color:#427FC2;
color:#FFFFFF;
font-family:Verdana,Tahoma,sans-serif;
font-size:13px;
text-align:justify;
}

/*removes the annoying border around linked images*/

img {
border: none;
}

/*now comes the intersting stuff - the boxes and their opacity*/

/*Now, the first box element; it has a dashed border*/

#back {
	position: relative;
	margin: auto;
	text-align: justify;
	background: url(http://www.galato-online.net/Layout/top02.jpg) center top no-repeat;
	width: 750px;
	border: 1px dashed #FFFFFF;
	}

#leftnav
	{
	float: left;
	width: 100px;
	margin-top:110px;
	margin bottom: 10px auto;
	padding: 1em;
	background-color: #427FC2;
	}



#leftnav a {
	display: block;
	padding: 3px;
	width: 100px;
	background-color: #427FC2;
	}

#leftnav a:link, #leftnav a:visited {
	text-decoration: none;
	color: #D0E3F8;
	}

#leftnav a:hover {
	background-color: #679DD8;
	color: #D0E3F8;
	}


/*the "main" which will hold the text for the introductionpage; it also contains the information for opacity; warning: the attributes filter and -moz-opacity are NOT W3C standards; they're hacks for Mozilla and IE; use them at your own responsibility and don't come running to me if it doesn't work as intended; let's hope that every browser will recognise opacity in their next versions since it's a CSS3 style and should be used as standard.*/

#main{
	width: 80%;
	margin-left:136px;
	margin-top:110px;
	margin bottom: 10px auto;
	line-height: 100%;
	background-color: #427FC2;
	}

#main a:link, #main a:visited {
	text-decoration: none;
	color: #D0E3F8;
	}

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

#orakel {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana,Tahoma,sans-serif;
	font-size:13px;
	}


/*beating the footer into submission, which is no easy feat*/

#footer
{
clear: both;
margin: 0;
padding: .2em;
color: #245182;
background-color: #90B8E5;
border-top: 1px solid grey;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
	}

#footer a:hover {
	text-decoration: overline;
	color: #245182;
}