#referenz {
background-image:url(../images/kork.jpg); 
}

#start
{
font-family:Arial, Helvetica;
font-size: 12px;
color: #000000;
padding: 5px;
border:3px solid #FFFFFF;
background-color: #FFFFFF;
border:3px solid #669999;
position:relative; 
left:100px; 
top:100px; 
width:200px;
}

.pins {
border:3px solid #669999;
}

.pinhead {
font-family:Arial, Helvetica;
font-size: 12px;
color: #000000;
padding-left: 5px;
padding-top: 5px;
}

.pinname {
font-family:Arial, Helvetica;
font-size: 12px;
color: #000000;
padding-left: 5px;
padding-bottom: 5px;
}

.pinbody {
font-family:Arial, Helvetica;
font-size: 12px;
color: #000000;
padding: 5px;
}

.linkfield {
text-align:center;
width:200px; 
visibility:visible; 
padding:10px; 
margin:10px; 
background-color:#E8DED2; 
font-family:Verdana; 
font-size:12px; 
border:3px solid #c0c0c0;
}

.startstick {
position:relative; 
left:170px; 
top:110px; 
visibility:visible;
z-index:1;
}

/* Formular */

#formular {
width:400px; 
height:300px; 
padding:10px; 
float:left; 
background-color: #E3D9C8;
}

#formbg {
width:100%px;
height:500px;
background-image:url(../images/kork.jpg);
}

#formheader{
background:#CC9966;
color:#000;
padding:10px;
margin-bottom:10px;
font-size: 11px;
color: #000000;
}

#errorreport{
background:#FF0000;
color:#fff;
padding:10px;
margin-bottom:10px;
font-size: 11px;
color: #FFFFFF;
}

.zaehler{
float:left;
padding-left:10px;
padding-right:10px;
padding-top:5px;
font-size: 11px;
color: #000000;
}

#farben {
width:30px; 
float:left; 
padding-right:10px;
}

#col {
width:30px; 
height:30px; 
}

.cols {
height:30px;
width:30px;
}

.f-betreff, f-name {
background:transparent;
width:150px;
border:1px solid #c0c0c0;
}

.f-anzahl {
background:transparent;
width:20px;
border:1px solid #c0c0c0;
}

.f-text {
background:transparent;
width:300px;
height:100px;
border:1px solid #c0c0c0;
}

.f-userfile {
background:transparent;
border:1px solid #c0c0c0;
}

.f-button {
margin-top:10px;
padding:2px;
background-color:#aaa; 
color:#fff; 
width:150px; 
border:1px solid #ddd; 
}