/* *********************** ALLGEMEINES *********************** */

body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	scrollbar-arrow-color: #004D9C;
	scrollbar-track-color: #FFF8DD;
	scrollbar-darkshadow-color: #FFF8DD;
	scrollbar-face-color:  #FFF8DD;
	scrollbar-3dlight-color: #FFF8DD;
	scrollbar-highlight-color: #004D9C;
	scrollbar-shadow-color:  #004D9C;
}
body, table, input, select, textarea
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}

a, a:visited
{
	color: #004891;
	text-decoration: none;
}
a:hover, a:active
{
	text-decoration: underline;
}

a img
{
	border: 0;
}

/* *********************** KOPF DER SEITE *********************** */

body.logo_top1
{
	background-color: #004D9C;
	background-image: url(pic/top1.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

body.firma_top
{
	background-color: #FFF8DD;
	background-image: url(pic/hg_top.jpg);
	background-repeat: no-repeat;
}

div.firma_logo
{
	position: absolute;
	top: 19px;
	left: 32px;
}
div.firma_schmutzler
{
	position: absolute;
	top: 19px;
	left: 0px;
}
div.firma_adresse
{
	position: absolute;
	top: 124px;
	left: 170px;
	width: 420px;
	height: 28px;
	z-index: 1;
	
	font-size: 16px;
	line-height: 1.4em;
	color: #004D9C;
	font-weight: bold;
	text-align: center;
}
div.firma_hintergrund
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 337px;
	height: 191px;
	z-index: 0;
	
	background-image: url(pic/hg_bild.gif);
	background-repeat: no-repeat;
	background-position: top right:
}

/* *********************** MENUE *********************** */

body.menue
{
	background-color: #004D9C;
	background-image: url(pic/hg_menue.gif);
	background-repeat: repeat-y;
}

div.menue_oben
{
	margin: 0;
	width: 100%;
	position: relative;
	top: 30px;
	left: 0;
}
div.menue_unten
{
	margin: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

table.menue_punkte
{
	margin: 0;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
table.menue_punkte td
{
	border: 0;
	border-collapse: collapse;
	padding: 1px 0;
}

/* *********************** STARTSEITE *********************** */

body.start
{
	background-color: #FFF8DD;
}

table.start
{
	margin: 0 auto;
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
table.start td
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
table.start td.ueberschrift
{
	vertical-align: top;
	text-align: right;
}

/* *********************** UNTERSEITEN *********************** */

table.inhalt
{
	margin: 0 auto;
	width: 550px;
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
table.inhalt td
{
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
table.inhalt td.ueberschrift
{
	vertical-align: top;
	text-align: center;
}
table.inhalt td.linie1
{
	vertical-align: top;
	text-align: center;
	padding: 0 0 25px 0;
}
table.inhalt td.linie2
{
	vertical-align: top;
	text-align: center;
	padding: 25px 0 0 0;
}

h2
{
	color: #004D9C;
	text-align: center;
	font-size: 14px;
	margin: 15px 0;
}

.blau
{
	color: #004D9C;
	text-align: center;
	font-size: 14px;
}

div.partner_tafel
{
	width: 480px;
	height: 235px;
	background-image: url(pic/hgtafel.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 15px auto;
	padding: 20px 30px;
}

ul.partner1
{
	float: left;
}
ul.partner2
{
	float: right;
}
ul.partner1,
ul.partner2
{
	margin: 15px 20px 15px 10px;
	padding: 0;
}
ul.partner1 li,
ul.partner2 li
{
	margin-left: 20px;
	list-style-type: disc;
	color: #fff;
	line-height: 1.6em;
}
ul.partner1 li.abstand,
ul.partner2 li.abstand
{
	margin-top: 20px;
}
ul.partner1 a,
ul.partner2 a
{
	color: #fff;
}

div.puzzle_box
{
	width: 730px;
	height: 480px;
	position: relative;
	margin: 20px auto;
	overflow: visible;
}
table.puzzle
{
	width: 452px;
	height: 446px;
	border-collapse: collapse;
	background-image: url(puzzle/pic/obst1.jpg);
	background-repeat: no-repeat;
}

/* *********************** FORMULARE *********************** */

.hinweis
{
	font-size: 11px;
}
.hinweisblau
{
	font-size: 11px;
	color: #004d9c;
}

fieldset
{
	width: 550px;
    border: 0px;
	background-color: none;
	margin: 0 auto;
}
legend
{	
	display: none;
}
.stopfloat
{
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

.bold
{
	font-weight: bold;
}

p.empfehl
{
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	font-size: 14px;
	padding-top: 15px;
}
p.empfehlung_standardtext
{
	margin: 10px 0px 10px 140px;
	border: 1px solid #999;
	background-color: #f7f7f7;
	width: 380px;
	padding: 10px;
}

p.formular
{
	margin: 0.6em;
}
label.bezeichnung
{
	font-weight: bold;
	float: left;
	width: 120px;
	text-align: left;
	
	display: block; /* damit auch die alten IEs das padding anwenden */
	font-weight: bold;
	margin-right: 10px;
}
label.bezeichnung_mittel
{
	font-weight: bold;
	float: left;
	width: 180px;
	text-align: left;
	
	display: block; /* damit auch die alten IEs das padding anwenden */
	font-weight: bold;
	margin-right: 10px;
}
label.bezeichnung_gross
{
	font-weight: bold;
	float: left;
	width: 250px;
	text-align: left;
	
	display: block; /* damit auch die alten IEs das padding anwenden */
	font-weight: bold;
	margin-right: 10px;
}

.eingabefeld
{
	background-color: #fff;
	border: 1px solid #999;
	padding: 2px;
    float: left;
    width: 250px;
	height: 20px;
}
.eingabefeldklein
{
	background-color: #fff;
	border: 1px solid #999;
	padding: 2px;
	width: 60px;
}

.button
{
	background-color: #73b2de;
	border: 1px solid #999;
	color: #000;
	font-weight: bold;
	padding: 1px 4px;
	margin: 10px 0 0 20px;
	float: left;
}

textarea.textbox
{
	background-color: #fff;
	border: 1px solid #999;
	height: 120px;
	width: 400px;
}

.feldsf /* feld, das versteckt wird, als Bot-Schutz */
{
	display: none;
}
.imgsf /* img als Bot-Schutz */
{
	text-align: center;
	vertical-align: text-bottom;
}

.sternchen /* Pflichtfeld-Sternchen */
{
	color: #ef1b23;
}
.errorfeld,
textarea.errorfeld /* fehlerhafte Felder in Formularen */
{
	border: 1px solid #ef1b23;
}

.errortext
{
	color: #ef1b23;
	font-weight: bold;
}