* {
	margin:0;
	padding:0;
}

body, html {
	text-align:center;
}

body { 
		background-color:#fff2f2; 
		color:#770202; 
		font-size: small; 
		font-family:'century gothic',verdana,helvetica,arial,sans-serif;
		}
.hilfe, dfn {  /* macht die Hilfsoptionen bei ausgeschalteter Bedienungshilfe unsichtbar */
		position: absolute;
		left: -1000px;
		top: -1000px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		display: inline;
		color: #fff2f2;
}
.cssoff {
		display: none;
}
ul, ol {
		margin-left: 1.4em;
}
li {
		margin: 0.5em;
}
#gesamt {
	position:relative;
	width:100%;
	min-width:600px;
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	padding:0;
}
#willkommen { /* liegt hinter dem Logo */
		position:absolute;
		left:171px;
		top:7px;
		width:500px;
		height:100px;
		margin: 7px; 
		padding:0;
		overflow: hidden;
		z-index: 0;
}
#bedienung {
		position: absolute;
		z-index: 5;
		left: 7px;
		top:0;
		width:150px;
		height:120px;
		margin: 7px 0; 
		padding:0;
		overflow: hidden;
}
#overlay { 
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
		display: block; 
		background-color:#fff2f2; 
		margin: 0; 
		padding: 0; 
		}
a {
		text-decoration:underline; 
}
a:link {  
		color:#bb0202; 
		text-decoration:underline; 
		}
a:visited {  
		color:#880202; 
		text-decoration:underline; 
		}
a:active, a:hover, a:focus {  
		color:#ff0202; 
		background-color:#f8f899;
		}
h1 {
		font-size: x-large;
		margin:0;
		padding:0;
}
h2 {
		color:#990202;
		font-size: x-large;
		font-variant:small-caps;
		margin:0;
		padding:0;
		}
h3 {
		color:#990202;
		font-size: large;
		font-weight:bold;
		margin:30px 0 0 0;
		padding:0;
		}
h4 {
		color:#990202;
		font-size: medium;
		font-weight:bold;
		font-style:italic;
		margin:13px 0 0 0;
		padding:13px 0 0;
		}
p {
	margin: 1.4em 0;
}
dl { 
		margin:13px; 
		padding:0; 
		}
dt {
		color:#990202;
		font-size: medium;
		font-weight:bold;
		font-style:italic;
		margin:7px 0;
		padding:0;
		}
dd { 
		margin:7px 0 13px; 
		padding:0 0 13px; 
		font-size: small;
		}
		
#kopf {
		position:absolute; 
		z-index: 3;
		top:0;
		left:0;
		background:url(../layout/kopf.png) repeat-x; 
		min-width:540px;
		width:100%;
		height:140px;
		margin:0; 
		padding:0;
		}
#kurve {
		position:absolute; 
		top:129px;
		left:0;
		background:url(../layout/kurve.png) no-repeat; 
		width:153px;
		height:23px;
		margin:0; 
		padding:0;
		}
#logo {
		position:absolute; 
		top:0;
		left:185px;
		background:url(../layout/ndlogo.png) no-repeat; 
		width:371px;
		height:139px;
		margin:0; 
		padding:0;
		}
#schnorkr {
		position:absolute; 
		top:102px;
		right:0;
		background:url(../layout/schnorkr.png) no-repeat; 
		width:40px;
		height:37px;
		margin:0; 
		padding:0;
		}
		
#baeuchlein {
		position: absolute;
		top:152px;
		left: 0;
		width: 100%;
		}		
#linkeSpalte { 
		top: 0; 
		margin: 0; 
		float: left;
		}
#navi {
		position: relative;
		margin: 0 -2em 0 0;
		padding-top:7px;
		background:url(../layout/links.png) repeat-y; 
		width:16em;
		}
.thema, .jetzt {
		cursor:pointer;
		margin: 0.4em 13px;
		color:#990202;
		padding: 2px;
		text-align:center;
		font-weight:bold;
		font-variant:small-caps;
		font-size: medium;
		}
.thema {
		background-color:#f8f8cc;
		border: 1px solid #990202;
		width:9em;
}
.thema a:link, a:visited {
		text-decoration: none;
		}
.thema a:hover, a:active, a:focus {
		text-decoration: underline;
		}
.thema:hover, .thema:focus {
		border: 2px solid #ff0202;
		padding: 1px;
		}
.jetzt{
		background-color:#f8f899;
		width: 8.8em;
		border: 2px solid #990202;
		display:block;
		}
#navi .punkte, #navi .hier{
		width: 7.7em;
		margin: 0.4em 0 1em 0;
		padding: 0;
		font-size: small;
		list-style: none;
		}
#navi li {
		background-color:#fff2f2;
		margin: 0.5em 0 0.2em 1.8em;
		padding: 0;
		text-indent: 0;
}
.punkte a:link, .punkte a:visited, .hier a:link, .hier a:visited, #bedienung a:link, #bedienung a:visited, #inhalt a:link, #inhalt a:visited, .copyright a:visited {
		text-decoration: underline;
		}
.punkte a:hover, .punkte a:active, .punkte a:focus {
		font-weight: bold;
		}
.hier{
		font-weight: bold;
		display:block;
		}
.hier a {
		font-weight: normal;
		text-decoration:underline; 
}
img, a img {
		color: #ff0202;
		border:0;
		}
#icon {
		display: inline;
		width: 1.6em;
		height: 1.6em;
		float: left;
		margin-top: -0.1em;
		margin-left: -1.6em;
		border: 0;
		}
#schnorkn {
		position:relative;
		top:0;
		left:101px;
		background:url(../layout/schnorkl.png) no-repeat;
		height:40px;
		width:38px;
		margin:13px 0 0 0;
		padding:0;
		}
#rechteSpalte {
		float:right;
		margin: 0;
}
.box {
		margin:13px;
		width:14em;
		display:block;
		text-align: center;
		/*background:#880202;
		border:1px solid black;
		padding:4px;
		color:#fff2f2;*/
		background: #f8f8cc url(boxo.png) top left repeat-x;
		padding:10px 0 0;
		}
.box div {
		background: url(boxr.png) top right repeat-y;
		padding: 0 10px 0 0;
		position:relative;
}
.box div div {
		background: url(boxu.png) bottom left repeat-x;
		padding:0 0 10px;
}
.box div div div {
		background: url(boxl.png) top left repeat-y;
		padding:0 0 0 10px;
}
.box div div div div {
		background: url(boxkurveol.png) top left no-repeat;
		margin:-10px 0 0 -10px;
		padding:10px 0 0 10px;
}
.box div div div div div {
		background: url(boxkurveor.png) top right no-repeat;
		margin:-10px -10px 0 0;
		padding:10px 10px 0 0;
}
.box div div div div div div {
		background: url(boxkurveur.png) bottom right no-repeat;
		margin:0 -10px -10px 0;
		padding: 0 10px 10px 0;
}
.box div div div div div div div {
		background: url(boxkurveul.png) bottom left no-repeat;
		margin:0 0 -10px -10px;
		padding: 7px 0 10px 10px;
}
.box span { 
		color:black; 
		background:#f8f8cc; 
		font: small "century gothic", helvetica, arial, verdana, sans-serif; 
		/*border:solid 1px; */
		border-top:1px solid #770202;
		display:block; 
		padding:7px 3px 3px;
		margin:7px;
		text-align: left;
		position:relative;
		}
h5 { 
		margin: 0 13px; 
		padding: 0; 
		border: 0; 
		font-size: medium; 
		font-variant: small-caps;
		letter-spacing: 0.07em; 
		}
.box .gelbesKastl { 
		float:right; 
		font-weight:bold; 
		border:double 3px black; 
		padding:7px; 
		margin-top:-14px; 
		margin-right:7px; 
		background-color:#f8f899; 
		font-size: small; 
		text-align:center; }
.box span ul, .box span li {
		text-indent: 0;
		margin: 0.7em;
		padding: 0;
}
a > .box, .box > a, a .box > div {
	text-decoration:none!important;
}
#inhalt { 
		margin:7px 13px 13px 187px;
		padding:0;
		font-size: small;
		display: block;
		}
table { 
		border:2px double #770202;
		}
th { 
		border:1px double #770202;
		font-weight:bold;
		text-align:left; 
		}
td { 
		border:1px double #770202;
		vertical-align:top;
		}
table p {
		margin: 0.5em;
		}
strong {
		letter-spacing: 0.02em;
}
acronym {
		background-color: #fff;
		border-bottom: 1px dotted #f8f899;
}
sup {
		font-size:0.7em;
}
#pfeil, #up {
		width:33px; 
		height:32px; 
		margin:20px;
		padding:0;
		border: 0;
		display: block;
		}
#pfeil {
		float:right; 
}
#up {
		position: relative;
		top:0;
		left:0;
		}
		
	
.copyright {
	position: relative;
	clear:both;
	left:0;
	text-align:center;
	display:block;
	width:90%;
	line-height:2em;
	font-size:0.7em;
	margin:1em 5%;
}