html, body {
    height: 100%;
    margin: 0px; 
    padding: 0px;
    font-family: Tahoma, Arial;
    font-size: 10px;
    background-color: #1b1b1b;
    color: white;
}

img {
    border: 0px;
}

a, a:hover {
    color: white;
    text-decoration: none;
}

a:active {
    border: none;
}

body table {
  width: 100%; 
  height: 100%;
}

body table td {
  vertical-align: middle;
  text-align: center;
}

#header {
    position: relative;
    margin: 0px auto;
    width: 541px;
}

#logo {
    text-align: right;
}

#footer {
    position: relative;
    margin: 0px auto;
    width: 541px;
    text-align: right;
}

#main {
    position: relative;
    nobackground-image: url(../grid.gif);
    background-color: #404040;
    margin: 0px auto;
    width: 541px;
    height: 541px;
    text-align: left;
}

#content {
    position: absolute;
    top: 0px;
    left; 0px;
    width: 541px;
    height: 541px;
    overflow: hidden;
}

/* SMACK Element Definitions */

.divImage {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 541px;
    height: 541px;
}

.divImage {
     overflow: hidden;
}

.divHtml {
	height: 541px;
	width: 541px;
    position: absolute;
	left: 0px; 
	top: 0px;
}

.divText {
    position: absolute;
    top: 136px;
    left: 271px;
    width: 269px;
    height: 269px;
    background-color: #6A6A6A;
    overflow: auto;
}

.divText h1, .divText h2, .divText p {
    margin: 0px;
    padding-left: 7px;
    padding-right: 15px;
}

.divText h1 {
    padding-top: 27px;
    padding-bottom: 29px;
    font-size: 16px;
    font-weight: bold;
    font-family: tahoma;
}

.halfbox h1 {
    padding: 7px;
    border-top: 1px dotted white;
}

.divText h2 {
    padding-top: 10px;
    padding-bottom: 4px;
    font-size: 12px;
    font-weight: bold;
    font-family: tahoma;
}

.divText p {
    padding-bottom: 10px;
    font-size: 12px;
    letter-spacing: 0.14ex;
    letter-spacing: 0.14ex;
    line-height: 160%;
    font-weight: normal;
    color: #e8e8e8;
}

.divSquare {
}

.grid {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 541px;
    height: 541px;
}

.lineH, .lineV {
    position: absolute;
    height: 1px;
    width: 541px;
    background-color: white;
    padding: 0px; margin: 0px;
    overflow: hidden;    
    display: block;
}

.lineV {
    height: 541px;
    width: 1px;
}

/*
 * Navigation CSS
 */

#nav {
    position: absolute
    width: 180px;
    padding-right: 20px;
    z-index: 100;
    display: none;
}

/* reset ul properties for all levels */
#nav ul, #nav * ul {
    position: absolute;
    top: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 110;
    list-style-type: none;
}


/* first level navigation */
#nav ul {
    display: block;
}

/* second level navigation */
#nav ul ul {
    left: 135px;
    display: none;
}

/* third level navigation */
#nav ul ul ul {
    left: 135px;
    display: none;
}
/* 
 * items navigation 
 */
 
 
/* all navigation items */
#nav * p {
    font-size: 14px;
    letter-spacing: 0.05ex;
    margin: 0px;
    padding: 2px 0px 4px 5px;
}

/* all hrefs */
#nav * a, #nav * a:hover {
    font-weight: bold;
    text-decoration: none;
}

/* first level items */
#nav ul p a {
    color: #8D8D8D;
}
#nav ul p a:hover, #nav ul p .active {
    color: #FFFFFF;
}

/* second level items */
#nav ul ul p a {
    color: #18596B;
}
#nav ul ul p a:hover, #nav ul ul p .active  {
   color: #16A8D3;
}

/* third level items */
#nav ul ul ul p {
    font-size: 12px;
}
#nav ul ul ul p a {
    color: #858172;
}
#nav ul ul ul p a:hover, #nav ul ul ul p .active {
    color: #EEE7C8;
}


/* all levels navigation */
#nav ul, #nav * ul {
    position: absolute;
    top: 0px;
    background-color: #1b1b1b;
    width: 135px;
    height: 135px;
}

#ind_1, #ind_2, #ind_3, #ind_text {
    position: absolute;
    overflow: hidden;
}

#ind_1 {
    background-color: #FFFFFF;
    width: 14px;
    height: 14px;
}
#ind_2 {
    border: 1px solid #16A8D3;
    background-color: #1b1b1b;
    width: 12px;
    height: 12px;
}
#ind_3 {
    border: 1px solid #EEE7C8;
    background-color: #1b1b1b;
    width: 12px;
    height: 12px;
}
#ind_1.active {
    border: 0px;
    background-color: #FFFFFF;
    width: 14px;
    height: 14px;
}
#ind_2.active {
    border: 0px;
    background-color: #16A8D3;
    width: 14px;
    height: 14px;
}

#ind_3.active {
    border: 0px;
    background-color: #EEE7C8;
    width: 14px;
    height: 14px;
}

#ind_text {
    margin-left: 253px;
}

.blau {
    color: #16A8D3;
}
.ocker {
    color: #EEE7C8;
}
.dunkel {
    color: #1B1B1B;
}

.bgweiss {
    background-color: #FFFFFF;
}
.bgblau {
    background-color: #16A8D3;
}
.bgocker {
    background-color: #EEE7C8;
}
.bgdunkel {
    background-color: #1B1B1B;
}



#log {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 8pt;
    color: #fff;
    text-align: left;
    display: none;
}