
<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
	html {
	margin: 0;
	padding: 0;
	height:100%;

	}
	body{
	margin:auto;
	padding:auto;
	height:100%;
	width:100%;
	overflow-y:scroll;
	font-family:"Calibri", "Candara", "Arial";
	}


	a:link {
		 text-decoration:none;
		}
	a:visited {
		text-decoration:none;
	}
	#codiert {
	unicode-bidi: bidi-override;
	direction: rtl;
	}
	#klein {
	color:#000000;
	text-decoration:none;
	font-size:small;
	}
	#fehler {
	color:#FF0000;
	text-decoration:none;
	font-family:Courier New;
	}
	#header{
		margin:0 auto 0 auto;
		max-width:960px;
		width:100%;
		height:100px;
		background-image:url(../bilder/header.gif);
		background-repeat:no-repeat;

	}
	#wrapper{
		margin:0 auto 0 auto;
		width:960px;
		background-color:#C3C9AB;
		padding:0;
		border:1px solid #999;

	}
	#navi{
		padding:20px 0 0 0;
		margin:0;
		width:160px;
		float:left;
		font-size:1.08em;



	}

	#navi ul{
		list-style: none;
		float:left;
		margin:0;
		padding:0;
		width:100%;
	}
	#navi li{
		clear:both;
	}

	#navi ul li span{
		color:#FFFFFF;
		text-decoration:none;
		background-color:#521825;
		display:block;
		width:150px;
		padding:10px 0 10px 10px;
		}


	#navi ul li a{
		display:block;
		width:100%;
		padding:10px 0 10px 10px;
		width:150px;
		color:#521825;

	}
	#navi ul li a:hover {
		color:#FFFFFF;
		text-decoration:none;
		background-color:#521825;
		opacity: 0.5;
		}
	#navi ul ul {
		display: none;
	}
	#navi #aktiv {
		display: block;
	}
	#navi ul li:hover ul {
		display: block;
	}
	#navi ul ul li span{
		color:#FFFFFF;
		text-decoration:none;
		background-color:#47383B;
		display:block;
		width:140px;
		padding:10px 0 10px 20px;
		}
	#navi ul ul li a{
		display:block;
		width:140px;
		padding:10px 0 10px 20px;
		color:#47383B;
	}
	#navi ul ul li a:hover {
		color:#FFFFFF;
		text-decoration:none;
		background-color:#47383B;
		opacity: 0.5;
		}

	#inhalt{
		min-height:700px;
		color:#000000;
		margin:0;
		background-color:#DDDDDD;

		float:right;
		width:769px;
		padding:20px 10px 50px 20px;
		border-left:1px solid #999;
		border-top:0;


	}

	#inhalt table {
	margin:0 auto 30px auto;
	width: 80%;
	empty-cells:show;
	position:relative;
	font-family:Consolas, monospace;
	}

	#inhalt tr {
	}

	#inhalt #farbe{
		background-color:#C3C9AB;
	}

	#inhalt td {
	text-align:left;
	padding:5px;
	}

	#inhalt th {
	text-align:left;
	padding:10px;
	}

	#inhalt caption {
	caption-side:top;
	}

	#inhalt #unten {
	caption-side:bottom;
	}

	#inhalt h3{
		margin-top:2em;
		margin-bottom:0.5em;
	}
	#inhalt a {
		color:#521825;
		font-weight:bold;
	}
	#inhalt a:hover{
		color:#FFFFFF;
	}

	#inhalt a.link_button {
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	border: solid 1px #47383B;
    	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    	background: #8A7067;
    	color: #FFF;
    	padding: 8px 12px;
    	text-decoration: none;
	}

	#inhalt a.link_button:hover{
		color:#DDD;
	}

	#footer {
	padding-top:2px;
	padding-bottom:2px;
    clear:both;
    background:#FFFFFF;
	font-size:1.05em;
	width:960px;
	margin:0 auto 0 auto;
	text-align:center;
	color:#777777;

	}
	#footer a{
		color:#777777;
		}
	#footer a:hover {
		color:#000000;
		text-decoration:none;
	}
	/*für mittlere Bildschirmgroeßen (Tablets)*/
	@media all and (max-width: 980px){
		#header{
			max-width:660px;
			width:660px;
		}
		#inhalt{
			max-width:469px;
			width:469px;
		}
		#wrapper{
			max-width:660px;
			width:660px;
		}
		#footer {
			max-width:660px;
			width:660px;

		}
	}
	/*für sehr kleine Bildschirmgroeßen (Handys, PDAs, etc.)*/
	@media all and (max-width: 700px){
		#header{
			max-width:100%;
			width:100%;
			height:90px;
		}
		#wrapper{
		max-width:99%;
		width:99%;
		}
		#footer {
			width:100%;
			max-width:100%;
			min-width:0;
			margin:0;
		}
		#navi{
			width:100%;
			font-size:1.5em;
			padding:0;
		}
		#inhalt{
			width:96%;
			max-width:96%;
			min-width:96%;
			padding:2%;
			border-top:1px solid #999;
			border-left:0;
			min-height:0;
			float:left;
		}
		body{
		min-width:300px;
		}
		#inhalt table {
			margin:auto;
			width: 100%;
		}
		#inhalt td {
			padding:0 0 0 2%;
		}
		#inhalt th{
			padding:0 0 0 2%;
		}
		#navi ul li span{
			padding:5px 0 5px 5%;
			width:95%;
		}
		#navi ul li a{
			padding:5px 0 5px 5%;
			width:95%;
		}
		#navi ul ul li span{
			padding:5px 0 5px 10%;
			width:90%;
		}
		#navi ul ul li a{
			padding:5px 0 5px 10%;
			width:90%;
		}

	}

</style>


