html {
				font-family: verdana, arial, sans-serif;
				color: #333;
				background: #ECECEC;
				height: 100%; 
				border-left: 2px solid #7B92B0;
				border-top:  2px solid #7B92B0;
			}
			
			body {
				padding-left: 250px; 
				margin: 0 0 0 -2px;
				border-left: 2px solid #7B92B0;
			}
		
			div#top {
				border-top:   1px solid #CCD2D8; 
				border-right: 1px solid #CCD2D8;
				width: 85%;
				max-width: 950px;
				min-width: 350px;
				margin-top: 20px;
				
			}
			
			div#top h1 {
				margin: -10px 0 0 10px;
				font-size: 20px;
				padding: 0;
				text-align: left;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #CCD2D8;
				text-transform: lowercase;
				letter-spacing: -1px;
			}
			
			div#top h1 a em {
				color: #CCD2C8;	
			}
			
			div#top h1 a {
				color:#CCD2D8;
				text-decoration:none;
			}
			
			div#top h1 a:hover {
				color:#CCD2C8;
			}
			
			div#top h1 a:hover em {
				color:#CCD2D8;
			}

			div#top div {
				margin: 0 50px;
				padding: 0px;
				text-align: justify;
				border-left: 2px solid #CCD2D8;
			}
			
			div#top div h1 {
				margin: 50px -10px 0 -50px;
				padding: 0;
				padding-left: 2em;
				text-align: right;
				font-size: 1.65em;
				border-bottom: 2px solid #CCD2D8;
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #CCD2D8;
				text-transform: lowercase;
				/*text-shadow: #BBC2D8 0.07em 0.07em 0.15em; */
			}
			
			div#top div h1:after{
				content:" …";
			}
			
			div#top div div {
				margin: 0;
				margin-right: -10px;
				margin-bottom: -2px;
				padding: 0.1em 1em;
				line-height: 1.5em;
				border: none;
				background-color: #F6F6F6;
				border-bottom: 2px solid #CCD2D8;
			}
			
			div#top div div p {
				text-indent: 1em;
			}
			
			div#top div div p.info {
				text-indent: 0em;
				font-size: small;
			}
			
			div#top div div p.download a {
				padding-left: 22px;
				background: transparent url(./gfx/download_icon.gif) left center no-repeat;
			}
			
			div#top div div ul {
				padding: 10px 5px 10px 40px;
			}
			
			hr {
				visibility: hidden;
				clear: both; 
				padding: 0;
				margin: 0;
				height: 0;
				line-height: 0;
				border: none;
			}
			
			div#menu {
				margin: 0;
				padding: 0;
				position: absolute;
				top: 75px; 
				left: -48px;
				width: 225px;
				
			}
			html>body div#menu {  
				position: fixed;
				border: 1px solid #7B92B0;
				border-bottom: 2px solid #7B92B0;
			}
			div#menu #mainmenu {
				font-size: 0.8em;
				margin: 0; 
				padding: 0;
			}
			div#menu ul#mainmenu li {
				list-style: none;
				margin: 0; 
				padding: 0;
				font-weight: bold;
				background-color: #F7F7F7;
			}
			
			div#menu ul#mainmenu li ul {
				margin: 0; 
				padding: 0;
				border-left: 10px solid #CCD2D8;
			}
			
			div#menu ul#mainmenu li ul li {
				border-left: 1px solid #7B92B0; 
				font-weight: normal;
			}
			
			div#menu ul#mainmenu li strong {
				display: block;
				padding: 0.5em;
				background-color: #CCD2D8;
				border-top: 1px solid #7B92B0;
				border-left:none;	
				border-right: 10px solid #7B92B0;
				color: #112A5D;
			}
			
			div#menu ul#mainmenu li a {
				display: block;
				padding: 0.5em;
				font-weight: bold;
				text-decoration: none;
				border-top: 1px solid #7B92B0;
				border-right: 10px solid #7B92B0;
				color: #9A2525;
			}

			div#menu ul#mainmenu a:hover {
				background-color: #DCE3E9;
				color: #631717;
				margin-right: 10px;
			}
			
			ul#foot {
				position:fixed;
				bottom:0px; 
				left:0px; 
				right:0px;
				margin:0 0 -1px 3px;
				padding:0;
			}
			
			ul#foot li{
				display: inline;
			}
			
			ul#foot img {
				border: none;
				margin: 0;
				padding: 0;
			}
			
			.left {
				text-align: left;
			}

			.center {
				text-align: center;
			}

			.right {
				text-align:right;
			}

			.fleft {
				float: left;
				margin: 10px;
				padding: 2px;
			}

			.fright {
				float: right;
				margin: 10px;
				padding: 2px;
			}

			dl.image dt {
				margin:0;
				padding:0px 5px;
			}


			dl.image dd {
				margin:0;
				padding:0;
				text-align: center;
			}

			dl {
				border: solid 1px #CCD2C8;
				color: #7B92B0;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 0.75em;
				background: #F9F9F9;
				text-align: left;
			}

			img.border, img.noborder {
				padding: 3px;
				margin:  5px;
			}
			
			img.border {
				border: solid 1px #112A5D;
			} 
			
			div#top div div a:link, div#top div div a:visited, div#top div div a:active { 
				font-weight:bold; 
				color: #336699; 
				text-decoration:none;
			}

			div#top div div a:hover { 
				font-weight:bold;
				color:#6699CC;
				text-decoration:none;
			}

			div#top div div a:focus { 
				font-weight:bold; 
				color:#9A2525; 
				text-decoration:underline;
			}

			div#top div div p.game {
				text-align: center;
				border: none;
				margin: 2%;
				padding: 2%;
				text-indent: 0;
			}
			
			
			div#top div div span.date {
				font-family: Georgia, "Times New Roman", Times, serif;
				color: #CCD2D8;
				float: right;
				margin: 0.8em 0.5em 0.1em 0.75em;
				font-size: 1.3em;
			}
			
			/* Feedbackformular */

			#formular{
				text-align: center;
			}

			#formular fieldset {
				border: solid 1px #999;
				width: 500px;
				margin-left:auto;
				margin-right:auto;
			}

			#formular legend {
				font-size: 8pt;
				color: #999;
				font-family: monospace;
				margin-left: 0px;
			}

			#formular button {
				background-color: #F0F0F0;
				color : #1F1F1F; 
				cursor: pointer;
				margin-top: 5px;
				margin-bottom: 5px;
				text-align: center;
			}

			#formular p { 
				text-align: center;
				margin: 2px;
				font-size: 0.9em;
			}

			#formular label{
				float:left;
				width:100px;
				padding-left:25px;
				margin-top: 3px;
				text-align:left; 
			}

			#formular input{
				text-align:left;
				text-indent: 2px;
				color: #1F1F1F;
				border-top: 1px solid #666; 
				border-right: 0px none; 
				border-bottom: 0px none; 
				border-left: 1px solid #666; 
				background-color:#eee;
				height: 18px;
				width: 300px;
				margin-bottom: 2px;
				margin-top: 3px;
			}
			
			#formular #phone{
				display: none;
			}

			#formular input.readonly{
				background-color:#ddd;
			}

			#formular textarea {
				text-indent: 2px;
				color: #1F1F1F;
				border: 1px solid #666; 
				border-right: 0px none; 
				border-bottom: 0px none; 
				border-left: 1px solid #666; 
				background-color:#eee;
				width: 430px;
				height:225px;	
				margin-left:10px;
				margin-right:10px;
			}			
			
			/* Galerie */

			div#top div div div#csspopup {
				background: #ECECEC;
				display: none;
				position: absolute;
				cursor: default;
				border: 1px solid #F1F2F3;
				z-index:1000;
				margin:0;
				padding:0;
			}
	
			div#top div div div#popuphead {
				text-align: center; 
				background: #7B92B0; 
				float: left;
				padding: 5px;
				color: #CCD2D8;
				font-family: verdana, arial, sans-serif;
				font-size: 10pt;
				margin:0;
				border: 1px solid #7B92B0;
			}	
			
			div#top div div #closeit {
				text-align: center;
				background: #7B92B0;
				cursor: pointer;
				padding: 5px 0px 5px 5px;
				color: #CCD2D8;
				font-family: verdana, arial, sans-serif;
				font-size: 10pt;
				margin:0;
				border: 1px solid #7B92B0;
			}
		
			div#top div div #closeit span {
				border: 1px solid #7B92B0;
				padding: 0px 3px 0px 3px;
				color: #F1F2F3;
			}

			div#top div div #closeit a{
				color: #F1F2F3;
				text-decoration:none; 
				text-transform: none; 
				font-weight: normal;  
				font-size: 10pt; 
				letter-spacing: 0px; 
				margin:0px;
				font-family: verdana, arial, sans-serif;

			}
		
			div#top div div div#popupbody {
				border: 1px solid #7B92B0;
				background-color: #ECECEC; 
				background-position:50% 50%;
				background-repeat:no-repeat;
				
				background-image:url(/gfx/load.gif);
				
				text-align: center;
				padding: 5px;
				clear:left;
				margin:0;
			}
			
			div#top div div div#popupbody img{
				margin:5px; 
				border: solid 1px #112A5D;
				padding: 3px;
			}
			
			/* Calendar JavaScript */
				
			#calendar { /* Fuer IE <= 6 */
				text-align: center;
			}
    
			#calendar table thead th{ 
				font-weight: bold; 
				font-size: 0.75em;
				line-height: 1.5em;				
				color: #BFBFC1; 
				text-align: center;
				background-color: #112A5D;
			}
			
			#calendar table thead th.weekday{ 
				font-weight: bold; 
				font-size: 0.5em;
				line-height: 1.5em;
				color: #112A5D; 
				text-align: center;
				background-color: #CCD2D8;
				border: solid #112A5D 1px;
			}
  	  	  	
			#calendar table tbody td{ 
				font-weight: normal; 
				font-size: 0.5em;
				line-height: 1.5em;
				padding-left: 5px; 
				padding-right: 5px; 
				color: #0E224B; 
				text-align: right;
				border: solid #CCD2D8 1px;
			}
			
			#calendar table tbody td.saturday{ 
				color: #9A2525;
				font-weight: normal;
			}
			
			#calendar table tbody td.sunday{ 
				color: #9A2525;
				font-weight: bold;
			}
			
			#calendar table tbody td.weekend{ 
				color: #9A2525;
			}
			
			#calendar table tbody td.today{
				background-color: #A7B5C7;
			}
			
			#calendar table tbody td.last_month, #calendar table tbody td.next_month {
				color: 	#a3afc4;
			}
			
			#calendar table{
				border-collapse: collapse;
				border: solid #112A5D 2px;
				padding: 0;
				margin-left:auto;
				margin-right:auto;
				background-color: #F6F6F6;
			}
			
			/* Suchmaschine JavaScript */
			#derletztekicksearchengine{
				text-align: center;
			}

			#derletztekicksearchengine fieldset {
				border: solid 1px #999;
				width: 450px;
				margin-left:auto;
				margin-right:auto;
			}

			#derletztekicksearchengine legend {
				font-size: 8pt;
				color: #999;
				font-family: monospace;
				margin-left: 0px;
			}
			
			
			#derletztekicksearchengine button {
				background-color: #F0F0F0;
				color : #1F1F1F; 
				cursor: pointer;
				margin-top: 5px;
				margin-bottom: 5px;
				text-align: center;
				text-indent: 0;
			}

			#derletztekicksearchengine p { 
				text-align: center;
				margin: 2px;
				font-size: 0.9em;
			}

			#derletztekicksearchengine label {
				width:150px;
				padding-left:25px;
				margin-top: 3px;
				text-align:left; 
			}

			#derletztekicksearchengine input#q {
				text-align:left;
				text-indent: 2px;
				color: #1F1F1F;
				border-top: 1px solid #666; 
				border-right: 0px none; 
				border-bottom: 0px none; 
				border-left: 1px solid #666; 
				background-color:#eee;
				height: 18px;
				width: 200px;
				margin-bottom: 2px;
				margin-top: 3px;
			}
			
			#searchresult table {
				border-collapse:collapse;
				border: solid #0E224B 1px;
				padding-left: 0px; 
				padding-right: 0px;
				padding-bottom: 0px; 
				padding-top: 0px;
				background-color: #DEDFE2;
				margin-left:auto;
				margin-right:auto;
				margin-top: 20px;
			}

			#searchresult th { 
				font-weight: bold; 
				font-size: 9pt; 
				color: #BFBFC1; 
				font-family: verdana, arial, sans-serif; 
				text-align: center;
				height: 20px; 
				background-color: #112A5D;
				padding: 2px 7px;
				text-indent: 0;
			}
	
			#searchresult td{ 
				border: solid #0E224B 1px;
				font-weight: normal; 
				font-size: 8pt; 
				color: #0E224B;
				font-family: verdana, arial, sans-serif;
				padding: 3px;
				white-space:nowrap; 
				text-indent: 0;
			}
			
			
			/* SUDOKU */
			
			table#sudoku_panel {
				border-collapse: collapse;
				margin-left: auto;
				margin-right: auto;
			}
			#sudoku_panel tbody td {
				border: 1px solid black;
				padding: 10px 10px;
				margin: 0;
				text-align:center;
				vertical-align: middle;
				width: 20px;
				height: 20px;
				background-color: #eee;
			}
			
			#sudoku_panel tbody td.topBorder{
				border-top: 2px solid black;
			}
			
			#sudoku_panel tbody td.bottomBorder{
				border-bottom: 2px solid black;
			}
			
			#sudoku_panel tbody td.leftBorder{
				border-left: 2px solid black;
			}
			
			#sudoku_panel tbody td.rightBorder{
				border-right: 2px solid black;
			}
			
			#sudoku_panel tbody td.notice {
				padding: 4px;
				vertical-align: bottom;
				font-size: 0;
				line-height: 0;
				background-color: white;
			}
			
			#sudoku_panel tfoot td {
				font-size: x-small;
			}
			#sudoku_panel tfoot td.leftFootInfo {
				text-align:left;
			}
			#sudoku_panel tfoot td.centerFootInfo {
				text-align:center;
			}
			#sudoku_panel tfoot td.rightFootInfo {
				text-align:right;
			}
			#sudoku_panel input {
				border: none;
				text-align:center;
				width: 20px;
				height: 18px;
				margin-bottom:0;
				padding:0;
			}
			
			#sudoku_panel input.notice {
				font-family: arial, sans-serif;
				border: 1px solid #eee;
				text-align:left;
				width: 20px;
				font-size: 8px;
				height: 9px;
				margin: 0 5px;
			}
			
			#sudoku div#slider01 {
				margin: 0.5em auto;
				position: relative;
				width: 176px;
				height: 20px;
				background: url(./gfx/sudoku_range.png) 50% 50% no-repeat;
				border: 0px solid transparent;
			}
			
			div#slider01 img {
				position: absolute;
				top: 2px;
				left: 0px;
				border: none;
			}

			/* Minesweeper JS */
			
			#minesweeper table {
				border:1px solid #666;
				margin: 2% auto;
			}
			
			#minesweeper thead th {
				margin:0;
				padding:5px;
				width:15px;
				height:15px;
				font-size:12px;
			}
			
			#minesweeper tbody td {
				margin:0;
				padding:5px;
				width:15px;
				height:15px;
				line-height:15px;
				font-size:12px;
				text-align: center;
				font-weight: bold;
				cursor: default;
			}
			
			#minesweeper td.normal {
				border: 1px solid #eee;
				border-style: outset;
				background-color: #e3e3e3;
				background-image:none;
			}
			
			#minesweeper td.open {
				border: 1px solid #eee;
				border-style: inset;
			}
			
			#minesweeper td.select {
				border: 1px solid #eee;
				border-style: outset;
				background: #e3e3e3 url(./gfx/minesweeper_flagg.png) no-repeat 50% 50%;
			}
			
			#minesweeper td.mine {
				border: 1px solid #eee;
				border-style: inset;
				background: #ccc url(./gfx/minesweeper_mine.png) no-repeat 50% 50%;
			}
			
			#minesweeper td.laststep {
				border: 1px solid #eee;
				border-style: inset;
				background: #ff0000 url(./gfx/minesweeper_mine.png) no-repeat 50% 50%;
			}			
			
			#minesweeper tfoot td {
				font-size: x-small;
			}
			
			#minesweeper tfoot td span{
				color: #112A5D;
				cursor: pointer;
			}
			
			/* SNAKE */
			#snake table { 
				border-collapse:collapse;
				margin: 2% auto;
			}

			#snake tbody td { 
				border:1px solid black; 
				width: 15px;
				height: 15px;
			}

			#snake thead th { 
				border:1px solid black; 
				text-align:center;
			}

			#snake td.right {
				text-align:right;
			}

			#snake td.left {
				text-align:left;
			}


			#snake tfoot td { 
				font-size:x-small;
			}

			#snake tfoot td span{ 
				color: darkblue;
				font-weight: bold;
			}