/* Styles for Formular */

* {
margin: 0;
padding: 0;
}
body {
background-color: white;
color: #333;
font-family: Verdana, sans-serif;
font-size: 80%;
text-align: center;
padding: 0px 0px 20px 0px;
}

/* Formatierungen fuer Formular */
#wrapper {
margin: 20px auto;
width: 420px;
background-color: white;
color: #333;
border: 1px solid #ccc;
}
#formular {
padding: 0px 20px;
text-align: left;
font-size: 75%;
}
#formular p {
margin: 0px 0px 10px 0px;
background-color: transparent;
color: #999;
font-size: 75%;
}

fieldset {
margin: 20px 0px 10px 0px;
padding: 5px 10px;
border: 1px solid #ccc;
}
legend {
background-color: #ffffcc;
color: #333;
padding: 2px 10px;
border: 1px solid #ccc;
margin: 0px 0px 5px 0px;
font-weight: bold;
letter-spacing: 2px;
font-size: 110%;
}

form {
line-height: 130%;
}
input, textarea {
font-size: 110%;
}
.inpt {
width: 360px;
border: 1px solid #ccc;
background-color: #ffffcc;
color: #000;
margin: 0px 0px 9px 0px;
}
.txt {
width: 360px;
border: 1px solid #ccc;
background-color: #ffffcc;
color: #000;
font-family: Verdana, sans-serif;
font-size: 100.01%;
}
input.inpt:focus, textarea.txt:focus {
background-color: #fff;
color: #000;
}
select, optio {
width: auto;
margin: 3px 0px 0px 0px;
background-color: #ffffcc;
color: #333;
font-size: 100.01%;
}
.senden {
width: 200px;
font-size: 95%;
font-weight: bold;
margin: 15px 0 0 5px;
padding: 3px 0;
background-color: #ffffcc;
color: #004a42;
border: 2px solid #999;
cursor: pointer;
}
.reset {
width: 160px;
font-size: 95%;
font-weight: bold;
margin: 10px 0 0 0px;
padding: 3px 0;
background-color: #ffffcc;
color: maroon;
border: 2px solid #999;
cursor: pointer;
}
.klick {
cursor: pointer;
}

/* === Nicht wichtig fuer Formular === */

h1 {
font-size: 150%;
letter-spacing: 2pt;
background-color: transparent;
color: #333;
padding: 10px 0px 0px 0px;
}

p.small {
font-size: 80%;
}

/* links */
a {
text-decoration: none;
color: #333;
border-bottom: 1px solid #fff;
}
a:link {
background-color: transparent;
color: #333;
}
a:visited {
background-color: transparent;
color: #333;
}
a:hover {
background-color: transparent;
text-decoration: underline;
color: #333;
}
a:active {
background-color: transparent;
color: #333;
}

.invis, hr {
display: none;
border: none;
}

#invis {
display: none;
border: none;
}
/* === Infobox1 Links Link normal=== */
infobox {
list-style: none;
margin: 10px 0 0 5px;
}
#infobox a {
text-decoration: none;
color: maroon;
font-size: 90%;
margin: 10px 0 0 5px;
text-align: center;
}
#infobox a span {
display: none;
}
#infobox a:hover span {
display: inline;
position: absolute;
top: 80em;
left: 50px;
width: 20em;
padding: 10px;
background-color: #cccc99;
color: #333;
border: 1px solid #333;
}
