html, body     { font-family: Arial; background-image: url("bg.jpg"); margin: 0; padding: 0 }
h1  { font-size: 1em; font-weight: bold }
h2  { font-size: 0.9em; font-weight: bold }
h3  { font-size: 0.8em; font-weight: bold }
h4  { font-size: 0.7em; font-weight: bold }
h5  { font-size: 0.6em; font-weight: bold }
h6  { font-size: 0.5em; font-weight: bold }
p { }
span { }
div { }
#logo { margin-left: -328px; position: absolute; top: 0; left: 50%; width: 211px; height: 87px }
#header  { color: #f8fcff; font-size: 0.75em; font-weight: bold; text-align: right; text-transform: uppercase; margin-top: 62px; margin-right: -305px; position: absolute; right: 50% }
#header a:link { color: #f8fcff }
#header a:visited {color: #f8fcff }
#header a:hover { color: #c6da38 }
#header a:active{ color: #c6da38 }
#header a.current { color: #c6da38 }

#content    { background-image: url("white_content.png"); background-repeat: no-repeat; margin-top: -225px; margin-left: -340px; position: absolute; top: 50%; left: 50%; width: 680px; height: 450px; overflow: auto }
#content_2 {
	background-image: url("white_content.png");
	background-repeat: no-repeat;
	margin-top: 100px;
	position: relative;
	width: 680px;
	height: 450px;
	overflow: auto
}


#picture     { text-align: left; margin: 30px 10px 0 44px; padding-top: 10px; padding-bottom: 10px; position: relative; top: 0; width: 253px; float: left; vertical-align: middle }
#text     { color: #655f5c; font-size: small; text-align: left; margin-top: 40px; position: relative; top: 0; width: 327px; height: 370px; float: left; overflow: hidden }


#Scroller  { position: relative; width: 327px; height: 380px; overflow: hidden; border: solid 1px blue }

.Scroller-Container  { position: relative; top: 0; left: 0 }

.Scrollbar-Up    { background-image: url("pfeil_up.png"); margin: 10px; position: relative; top: 0; left: 0; width: 9px; height: 8px }
.Scrollbar-Down    { background-image: url("pfeil_down.png"); margin: 10px; position: relative; bottom: 0; left: 0; width: 9px; height: 8px }
#Scrollbar-Container  { margin-top: -205px; margin-left: 300px; position: absolute; top: 50%; left: 50%; float: right }


.floatLeft { float: left }
.floatRight { float: right }
img.floatLeft  { margin-right: 10px; float: left }
img.floatRight  { margin-left: 10px; float: right }

a  { }
a:link { text-decoration: none; color : #e0de39; }
a:visited {text-decoration: none; color : #e0de39; }
a:hover { text-decoration: none; color : #a8a609;}
a:active { text-decoration: none; color : #a8a609;}

#text a:link { text-decoration: none; color : #e0de39; }
#text a:visited {text-decoration: none; color : #e0de39; }
#text a:hover { text-decoration: none; color : #a8a609;}
#text a:active { text-decoration: none; color : #a8a609;}

#menu     { margin-top: -44px; margin-left: 295px; position: absolute; top: 50%; left: 50%; width: 260px }
#menu_item    { color: #66605e; font-size: 0.7em; line-height: 1em; background-image: url("menu.png"); background-repeat: no-repeat; text-align: left; text-transform: uppercase; margin-top: -30px; margin-bottom: -35px; padding-top: 20px; padding-left: 30px; width: 260px; height: 151px }
#menu_item a:link, a:visited { color: #66605e }

/* JAOS Milkbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.galerie_thumbnail { margin: 5px; width: 120px; height: 150px; float: left }
.galerie_text { margin: 0px; float: left }
/* ls=landscape-Format der Thumbs */
.ls img { margin: 25px 7px; width: 150px; height: 112px; border: solid 1px #fff }
/* pt=portrait-Format der Thumbs */
.pt img{
	height: 150px;
	width: 112px;
	margin: 7px 25px;
	border: 1px solid #fff;
}
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*
/* Div das das Formular umschließt */
.formgen { font-size: 0.9em;}

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor : pointer; }
.formgen form { line-height : 100%; text-align: left;}

/*Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann*/
.formgen .formblock { }
.forminfo { color: white; width: 80%; background-color: #c61c24;  font-weight: bold; border: 1px dotted #79787c;}

/*Verhalten von br-Tags*/
.formgen br {clear : both;}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield { float: right; width: 180px; height: 100px; margin: 2px; border: 1px solid #79787c;}

/* Textfeld */
.formgen .formtext { float: right; width: 180px; margin: 2px; padding-bottom: 2px; border: 1px solid #79787c; }
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover { border-bottom-color: #000000;}

/* Label */
.formgen label { width: 100px; clear: left; float: left; height: 20px; font-weight: bold;}

/* Aussehen der Select-Ausgabe */
.formgen .formselect {width: 200px; background-color: #33FF33; margin-left: 4px; color: #000000; }

/* Sende-Button */
.formgen .formsubmit {width: 100px; text-align: center;  margin: 2px; background-color: #c6da38; border: 1px solid #79787c; float: right; color: #FFFFFF;}

/* Fieldsetbeschriftung */
.formgen legend {color: #FFFFFF; background-color: #c61c24; width: 150px;}
.formgen .fieldset { margin-bottom: 10px; }

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror {border-bottom-width: 1px; color: #c6da38; }
.formgen .formcaptcha { border: 1px solid #c6da38; vertical-align: top; float: left; margin-right: 10px;}
.formgen .formreq { color: #c6da38;}
.formgen .formheadline { color: #c6da38; background-color: #bdbec0; margin: 5px; font-style: italic;}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */