/*=====================================================
Arbeitsgemeinschaft Getreideforschung e.V.
(c) 2006-2008 AGF e.V.
Stylesheet für die Bildschirmausgabe
Online-Formular

Letzte Änderung: 07.05.08
=======================================================*/


*{
 margin: 0;
 padding: 0;
}

.clear {
clear: both;
}

body { 
font-size: 12px; 
font-family: verdana, arial, tahoma, sans-serif; 
line-height: 160%; 
background:#f4f4f4 url("agf_bg.gif") top center repeat-y;
color: #454545; 
}


/* Hauptrahmen */
#wrap{
background:#FFFFCC;
margin:0 auto;
width:730px;
padding: 0px 0px 0px 0px;	/* oben, rechts, unten, links,  */ 
}


/* Headerbereich */
#logo {	
width: auto; 
float: left;
}

#logo h1 {
font-family: tahoma, sans-serif; 
letter-spacing: 1px; 
color: #434343; 
padding: 40px 0px 0px 55px; 
margin-right: 30px;
line-height: 110%; 
font-size: 20px; 
font-weight: bold; 
float: left; 
}

#header {
height: 60px;
background-color: #84BE3F;
margin: 0 auto;
padding: 0px;
}

.img {
border: 0px;
margin: 16px 0px 0px 12px;	/* oben, rechts, unten, links,  */
}

#body { 
clear: both; 
margin-bottom: 15px; 
margin-top: 15px; 
}


/* Inhalt */
#content {
margin: 0px 0px 0px 0px;	/* oben, rechts, unten, links,  */
float: left;
width: 730px;
position: relative;	
padding: 0px 0px 0px 0px;	/* oben, rechts, unten, links,  */
background-color: #FFFFCC;
}

h1 { 
margin: 0; 
margin-bottom: 10px; 
padding: 0; 
font-weight: 
normal; 
font-size: 18px; 
}

h2 { 
margin: 0; 
margin-bottom: 10px; 
padding: 0px 0px 0px 46px; 
font-style: normal; 
font-weight: normal; 
font-size: 18px; 
color: #69903B; 
letter-spacing: 1px; 
width: 600px;
}

h3 { 
margin: 0; 
margin-bottom: 10px; 
padding: 0px 0px 0px 46px; 
font-style: normal; 
font-weight: bold; 
font-size: 14px; 
color: #69903B; 
letter-spacing: 0px; 
width: 700px;
}

h3 .achtung { 
margin: 0; 
margin-bottom: 10px; 
padding: 0px 0px 0px 40px; 
font-style: normal; 
font-weight: bold; 
font-size: 14px; 
color: #000000; 
letter-spacing: 0px; 
}

p {	
margin: 0px 0px 10px 0px;	/* oben, rechts, unten, links,  */
padding: 0px 0px 0px 8px;	/* oben, rechts, unten, links,  */
}

a.text:link { text-decoration:underline; color:#69903B; font-weight:bold; }
a.text:hover { text-decoration:none; color:#69903B; font-weight:bold; }
a.text:visited { text-decoration:underline; color:#69903B; font-weight:bold; }

a:link, a:active, a:visited { 
text-decoration: none; 
color: #000000;
}

a:link, a:active { 
color: #000000; 
}

a:visited { 
color: #000000;
 }

#content-text {
width: 540px;
position: relative;
float: left;
background: #FFFFCC;
padding: 15px 20px 4px 8px;	/* oben, rechts, unten, links,  */
}

.contentimg {
margin: 0px 0px 30px 14px;	/* oben, rechts, unten, links,  */
float: left;
clear:both;
padding-right: 18px;
border-right: 2px solid #84BE3F;
}

.trennung {
margin-top: 20px;
}


/* Footerbereich */
#footer { 
clear: both; 
padding: 6px 0px 10px 8px;	/* oben, rechts, unten, links,  */
text-align: left;
background-color: #84BE3F;
}

#footer p {	
clear: both; 
color: #f8f8f8; 
font-size: 11px; 
padding: 0px 0px 0px 8px;	/* oben, rechts, unten, links,  */
}

#footer li { 
float: left; 
padding: 0; 
height: 15px;	
vertical-align: middle;	
padding-right: 25px;	
font-size: 11px; 
}

a.footer:link { text-decoration:none; color:#ffffff;  }
a.footer:hover { text-decoration:none; color:#ffffff; }
a.footer:visited { text-decoration:none; color:#ffffff; }



/*	Formular	*/

fieldset { 
width: 670px; 
border: 1px solid #ccc; 
margin: 10px 0 15px 8px; 
padding: 10px; 
display: block;
}

fieldset:hover {
border: 1px solid #434343;
}

legend { 
font-weight: bold; 
color: #000; 
background: none; 
padding: 4px; 
margin: 0 0 6px 0;
}

label {
line-height: 1.5em; 
margin: 0 0px 5px 0; 
padding: 2px; 
width: 80px; 
float: left;
}

input { 
border: 1px solid #999; 
background: #ffffff; 
margin: 3px 0 5px 0; 
padding:2 px; 
width: 260px; 
line-height: 1.5em;
}

input:hover { 
background: #fafafa;
}

input:focus {
border: 1px solid #000000; 
cursor: text;
}


/*	Mitteilung	*/
textarea { 
border: 1px solid #999; 
background: #fff; 
width: 525px;
}

textarea:hover { 
background: #fafafa;
}

textarea:focus {
border: 1px solid #000000; 
cursor: text;
}


/*	Absenden	*/
#senden label { 
line-height: 1.5em; 
margin: 0 0px 5px 0; 
padding: 2px; 
width: 330px; 
float: left; 
}

#senden input { 
border: 0px;
margin: 3px 40px 5px 0; 
padding: 0px; 
width: 16px; 
line-height: 1.5em;
background: transparent;
}

#senden input.submit { 
width: 80px;
height: 22px;
background: #84BE3F; 
color: #ffffff; 
border: 1px solid #434343; 
margin: 5px 0 5px 8px; 
padding: 0px 0px 2px 0px; 
cursor: pointer; 
}

#senden input.submit:hover {
color: #454545;
border: 1px solid #434343;  
background: #CADF8A;
}


/*	Anschrift	*/
#anschrift label {
line-height: 1.5em; 
margin: 0 0px 0px 0; 
padding: 2px; 
width: 120px; 
float: left; 
}

#anschrift input {
margin: 3px 40px 0px 0; 
padding: 0px; 
width: 200px; 
line-height: 1.5em;
}

#anschrift input.plz {
width: 50px;
}


/*	Teilnehmer	*/
#teilnehmer label {
line-height: 1.5em; 
margin: 0 0px 10px 0; 
padding: 2px; 
width: 80px; 
float: left; 
}

#teilnehmer input {
margin: 3px 40px 10px 0; 
padding: 0px; 
width: 200px; 
line-height: 1.5em;
float: left; 
}


/*	Begruessungsabend	*/
#abend label {
line-height: 1.5em; 
margin: 0 0px 5px 0; 
padding: 2px; 
width: 80px; 
float: left; 
}


#abend label.cb {
line-height: 1.5em; 
margin: 0 0px 5px -40px; 
padding: 2px; 
width: 30px; 
float: left; 
text-align: left;
}

#abend input.check {
margin: 2px 40px 5px 0px; 
padding: 0px; 
width: 16px; 
line-height: 1.5em;
float: left; 
border: 0px;
background: transparent;
}

#abend input {
margin: 2px 40px 5px 0; 
padding: 0px; 
width: 16px; 
line-height: 1.5em;
float: left; 
}

#abend .p {
float: left;
}


/*	Hotel    */
#hotel label {
line-height: 1.5em; 
margin: 0 0px 5px 0; 
padding: 2px; 
width: 80px; 
float: left; 
}

#hotel label.reise {
line-height: 1.5em; 
margin: 0 0px 5px -28px; 
padding: 2px; 
width: 80px; 
float: left; 
}

#hotel input {
margin: 3px 40px 5px 0; 
padding: 0px; 
width: 200px; 
line-height: 1.5em;
float: left; 
}

#hotel input.datum {
width: 51px;
}

#hotel input.nacht {
width: 16px;
}


/*	Preisklasse	*/
#preise label {
line-height: 1.5em; 
margin: 0 0px 5px -40px; 
padding: 2px; 
width: 90px; 
float: left; 
}

#preise label.wunsch {
line-height: 1.5em; 
margin: 0 0px 5px 0px; 
padding: 2px; 
width: 230px; 
float: left; 
}

#preise label.alter {
line-height: 1.5em; 
margin: 0 0px 5px 0px; 
padding: 2px; 
width: 580px; 
float: left; 
clear: both;
}

#preise input {
margin: 2px 40px 5px 0; 
padding: 0px; 
width: 16px; 
line-height: 1.5em;
float: left; 
}

#preise input.wunsch {
margin: 3px 40px 5px 0; 
padding: 0px; 
width: 200px; 
line-height: 1.5em;
float: left; 
}

#preise input.check {
margin: 2px 40px 5px 0px; 
padding: 0px; 
width: 16px; 
line-height: 1.5em;
float: left; 
border: 0px;
background: transparent;
}

#preise input.kat {
margin: 2px 40px 5px 0px; 
padding: 0px; 
width: 12px; 
line-height: 1.5em;
float: left; 
}

#preise .p {
clear: both;
float: left;
}

#preise .ptop {
clear: both;
float: left;
margin-top: 10px;
}

.spacer {
margin-bottom: 20%;
}