/* -------------------------------------------------------------------------------------- */
/* --- CSS - Styles fuer den Textbereich -- */
/* -------------------------------------------------------------------------------------- */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	background-color:#FFFFFF;
	background-image:url(bilder/background.gif);
}
#logo{float:left; background-image:url(bilder/head.jpg); width:800px; height:150px;border:solid 1px #666666;}	 
#topmenu{float:left; width:800px; height:45px; background-color:#F0F0F0;border:solid 1px #666666; vertical-align:center }

#top_rechts{float:right; right:10px; top:10px;}
#top_links{float:left; left:10px; top:10px;}   
#top_center{float:center; top:10px;}

#contenttext{float:left; width:800px; background-color:#FFFFFF;border:solid 1px #666666; }
#content_index{background-image:url(bilder/background_4.jpg);float:left; width:800px; background-color:#FFFFFF;border:solid 1px #666666; }
#content_welcome{background-image:url(bilder/startbild.jpg);float:left; width:800px; background-color:#FFFFFF;border:solid 1px #666666; }
#menu{float:left; width:200px; height:440px; background-image:url(bilder/background_3.jpg)}
#pic_panel{float:right; width:200px; height:440px; right:0px; top:0px; background-image:url(bilder/background_2.jpg)}

#pic_menu{float:left; width:200px;}
#footer{float:left; width:800px; background-color:#F0F0F0;border:solid 1px #666666; }


A:HOVER
{
   font-style:italic;
}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}
.gray2panel{
	background-color:#F7F7F7; padding:10px; margin:10px;
}
.sidemenupanel{
	padding:10px; margin:10px;  background-repeat:repeat-y; width:180px; height:160px; 
}


/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #000000;
}
.bodytext a{
	color: #000000;
	text-decoration:none;
}
.bodytext a:hover{
	color: #0000FF;
	text-decoration:underline;
}

.starttext {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0000FF;
}
.starttext a{
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0000FF;
}
.starttext a:hover{
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
    font-style:italic;
	color:#0000FF;
}


.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#0000CC;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#0000FF;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0000FF;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
	color: #FFFFFF;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000099;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#000099;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
	color:#000099;
}
.seperatetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 30px;
	font-weight:100;
	color:#999999;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#FF0000;
}
.smallbluetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;
}
.smallbluetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#0000FF;
	text-decoration:none;
}
.smallbluetext a:hover{
	text-decoration:underline;
	color:#0000FF;
}  
.footertext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color:#555555;
}