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:#eeffee; background-color:#00C000; }

a:active { text-decoration:underline; font-size:100%; }



a.andererlink:link { text-decoration:none; font-size:100%; color:#eeeeee; }

a.andererlink:visited { text-decoration:none; font-size:100%; color:#eeeeee; }

a.andererlink:hover { text-decoration:none; font-size:100%; color:#ffffff; background-color:#000000;}

a.andererlink:active { text-decoration:underline; font-size:100%; color:#eeeeee;}









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



span { FONT-SIZE: 10px; 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; }





/*Danke für die Anleitung: Grafiken via CSS mit Schatten versehen, kompatibler als -moz-box-shadow 0 0 20px black; - http://www.hartjes.cc/2008/01/29/grafiken-via-css-mit-schatten-versehen/*/
/*Mein Dank für das Beispiel mit dem scrollbaren DIV bei fixiertem Hintergrundbild geht an http://css-tricks.com/perfect-full-page-background-image/ */
/*Eine Beschreibung, wie man ein Hintergrundbild passend zur Fenstergrösse skalieren kann, fand ich in folgendem Workshop/*/

/*Hintergrundbilder eindrucksvoll mit CSS skalieren (Danke für die komentierten Vorschläge die ohne Tabelle auskommen): 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:60%;
	min-width:800px;
	max-width:2500px;

	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;
margin-left:auto;

top:-30px;

width:140px;

}





#umueberschrift {

position:relative;

left:0px;

top:-30px;

}





#ueberschrift_oben {

position:relative;

left:0px;

top:35px;

}



#ueberschrift_hintergrund {

position:relative;

top:30px;

}





#ueberschrift {
position:relative;
left:-30px;

top:-40px;

padding-top: 10px;

padding-left: 40px;

padding-right: 50px;

height:60px;

width:90%;
/*background-color:white;*/

vertical-align: bottom;

}





#ueberschrift_unten {
position:relative;

top:-44px;

left:0px;

}



#inhalt {

position:relative;

left:0px;

top:50px;

padding-top:10px;

padding-left:20px;

padding-right:20px;

padding-bottom:10px;

color:#005000;
background-color:white;

}







#inhalt_unten {

position:relative;

left:0px;

top:49px;

height:49px;

}






.bildleft { float:left; _float:none; *float:none; margin:20px;
/*Grafiken via CSS mit Schatten versehen http://www.hartjes.cc/2008/01/29/grafiken-via-css-mit-schatten-versehen/*/

background: url(shadow.gif) no-repeat right bottom;

padding-left:4px; 

padding-right:10px;

padding-top:4px;

padding-bottom:4px;

/*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;

/*Grafiken via CSS mit Schatten versehen http://www.hartjes.cc/2008/01/29/grafiken-via-css-mit-schatten-versehen/*/

background: url(shadow.gif) no-repeat right bottom;

padding-left:4px; 

padding-right:10px;

padding-top:4px;

padding-bottom:4px;

/*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*/

}







/* 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;
/*Grafiken via CSS mit Schatten versehen http://www.hartjes.cc/2008/01/29/grafiken-via-css-mit-schatten-versehen/*/

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 0px 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);



}




#drucken {

}