/*Anfang Formular */ 
.catselect { width:60%; margin-top:50px; padding:5px; background-color:#EFEFEF; border:2px dotted #FFFF00; font-size:0.9em;}
.rateform { width:100%; margin-top:50px; margin-left:50px; background-color:#EFEFEF; border:2px dotted #FFFF00; font-size:0.9em;}
.kontaform { width:90%; margin-top:50px; margin-left:50px; background-color:#EFEFEF; border:2px dotted #FFFF00; font-size:0.9em;}
.logform { width:70%; margin-top:50px; padding:5px; background-color:#EFEFEF; border:2px dotted #FFFF00; font-size:0.9em;}
label#logform, input#logform { 
  display: block;
  float: left;
  width: 100px;
  font-size:1em;
}
.synform { width:80%; margin:1em; padding:5px; background-color:#EFEFEF; border:2px dotted #FFFF00; font-size:0.9em;}
label#synform { 
  display: block;
  float: left;
  width: 100px;
  }
input#synform, textarea#synform { 
  display: block;
  float: left;
  width: 100px;
  }
.mailform { width:90%; margin:10px; padding:5px; background-color:#EFEFEF; border:2px dotted #FFFF00; font-size:0.9em;}
label#mailform { 
  display: block;
  float: left;
  width: 100px;
  font-size:1em;
}
input#mailform, textarea#mailform { 
  display: block;
  float: left;
  width: 150px;
  font-size:1em;
}
.caddform { width:90%; margin-top:50px; background-color:#EFEFEF; border:2px dotted #F2D00D; font-size:0.9em;}
label#caddform { 
  display: block;
  float: left;
  width: 150px;
  font-size:1em;
}
input#caddform, textarea#caddform { 
  display: block;
  float: left;
  width: 150px;
  font-size:1em;
}

label#kontaform, input#kontaform { 
  display: block;
  float: left;
  width: 200px;
  font-size:1em;
}
textarea#kontaform { width: 250px; }

label#kontaform {
 text-align: right; 
 padding-right: 1em; 
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
input#radio { /* den Radio-Button */
  float: none;
}
/* von einfach-fuer-alle.de */
input:focus, textarea:focus, select:focus {
color: #000;
background: #FFFFD7;
}
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
cursor: pointer;
}
/* input.right {
float: left;
width: auto;
clear: both;
margin-left: 5.3em;
margin-right: .3em;
}
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 6.3em;
} */

.klick {
background:#DFE8FE;
border-top:3px solid #99917D;
border-right:3px solid #E4D9C0;
border-bottom:3px solid #E4D9C0;
border-left:3px solid #99917D;
cursor: hand;
voice-family: "\"}\"";
voice-family:inherit;
cursor: pointer;
}
#box {
color:blue;
background-color:#FFF9E1;
width:70px;
}

#box a {
color:blue;
font:14px courier, sans-serif;
text-decoration:none;
background-color:#FFF9E1;
display:block;
text-align:center;
}
#box a:visited {
color:maroon;
background-color:#FFF9E1;
}

#box a:hover {
color:red;
text-decoration:none;
background-color:#DFE8FE;
}
#box a:active {
color:blue;
background-color:#b8ab8f;
}
#box a .info {
display:none;
}
#box a:hover .info {
color:black;
background:#DFE8FE;
font:14px courier,sans-serif;
display:block;
position:absolute;
padding:5px;
margin-left:8em;
width:300px;
text-align:left;
border:2px dotted #F2D00D;
}
#regbox {
color:blue;
background-color:#FFF9E1;
}

#regbox a {
color:blue;
font:14px courier, sans-serif;
text-decoration:none;
background-color:#FFF9E1;
display:block;
text-align:center;
}
#regbox a:visited {
color:maroon;
background-color:#FFF9E1;
}

#regbox a:hover {
color:red;
text-decoration:none;
background-color:#DFE8FE;
}
#regbox a:active {
color:blue;
background-color:#b8ab8f;
}
#regbox a .info {
display:none;
}
#regbox a:hover .info {
color:black;
background:#DFE8FE;
font:14px courier,sans-serif;
display:block;
position:absolute;
padding:5px;
margin-left:8em;
width:300px;
text-align:left;
border:2px dotted #F2D00D;
}