* {
margin: 0px;
padding: 0px;
/* border: none; */
}

table.tabelle1 {
height: 100%;
}

tr {
border: none;
}

td {
border: none;
}

/* HINTERGRUNDFARBEN UND SCHRIFTFARBEN */

/* Zur Schreibweise:                                                          */
/* Das Attribut 'color' bezieht sich auf die Textfarbe.                       */
/* Das Attribut 'background-color' bezieht sich auf die Hintergrundfarbe.     */
/* Farbangaben k?nnen mit Farbnamen notiert werden, die in HTML-Farbtabellen  */
/* angegeben sind (red, orange, black etc.).                                  */
/* Browser sollten (!) diese Farben richtig interpretieren und tun dies auch  */
/* sicher bei Standardfarben wie 'green', 'red', 'white' oder 'black'.        */

/* Sicherer ist aber die Verwendung der hexadezimalen Schreibweise:           */
/* z.B. #FF0000 f?r Rot oder #CCCCCC f?r einen Grauton.                       */

/* Wichtig:                                                                   */
/* Hexadezimale Angaben werden durch eine Raute (#) eingeleitet.              */
/* Farbnamen werden ohne Raute notiert.                                       */

/* ---------------------------------------------------------------------------*/
/* HINTERGR?NDE */
/* Farbe des Seitenhintergrundes */
body {
background-color: #3F3F3F;
}
td.content_index, td.content_port, td.content {
background-color: #FFFFFF;
}

/* Farbe des dunklen Balkens oben und unten */
td.bg1 {
background-color: #7F7F7F;
}

/* ---------------------------------------------------------------------------*/
/* SCHRIFTFARBEN */
/* Bildunterschriften */
/* Kontaktformular */
/* Biographie-Seite */
/* Portfolioseite -> Rubriken */
div.hauptbild_text_600, div.hauptbild_text_508, table#formular, #biotext table, #portfoliotext {
color: #272924;
}

/* Portfolioseite -> ?berschriften */
.portfolioheader {
color: black;
}

/* ---------------------------------------------------------------------------*/
/* LINKS */
/* Farbe der Links ... */
/* ... zur Einblendung des Infotextes */
/* ... zur Auswahl Deutsch / Englisch */
/* ... auf der Portfolioseite         */

/* 1. im Normalzustand */
div.showinfo a:link, div.showinfo a:visited, #submenu, #submenu a:link, #submenu a:visited, #portfoliotext a:link, #portfoliotext a:visited {
color: #272924;
}

/* 2. Wenn sie mit der Maus ?berfahren werden */
div.showinfo a:hover, div.showinfo a:visited:hover, #submenu a:hover, #submenu a:visited:hover, #portfoliotext a:hover, #portfoliotext a:visited:hover {
color: #ff9933;
}

/* --------------------------------- */

body {
margin-top: 0px;
padding-top: 0px auto;
}

/* --------------------------------- */

td.content_index, td.content_port, td.content {
vertical-align: top;
}

a span {
display: none;
}

span.nodisplay {
display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* LINK ZUR STARTSEITE */
#link1 {
float: left;
margin-left: 0px;
padding-top: 4px;
}

#link1index {
float: left;
margin-left: 0px;
margin-top: 3px;
padding-top: 0px;
background-image: url('../img/gif/jdp.gif');
background-repeat: no-repeat;
background-position: top left;
width: 236px;
height: 22px;
}

#link1 a:link, #link1 a:visited, #link1 a:hover {
display: block;
width: 236px;
height: 22px;
background-image: url('../img/gif/jdp.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link1 a:hover {
background-image: url('../img/gif/jdp_o.gif');
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* LINK ZUM PORTFOLIO */
#link2 {
float: left;
margin-left: 0px;
padding-top: 12px;
}

#link2 a:link, #link2 a:visited, #link2 a:hover {
display: block;
width: 68px;
height: 12px;
background-image: url('../img/gif/portfolio.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link2 a:hover {
background-image: url('../img/gif/portfolio_o.gif');
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* LINK ZUR VITA */
#link3 {
float: left;
margin-left: 0px;
padding-top: 12px;
}

#link3 a:link, #link3 a:visited, #link3 a:hover {
display: block;
/* width: 20px; */
width: 30px;
height: 12px;
background-image: url('../img/gif/vita.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link3 a:hover {
background-image: url('../img/gif/vita_o.gif');
}

/* - - - - - - - - - - - - - - - - - - - - - */

#link3en {
float: left;
margin-left: 0px;
padding-top: 12px;
}

#link3en a:link, #link3en a:visited, #link3en a:hover {
display: block;
width: 20px;
height: 12px;
background-image: url('../img/gif/bio.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link3en a:hover {
background-image: url('../img/gif/bio_o.gif');
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* LINK ZUM KONTAKT */
#link4 {
float: left;
margin-left: 0px;
padding-top: 12px;
}

#link4 a:link, #link4 a:visited, #link4 a:hover {
display: block;
width: 62px;
height: 12px;
background-image: url('../img/gif/kontakt.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link4 a:hover {
background-image: url('../img/gif/kontakt_o.gif');
}

/* - - - - - - - - - - - - - - - - - - - - - */

#link4en {
float: left;
margin-left: 0px;
padding-top: 12px;
}

#link4en a:link, #link4en a:visited, #link4en a:hover {
display: block;
width: 62px;
height: 12px;
background-image: url('../img/gif/contact.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link4en a:hover {
background-image: url('../img/gif/contact_o.gif');
}

/* ======================================================= */

img.hauptbild {
margin: 0px 0px 0px 0px;
border: none;
}

div.hauptbild_text_600, div.hauptbild_text_508 {
margin: 0px;
font-family: Verdana, helvetica, arial, sans-serif;
font-size: 11px;
}

div.hauptbild_text_600 {
width: 600px;
padding-top: 10px;
}

div.hauptbild_text_508 {
width: 508px;
padding-top: 10px;
}

div.showinfo {
/* display: none; */
float: right;
}

div.showinfo a:link, div.showinfo a:visited {
text-decoration: none;
}

div.showinfo a:hover, div.showinfo a:visited:hover {
text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* MENU ZUR AUSWAHL DEUTSCH / ENGLISCH */
#submenu {
margin: 0px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 11px;
}

#submenu #link {
float: right;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
}

#submenu a:link, #submenu a:visited {
text-decoration: none;
}

#submenu a:hover {
text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* FORMATIERUNG DER VITA-SEITE */


#biotable {
font-family: Verdana, helvetica, arial, sans-serif;
font-size: 11px;
border: none;
color: #6F6F6F;
}

#biotable tr {
vertical-align: top;
border: none;
}

#biotable tr td {
border: none;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* FORMATIERUNG DER PORTFOLIO-SEITE */
#portfoliobild {
float: left;
margin: 0px;
width: 263px;
}

#portfoliotext {
float: left;
margin: 0px;
padding: 0px;
font-family: Verdana, helvetica,  arial, sans-serif;
font-size: 11px;
letter-spacing: 0px;
}

.portfolioheader {
font-size: 12px;
font-weight: normal
margin: 0px 0px 8px 0px;
padding: 0px 0px 8px 0px;
letter-spacing: 1px;
}

.portfoliolink {
margin: 0px 0px 8px 0px;
padding: 0px;
}

#portfoliotext a:link, #portfoliotext a:visited {
text-decoration: none;
}

#portfoliotext a:hover {
text-decoration: none;
}

/* - - - - - - - - - - - - - - - - - - - - - */
/* FORMATIERUNG DES KONTAKT-FORMULARS */
table#formular {
margin: 20px 0px 0px 0px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 11px;
border-collapse: collapse;
}

table#formular tr td {
border: none;
vertical-align: top;
}

table#formular tr td.right {
text-align: right;
}

#formular .button {
border: none;
color: #6F6F6F;
background-color: #dfdfde;
margin: 0px;
padding: 0px;
}

input, textarea {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 11px;
color: #6F6F6F;
font-weight: bold;
}

#formular textarea.no_show, #formular input.no_show {
visibility: hidden;
background-color: #dfdfde;
}

#formular .fehler {
color: red;
font-weight: bold;
}

/* ======================================================= */
/* FORMATIERUNG DES BILDWECHSELS */
#bildwechsel {
border: none;
}

#bildwechsel tr td {
border: none;
}


#_Ath_FileName {

}

#link5 {
width: 20px;
padding-top: 3px;
}

#link5b {
width: 20px;
padding-top: 3px;
}

#link5 a:link, #link5 a:visited, #link5 a:hover, #link5b a:link, #link5b a:visited, #link5b a:hover {
display: block;
width: 14px;
height: 15px;
background-image: url('../img/gif/links.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link5 a:hover, #linkb5 a:hover {
background-image: url('../img/gif/links_o.gif');
}

#link6 {
width: 20px;
padding-top: 3px;
}

#link6 a:link, #link6 a:visited, #link6 a:hover {
display: block;
width: 14px;
height: 15px;
background-image: url('../img/gif/rechts.gif');
background-repeat: no-repeat;
background-position: top left;
}

#link6 a:hover {
background-image: url('../img/gif/rechts_o.gif');
}

#seitenanzeige {
text-align: center;
width: 55px;
margin: 3px 5px 0px 5px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 11px;
color: #cfcfcf;
}

/* CONTAINER F?R DEN ?BERBLENDTEXT */
#container {
        background-image: url('../img/gif/bg.png');
        position: absolute;
        height: 400px;
        width: 600px;
        left: 50%;
        top: 50%;
        margin-top: -200px;
/*        margin-top: -206px; */
        margin-left: -300px;
/*        margin-left: -296px; */
        visibility: hidden;


}