BODY {
scrollbar-arrow-color:#00C000;
scrollbar-shadow-color:#00C000;
scrollbar-base-color:#00C000;
scrollbar-face-color:#005000;
scrollbar-highlight-color:#00C000;
scrollbar-3d-light-color:#005000;
scrollbar-dark-shadow-color:#005000;
}


a:link { text-decoration:none; font-size:100%; color:#000000; }
a:visited { text-decoration:none; font-size:100%; color:#001000; }
a:hover { text-decoration:none; font-size:100%; color:#ffffff; background-color:#00C000; text-decoration:none; }
a:active { text-decoration:underline; font-size:100%; }
a.andererlink:hover { text-decoration:none; font-size:100%; color:#ffffff; text-decoration:none; background-color:#ffffff;}



font { FONT-SIZE: 12px; COLOR: #005000; line-height:27px; FONT-FAMILY: verdana, arial; text-align:justify;}

span { FONT-SIZE: 12px; COLOR: #005000; line-height:27px; FONT-FAMILY: verdana, arial; text-align:justify;} /*Für Google translation gillt dummerweise im Menü und im Text*/

pre { FONT-SIZE: 12px; COLOR: #005000; line-height:27px; FONT-FAMILY: verdana, arial; text-align:justify;} /*Für Google translation gillt dummerweise im Menü und im Text*/

li { FONT-SIZE: 10px; COLOR: #005000; line-height:27px; list-style-type:none; list-style-image:none;}

hr { border-top:solid #005000 1px;height:1px; margin-top:10px; margin-bottom:10px; }

.formular {background-color: #eeffee; color:#005000; border:solid #005000 1px; }


/*Hintergrundbilder mit CSS skalieren: http://www.drweb.de/magazin/hintergrundbilder-eindrucksvoll-mit-css-skalieren/*/

*{
	margin:0;
	padding:0;
	border:0px solid #fff;
	list-style:none;
}
html,body,#content {
	width:100%;
	height:100%;
	overflow:hidden;
}
body {
	font-family:Arial;
	font-size:10px;
	color:#000;
}

#bg {
	position:absolute;
	width:100%;
	height:100%;
        background-color:grey;
}
#bg img {
	min-height:100%;
  	height:auto !important;
  	height:100%;
	min-width:100%;
  	width:auto !important;
  	width:100%;
	margin:0 auto;
	display:block;
}

#content {
	position:absolute;
	top:0px;
	left:0px;
	z-index:70;
	overflow:auto;
}




#uminhalt {
	position:relative;
        width:800px;
	top:-30px;
	left:420px;
        z-index:72;
}




#inhalt_oben {
position:relative;
left:0px;
top:54px;
}



#rahmen {
border-right:solid #ffffff 1px;
border-left:solid #ffffff 1px;
border-top:solid #ffffff 1px;
border-bottom:solid #ffffff 1px;
height:auto;
padding-top:30px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}



#sprachen {
position:relative;
left:690px;
top:-35px;
width:60px;
}


#umueberschrift {
position:relative;
left:-10px;
top:-30px;
}


#ueberschrift_oben {
position:relative;
left:0px;
top:3px;
}


#ueberschrift {
padding-top: 50px;
padding-left: 40px;
padding-right: 50px;
height:60px;
width:710px;
background-color:white;
background: url(bg_ueberschrift.gif) repeat-y;
vertical-align: bottom;
}


#ueberschrift_unten {
position:relative;
left:0px;
top:0px;
}


#inhalt {
position:relative;
left:0px;
top:50px;
padding-top:10px;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
background-color:white;
color:#005000;

background: url(bg_inhalt.gif) repeat-y;

}



#inhalt_unten {
position:relative;
left:0px;
top:49px;
height:900px;
}




.bildleft { float:left; _float:none; *float:none; margin:20px;
background: url(shadow.gif) no-repeat right bottom;
padding-left:4px; 
padding-right:10px;
padding-top:4px;
padding-bottom:10px;
/*Für IE5.5 und IE6*/
_padding:0px;
*padding:0px;
border: #eee 1px solid;
border-right:none;
border-bottom:none;

}

.bildleft:hover { 
/*Hier reinschreiben was beim Überfahren des Bildes mit der Maus passieren soll*/
}


.bildright { float:right; _float:none; *float:none; margin:20px;
background: url(shadow.gif) no-repeat right bottom;
padding-left:4px; 
padding-right:10px;
padding-top:4px;
padding-bottom:10px;
/*Für IE5.5 und IE6*/
_padding:0px;
*padding:0px;
border: #eee 1px solid;
border-right:none;
border-bottom:none;

}

.bildright:hover { 
/*Hier reinschreiben was beim Überfahren des Bildes mit der Maus passieren soll*/
}


.werbung { float:left; _float:none; *float:none; margin:20px;
background: url(shadow.gif) no-repeat right bottom;
padding-left:4px; 
padding-right:10px;
padding-top:4px;
padding-bottom:10px;
/*Für IE5.5 und IE6*/
_padding:0px;
*padding:0px;
border: #eee 1px solid;
border-right:none;
border-bottom:none;

}


.tteesstt {
   box-shadow:  0 0 0.2em 0.1em rgba(0, 0, 0, 0.67);
    -moz-box-shadow:  0 0 0.2em 0.1em rgba(0, 0, 0, 0.67); /* moz = Firefox */
    -webkit-box-shadow: 0 0 0.3em black; /* webkit = Safari */
    -o-box-shadow:  0 0 0.2em 0.1em rgba(0, 0, 0, 0.67); /* o-transform = Opera */



/* sehr rechenintensiv beim scrollen: https://developer.mozilla.org/En/CSS/-moz-transform-origin */
-moz-transform: skew(-20deg);

/* sehr rechenintensiv beim scrollen: https://developer.mozilla.org/en/CSS/-moz-transform */
 -moz-transform: matrix(1, -0.2, 0, 1, 0, 0);
 -webkit-transform: matrix(1, -0.2, 0, 1, 0, 0);


    /*Hier reinschreiben um +- wie viel Grad das Bild gedreht werden soll*/
    transform: rotate(-0deg) translate(0, 0.2em);
    -moz-transform: rotate(-0deg) translate(0, 0.2em);
    -o-transform: rotate(-0deg) translate(0, 0.2em);
    -webkit-transform: rotate(-0deg) translate(0, 0.2em);

}


.bildgalerie { margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px;
background: url(shadow.gif) no-repeat right bottom;
padding-left:4px; 
padding-right:10px;
padding-top:4px;
padding-bottom:10px;
/*Für IE5.5 und IE6*/
_padding:0px;
*padding:0px;

border: #eee 1px solid;
border-right:none;
border-bottom:none;
}
.bildgalerie:hover { 
/*Hier reinschreiben was beim Überfahren des Bildes mit der Maus passieren soll. Beispiel:grösse ändern*/
/*MSIE 6 und älter unterstützen die Pseudoklasse "Hover" nur bei dem Element a*/
border: #00C000 1px solid;
border-right:none;
border-bottom:none;
}


h1 { text-align:center; FONT-SIZE: 16px; COLOR: #005000; FONT-FAMILY: verdana, arial }
h2 { text-align:center; FONT-SIZE: 14px; COLOR: #005000; FONT-FAMILY: verdana, arial }

h1
{
/* Danke für die Beispiele an http://bittersmann.de/samples/jeans und http://www.zachstronaut.com/posts/2009/02/17/animate-css-transforms-firefox-webkit.html*/

    width:700px;
    color:#005000;

    filter: progid:DXImageTransform.Microsoft.Glow(Color=black,Strength=3);

    text-transform: uppercase;

    transform: rotate(-3deg) translate(0, 0.2em);
    -moz-transform: rotate(-3deg) translate(0, 0.2em);
    -webkit-transform: rotate(-3deg) translate(0, 0.2em);
    -o-transform: rotate(-3deg) translate(0, 0.2em);


    border-radius: 1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -o-border-radius: 1em;

/* http://www.peterkroener.de/noch-mehr-neues-css-transforms-im-firefox-31-alpha/ */
-moz-transform:skewx(-1deg) skewy(-4deg);

}