/*
========================================================
| OLD NEWSPAPER EDITION                                |
========================================================
| Erstellt von / Author        : Michael Tietz         |
| Erstellt am  / Creation Date : 2007/06/30            |
| Aktualisiert / Update        : 2007/06/30            |
| 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: Georgia, "Times New Roman", Times, serif; font-size: 0.7em; color: #535353; background-image:  url(../images/hg.jpg); margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; }
html    { width: 100%; }
.h_text { display: none !important; }


/*
========================================================
 Allgemeine Div-Elemente
========================================================
*/
div#background { background-color: transparent; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; display: block; float: left; text-align: center;} /*Div mit Hintergrundinformationen*/
div#skip       { display: none;} /*Div mit Menue zum ueberspringen von Inhalt unsichtbar*/
div#position   { margin: auto; width: 749px;} /*Div fuer die Positionierung der Seite*/
div#page       { background-image:  url(../images/hg_content.jpg); margin: 0 0 0 0; padding: 0 0 0 0; width: 749px; display: block; float: left;} /*Div fuer die Positionierung der Seite*/
div#part1      { margin: 0 0 0 0; padding: 0 0 0 0; margin: auto; width: 475px; height: auto; background-color: transparent; display: block; float: left;} /*Div fuer den Inhalt*/
div#part2      { margin: 0 0 0 0; padding: 0 0 0 0; margin: auto; width: 274px; height: auto; background-color: transparent; display: block; float: left;} /*Div fuer den Inhalt*/
div#head       { margin: 0 0 0 0; padding: 0 0 0 0; width: 475px; height: 276px; background-image:  url(../images/hg_kopf.jpg); background-repeat: no-repeat; display: block; float: left;} /*Div Kopfbereich*/
div#content    { margin: 0 0 0 0; padding: 0 0 0 20px; margin: auto; width: 455px; height: auto; background-color: transparent; display: block; float: left;} /*Div fuer den Inhalt*/
div#design1    { background-image:  url(../images/micha.jpg); background-repeat: no-repeat; margin: 0 0 0 0; padding: 0 0 0 0; width: 274px; height: 428px; display: block; float: left;} /*Div fuer die Positionierung der Seite*/
div#footer     { margin: 0 0 0 0; padding: 0 0 0 0; width: 274px; background-color: transparent; display: block; float: left;} /*Div seitenfuss*/
div#part3      { margin: 0 0 0 0; padding: 0 0 0 0; width: 749px; height: 82px; background-image:  url(../images/hg_footer.jpg); display: block; float: left;} /*Div fuer den Inhalt*/

/*div#footer     { margin: 0 0 0 0; padding: 0 0 0 0; margin: auto; width: 535px; height: 180px; background-image:  url(../images/fuss.jpg); background-repeat: repeat-y; display: block; float: left;} /*Div seitenfuss*/

/*
========================================================
 Navigation Oben
========================================================
*/
div#navi     { width: 475px; margin: 118px 0 0 0; display: block; float: left;}
div#navi ul  { margin: 0 0 0 0; padding: 0 0 0 0;}
div#navi li  { display: inline; list-style:none; margin: 0 0 0 0; padding: 0 0 0 0;}


/*Navigation-Main Normalzustand*/

a.nav1,a.nav1:link,a.nav1:visited             { width: 127px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/main.jpg); background-repeat: no-repeat; background-position: 0 0; float:left;}
a.nav1:focus,a.nav1:hover 	                  { background-image:  url(../images/navi/main.jpg); background-repeat: no-repeat; background-position: -127px 0; }
a.nav1 span                                   { display: none;} /*Schrift der Navigation unsichtbar*/
/*Navigation-Main Aktivzustand*/
a.nav1_akt,a.nav1_akt:link,a.nav1_akt:visited { width: 127px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/main.jpg); background-repeat: no-repeat; background-position: -127px 0; float:left;}
a.nav1_akt span                               { display: none;} /*Schrift der Navigation unsichtbar*/

/*Navigation-Profil Normalzustand*/
a.nav2,a.nav2:link,a.nav2:visited             { width: 95px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/profil.jpg); background-repeat: no-repeat; background-position: 0 0; float:left;}
a.nav2:focus,a.nav2:hover 	                  { background-image:  url(../images/navi/profil.jpg); background-repeat: no-repeat; background-position: -95px 0;}
a.nav2 span                                   { display: none;} /*Schrift der Navigation unsichtbar*/
/*Navigation-Profil Aktivzustand*/
a.nav2_akt,a.nav2_akt:link,a.nav2_akt:visited { width: 95px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/profil.jpg); background-repeat: no-repeat; background-position: -95px 0; float:left;}
a.nav2_akt span                               { display: none;} /*Schrift der Navigation unsichtbar*/

/*Navigation-Portfolio Normalzustand*/
a.nav3,a.nav3:link,a.nav3:visited             { width: 121px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/portfolio.jpg); background-repeat: no-repeat; background-position: 0 0; float:left;}
a.nav3:focus,a.nav3:hover 	                  { background-image:  url(../images/navi/portfolio.jpg); background-repeat: no-repeat; background-position: -121px 0;}
a.nav3 span                                   { display: none;} /*Schrift der Navigation unsichtbar*/
/*Navigation-Portfolio Aktivzustand*/
a.nav3_akt,a.nav3_akt:link,a.nav3_akt:visited { width: 121px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/portfolio.jpg); background-repeat: no-repeat; background-position: -121px 0; float:left;}
a.nav3_akt span                               { display: none;} /*Schrift der Navigation unsichtbar*/

/*Navigation-Kontakt Normalzustand*/
a.nav4,a.nav4:link,a.nav4:visited             { width: 132px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/kontakt.jpg); background-repeat: no-repeat; background-position: 0 0; float:left;}
a.nav4:focus,a.nav4:hover 	                  { background-image:  url(../images/navi/kontakt.jpg); background-repeat: no-repeat; background-position: -132px 0;}
a.nav4 span                                   { display: none;} /*Schrift der Navigation unsichtbar*/
/*Navigation-Kontakt Aktivzustand*/
a.nav4_akt,a.nav4_akt:link,a.nav4_akt:visited { width: 132px; height: 33px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/navi/kontakt.jpg); background-repeat: no-repeat; background-position: -132px 0; float:left;}
a.nav4_akt span                               { display: none;} /*Schrift der Navigation unsichtbar*/

/*
========================================================
 Styles fuer Ueberschriften
========================================================
*/
/*h1*/
h1.h1_start     {display: none}
h1.h1_profil    {display: none}
h1.h1_portfolio {display: none}
h1.h1_kontakt   {display: none}
h1.h1_error     {display: none}

/*h2 - Errorseite *html = IE 5/6 (3Pixel Hack)*/
* html .h2_error  { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/error.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_error         { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/error.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_error span    { display: none}

/*h2 - Startseite *html = IE 5/6 (3Pixel Hack)*/
* html .h2_news  { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/news.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_news         { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/news.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_news span    { display: none}
* html .h2_presse{ margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/presse.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_presse       { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/presse.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_presse span  { display: none}
* html .h2_down  { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/downloads.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_down         { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/downloads.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_down span    { display: none}

/*h2 - Profil *html = IE 5/6 (3Pixel Hack)*/
* html .h2_kenntn{ margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/kenntn.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_kenntn       { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/kenntn.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_kenntn span  { display: none}
* html .h2_vita  { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/vita.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_vita         { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/vita.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_vita span    { display: none}

/*h2 - Portfolio *html = IE 5/6 (3Pixel Hack)*/
* html .h2_webs      { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/webs.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_webs             { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/webs.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_webs span        { display: none}
* html .h2_own       { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/own.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_own              { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/own.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_own span         { display: none}
* html .h2_multimedia{ margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/multimedia.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_multimedia       { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/multimedia.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_multimedia span  { display: none}
* html .h2_print     { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/print.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_print            { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/print.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_print span       { display: none}
* html .h2_intranet  { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/intranet.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_intranet         { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/intranet.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_intranet span    { display: none}

/*h2 - Kontakt *html = IE 5/6 (3Pixel Hack)*/
* html .h2_kdaten{ margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/kdata.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_kdaten       { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/kdata.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_kdaten span  { display: none}
* html .h2_kform { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/kform.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_kform        { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/kform.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_kform span   { display: none}
* html .h2_khaft { margin: 0 0 5px 1px; width: 400px; height: 43px; background-image:  url(../images/headlines/haftung.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_khaft        { margin: 0 0 5px 4px; width: 400px; height: 43px; background-image:  url(../images/headlines/haftung.gif); background-repeat: no-repeat; display: block; float: left;}
.h2_khaft span   { display: none}

* html h3 { font-size: 0.98em; font-weight: bold; width: 440px; margin: 2px 0 2px 3px; text-align: left; display: block; float: left;}
h3 { font-size: 0.98em; font-weight: bold; width: 440px; margin: 2px 0 2px 5px; text-align: left; display: block; float: left;}

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

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

img.screenshots_web  { margin: 0 5px 20px 0; padding: 2px; border: 1px solid #535353; background-color: #FFF; display: block; float: left; } /*Style fuer ein Vorschaubilder Ref-Web*/
img.screenshots_mm   { margin: 0 5px 20px 0; padding: 2px; border: 1px solid #535353; background-color: #FFF; display: block; float: left; } /*Style fuer ein Vorschaubilder Ref-Multimedia*/
img.screenshots_print{ margin: 0 5px 20px 0; padding: 2px; border: 1px solid #535353; 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 5px; text-align: left !important;}
legend                      { display: none;}
label                       { width: 430px; color: #000; margin: 0 0 0 0; padding: 0 0 0 0; display: block;  text-align: left !important;}
fieldset                    { width: 430px; border: 0px;  text-align: left !important; display:block; float: left; margin: 0 0 0 0;  padding:0 0 0 0; }
input, textarea             { width: 430px; border: 1px solid #535353; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color: #535353; background-image: url(../images/form.jpg); margin: 0 0 5px 0; padding: 0 0 0 0;} /*Inputfeld*/
input:focus, textarea:focus { width: 430px; border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.95em; color: #000; background-image: url(../images/form.jpg); margin: 0 0 5px 0; padding: 0 0 0 0;} /*Inputfeld*/
button.kt_btn               { width: 71px; border: 1px solid #535353; 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 { display: block; float:none; margin: 0 5px 0 0;}
a.referenz:hover,a.referenz:focus 	                            { width: 440px !important; color: #000 !important; display: block; float:left; font-weight: bold; text-decoration: none !important;}

a.referenz span.hidden,a.referenz:link span.hidden,a.referenz:visited span.hidden,a.referenz:active span.hidden { display: none;}
a.referenz:hover span.hidden,a.referenz:focus span.hidden                                                       { margin: 0 0 10px 0; color: #535353 !important; font-weight: normal !important; width: 440px; text-align: left !important; display: block; }
 
/*
========================================================
 Designauswahl
========================================================
*/
div#css               { margin: 0 0 0 0; padding: 100px 0 0 0; width: 274px; height: 79px; background-image:  url(../images/foot1.jpg); background-position: top; background-repeat: no-repeat; display: block; float: left;}
div#css ul, div#css li{ list-style:none; float: none; margin: 0 0 0 0; padding: 0 0 0 0;}
div#css h2            { display:none;}

/*Design1*/
a.design1,a.design1:link,a.design1:visited{ width: 274px; height: 17px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/cssnavi/design1.jpg); background-repeat: no-repeat; background-position: 0 0;}
a.design1:hover,a.design1:focus 	      { background-image:  url(../images/cssnavi/design1.jpg); background-repeat: no-repeat; background-position: -274px 0;}
a.design1 span                            { display: none;} /*Schrift der Navigation unsichtbar*/

a.design1_akt,a.design1_akt:link,a.design1_akt:visited{ width: 274px; height: 17px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/cssnavi/design1.jpg); background-repeat: no-repeat; background-position: -274px 0;}
a.design1_akt span                                    { display: none;} /*Schrift der Navigation unsichtbar*/

/*Design2*/
a.design2,a.design2:link,a.design2:visited{ width: 274px; height: 17px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/cssnavi/design2.jpg); background-repeat: no-repeat;  background-position: 0 0;}
a.design2:hover,a.design2:focus 	        { background-image:  url(../images/cssnavi/design2.jpg); background-repeat: no-repeat;  background-position: -274px 0;}
a.design2 span                            { display: none;} /*Schrift der Navigation unsichtbar*/

a.design2_akt,a.design2_akt:link,a.design2_akt:visited{ width: 274px; height: 17px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/cssnavi/design2.jpg); background-repeat: no-repeat;  background-position: -274px 0;}
a.design2_akt span                                    { display: none;} /*Schrift der Navigation unsichtbar*/

/*Design1*/
a.design3,a.design3:link,a.design3:visited{ width: 274px; height: 17px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/cssnavi/design3.jpg); background-repeat: no-repeat;  background-position: 0 0;}
a.design3:hover,a.design3:focus 	        { background-image:  url(../images/cssnavi/design3.jpg); background-repeat: no-repeat; background-position: -274px 0;}
a.design3 span                            { display: none;} /*Schrift der Navigation unsichtbar*/

a.design3_akt,a.design3_akt:link,a.design3_akt:visited{ width: 274px; height: 17px; display: block; margin: 0 0 0 0; padding: 0 0 0 0; background-image:  url(../images/cssnavi/design3.jpg); background-repeat: no-repeat;  background-position: -274px 0;}
a.design3_akt span                                    { display: none;} /*Schrift der Navigation unsichtbar*/

/*
========================================================
 Infotext(Footer)
========================================================
*/
div#info   { background-image:  url(../images/foot2.jpg);  background-position: top; background-repeat: no-repeat; width: 224px; padding: 40px 30px 0 20px;  margin: 0 0 0 0; text-align: left; display: block; float: left;}
div#info h2{ font-size: 0.9em; color: #666; font-weight: bold; margin: 0 0 0 0; padding: 0 0 0 0;}
div#info p { font-size: 0.9em; color: #666; margin: 0 0 0 0; padding: 0 0 0 0;}