/* Define some standard styles */
body {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 12px;
 background-color: #000000;
}

table {
 font-size: 12px;
 text-align: left;
 color: #000000;
}

img {
 border-style: none;
}

h1 {
 margin: 0 0 20px 0;
 padding: 0 0 0 0;
 color: #003A80;
 font-weight: bold;
 font-size: 50px;
}

h2 {
 margin: 0 0 10px 10px;
 padding: 0 0 0 0;
 font-weight: bold;
 font-size: 20px;
 color: #000000;
}

h3 {
 margin: 8px 0 1px 0;
 padding: 0 0 0 0;
 font-weight: bold;
 font-size: 12px;
}


/* Try to do the IMPOSSIBLE work to SIMPLY center a bloody box... THANK YOU, W3C for your GREAT job... */
.centeredTableClass {
 border: 0px;
 width: 100%;
 height: 100%;
}

.centeredCellClass {
 vertical-align: middle;
 text-align: center;
}


#centeredBox {
 position: relative;
 width: 760px;
 height: 570px;
 margin: 0 auto;
 text-align:left;
 background-color: #ffffff;
}


/* Navigation box styles */
#navigationBox {
 float: left;
 width: 188px;
 height: 570px;
 padding: 0 0 0 0;
 background: #aaaaaa;
}

.logoClass {
 margin: 5px 0 0 5px;
 border-style: none;
}

ul#navigationList {
 list-style-type: none;
 margin: 50px 5px 0 5px;
 padding: 0px;
}

ul#navigationList li {
 display: inline;
 margin: 0 0 0 0;
}

ul#navigationList li a {
 display: block;
 color: #ffffff;
 padding: 5px 2% 5px 2%;
 text-decoration: none;
 font-weight: normal;
 letter-spacing: 2px;
 border-bottom: 1px solid #ffffff;
}

ul#navigationList li a:hover {
 color: #FFCE00;
 background-color: #003A80;
}

ul#navigationList li a#current {
 color: #FFCE00;
 font-weight: bold;
}


ul#navigationList li a#sub {
 color: #ffffff;
 font-weight: normal;
 margin: 0 0 0 40px;
 border-bottom: none;
}

ul#navigationList li a#currentSub {
 color: #FFCE00;
 font-weight: bold;
 margin: 0 0 0 40px;
 border-bottom: none;
}


/* Lower left corner box */
#lowerLeftCornerBox {
 position: absolute;
 left: 0px;
 bottom: 0px;
 width: 178px;
 height: 60px;
 margin: 0px 5px 0px 5px;
}


/* Right aligned language selection */
#languageSelectionBox {
 width: 100%;
 font-weight: bold;
 color: #ffffff;
 padding-bottom: 5px;
 text-align: right;
}

.navRightLangClass {
 text-decoration: none;
 color: #ffffff;
}

.navRightCurrentLangClass {
 text-decoration: none;
 color: #FFCE00;
}


/* Left aligned company info */
#infoEmailBox {
 color: #ffffff;
 border-top: 1px solid #ffffff;
 padding-top: 5px;
}

.infoEmailClass {
 text-decoration: none;
 color: #ffffff;
}


/* The main content styles */
#contentBox {
 float:right;
 width: 571px;
 height: 570px;
 background: #ffffff;
 overflow: auto;
}

.contentPictureClass {
 margin: 130px 0 0 10px;
 width: 110px;
 height: 70px;
 vertical-align: top;
}

.contentPictureStefanClass {
 margin: 140px 0 0 10px;
 width: 110px;
 height: 101px;
 vertical-align: top;
}

.contentTopRowClass {
 vertical-align: top;
}

.dividerLineClass {
 width: 100%;
 height: 1px;
 margin: 5px 0px 5px 0px;
}

ul#projectList {
 list-style-position: inside;
 margin: 0 0 0 0;
}

ul#projectList li {
 margin: 5px 0 5px 0;
}

.projectListULClass {
 list-style-position: inside;
 margin: 0 0 0 0;
}

.projectListLIClass {
 margin: 5px 0 5px 0;
}