/*
  stylesheet definitions homepage
  for by8.de
*/


/* main css */

html {
	height:			100%;
	width:			100%;
}

body    {
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 		8pt;
	color: 			#4C4C4C;
	padding: 		0px;
	margin:			0px;
	border:			0px;
	height:			100%;
	background-color: 	#FFFFFF;  
	background-image:	url(images2/bg_top.gif);
	background-position:	top left;
	background-repeat:	repeat-x; 
}

img	{
	border-width:		0px;
}

br.small {
line-height: 		5px;
}

h1 {
	font-size: 		26px; 
	font-family: 		Arial, sans-serif;	
	font-weight: 		normal;
	color:			white;
	margin-bottom:		24px;
} 

h2 {
	font-size: 		26px; 
	font-family: 		Arial, sans-serif;	
	font-weight: 		normal;
	color:			white;
	margin-bottom:		20px;
} 

h3 { 
	font-size: 		18px;
	font-family:		Arial; 
	margin-bottom:		14px;
	font-weight:		normal;
	color:			white;
}

p { 
	line-height: 		18px; 
	font-size: 		14px;
	font-family:		Verdana;
}

table { 
	line-height: 		18px; 
	font-size: 		14px;
	font-family:		Verdana;
	color:			#FFFFFF;
}

td { 
	line-height: 		18px; 
	font-size: 		12px;
	font-family:		Verdana;
	color:			#FFFFFF;
}

li {  
	font-family:		Tahoma;
	font-size: 		8pt;
}

ul {
	margin-top:		1em;
	margin-bottom:		1em;
}

a:link, a:visited, a:active { 
	color: 			#FFFFFF;
	background-color:	transparent;
	text-decoration: 	none; 
} 

a:hover { 
	color: 			#f4f4f4;
	background-color:	transparent;
	text-decoration: 	none; 
}


/* main navigation */

#mainNavi {
	background:		#2D5982; 
	height:			30px;
	margin:			0;
	padding-left: 		15px;
}

#mainNavi li  {
	line-height: 		18px; 
	padding:		0;
	margin:			0;
	list-style-type:	none;
	text-align:		center;
	display:		inline;
}

#mainNavi li a:hover {
	background:		#567FA5;
}

#mainNavi li a {
	float:			left;
	display:		block;
	font-weight:		normal;
	font-size:		12px;
	padding:		5px 15px 7px 15px;
	color:			#F2F2F2;
	text-decoration:	none;
}

#mainNavi li a.active {
	background:		#990066; 
	color:		 	white;
	font-weight: bold;
} 

#mainNavi li a.active:hover {
	background:		#990066; 
	color:		 	white;
	font-weight: bold;
} 

#mainNavi li #top {
}  


/* main content */

.clearer { 
	clear: both; 
	line-height: 0; 
	height: 0; 
}

#pictureColumn { 
	width: 			310px; 
}

#mainColumn { 
	text-align:		left;
	color:			#f2f2f2;
	position: 		absolute; 
	left: 			310px; 
	top: 			0px;
	width: 			644px; 
	padding-top: 		54px;
}  

#pageText {
	padding-left:		55px;
	padding-right:		55px;
	padding-top: 		35px;
	padding-bottom:		35px;
	background-color:	#990066;
	background-image:	url(images2/line_bottom.gif);
	background-position:	bottom left;
	background-repeat:	no-repeat; 
	min-height:		380px;
	height:			1%;
} 

#flower {
	padding-top:		0px;
	margin-left:		100px; 
}

#brains a:link, #brains a:visited, #brains a:active {
	color:			#555;
}

#brains a:hover {
	color:			#026040;
	TEXT-DECORATION: underline;
}

#brains {
	padding-top:		500px;
}

#border {
        padding: 10px;
        WIDTH: 220 px;
	border-width:1px;
	border-style:solid;
	border-color: #F3F5F8;
}

.textarea275 {
	WIDTH: 275px;
        FONT-SIZE: 12px;; 
}

.input275 {
	WIDTH: 275 px;
	HEIGHT: 20px;
	FONT-SIZE: 12px;;
}

/* main footer */

#footer a:link, #footer a:visited, #footer a:active { 
	color: 			#555;
	background-color:	transparent;
	text-decoration: 	none; 
} 

#footer a:hover { 
	color: 			black;
	background-color:	transparent;
	text-decoration: 	none; 
}

#footer {
    font-family: 		Verdana, Arial, Helvetica, sans-serif;
  	color: 			#555; 
  	text-align: 		left;
  	font-size:		9px;
  	line-height:		13px;
  	padding-top:		20px;
  	padding-bottom:		60px;
} 

#footer #footerText {
	padding-top:		3px;
	text-align: 		center;
	margin: auto; 
}

