/*
	Default style definitions.

	The definitions in this file are sorted accordingly to the following rules:
		
		1. alphabetical order of standard html tags
			- a, b, caption, ...
		2. from generally to more specific ones
			- a{ ... }, a:hover{ ... }, a.button{ ... }
		3. from independent to nested ones
			- table.menu{ ... }, table.menu td{ ...}, table.menu th{...}

	ATTENTION: Please follow these rules to prevent causing conflicts or damaging 
	the style definitons while checking in to cvs repository!!!

	Furthermore we tried to reduce the amount of special definitions (e.g. 
	a.special_anchor, td.normal, ...) to take the burden of selecting the right 
	style class and so layouting the web application from the developer. This is 
	also for avoiding layout bugs and keeping the application clear and 
	maintainable.
	
	So please try to use the inheritence and cascading facilities CSS offers and 
	add new definitions as far-up as possible in the tag hierarchy instead of 
	adding another f...ing special definition in the deep and flooding your html 
	code with 'class' attributes.
*/

.content
{
	position: relative;
	min-width: 120px;
	margin: 0px 0px 20px 0px;
}

.content a
{
	text-decoration: underline;
}

.content a:hover
{
	color: #224488;
}

.content img
{
	border: 1px solid black;
}

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

a:hover
{
	text-decoration: underline;
}

a#easteregg, a:hover#easteregg
{
	color: #000000;
	text-decoration: none;
}

body
{
	background-color: #224488;
	background-position: center top;
	background-repeat: no-repeat;
	font-family: arial, geneva, helvetica, univers, verdana;
	font-size: x-small;
	margin: 0px;
	margin-top: 400px;
	margin-bottom: 25px;
	scrollbar-face-color: #eeeeee;
   scrollbar-shadow-color: #224488;
   scrollbar-highlight-color: #eeeeee;
   scrollbar-3dlight-color: #224488;
   scrollbar-darkshadow-color: #224488;
   scrollbar-track-color: #224488;
   scrollbar-arrow-color: #224488;
   text-align: center;
}

col#main
{
	width: auto;
}

col#left
{
	width: 20%;
}

col#right
{
	width: 25%;
}

div.body
{
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}

h1
{
	color: #224488;
	font-size: small;
	font-weight: bold;
	margin-top: 0px;
}

h2
{
	color: #224488;
	border-bottom: 1px solid black;
	font-size: x-small;
	margin: 0px;
}

h3
{
	background-color: #eeeeee;
	color: #224488;
	font-size: x-small;
	font-weight: normal;
	margin: 0px;
	padding: 2px;
}

img
{
	border: 0px;
}

table.pictures td
{
	text-align: center;
}

td
{
	font-family: arial, geneva, helvetica, univers, verdana;
	font-size: x-small;
	text-align: justify;
	vertical-align: top;
}

th
{
	font-family: arial, geneva, helvetica, univers, verdana;
	font-size: x-small;
	text-align: justify;
	vertical-align: top;
}

#sidebar_left
{
	position: relative;
}

#sidebar_right
{
	position: relative;
}