html, body {
			margin: 0;
			padding: 0;
}
body {
			width: 100%;
			max-width: 100%;
			background-color: #fff; /* HG main*/
			font: 400 0.8em Geneva, Arial, Helvetica, sans-serif;
			color: #222;
			line-height: 2.1em;
}
h1 {
			margin-right: 30px;
			font: 800 2em Geneva, Arial, Helvetica, sans-serif;
			text-align:left;
			color: #222;
}
h2 {
			margin-right: 30px;
			font: 600 1.4em "Courier New", Courier, monospace;
			text-align: left;
			color: #444;
			color: #222;
}
h3 {
			margin-right: 30px;
			font: 600 1.3em "Courier New", Courier, monospace;
			text-align: left;
			margin-bottom: -1px;
			color: #444;
			color: #222;
}
h4 {
			margin-right: 30px;
			color:#333;
			font: 500 1em Geneva, Arial, Helvetica, sans-serif;
			text-align: left;
			margin: 10px 0 -5px 0;
}
a {
			color: #000000;
			text-decoration:none;
}
a:link {
			color: #000;
} /* nicht besuchte Links */
a:visited {
			color: #000;
} /* besuchte Links */
a:hover, a:focus {
			text-decoration: none;
			color: #a00;
			background-color: #E9E9E9;
} /* gerade beruehrter Link */
a:active {
			color: #900;
}
/* aktive Links */

#img {
			border: none;
}
/* -----------------------
Textdekoration - text-decoration
------------------------*/

.unterstrich {
			text-decoration: underline;
}
.ueberstrich {
			text-decoration: overline;
}
.durchstrich {
			text-decoration: line-through;
}
.blinken {
			text-decoration: blink;
}
.enger {
			line-height: 1.5em;
}
.text-shadow {
			text-shadow: #c0c0c0 3px 3px 5px;
}
.grossabstand {
			letter-spacing: 0.2em;
}
#left {
			position: fixed;
			top: 0;
			left: 0;
			overflow: hidden;
			height:100%;
			width: 30%;
			text-align: right;
			background: #FFFFFF url(../images/layout/fade.png) no-repeat right; /* HG links*/
			img-border: none;
			line-height: 1.3;
}
#left img {
			border: none;
}
.left {
			text-align:right
}
#outer {
			position: absolute;
			left: 0;
			top: 50%;
			width:100%;
			height: 240px;
			margin-top: -190px;
 text-align:right background-color:#FFF;
}
body > #left {
			position:fixed;
}
/*----------------
Gaestebuch
-----------------*/

#guestbook {
			height: 95%;
			margin: 50px 5% 20px 38%;
			padding-top: 0px !important;
			overflow:auto;
			margin-right:50px;
			background-color:#FFF;
}
/*---------------------
Inhaltbox rechts
-----------------------*/
#main {
			height: 95%;
			margin: 100px 5% 20px 38%;
			padding-top: 0px !important;
			overflow:auto;
			margin-right:50px;
			background-color:#FFF;
}
#main img {
			border: none;
			margin-right: 5px;
}
#main img a:hover {
			border: #FF0000 solid 1px;
}
/* --------------------------------
Farbe Linkunterstreichung Main-Text
---------------------------------*/
#gallerycontainer a,
#bio a,
#main a {
			border-bottom: #CCC solid 1px
}
span.title {
			display: block;
			margin: 0 0 5px 0;
			font: 600 1.1em Geneva, Arial, Helvetica, sans-serif;
			color: #fff;
}
span.red {
			color:#a00;
}
span.black {
			color:black;
}
span.white {
			color:#FFFFFF;
}
span.gray {
			color: gray;
}
span.hellgrau {
			color: #CCC;
}
span.hinweis {
			font-size:11px;
			color: gray;
}
#hinweis a {
			color: gray;
			border-bottom-color: gray;
			text-decoration:underline;
}
#hinweis a:hover {
			color:  #a00;
			border-bottom-color: #a00;
}

span.hinweis2 {
			font-size:11px;
			color: gray;
			line-height:0.1em;
}

#hinweis2 a {
			color: gray;
			border-bottom-color: gray;
			text-decoration:underline;
}

#hinweis2 a:hover {
			color:  #a00;
			border-bottom-color: #a00;
}

span.courier_new {
			font-family:"Courier New", Courier, monospace;
}
span.code {
			font-family:"Courier New", Courier, monospace;
			font-size:12px;
}
#quellcode a {
			text-decoration:none;
}
#quellcode {
			border: gray solid 1px;
			padding: 15px;
			width: 440px;
}
a.nav {
			display: block;
			margin: 0;
			text-decoration: none;
			font: "Courier New", Courier, monospace;
			color:black;
			padding: 0 30px 3px 0;
}
a.nav:hover {
			color: #a00;
			background: #E9E9E9;
			text-decoration: none;
}
a.nav:active {
			color: #a00;
			background: #CCC;
			text-decoration: none;
}
.date {
			float: left;
			width: 2.0em;
			font: 600 1.3em "Courier New", Courier, monospace;
			padding-right: 5px;
			text-align: right;
			margin:20px;
}
div.main {
			margin-left: 2.9em;
			margin-bottom: 25px;
			padding: 0 30px 30px 5px;
			background: #fff;
			height: 500px;
}
img.main {
			float: right;
			margin: 10px;
			padding: 4px;
			border: solid 1px #2e2e2e;
}
a img.main:hover {
			background: #E9E9E9;
}
/* ---------------
biocontainer
----------------*/

#biocontainer {
			width: 550px;
			overflow:auto;
}
#biobild {
			float:left;
}
#bio {
			float:right;
			width: 300px;
			margin-right: 20px;
}
/* ---------------
modellcontainer
----------------*/

#modellcontainer {
			width: 550px;
}
#modellbild1 {
			margin-top: 15px;
			float:left;
			padding-right: 15px;
			padding-top: 7px;
}
#modelltext1 {
			width: auto;
			overflow:auto;
			padding-top: 3px;
}
#modelltext2 {
			padding-top: 15px;
}
#modelltext3 {
			padding-top: 0px;
}
/* -------------------------
Panorama
--------------------------*/

#pano {
			margin-left: -50px;
}
#panorama {
			margin-top: -65px;
}
/* --------------------------------
Bildercontainer
----------------------------------*/

div#portfolio {
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -130px;
			margin-top: -290px;
			width: 550px;
			height: 350px;
}

div#gallerycontainer {
			margin:0px;
			padding:0px;
}
.gallerycontainer {
			position: relative;
}
.thumbnail img {
			border: 1px solid white;
			text-align:center;
}
.thumbnail:hover {
			background-color:#a00;
			text-align:center;
}
.thumbnail:hover img {
			border: 1px solid white;
			text-align:center;
}
.thumbnail span { /*CSS fuer Grossbild*/
			position: absolute;
			height:350px;
			left: -1000px;
			visibility: hidden;
			color: black;
			text-decoration: none;
			text-align:center;
}
.thumbnail span img { /*CSS fuer Grossbild*/
			border-width: 0;
			padding: 2px;
			text-align:center;
}
.thumbnail:hover span { /*CSS fuer Grossbild*/
			visibility: visible;
			top: 108px; /* Firefox 95px IE 113px (neu gemeinsam 109)*/
			left: -3px;
			text-align: center;
			z-index: 50;
}

/* --------------------------------
fdm
----------------------------------*/

div#fdm1 {
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -130px;
			margin-top: -290px;
			width: 550px;
			height: 350px;
			z-index:1;
}


div#fdm2 {
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -130px;
			margin-top: -290px;
			width: 550px;
			height: 350px;
			z-index:2;
}

/*--------------
zurueck/vor unten
------------------*/

#centrieren {
			text-align: center;
}
/*----------------------------------
Startbild
----------------------------------*/

#startbild {
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -150px;
			margin-top: -195px;
			width: 550px;
			height: 500px;
			text-align:left;
}
/*------------------------
kursbild
-----------------------*/

#kursbild {
			float: right;
			margin-right: 50px;
			padding: 15px 0 10px 25px;
}
/* ----------------------
kursinhalt
-----------------------*/

#kursinhalt {
			width: 400px;
}
/*----------------------------------
navigation Inhalt Portfolio
----------------------------------- */
/* Root = Horizontal, Secondary = Vertical */

ul#navmenu {
			margin: 0;
			border: 0 none;
			padding: 0;
			width: 550px; /*For KHTML*/
			list-style-type:none;
			height: 24px;
			display:block;
}
ul#navmenu li {
			margin: 0;
			border: 0 none;
			padding: 0;
			float: left; /*For Gecko*/
			display: inline;
			list-style: none;
			position: relative;
			height: 24px;
}
ul#navmenu ul {
			margin: 0;
			border: 0 none;
			padding: 0;
			width: 160px;
			list-style: none;
			display: none;
			position: absolute;
			top: 24px;
			left: 0;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/ {
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
}
ul#navmenu ul li {
			width: 160px;
			float: left; /*For IE 7 lack of compliance*/
			display: block !important;
			display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
			padding: 0 6px;
			float: none !important; /*For Opera*/
			float: left; /*For IE*/
			display: block;
			background: #fff;
			color: #000;
			font: 12px/22px Geneva, Arial, Helvetica, sans-serif;
			text-decoration: none;
			height: auto !important;
			height: 1%; /*For IE*/
			border-bottom:#FFFFFF solid 1px;
}
/* -----------------------------------
Root Menu Hover Persistence 
-------------------------------------*/

ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
			background: #E9E9E9;
			color: #a00;
}
ul#navmenu ul ul, ul#navmenu ul ul ul {
			display: none;
			position: absolute;
			top: 0;
			left: 160px;
}
/* ---------------------------------------------------
Do Not Move - Must Come Before display:block for Gecko
---------------------------------------------------- */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul, ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul {
			display: none;
}
ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul, ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul {
			display: block;
}
ul {
			list-style-image: url(../images/layout/punkt.png);
}
ul#navmenu a:active {
			color: #a00;
			background: #CCC;
			text-decoration: none;
}
/*---------------------------
flags
---------------------------*/

#flags {
			margin:0px;
			padding:0px;
			align:center;
}
#flags img {
			border:none;
			margin: 1px;
}
/*---------------------------
nicht anzeigen
---------------------------*/	  
#verbergen, #sitemap {
			position: absolute;
			top: -5000px;
			left: -5000px;
			width: 0;
			height: 0;
			overflow: hidden;
			display: inline;
}
#knut {
			padding-top: 150px;
			color: #CCC;
			border:none;
}
#anmelden {
			margin-right: 20px;
			margin-bottom: -1px
}
/* ----------------------------------
Textauszeichnung (text-transform)
----------------------------------- */

.klein {
			text-transform: lowercase;
}
.gross {
			text-transform: uppercase;
			letter-spacing: 1.6px;
}
.capital {
			text-transform: capitalize;
}
.bold {
			font-weight:bold;
}
.gray {
			color: gray;
}
.red {
			color: #A00
}
.fett {
			font-weight:bold;
}
.themen {
			line-height: 1.3em;
}
.profil {
			line-height: 2em;
			margin-left: -25px;
			list-style-type:square;
}
.weiter {
			font-weight:bold;
			color: #a00;
}
.pfeil {
			font-weight:bold;
			color: #a00;
			font-size:12px;
			text-decoration: blink;
}
.top {
			font-weight:bold;
			color: #AAA;
			
}

.h-weis {
			text-transform: uppercase;
			letter-spacing: 2px;
			font-size: 1.3em;
			font-weight:bold;
			font-family:"Courier New", Courier, monospace;
}

#ol {		
			margin-left: -15px;
}

.ul {
			margin-left: -25px;
									line-height: 1.5em;
}

.agb {		line-height: 1.5em;
			direction: left;
}

.stundensatz { font: 600 1.4em "Courier New", Courier, monospace;}

#huxt { position: absolute;
				left: 50%;
				top: 50%;
				margin-left: -512px;
				margin-top: -300px;
				width: 1024px;
				height: 400px;
					}