.pagebox {
    position:absolute; top:50px; left:50%; margin-left:-450px; width:900px;
    z-index:0;
    border:1px solid #000000; 
}
.header {
    width:100%;
    height:145px;
    z-index:1;      
    background-image: url(images/textinspektor_head.jpg);
    background-position: top;
}
.contentbox {
    width:100%; 
    min-height: 600px;
    height:auto !important;  /* für moderne Browser */
    height:600px;            /*für den IE */
    overflow: inherit;
    z-index:5;
    background-attachment: relative;
    background-image: url(images/verlauf.jpg);
    background-repeat: repeat-x;
}
.content {
    position: relative; top: 10px; left:95px; width: 700px;
    z-index:10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}
.auswertung {
    position: relative; left:0px; width: 600px;
    z-index:20;
    padding: 10px;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border:1px solid #669EFD;
}
.auswertungFormular {
    position: relative; left:0px; width: 470px;
    z-index:20;
    padding: 10px;
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    border:1px solid #669EFD;
}
.start_box {
    position: absolute; top:170px; left:510px; width: 350px; height: 370px;
    z-index:20;
}
.footer {
    width:100%;
    z-index:1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-align: center;
}
.boxenleiste {
    z-index:20;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute; top: 20px; left: 550px;
    width: 150px;
}
.box {
    display: table-cell;
    width: 150px;
    height: 150px;
    background-color: #FFFFFF;
    border:1px solid #669EFD;
    vertical-align: middle;
    text-align: center;
}   
.logolink {
    display: block;
    position:absolute; top:40px; left:90px; width: 240px; height: 45px; z-index:5;    
}
.headlinelink {
    display: block;
    position:absolute; top:40px; left:365px; width: 190px; height: 40px; z-index:5;       
}

.menu1 {
    position:absolute; top:117px; left:95px; z-index:5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.menu2 {
    position:absolute; top:117px; left:220px; z-index:5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.menu3 {
    position:absolute; top:117px; left:360px; z-index:5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.menu4 {
    position:absolute; top:117px; left:620px; z-index:5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover {
    text-decoration: underline;
}

.errorbox {
    position: relative;
    width: 600px;
    z-index:30;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 3px;
    color: #000000;
    background-color: #FFDDDD;
    border:1px solid #FF0000;  
}
.errorbox2 {
    position: relative;
    width: 470px;
    z-index:30;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 3px;
    color: #000000;
    background-color: #FFDDDD;
    border:1px solid #FF0000;  
}
.error {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}
.TextNormal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.TextFett {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.Text16Fett {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
}
.Text20Fett {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}

a {
    color: #000000;
    text-decoration: underline;
}
a:hover {
    font-weight: bold;
}
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    border:1px solid #669EFD; 
}
input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    border:1px solid #86B3FD; 
}
.inputborder {
    border:2px solid #86B3FD;
}
select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    border:1px solid #FFFFFF;
    background-color: #CCCCCC;
}
hr {
   border: 0px; /* Für Firefox und Opera */
   border-top: solid 1px #CCCCCC;
   border-bottom: transparent;
}
.button1 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold;
    color: #FFFFFF;    
    background-color: #999999; 
    border:1px solid #FFFFFF;
}
.button2 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px;
    font-weight: bold; 
    color: #FFFFFF;
    background-color: #AA0000; 
    border:1px solid #FFFFFF;
}
.button3 {
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold; 
    color: #FFFFFF;
    background-color: #AA0000; 
    border:1px solid #FFFFFF;
}

