/* EBENEN */
html, body { width:100%; height:100%; }
.body { text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color:#737373; background-image: url("bilder/hg-body.gif"); background-repeat:repeat-x; margin:0px auto;}
#gesamtcontainer { position:relative; width:977px; min-height:100%; height:auto !important; height: 100%; margin:0px auto; background-image: url("bilder/hg-container.gif"); background-repeat:repeat-y;}
#inhalt { float:left; width: 510px; text-align:justify; margin-left:15px; padding-top:10px; }
#header { width:977px; height:149px; background-image: url("bilder/hg-header.gif"); background-repeat:no-repeat}
#buttons { width:977px; height:35px; background-image: url("bilder/hg-buttons.gif");}
#buttonschatten { }
#thumb-layer { float:right; width: 278px; text-align:center; font-size:11px; margin-top:48px; margin-right:10px; color:#FFFFFF;}
#logo { left:109px; top:18px; z-index: 1; line-height: 0px;}
#menue { z-index: 2; top: 57px; bottom: auto; left: 432px; right: auto;}
#footer { clear: both; display:block; color:#AAAAAA; width:977px; height:40px; }
#footer_b { position: absolute; left:0px; top:auto; bottom:0px; width:977px; color:#AAAAAA; font-size: 9px; }
#header-adressfeld { position:absolute; left:432px; top:25px; font-size: 10px; color:#AAAAAA}
#linke_spalte { float:left; width:140px; font-size:11px; text-align:left; color: #FFFFFF; padding:0px; margin-left:6px; background-image: url("bilder/hg-linkes-menue.gif"); background-repeat:repeat-y;}
#spalte-rechts { float:right; margin-top: 40px; padding: 0px; width:240px; text-align:left; font-size:9px;}
/* --- Menüs --- */
#menue-leftside { float:left; font-size:12px; width:126px; border-right: 5px solid #CCCCCC; text-align:left; margin:auto; margin-top:20px; overflow:hidden;}
#show { display: block; float:left; width:109px; background-repeat:no-repeat}
div#hide { display: none; }
div#show:hover { background-position: -109px 0px; background-repeat:no-repeat}
div#show:hover div#hide { display: block; color:#FFFFFF;}
.ausklappmenue { display: block; color:#FFFFFF; margin-left: 8px; padding:2px;}
.ausklappmenue:link { text-decoration:none; color:#FFFFFF}
.ausklappmenue:visited { text-decoration:none; color:#FFFFFF}
.ausklappmenue:hover { text-decoration:underline; color:#FFFFFF}
#menue-right { float:right; width: 278px; text-align:left; font-size:11px; margin-top:48px; color:#FFFFFF;}
/* --- Link-Klasse für die Navigation auf der linken Seite--- */
.menue-1 { text-align: left; display: block; position: relative; border-bottom: 1px solid #CCCCCC; margin: 0px 4px 0px 0px; padding: 7px}
a.menue-1:link { text-decoration: none; color: #FFFFFF; }
a.menue-1:visited { text-decoration: none; color: #FFFFFF; }
a.menue-1:hover { text-decoration: none; color: #FFFFFF; background-color:#FF9900;}
.menue-2 { text-align: left; position: relative; margin: 0px 4px 0px 0px; padding: 7px}
a.menue-2:link { text-decoration: none; color: #FFFFFF; }
a.menue-2:visited { text-decoration: none; color: #FFFFFF; }
a.menue-2:hover { text-decoration: underline; color: #FFFFFF; }
#breadcrumb { font-size: 10px; color: #888888; z-index: 1; text-decoration: none; height: 20px; border-bottom: 1px solid #CCCCCC; margin-bottom:10px;}
/* --- Klasse für H1 im Breadcrumb ---*/
.breadcrumb-2 { width:auto; float:left; height:20px; z-index:1; margin-left:10px; z-index:2; }
.h1-container { width:auto; float:left; height:20px; bottom:0px; top: auto; z-index:2;}
.brotkruemel { height:20px; padding-bottom: -25px; z-index:2; border-bottom: 1px dotted #CCCCCC;}
/* ---Text--- */
a:link { color:#0000CC; text-decoration:underline; }
a:visited { color:#0000CC; text-decoration:underline;}
a:hover { color:#FF6600; text-decoration:underline; }
.span-breadcrumb { font-size: 10px; line-height: 15px; vertical-align:top; font-variant: normal;}
.span-h1 { font-size: 10px; line-height: 0px; vertical-align:bottom; font-variant: normal;}
h1 { font-size: 10px; font-weight: normal; line-height: 10px; font-variant: normal; z-index:2;}
h2 { font-size:large; color: #333333;}
h3 { font-size:larger; color:#333333}
li { margin-left:-10px; padding-top:1px; padding-bottom:3px; text-align:justify; list-style-position: outside;}
ol { border: none; list-style-position: outside;}
.absatz { border-top: 1px solid #CCCCCC; padding-top: 8px;}
.footer { width: 100%; z-index: 3; font-size: 10px; color:#777777; text-align:center; margin-top: 35px; padding-top: 5px; padding-bottom: 7px; border-top: 1px solid #777777;}
/* --- TEXTLINKS & MOUSEOVER --- */
.text-breadcrumb { font-size: 10px; text-decoration: none;}
a.text-breadcrumb:link { text-decoration: none; color: #888888;}
a.text-breadcrumb:visited { text-decoration: none; color: #888888;}
a.text-breadcrumb:hover { text-decoration: underline; color: #888888;}
a.text-breadcrumb:active { text-decoration: underline; color: #FF0000;}
.footer-text { text-align:center; color: #AAAAAA;}
a.footer-text:link { color: #AAAAAA; text-decoration: none;}
a.footer-text:visited { color: #AAAAAA; text-decoration: none;}
a.footer-text:hover { color: #AAAAAA; text-decoration: underline;}
a.footer-text:active { color: #AAAAAA; text-decoration: underline;}
.link-rechte-spalte { font-size: 11px; text-decoration: none;}
a.link-rechte-spalte:link { text-decoration: none; color: #FFFFFF;}
a.link-rechte-spalte:visited { text-decoration: none; color: #CCCCCC;}
a.link-rechte-spalte:hover { text-decoration: underline; color: #FF6600;}
a.link-rechte-spalte:active { text-decoration: underline; color: #FF0000;}
/* --- Bilder --- */
.grosses-bild { margin-top: 12px; text-align: left; border: 1px solid #555555}
.button-bild { color:#EEEEEE; border: none;}
.thumbnail { border: 1px solid #EEEEEE; margin-top: 4px; margin-left: 2px;}
a.thumbnail:link { color:#EEEEEE; border: none; margin-top: 10px;}
a.thumbnail:visited { color:#EEEEEE; border: none; margin-top: 10px;}
.projektvorschau { border: none; vertical-align: middle; }
a.rollover { display:block; text-decoration: none; background-position: 0 0px;}
a.rollover:hover { background-position: 0 35px;}
a.rollover:active { background-position: 0 35px;}
.leistungen-bild { border: 1px solid #FFFFFF;}
.bild { border: 1px solid #555555;}
.bild-rechts { float:right; margin-top: 5px; margin-left: 5px; margin-bottom: 5px; margin-right: -11px;}
.bild-links { float:left; margin: 6px;}
.lupe { position:absolute; float:left; top: 520px; left: 715px; z-index:3; }
/* ---TABELLEN--- */
.portf-zelle-1 { text-align:center; padding-bottom:14px; width:230px; padding-top: 8px; font-size:11px; vertical-align:middle} /* Textzelle in der Portfolio-Übersicht */
.portf-zelle-2 { text-align:center; width:230px; } /* Bildzelle in der Portfolio-Übersicht */
/* ---Formularfelder---*/
.kontaktformularfeld { color:#000000; font-size:12px; border: 1px solid #777777; background-color:#EEEEEE;}