body { background-color: #ffffff; margin-top: 5px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding: 0px; }

/* Text */
table, input, select, textarea { font: 12px/14px Arial, Helvetica, Verdana, sans-serif; color: #000000; }
.rand { font: 11px/120% Arial, Helvetica, Verdana, sans-serif; }
.blau { color: #000033; }
.blauklein { font: 10px/130% Arial, Helvetica, Verdana, sans-serif; color: #000033; }
.projekte { font: bold 12px/120% Arial, Helvetica, Verdana, sans-serif; color: #ffffff; }
.pflichtfeld { font: 12px/120% Arial, Helvetica, Verdana, sans-serif; color: #FF6600; }
.linkpfeil { font: bold 12px/120% Arial, Helvetica, Verdana, sans-serif; color: #FF6600; }

.hauptmenu-text-off { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; }
.hauptmenu-text-on { font: bold 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; }

.hauptmenu-text-neg-off { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #ffffff; }
.hauptmenu-text-neg-on { font: bold 12px Arial, Helvetica, Verdana, sans-serif; color: #ffffff; }

.untermenu-text-off { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; background-color: #FDC78E; }
.untermenu-text-on { font-weight: bold; color: #000033; background-color: #FF9966; }
.untermenu-balken-off { background-color: #FDC78E; }
.untermenu-balken-on { background-color: #000033; }

.untermenu-text-ref-off { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; }
.untermenu-text-ref-on { font-weight: bold; color: #000033; }
.untermenu-balken-ref-off { font: 12px Arial, Helvetica, Verdana, sans-serif; }
.untermenu-balken-ref-on { background-color: #000033; }

p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.referenzliste { margin: 0px 0px 3px 0px; padding: 0px 0px 3px 0px; }
.kontaktformular { margin: 0px 0px 3px 0px; padding: 0px 0px 3px 0px; }

/* Überschriften  */
H1 { font: bold 15px/120% Arial, Helvetica, Verdana, sans-serif; color: #000033; margin-bottom: 0px; margin-top: 3px; padding-bottom: 0px; padding-top: 3px; }
h2 { font: bold 15px/120% Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 24px 0px 6px 0px; }
H3 { font: bold 12px/120% Arial, Helvetica, Verdana, sans-serif; color: #000033; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; }

/* Listen-Rand */
ul.normal { margin: 3px 0px 0px 8px; padding: 3px 0px 0px 8px; list-style-position: outside;  list-style-image: url(../images/quadrat-blau.gif); font: 12px/120% Arial, Helvetica, Verdana, sans-serif; } 
.liste { margin: 0px 0px 0px 8px; padding: 0px 0px 0px 8px; list-style-position: outside;  list-style-image: url(../images/quadrat-blau-klein.gif); font: 12px/120% Arial, Helvetica, Verdana, sans-serif; } 
.listerand { margin: 0px 0px 0px 8px; padding: 0px 0px 0px 8px; list-style-position: outside;  list-style-image: url(../images/quadrat-blau-klein.gif); font: 11px/120% Arial, Helvetica, Verdana, sans-serif; } 


/*
---------- REFERENZ-ÜBERSICHT ------------------------------
*/
ul.kategorietext,
ul.kategorietext li {
padding: 0px;
margin: 0px;
list-style: none outside;
}

ul.kategorietext {
padding-top: 6px;
}

ul.kategorietext li a, 
ul.kategorietext li a:hover {
display: block;
text-decoration: none;
background-image: url(../images/b-kasten-klein-off.gif); 
background-repeat: no-repeat;
padding-left: 20px;
}

ul.kategorietext li a:hover {
background-image: url(../images/b-kasten-klein-on.gif); 
font-weight: bold;
}



/*
---------- REFERENZ-LISTENANSICHT ------------------------------
*/
/* Vorhaben */
div.vorhaben dl {
margin: 0px;
width: 320px;
float: left;
height: auto;
}

div.vorhaben dt {
width: 60px;
float: left;
}

div.vorhaben dd {
width: 260px;
float: right;
margin: 0px;
padding: 0px;
}

div.vorhaben dd ul {
list-style: square outside;
margin: 0px;
padding: 4px 0px 10px 13px;
}

div.vorhaben dd ul li {
padding-bottom: 4px;
}

div.vorhaben dd dl {
width: 260px;
}

div.vorhaben dd dt {
width: 50px;
}

div.vorhaben dd dd {
width: 210px;
float: left;
margin: 0px;
padding: 0px;
}

.bauherr,
.objektplanung {
padding-bottom: 14px;
}

.planung,
.realisierung {
padding-bottom: 7px;
}

/* Seitentitel */
h1.stitelref { color: #FF6600; }

/* Projekttitel */
td.projekttitel {
padding-top: 14px;
}

/* Paginierung */
td.seiten {
text-align: right;
padding-right: 5px;
background:#000033;
color: #fff;
}

td.seiten strong {
color: #FF6600;
font-weight: normal;
}

td.seiten a, 
td.seiten a:hover {
color: #fff;
text-decoration: none;
}

td.seiten a:hover {
color: #FF6600;
}

a.referenzliste { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; text-decoration:none; padding-left: 20px; background-image: url(../images/b-kasten-klein-off.gif); background-repeat:no-repeat; }
a:hover.referenzliste { font: bold 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; background-image:url(../images/b-kasten-klein-on.gif); background-repeat:no-repeat; }

a.referenzliste02 { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; text-decoration:none; }
a:hover.referenzliste02 { font-weight: bold; }


/* Links */
a { text-decoration : none; color: #000033; }
a:hover { text-decoration : none; color: #000033; }

a.textlink { text-decoration : underline; color: #000033; }
a:hover.textlink { text-decoration : none; color: #000033; }

a.untermenuoff { font: 12px Arial, Helvetica, Verdana, sans-serif; color: #000033; text-decoration:none; display: block; width: 152px; height: 39px; border-left: 6px solid #FDC78E; border-bottom: 1px solid #000033; margin:0px; }
a:hover.untermenuoff { font-weight: bold; background-color: #FF9966; display:block; width: 152px; height: 39px; border-bottom: 1px solid #000033; border-left: 6px solid #000033; margin:0px; }

a.hauptmenu-link-neg-off { color: #ffffff; }
a:hover.hauptmenu-link-neg-off { color: #ffffff; }

a.orange { font: bold 12px Arial, Helvetica, Verdana, sans-serif; color: #FF6600; text-decoration:none; }
a:hover.orange { color: #FF6600; text-decoration: underline; }

/* FORMATIERUNG FORMULARFELDER */
input, select, textarea {font: 12px Arial, Helvetica, Verdana, sans-serif; background-color: #ffffff; margin-bottom: 0px 0px 0px 0px; padding-bottom: 0px 0px 0px 0px; }

textarea, input.formtextpflicht { color: #FF6600; width: 230px; }
input.formtextpflichtmittel { color: #FF6600; width: 180px; }
input.formtextpflichtkurz { color: #FF6600; width: 46px; }

input.formtextnormal { width: 230px; }

input.formzuruecksetzen { height: 20px; margin-bottom: 0px; padding-bottom: 0px; border: 1px dashed #000033; }

input.formabsenden { font: bold 12px Arial, Helvetica, Verdana, sans-serif;  height: 20px; margin-bottom: 0px; padding-bottom: 0px; border: 1px solid #000033; }

select.formpflicht { color: #FF6600; margin-bottom: 0px; padding-bottom: 0px; }

textarea.form { width:230px; height: 160px; }