/* Style Sheet fuer die Navigation mit inaktivem Javascript */
/* Entscheidende Stelle: Zeile 59 ff */
* {	
	padding:		0;
	margin:			0;
	border:			0;
}

body,html {
	font-family:		Comic Sans MS, Arial, Helvetica, Tahoma, Verdana, sans-serif;
	color:			black;

}

body {
	background:		url(../img/border_right.gif) right repeat-y #FFEE00;
	height:			100%;
	overflow:		auto;	
}

#ulcontainer {
	min-height:		80%;
	margin-top:		20px;
	margin-left:		5px;
	text-align:		center;
	font-size:		1.1em;	
}

#ulcontainer a {
	text-decoration:	none;
}

#ulcontainer a:hover{
	background:		none;
}

ul, li {
	margin: 		0px;
	padding: 		0px;
	list-style-type: 	none;
}

li	{
	padding-left:		48px;
	font-weight:		bold;
}

.nav1 {
	background: 		url(../img/nav/nav1_enten.gif) no-repeat top left;
}

.nav2 {
	background: 		url(../img/nav/nav2_steuerrad.gif) no-repeat top left;
}

.nav3 {
	background: 		url(../img/nav/nav3_fahne.gif) no-repeat top left;
}

.nav4 {
	background: 		url(../img/nav/nav4_rettungsring.gif) no-repeat top left;
}

.nav5 {
	background: 		url(../img/nav/nav5_matrose.gif) no-repeat top left;
}

.nav6 {
	background: 		url(../img/nav/nav6_logbuch.gif) no-repeat top left;
}

.nav7 {
	background: 		url(../img/nav/nav7_beiboot.gif) no-repeat top left;
}

ul#menue {
	position:		relative;
	left:			10px;
	width: 			180px;
	margin: 		0px;
}

ul#menue li a {
	margin: 		0;
	margin-top:		0.5em;
	margin-bottom:		0.2em;
	width:			100px; /* IE */
	line-height: 		36px;
	text-align: 		left;
	display:		block;
	color:			#294F7B; 
	text-decoration:	none;
}

ul#menue li a.baustelle {
	color:			#D3D3D3;
}

/* Hier liegt der Unterschied zum css fuer aktiviertes JS (display: none) */
/* so wird das Menue komplett ausgefahren */
ul#menue li a + ul.submenue{
	display:		block;
}

ul#menue li a:focus + ul.submenue {
	display:		block;
}

ul#menue li a:hover {
	color:			#ff6600;
	font-weight:		bold;
}

ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4 li a, ul#submenue5 li a, ul#submenue6 li a, ul#submenue7 li a{
	background:		none; /* IE */
	font-size:		0.9em;
	line-height:		1.2em;
/*	height:			1.3em;*/
	margin:			4px 2px 2px -50px;
	font-weight:		normal;
	text-decoration:	none;
}

ul#submenue1 li a:hover, ul#submenue2 li a:hover, ul#submenue3 li a:hover, ul#submenue4 li a:hover, ul#submenue5 li a:hover, ul#submenue6 li a:hover, ul#submenue7 li a:hover{
	font-weight:		bold;
}

ul#submenue1 li a:active, ul#submenue2 li a:active, ul#submenue3 li a:active, ul#submenue4 li a:active, ul#submenue5 li a:active, ul#submenue6 li a:active, ul#submenue7 li a:active{
/*	color:			#8FBC8F; funktioniert nicht im firefox */
	text-decoration:	none;
}