/* 7CBEFF = hellblau hintergrund
/* ff9900 = orange
/* 003399 = dunkelblau
/* 474747 = grauschwarz
/* 5199D1 = mittelblau
/* e0e0e0 = eisgrau */

h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #474747; text-align:center; text-decoration:bold;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #474747; text-align:center; text-decoration:none;}
h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #474747; text-align:center; text-decoration:none;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #7CBEFF; color: #003399; text-align:left; background-image: url("_background/water.gif");background-attachment:fixed; background-repeat:repeat-y;}
.head {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #474747; text-align:center; text-decoration:bold;}
.body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #003399; text-align:left;}
.small {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; text-align:left;}
a {color:#474747; text-decoration: none;} 
a:visited {text-decoration: none; color:#474747;}
a:link {text-decoration: none;color:#474747;}
a:hover {color: #5199D1; text-decoration:bold;}  

#menue  {width:205; margin-left:6px; margin-right:6px; margin-top:6px; padding:12px; background-color:#e0e0e0; background-image:url(_background/bg.gif);  border-left:1px solid #000000; border-top:1px solid #000000; border-right:3px solid #000000; border-bottom:3px solid #000000; text-align:left;  text-decoration: none;}
#menue  {line-height:12px; vertical-align:3px;}
#menue  { z-index:3;}

#title {width:100%; padding:3px; margin:3px; align:center;  border-left:1px solid #000000; border-top:1px solid #000000; border-right:3px solid #000000; border-bottom:3px solid #000000; background-image:url(_background/bg.gif);}

div#topnavcontainer {padding: 6px; width:100%}
div#topnavcontainer li {display: inline; list-style: none; ; border-left:0px; padding: 0px; margin: 0px; text-align:center;}
div#topnavcontainer li a{border-left: 20px solid #7CBEFF; text-decoration: none; color: #666677; border-bottom: 1px solid #000000; border-right: 1px solid #000000;}
div#topnavcontainer li a:visited { color: #666677; }
div#topnavcontainer li a:hover{border-left: 20px solid #ff9000;color: #7CBEFF; background-color: #003399;}


#content {width:100%; margin-left:6px; margin-right:6px;  margin-top:12px; padding:12px; border-left:1px solid #000000; border-top:1px solid #000000; border-right:3px solid #000000; border-bottom:3px solid #000000; background-color:#e0e0e0; background-image:url(_background/bg.gif);}
#footer {clear:both; width:100%; margin:6px; padding: 12px;	text-align: center; padding:5px;margin:6px;  border-left:1px solid #000000; border-top:1px solid #000000; border-right:3px solid #000000; border-bottom:3px solid #000000; background-color:#e0e0e0; background-image:url(_background/bg.gif);}

/* #nav {position:absolute; left:0px; top:205px; width:210px;}*/
/* #nav {float:left; z-index:6;} */
#nav {float:left; z-index:6;} */
#nav ul{
	margin:0;
	padding:0;
	list-style: none;
	}
#nav li {
	background-image: url("_background/dnbutt.gif"); /* This is to preload the hover state */
	background-repeat: no-repeat; 
	margin-top: 47px; /* For IE5 Mac only - reset to 0 below */
	margin-bottom: 65px; /* For IE5 Mac only - reset to 0 below */
	}
	
#nav a { /* if background is on a:link IE6 won't display properly  */
	background-image: url("_background/upbutt.gif"); /*can be just background */
	background-repeat: no-repeat; /* height and or width in here will stop main image change in IE5 */
	padding-top: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-left: 5px; 
	padding-bottom: 32px; /* For IE5 Mac only - reset to 0 below */
	padding-right: 32px; /* For IE5 Mac only - reset to 10 below */
	color: blue;
/*	font-family: "Arial Black", sans-serif; /*
/*	text-align: center; */
	/*height or width in here will stop main image change in IE5 Win
	luckily, line-height is OK! - hidden from IE5 Mac see below
	a must be block to display background-image in IE Win
	 - but also needs to be hidden from IE5 Mac see below */
	}

#nav a/*Comment hack to hide this from IE5 - needed to extend link over button image in IE6 */{
	height:30px;
	}
#nav a:hover {background: url("_background/dnbutt.gif") no-repeat; /* no background-x styles work here */color: red;}
#nav a img {width: 200px; height: 270px; /* IE5 Win can't dynamically change size - don't use 0px to hide */
			position: absolute;top: 90px;left: 310px; */
/*			position: relative; top: -90px;left: 300px; */
			border-top: 0.3px solid black;
			border-left: 1px solid black;
			border-bottom: 3px solid black;
			border-right: 3px solid black;
			visibility: hidden;}
/* commented backslash hack v2 - hide rules from IE5 Mac \*/
#nav a { padding-top: 0; padding-bottom: 0;	padding-right: 10px; display: block;}	
#nav li {margin-top:0;margin-bottom:0; width: 80px;}
/* end hack */
#nav a:hover img { visibility:visible;}



/* #box a {display:block;width:300px}*/

#box a {color:#E4ECEC;}

#box a:hover {color:black;}
#box a span {display:none;}
#box a:hover span {position:relative; top:10px; left:10px; z-index:3;display:block;width:300px;color:black;background:#ffffff;font:normal 16px courier, sans-serif;border:1px solid black;padding:10px;}