BODY { 
  COLOR: #ffffff; 
  BACKGROUND: #000000; 
  margin: 0px; 
  padding: 0px; 
  overflow: auto;}

A:link       {COLOR: #cccccc; TEXT-DECORATION: none}
A:visited    {COLOR: #0000cc; TEXT-DECORATION: none}
A:active     {COLOR: #0000cc; TEXT-DECORATION: none}
A:hover      {COLOR: #FF4040; TEXT-DECORATION: none}

.homepage {
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 7pt; 
}

.homepage .intro {
 margin-top: -125px;
 margin-left: -240px;
 position: absolute;
 left: 50%;
 top: 50%;
 width: 800px;
 height: 400px;
 }

.homepage .enter {
margin-top: 130px;
margin-left: -175px;
position: absolute;
left: 50%;
top: 50%;
}
 
.sitepage {
FONT-SIZE: 10pt; 
FONT-FAMILY: Tahoma, sans-serif;
FONT-WEIGHT:400;
}

.sitepage .header {
 margin-top: 0px;
 margin-left: 0;
 position: absolute;
 left: 0;
 top: 0;
 width: 800px;
 height: 145px;
}

.sitepage .menu {
 margin-top: 0px;
 margin-left: 0;
 position: absolute;
 left: 0;
 top: 145;
 width: 800px;
 height: 31px;
}

.sitepage .background {
 margin-top: 0px;
 margin-left: 0;
 position: absolute;
 left: 0;
 top: 176;
 width: 100%;
 height: 390px;
}

.sitepage .content {
 margin-top: 256px;
 margin-left: 375px;
 position: absolute;
 left: 0;
 top: 0;
 width: 500px;
 height: 280px;
 overflow: auto;
 padding-right: 15px;
}

.sitepage .footer {
 margin-top: 0px;
 margin-left: 500px;
 position: absolute;
 left: 0;
 top: 566;
 width: 400px;
 height: 20px;
}


.sitepage .idea {
background: #526362;
}

.sitepage .bio {
background: #55334a;
}

.sitepage .kontakt {
background: #746254;
}

.sitepage .portfolio {
background: #69696a;
}

.sitepage .bioscroll {
Scrollbar-Base-Color: #55334a;
Scrollbar-Face-Color: #95738a;
Scrollbar-Arrow-Color: #ffffff;
Scrollbar-Highlight-Color: #75536a;
Scrollbar-Shadow-Color: #75536a;
Scrollbar-DarkShadow-Color: #75536a;
Scrollbar-3dLight-Color: #75536a;
scrollbar-track-color: #75536a;
text-align: justify;
}

.sitepage .portfolioscroll {
Scrollbar-Base-Color: #69696a;
Scrollbar-Face-Color: #a9a9aa;
Scrollbar-Arrow-Color: #ffffff;
Scrollbar-Highlight-Color: #89898a;
Scrollbar-Shadow-Color: #89898a;
Scrollbar-DarkShadow-Color: #89898a;
Scrollbar-3dLight-Color: #89898a;
scrollbar-track-color: #89898a;
text-align: center;
}

.sitepage .content div.img
{
  margin: 15px;
  noborder: 1px solid #89898a;
  height: auto;
  width: auto;
  float: left;
}	
.sitepage .content div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #69696a;
}
.sitepage .content div.img a:hover img 
{border: 1px solid #a9a9aa;}

.sitepage .content div.name
{
  text-align: center;
  font-weight: bold;
  width: 110px;
  FONT-SIZE: 7pt;
}

 .sitepage .popup {
 position: absolute;
 left: 20px;
 top: 20px;
 width: auto;
 height: auto;
 overflow: visible;
 visibility: hidden;
 background: #79797a;

 padding-bottom:22px;
}

.sitepage .popup .title {
position: absolute;
margin-left: 22px;
margin-top: 4px;
width: 380px;
}

.sitepage .popup .close {
position: absolute;
top: 3px;
right: 3px;
width: 16px;
height: 16px;
}

.sitepage .popup .next {
position: absolute;
top: 3px;
right: 44px;
width: 16px;
height: 16px;
visibility: hidden;
}

.sitepage .popup .prev {
position: absolute;
top: 3px;
right: 66px;
width: 16px;
height: 16px;
visibility: hidden;
}


.sitepage .popup .show {
position: relative;
top: 22px;
padding: 20px;
background: #393939;
margin: 2px;
width: auto;
height: auto;
}