#background {
		background-color: #000066;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		position: absolute;
	}
    
    #background2 {
    }

	#website {
		background-color: #FFFFFF;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		width: 800px;
		position: relative;
	}

	#title {
		width: 776px;
		height: 29px;
		padding: 26px 12px;
		position: absolute;
		font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
		font-size: 2.0em;
        font-weight: bold;
		text-shadow: #000066 2px 2px 1px;
        color: #ffffff;
	}

	#header {
		width: 800px;
		height: 100px;
		position: relative;
		overflow: hidden;
	}
	#headerimg {
		position: absolute;
		top: -110px;
		left: 0;
		width: 800px;
		height: 320px;
	}

	#info {
		width: 800px;
		height: auto;
		/* min-height: 460px; */
		position: relative;
		background: url(/bilder/balken5.png);
		background-size: 200px 20000px;
		background-repeat: no-repeat;
	}
	#nav {
		display: inline-block;
		width: 176px;
		min-height: 460px;
		margin-bottom: 0px;
		padding: 12px 12px;
		position: relative;
		left: 0px;
		vertical-align: top;
		font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
        font-size: 120%;
        font-weight: normal;
	}
	#search {
		display: inline-block;
		position: relative;
		vertical-align: top;
		min-height: 60px;
		margin-top: 30px;
		width: 176px;
		/* float: left; */
		line-height: 25px;
		font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
	}
	#content {
		display: inline-block;
		width: 568px;
		min-height: 460px;
		padding: 16px 16px;
		position: relative;
		left: 0px;
		top: 0px;
		background-color: #FFFFFF;
		vertical-align: top;
		font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
        font-weight: 500;
		font-size: 90%;
	}
    
	#footer {
		width: 776px;
		height: 26px;
		line-height: 26px;
		padding: 8px 12px;
		position: relative;
		background-color: #FF9900;
		font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		clear: both;
	}
	
	body {
		scrollbar-base-color: #ff9900;
		scrollbar-track-color: #ff9900;
		scrollbar-face-color: #000066;
		scrollbar-shadow-color: #000033;
		scrollbar-darkshadow-color: #000000;
		scrollbar-highlight-color: #0000cc; 
		scrollbar-3dlight-color: #0000ff;
		scrollbar-arrow-color: #ffffff;
		margin: 0 0 0 0;
		color: #000066;
		background-color: #000066;
	}
	body2 {
		scrollbar-base-color: #ff9900;
		scrollbar-track-color: #ff9900;
		scrollbar-face-color: #000066;
		scrollbar-shadow-color: #000033;
		scrollbar-darkshadow-color: #000000;
		scrollbar-highlight-color: #0000cc; 
		scrollbar-3dlight-color: #0000ff;
		scrollbar-arrow-color: #ffffff;
		margin: 0 0 0 0;
		color: #000066;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAwIDgwMCI+CjxwYXRoIGZpbGw9IiMzYTc1YzQiIGQ9Im0wLDBoMjAwMHY0MDBoLTIwMDB6Ii8+CjxwYXRoIGZpbGw9IiNmOWRkMTYiIGQ9Im0wLDQwMGgyMDAwdjQwMGgtMjAwMHoiLz4KPC9zdmc+Cg==');
    }
	body:link			{ color: #0000cc }
	/* body:active			{ color: #ff0000 } */
	body:visited			{ color: #0000cc }



    .distance           { line-height: 7px }
    .distanceb          { line-height: 10px }
    .distances          { line-height: 4px }
    .distanceh          { line-height: 20px }
    .ruler              { height: 2px; background-color: #000066; width: 100% }
    .separator          { display: block; height: 20px; background-color: #000066; }
    .advertise          { float: none; text-align: center; vertical-align: middle; font-family: "Source Sans Pro", "source_sans_proregular", "Arial", sans-serif; }
    .droid              { font-family: "Droid Sans Bold", "droid_sansbold", "Trebuchet MS", sans-serif; }
    
    .overlay1           { position: absolute; z-index: 10; top: 0px; left: 0px; }
    .overlay2           { position: absolute; z-index: 11; top: 0px; left: 0px; }
	
	.left				{ float: left; text-align: center; vertical-align: middle }
	.center				{ float: none; text-align: center; vertical-align: middle }
	.right				{ float: right; text-align: center; vertical-align: middle }
    
    .alignc             { text-align: center; }
    .alignl             { text-align: left; }
    .alignr             { text-align: right; }
    
    .jumpto             { white-space: nowrap }
    .list               { list-style-image: url(/bilder/orange_dot.png) }
    .higherline         { line-height: 150% }
    .vmiddle            { vertical-align: middle }
    .vtop               { vertical-align: top }
    .vbottom            { vertical-align: bottom }
    
    .noborder           { border-style: none }
    .nopadding          { padding: 0px }
    .nospacing          { border-spacing: 0px }
    .spacing            { border-spacing: 4px }
    .fullwidth          { width: 100% }
	
	.category			{ width: 128px; font-weight: bold }
    
    .rightcolumn        { width: 100px; text-align: right }
    .logocolumn         { width: 80px; text-align: center; vertical-align: middle }
    .fill               { width: 100%; height: 100% }
    
    .face               { float: left; margin-right: 20px }
	
	.congenio {
		font-family: Garamond,ARIAL,SANS-SERIF;
		font-size: 130%;
		font-weight: bold;
		line-height: 90%;
		letter-spacing: 0.07em;
	}
	.couriern {
		font-family: TIMES, COURIER, serif;
		font-size: large;
	}
	.couriers {
		font-family: TIMES, COURIER, serif;
		font-size: medium;
	}
	.code {
		font-family: PT Mono, COURIER, monospace;
		font-size: small;
		color: #006600;
		width: 30em;
	}
    .medium {
        font-size: medium;
    }
    .bold {
        font-weight: bold;
    }
    .big {
        font-size: large; font-weight: bold;
    }
    .small {
        font-size: small;
    }

	.input { font-family: Courier, monospace; font-size: medium; }

	a 					{ color: #0000ff; text-decoration: none }
	a:link 				{ color: #0000ff; text-decoration: none }
	a:visited 			{ color: #0000cc; text-decoration: none }
	a:active			{ color: #ff0000; text-decoration: none }
	a:hover 			{ color: #6666ff; text-decoration: none }

	a.navbar 			{ color: #000066; text-decoration: none }
	a.navbar:link 		{ color: #000066; text-decoration: none }
	a.navbar:visited 	{ color: #000066; text-decoration: none }
	a.navbar:active		{ color: #ff0000; text-decoration: none }
	a.navbar:hover 		{ color: #ff9900; background-color: #000066; font-weight:bold }
	
	div.navbar1			{ white-space: nowrap; line-height: 25px; font-size: 100% }
	div.navbar2			{ white-space: nowrap; line-height: 24px; font-size: 85% }
	div.navbar3			{ white-space: nowrap; line-height: 21px; font-size: 75% }
	
	.selected			{ font-weight: 900 }
    
    code {
        display: block;
        font-family: PT Mono, Lucida Console, Consolas, COURIER, monospace;
        padding: 0.5em 0.5em;
        white-space: pre-wrap;       /* Since CSS 2.1 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
        word-break: keep-all;
        overflow: auto;
        display: block;
        text-indent: 2em hanging each-line;
        background-color: #eeeeee;
    }
	
	@font-face {
		font-family: Garamond;
		local: Garamond;           // Erst nachsehen, ob die Schrift
								   // beim Besucher schon installiert ist
		src: url('/fonts/EBGaramond-webfont.eot');
		src: url('/fonts/EBGaramond-webfont.woff') format('woff'),
			 url('/fonts/EBGaramond-webfont.ttf') format('truetype'),
			 url('/fonts/EBGaramond-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}
    @font-face {
        font-family: 'Lato';
        local: 'Lato';
        src: url('/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
        src: url('/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
             url('/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
             url('/fonts/Lato-Regular.ttf') format('truetype');
        font-style: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
    }
    @font-face {
        font-family: 'LatoWebSemibold';
        src: url('/fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
        src: url('/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('/fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
             url('/fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
             url('/fonts/Lato-Semibold.ttf') format('truetype');
        font-style: normal;
        font-weight: bold;
        text-rendering: optimizeLegibility;
    }
	@font-face {
		font-family: Vollkorn;
		local: Vollkorn;           // Erst nachsehen, ob die Schrift
								   // beim Besucher schon installiert ist
		src: url('/fonts/Vollkorn-Regular.eot');
		src: url('/fonts/Vollkorn-Regular.woff') format('woff'),
             url('/fonts/Vollkorn-Regular.woff2') format('woff2'),
			 url('/fonts/Vollkorn-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: Vollkorn;
		local: Vollkorn;           // Erst nachsehen, ob die Schrift
								   // beim Besucher schon installiert ist
		src: url('/fonts/Vollkorn-Bold.eot');
		src: url('/fonts/Vollkorn-Bold.woff') format('woff'),
             url('/fonts/Vollkorn-Bold.woff2') format('woff2'),
			 url('/fonts/Vollkorn-Bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
	}
	@font-face {
		font-family: 'Open Sans';
		local: 'Open Sans';        // Erst nachsehen, ob die Schrift
								   // beim Besucher schon installiert ist
		src: url('/fonts/OpenSans-Regular-webfont.eot');
		src: url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
			 url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
			 url('/fonts/OpenSans-Regular-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'PT Mono';
		local: 'PT Mono';        // Erst nachsehen, ob die Schrift
								   // beim Besucher schon installiert ist
		src: url('/fonts/ptm55ft-webfont.woff') format('woff'),
             url('/fonts/ptm55ft-webfont.woff2') format('woff2'),
			 url('/fonts/ptm55ft-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}