@charset "UTF-8";

* {padding:0;margin:0}
a:link { color:#decab9; text-decoration:underline; }
a:visited { color:#decab9; text-decoration:underline; }
a:focus { color:#decab9; text-decoration:underline; }
a:hover { font-weight:bold; color:#e8962f; text-decoration:none; }
a:active {  color:#ffffff; text-decoration:underline; }




body {
         text-align:center;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
         background-color:#031f58;
         color:#decab9;
         }

h1 {
    text-align: right;
    font-size:1em;
    line-height:1em;
    background-color:#DADADA;
    color:#fff;
    padding-top: 4em;
    border-bottom: 0.1em solid #fff;
  }

h1  span {
    background-image:url(titel.gif);
    background-repeat:no-repeat;
    position:absolute;
    top:1.5em;
    right:0em;
    padding: 1em 1em 0.5em 4em;
  }

#link {
         text-align:right;
         font-size:0.8em;
         padding: 0.8em 0.8em 0 0
         }

h2 {
         font-size:120%;
         font-weight:bold;
         border-bottom:1px dashed #decab9;
         }

#container {
         font-size:0.8em;
         height:100%;
         width:30em;
         text-align:left;
         margin:20px auto 0 auto;
         }
#container form { margin-top:2em;}

p {text-align:left; margin-top:10px;}

.footer {font-size:0.8em;}

.formzeile{
width: 30em;
margin: 0;
padding: 0.3em 0 0.3em 0;
padding-left: 8em; /*width of left column containing the label elements*/
height: 1%;
margin-top:0;
}

#cssform {margin-bottom:60px}
#cssform label{
font-weight: bold;
float: left;
margin-left: -8em; /*width of left column*/
width: 8em; /*width of labels. Should be smaller than left column (11em) to create some right margin*/
}

 #cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 12em;
}

 #cssform textarea{
width: 15em;
height: 7em;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
*/

* html .threepxfix{
margin-left: 3px;
}