body {
	height: 100%;
	margin: 0;
	max-height: 100%;
	overflow: hidden;
	padding: 0;
	}

#kopf, #abschluss {
	background-color: black;
	height: 100px;
	left: 0;
	overflow: visible;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:2;
}

#kopf  {
	background-image: url(giffs/name4.gif);
	background-repeat: no-repeat;
}

#abschluss {
	bottom: 0;
	color: gray;
	font-family: Verdana;
	font-size: xx-small;
	height: 50px;
	overflow: visible;
	text-align: center;
	top: auto;
	z-index:3;
}

#main {
	background-color: gray;
	bottom: 50px;
	left: 0;
	overflow: auto;
	position: fixed;
	right: 0;
	top: 100px;
	z-index:0;
	text-align: center;
	color: white;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 0px;
	padding: 10px;
}

* html body {
	padding-bottom: 50px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 100px;
}

* html #main {
	height: 100%;
	width: 100%;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 12px;
	color: #999;
}

.quelle {
	color: #999;
}

/* LINKS */

a:link {
	color: #ffd082;
}

a:visited {
	color: #ffd082;
}

a:active {
	color: #withe;
}

a:hover {
	color: #f99001;
}
s
/* LINKS ende */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: absolute;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid gray;
margin: 1px 0px 1px 0px;
}

.thumbnail:hover{
background-color: transparent;
border: 1px solid orange;
}

.thumbnail:hover img{
border: 0px solid orange;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#000;
padding: 1px;
left: -1000px;
border: 0px solid #000;
visibility: hidden;
color: gray;
font-family: verdana, ariel;
font-size: 10px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 5;
}



/*---------- bubble tooltip -----------*/
a.tt{
    	position: relative;
    	z-index:24;
   	color:#fff;
	font-weight:bold;
   	text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover{ 
	z-index:25;
	color: #333;
	background: #fff;
}

a.tt:hover span.tooltip{
    	display: block;
    	position: absolute;
    	
	bottom: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	color: orange;
   	text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 15px 8px 8px 8px;
    	background: url(giffs/bubble.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(giffs/bubble_filler.png) repeat-y bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding: 40px 8px 8px 8px;
	color: #548912;
   	background: url(giffs/bubble.png) no-repeat bottom;
}.background {
	top: 0px;
	left: 0px;
	width: 100%;
	position: fixed;
	z-index: -1;
	height: 100%;
	background-color: #000000;
}
.scale {
	width: 100%;
}