* { padding: 0; margin: 0;
}

/* Trick zum permanenten Einblenden des vertikalen Scrollbalkens */
html {
margin-bottom: 1px;
}

/* Mit LeftSlash vor Mac IE5 versteckter Hack zwecks Behebung des 3px Bugs in WIN IE6 \*/
* html #inhalt {
width: 637px;
}
/* Ende versteckter Hack */

body, html {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
color: #000000;
height: 100%;
text-align: center;
font-size: 90%;
}

#container {
width: 900px;
background-color: #ffffff;
text-align: left;
margin: 0 auto;
}

#kopf {
width: 725px;
background-color: #ffffff;
text-align: left;
margin: 0 auto auto auto;
padding: 0 0 0 175px;
}

#inhalt {
width: 640px;
min-height: 400px;
background-color: #ffffff;
color: #000000;
margin-left: 175px;
padding: 63px 60px 50px 25px;
}

#navigation {
width: 175px;
background-color: #ffffff;
color: #000000;
padding: 25px 0 0 0;
margin: 0px;
text-align: left;
float: left;
}

/* Eigenschaften für alle Listen-Elemente in #navigation */
#navigation ul, li {
list-style-type: none;
padding: 0;
}

/* Eigenschaften für alle a-Elemente in #navigation */
#navigation a {
display: block;
width: 175px;
}

/* Höhe und Abstand Rollover-Hauptmenübuttons */
.mainbuttons a {
height: 30px;
margin: 8px 0 0 0;
}

/* Höhe und Abstand Rollover-Submenübuttons */
.subbuttons a {
height: 20px;
margin: 0 0 0 0;
}

/* Unsichtbarer Text auf Rollover-Menübuttons */
.invtext {
display: none;
}

/* Angewählter statischer Hauptmenübutton */
.mainactive {
display: block;
height: 30px;
margin: 8px 0 0 0;
}

/* Angewählter statischer Submenübutton */
.subactive {
display: block;
height: 20px;
margin: 0 0 0 0;
}

/* Definition aller Haupt- und Submenübuttons im Normal- und Rollover-Zustand */
.b_main1 a
{
background-image: url(Menu_Elemente/Menu_Steckbrief_0.gif);
}

.b_main1 a:hover
{
background-image: url(Menu_Elemente/Menu_Steckbrief_1.gif);
}

.b_main2 a
{
background-image: url(Menu_Elemente/Menu_Credo_0.gif);
}

.b_main2 a:hover
{
background-image: url(Menu_Elemente/Menu_Credo_1.gif);
}

.b_main3 a
{
background-image: url(Menu_Elemente/Menu_Kompetenz_0.gif);
}

.b_main3 a:hover
{
background-image: url(Menu_Elemente/Menu_Kompetenz_1.gif);
}

.b_main4 a
{
background-image: url(Menu_Elemente/Menu_Portfolio_0.gif);
}

.b_main4 a:hover
{
background-image: url(Menu_Elemente/Menu_Portfolio_1.gif);
}

.b_mainblog a
{
background-image: url(Menu_Elemente/Menu_Blog_0.gif);
}

.b_mainblog a:hover
{
background-image: url(Menu_Elemente/Menu_Blog_1.gif);
}

.b_main5 a
{
background-image: url(Menu_Elemente/Menu_Home_0.gif);
}

.b_main5 a:hover
{
background-image: url(Menu_Elemente/Menu_Home_1.gif);
}

.b_main6 a
{
background-image: url(Menu_Elemente/Menu_Mail.gif);
}

.b_main6 a:hover
{
background-image: url(Menu_Elemente/Menu_Mail.gif);
}

.b_main7 a
{
background-image: url(Menu_Elemente/Menu_Guestbook_0.gif);
}

.b_main7 a:hover
{
background-image: url(Menu_Elemente/Menu_Guestbook_1.gif);
}

.b_main8 a
{
background-image: url(Menu_Elemente/Menu_Impressum_0.gif);
}

.b_main8 a:hover
{
background-image: url(Menu_Elemente/Menu_Impressum_1.gif);
}

.b_sub1 a
{
background-image: url(Menu_Elemente/Sub_Logodesign_0.gif);
}

.b_sub1 a:hover
{
background-image: url(Menu_Elemente/Sub_Logodesign_1.gif);
}

.b_sub2 a
{
background-image: url(Menu_Elemente/Sub_Gedrucktes_0.gif);
}

.b_sub2 a:hover
{
background-image: url(Menu_Elemente/Sub_Gedrucktes_1.gif);
}

.b_sub3 a
{
background-image: url(Menu_Elemente/Sub_Illustration_0.gif);
}

.b_sub3 a:hover
{
background-image: url(Menu_Elemente/Sub_Illustration_1.gif);
}

.b_sub4 a
{
background-image: url(Menu_Elemente/Sub_Screendesign_0.gif);
}

.b_sub4 a:hover
{
background-image: url(Menu_Elemente/Sub_Screendesign_1.gif);
}

.b_sub5 a
{
background-image: url(Menu_Elemente/Sub_Spielplatz_0.gif);
}

.b_sub5 a:hover
{
background-image: url(Menu_Elemente/Sub_Spielplatz_1.gif);
}

/* Linke Bildspalte auf Startseite */
#spalte_links {
float: left;
width: 265px;
height: 450px;
padding: 0;
}

/* Inhaltscontainer für Portfolio-Bildelemente */
#portfolio_bild {
width: 647px;
height: 290px;
color: #000000;
margin: 0 0 0 175px;
padding: 33px 50px 0 25px;
display: block;
}

/* Inhaltscontainer für Portfolio-Textbeschreibungen */
#portfolio_text {
width: 647px;
height: 68px;
color: #000000;
margin: 0 0 0 175px;
padding: 0 50px 8px 25px;
display: block;
}

/* Inhaltscontainer für Portfolio-Navigation */
#portfolio_navi {
width: 647px;
height: 30px;
color: #000000;
margin: 0 0 0 175px;
padding: 0 50px 84px 25px;
display: block;
}

/* Portfolio-Absatz ohne margin nach oben */
#portfolio_text p, #portfolio_navi p {
margin: 0 25px 0 0;
font-size: 1em;
}

/* Abstand und Text zwischen Portfolio-Navigationsbuttons */
.gap {
margin: 0 0 0 8px;
}

/* Inhaltscontainer für Gästebuch mit justiertem Abstand nach links */
#guestbook {
width: 653px;
min-height: 400px;
background-color: #ffffff;
color: #000000;
margin-left: 175px;
padding: 63px 60px 50px 12px;
}

/* Tabellenformatierung für Textprofil(e) */
.tabelle {
padding: 0 25px 0 0;
border: 0;
text-align: left;
}

.spalte1 {
width: 180px;
padding: 13px 0 0 0;
vertical-align: top;
font-weight: bold;
}

.spalte2 {
width: auto;
padding: 13px 0 0 0;
vertical-align: top;
font-weight: normal;
}

/* Cyanfarbener Text */
.cyan {
color: #3366cc;
}

/* Standard-Lauftext */
p {
margin: 13px 25px 0 0;
font-size: 1em;
}

/* Standard-Überschrift */
h1 {
margin: 0 25px 0 0;
font-size: 1.4em;
}

/* Vermeiden störender Umrandungen bei Link-Elementen (a) */
a {
outline: none;
}