/*
========================================================
| DARK CITY EDITION                                    |
========================================================
| Erstellt von / Author        : Michael Tietz         |
| Erstellt am  / Creation Date : 2007/06/30            |
| Aktualisiert / Update        : 2007/08/28            |
| Kontakt / Contact            : michael@tietz.it      |
|                                                      |
| Die Styledatei ist nach W3C CSS1/CSS2 100% valide!   |
| This CSS-File Is Valid CSS1/CSS2 by W3C!             |
|                                                      |
| WICHTIG!!                                            |
| DAS DESIGN DARF NICHT KOPIERT WERDEN!                |
| Es steht Euch frei von den Techniken dieser          | 
| Style-Datei zu lernen und diese als Anregungen       | 
| fuer Eure eigenen Projekte zu nehmen!                |
|                                                      |
| IMPORTANT!!                                          |
| YOU MAY NOT REPRODUCE THIS DESIGN!                   |
| However, feel free to study the CSS and use          |
| techniques you learn from it elsewhere.              |
|                                                      |
========================================================
*/

/*
========================================================
 Allgemeine HTML-Elemente (Alphabetisch)
========================================================
*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; background-color: #fff; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; }
html { width: 100%; }

/*
========================================================
 Allgemeine Div-Elemente
========================================================
*/
div#background { margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; display: block; float: left;} /*Div mit Hintergrundinformationen*/
div#skip       { display: none;} /*Div mit Menue zum ueberspringen von Inhalt unsichtbar*/
div#position   { margin: auto;} /*Div fuer die Positionierung der Seite*/
div#head       { display:none;} /*Div Kopfbereich*/
div#content    { margin: 0 0 0 0; padding: 20px; margin: auto; width: 595px; height: auto; display: block; float: left;} /*Div fuer den Inhalt*/
div#footer     { display:none;} /*Div seitenfuss*/

/*
========================================================
 Styles fuer Ueberschriften
========================================================
*/
h1     {width: 100%; font-size: 1.3em; font-weight: bold; color: #000 !important; margin: 0 0 10px 0; text-align: left; display: block; float: left;}
h2  { width: 100%; font-size: 1.1em; font-weight: bold; color: #000 !important; margin: 0 0 5px 0; text-align: left; display: block; float: left;}
h3 { width: 100%; font-size: 0.98em; font-weight: bold; font-style: italic; color: #000 !important; margin: 0 0 0 0; text-align: left; width: 100%; display:block; float: left;}

/*
========================================================
 Styles fuer Inhaltformatierung
========================================================
*/
div#content a, a:link, a:visited{ color: #F00; text-decoration: none !important;}
div#content a:hover, a:focus    { color: #000; text-decoration: none !important;}
div#content p                   { margin:auto; padding: 0 0 10px 0; text-align: left; display: block; float: left;}

/*Style zum hervorheben von Text zur freien Verfügung *html nur fuer IE 5/6 */
.highlight1        { color: #F00 !important; }
.highlight2        { width: 148px; display: block; float: left;}
* html .highlight3 { margin: -13px 0 0 150px; display: block; float: none;}
.highlight3        { margin: 0 0 0 150px; display: block; float: none;}
.highlight4        { font-weight: bold; padding: 5px 0 0 0;}

img.screenshots_web  { margin: 0 5px 0 0; padding: 2px; border: 1px solid #000; background-color: #fff; display: block; float: left; } /*Style fuer ein Vorschaubilder Ref-Web*/
img.screenshots_mm   { margin: 0 5px 5px 0; padding: 2px; border: 1px solid #000; background-color: #fff; display: block; float: left; } /*Style fuer ein Vorschaubilder Ref-Multimedia*/
img.screenshots_print{ margin: 0 5px 5px 0; padding: 2px; border: 1px solid #000; background-color: #fff; display: block; float: left; } /*Style fuer ein Vorschaubilder Ref-Multimedia*/
/*
========================================================
 Styles fuer Ueberschriften
========================================================
*/
form                        { margin: 0 0 0 0;  padding:0 0 0 0; text-align: left !important;}
legend                      { display: none;}
label                       { color: #000; margin: 0 0 0 0; padding: 0 0 0 0; display: block;  text-align: left !important;}
fieldset                    { border: 0px;  text-align: left !important; display:block; float: left; margin: 0 0 0 0;  padding:0 0 0 0; }
input, textarea             { width: 490px; border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color: #000; background-color: #fff; margin: 0 0 5px 0; padding: 0 0 0 0;} /*Inputfeld*/
button.kt_btn               { width: 71px; border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color: #000; background-color: #fff; margin: 0 0 10px 0; padding: 0 0 0 0;}

/*
========================================================
 Verlinkungen und Aufklapp-Span bei den Referenzen
========================================================
*/
a.referenz,a.referenz:link,a.referenz:visited,a.referenz:active { width: 595px !important; color: #000 !important; display: block; float:left; font-weight: bold; font-style: italic; text-decoration: none !important;}
a.referenz:hover,a.referenz:focus 	                            { width: 595px !important; color: #000 !important; display: block; float:left; font-weight: bold; font-style: italic; text-decoration: none !important;}
a.referenz span.hidden                                          { margin: 0 0 10px 0; color: #000 !important; font-weight: normal !important; font-style: normal !important; width: 480px; text-align: left !important; display: block; }
 
/*
========================================================
 Designauswahl
========================================================
*/
div#css               { display: none;}