BODY
{
    FONT-SIZE: 10pt;
    COLOR: #1f2052;
    FONT-FAMILY: 'Century Gothic', verdana, arial, helvetica, serif;
    BACKGROUND-COLOR: #ffffff
}
TABLE
{
    BORDER-TOP-WIDTH: 0pt;
    BORDER-LEFT-WIDTH: 0pt;
    BORDER-BOTTOM-WIDTH: 0pt;
    COLOR: #1f2052;
    FONT-FAMILY: 'Century Gothic';
    BORDER-RIGHT-WIDTH: 0pt
}
TD
{
    FONT-SIZE: 9pt;
    COLOR: #333399;
    FONT-FAMILY: 'Century Gothic', verdana, arial, helvetica, serif
}
TH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: 'Century Gothic', verdana, arial, helvetica, serif;
    BACKGROUND-COLOR: #5b70b5
}
TH A
{
    COLOR: #ffffff
}
TH A:visited
{
    COLOR: #ffffff
}
TH A:hover
{
    COLOR: #8888ff
}
PRE
{
    FONT-FAMILY: 'Century Gothic', courier
}
INPUT
{
    FONT-SIZE: 10pt;
    BORDER-LEFT-COLOR: #ffbf80;
    BORDER-BOTTOM-COLOR: #ffbf80;
    COLOR: #1f2052;
    BORDER-TOP-COLOR: #ffbf80;
    FONT-FAMILY: 'Century Gothic', verdana, arial, helvetica, serif;
    BACKGROUND-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #ffbf80
}
SELECT
{
    FONT-SIZE: 10pt;
    BORDER-LEFT-COLOR: #ffbf80;
    BORDER-BOTTOM-COLOR: #ffbf80;
    COLOR: #1f2052;
    BORDER-TOP-COLOR: #ffbf80;
    FONT-FAMILY: 'Century Gothic', verdana, arial, helvetica, serif;
    BACKGROUND-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #ffbf80
}
A
{
    COLOR: #1f2052
}
A:visited
{
    COLOR: #440088
}
A:hover
{
    COLOR: #1f2052
}
A:active
{
    COLOR: #440088
}
all.error
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000
}
all.success
{
    FONT-SIZE: 10pt;
    COLOR: #008800
}
SPAN.error
{
    FONT-SIZE: 10pt;
    COLOR: #ff0000
}
SPAN.success
{
    FONT-SIZE: 10pt;
    COLOR: #008800
}
TD.opaque
{
    BACKGROUND-COLOR: #d0d0ff
}
TD.opaque_light
{
    BACKGROUND-COLOR: #ebebff
}
TD.tablecell
{
    BACKGROUND-COLOR: #ebebff
}
TD.tablecell_func
{
    BACKGROUND-COLOR: #c0c0ff
}
TD.mainth
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #6666aa;
    FONT-FAMILY: verdana, arial, helvetica, serif;
    BACKGROUND-COLOR: #c0c0e0
}
TD.mainth A
{
    COLOR: #6666aa
}
TD.mainth A:visited
{
    COLOR: #ffffff
}
TD.mainth A:hover
{
    COLOR: #8888ff
}
TD.subth
{
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #e0e0e0
}
#nodeco
{
    COLOR: blue;
    TEXT-DECORATION: none
}
#error
{
    COLOR: #ff0000
}
#ok
{
    COLOR: #008800
}
#titletable
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ffff53;
    BACKGROUND-COLOR: #ff6f1d
}
#installsubtable
{
    FONT-SIZE: 10pt;
    BACKGROUND-COLOR: #efefc3
}

/*test galerie*/
/*#galerie {
	box-sizing: border-box;
	background-color: silver;
	background-image: linear-gradient(335deg, #b00 23px, transparent 23px), linear-gradient(155deg, #d00 23px, transparent 23px), linear-gradient(335deg, #b00 23px, transparent 23px), linear-gradient(155deg, #d00 23px, transparent 23px);
	background-size: 58px 58px;
	background-position: 0px 2px, 4px 35px, 29px 31px, 34px 6px;
	padding: 4em 6em;
}

#galerie figure {
	background: #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 15em;
	margin: 0 0 1em 2em;
	overflow: hidden;
	padding: 0;
	width: 15em;
	transition: all 0.25s ease-in;
}

#galerie figure img {
	width: 30em;
	height: 30em;
	border: 2px solid white;
  	border-radius: 2px;
}

#galerie figure prev {
	width: 18px;
	height: 15px;
}

#galerie figure:hover,
#galerie figure:focus {
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.8);
	margin: -1em 0px 0 20px;
	padding: 5px 5px 30px 5px;
	width: 15em;
	z-index: 2;
	transform: scale(2);
}

#galerie figcaption {
	color: #333;
	font: cursive 10px/150%;
	font-family: "Century Gothic", cursive;
	position: relative;
	text-align: center;
	width: 15em;
}

#galerie figure:nth-child(3n-2):hover,
#galerie figure:nth-child(3n-2):focus {
	transform: scale(2) rotate(-2.5deg);
}

#galerie figure:nth-child(5n):hover,
#galerie figure:nth-child(5n):focus {
	transform: scale(2) rotate(2.5deg);
}

#galerie:after {
	clear: both;
	content: " ";
	display: block;
}

@media only screen and (max-width: 75em) {
	body {
		width: 100%;
		margin: 2% 0;
		padding: 5%;
	}
	#galerie {
		width: 850px;
		margin: 100px auto;
	}
}

@media only screen and (max-width: 50em) {
	#galerie {
		width: 100%;
		margin: 100px auto;
	}
}*/

div.galerie{
 /* weitere Angaben:
 width: 400px; 
 height: 440px; 
  
 background: #999999;
 border: 2px #555555 solid;*/
 
 overflow: hidden;
}
div.galerie div.bild{
 width: 29px; /* Breite des Vorschaubildes */
 height: 22px; /* Hoehe des Vorschaubildes */
 padding: 1px; /* Abstand zwischen Galerierand und Vorschaubild */
 float: left; /* Vorschaubilder nebeneinander platzieren */
 clear: right;
 
}
div.galerie img.vorschau{
 width: 29px; /* gleich wie div.bild->width */
}
div.galerie img.ansicht{
 display: none; /* Ansichtsbilder verdecken */
 /*position: absolute; /* absolute Positionierung */
 
 z-index: 100; /* in den Vordergrund setzen */
 /*width: 380px;*/ /* Breite des Ansichtsbild */
 border: 2px solid #1f2052;
 border-radius: 2px;
}
div.galerie div.bild:hover img.ansicht{
 display: block;
 /*position: absolute;relative*/
 position: absolute;
 left: 4%;
 top: 4%;
 width: 960px;
 height:720px;
 padding:0;
 margin:0;

}



div.galeriedet{
 /* weitere Angaben:
 width: 400px; 
 height: 440px; 
  
 background: #999999;
 border: 2px #555555 solid;*/
 
 overflow: hidden;
}
div.galeriedet div.pic
 width: 29px; /* Breite des Vorschaubildes */
 height: 22px; /* Hoehe des Vorschaubildes */
 padding: 1px; /* Abstand zwischen Galerierand und Vorschaubild */
 float: left; /* Vorschaubilder nebeneinander platzieren */
 clear: right;
 
}
div.galeriedet img.preview{
 width: 29px; /* gleich wie div.bild->width */
}
div.galeriepic img.view{
 display: none; /* Ansichtsbilder verdecken */
 /*position: absolute; /* absolute Positionierung */
 
 z-index: 100; /* in den Vordergrund setzen */
 /*width: 380px;*/ /* Breite des Ansichtsbild */
 border: 2px solid #1f2052;
 border-radius: 2px;
}
div.galeriedet div.pic:hover img.view{
 display: block;
 /*position: absolute;relative*/
 position: absolute;
 left: 4%;
 top: 4%;
 width: 960px;
 height:720px;
 padding:0;
 margin:0;

}