* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

.clear {
    clear: both;
}

.space {
    height: 10px;
}

a img {
    border: none;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    height: 100%;
    vertical-align: middle;
}

#pageWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 760px;
    height: 420px;
    margin-top: -210px;
    margin-left: -380px;
}

#logoStart img {
    position: absolute;
    top: -55px;
}

#logo {
    /*float: right;*/
    position: absolute;
    left: 640px;
}

/* Top-Navigation */

#topnav {
    height: 70px;
}

#topnav .active {
    font-weight: bold;
}

#topnav img {
    float: left;
}

#topnav ul {
    list-style: none;
    float: left;
    margin-top: 55px;
    margin-left: 10px;
}

#topnav ul li {
   display: inline;
   font-size: 12px;
}

#topnav ul li a {
    text-decoration: none;
    color: #333;
    padding-right: 1px;
    padding-left: 1px;
}

#topnav ul li .separator {
    font-weight: normal;
}

/* Side-Navigation */

#sidenav {
    width: 115px;
    float:  left;
    height: 320px;
    background-color: #014c73;
}

#sidenav .active {
    font-weight: bold;
}

#sidenav ul {
    list-style: none;
    float: right;
    text-align: right;
    margin-top: 25px;
    margin-right: 5px;
}

#sidenav ul li {
    padding: 3px;
}

#sidenav ul li a {
    display: block;
    text-decoration: none;
    color: white;
}

#sidenav ul li a:hover {
    /*font-weight: bold;*/
}

/* Content Area */

#main {
    width: 760px;
    height: 320px;
}

#content {
    width: 645px;
    height: 319px;
    border-bottom: 1px solid #014c73;
    border-top: 1px solid #014c73;
    float: left;
    overflow: auto;
}

.contentImage {
    width: 114px;
    height: 91px;
    padding-left: 12px;
    margin-top: 30px;
    float: left;
}

#text {
    float: left;
    width: 400px;
    padding-top: 30px;
    padding-left: 12px;
    padding-bottom: 10px;
}

#text.seminar { width: 606px; }

#text h1 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
}

#text p {
    font-weight: normal;
}

/* the Mitarbeiter (Edit) View */

#text input,
#text textarea {
    border: 1px solid #ccc;
}

#headline input {
    width: 480px;
    margin-bottom: 3px;
}

#tiny textarea {
  width: 480px;
}

#contentbottom {
    width: 480px;
}

.manageLeftCol {
    float: left;
}

.manageRightCol {
    float: left;
}

#contentbottom .textType {
    width: 300px;
}

#contentbottom .right {
    width: 250px;
    margin-top: 20px;
}

#contentbottom .left {
    width: 138px;
    margin-top: 20px;
}

#text .leftCol {
    width: 194px;
    float: left;
    padding-right: 5px;
}

#text .rightCol {
    width: 189px;
    float: left;
}

.additionalRow textarea {
    height: 50px;
    width: 300px;
    float: right;
}

.additionalRow {
    float: left;
    padding: 3px 0 3px 0;
    width: 480px;
}

.additionalRow .rowRight {
    float: left;
    width: 300px;
}

.additionalRow .rowLeft {
    float: left;
    width: 180px;
}

#birthday .textType {
    width: 275px;
}

#text .savebutton {
    margin-bottom: 10px;
}

#email a {
    color: #014c73;
    text-decoration: none;
}

#email a:hover {
    text-decoration: underline;
    color: #5698ba;
}

.savebutton {
    float:left;
}

.backbuttonCell {
    text-align: right;
}

.backbutton a{
    margin-top: 10px;
    margin-bottom: 10px;
    color: #014c73;
    text-decoration: none;
}

.backbutton a:hover {
    text-decoration: underline;
    color: #5698ba;
}

#employeeTabListing td {
    padding-bottom: 10px;
    vertical-align: top;
}

/* Footer */

#footer .offices {
    float: right;
	margin: 10px 0 0 0;
}

#footer .offices a {
    margin: 0 0 0 5px;
}

#footer .offices .en {
	margin: 0 0 0 15px;
}
#block {
    float: left;
}
#blockbg {
    width: 115px;
    background-color: #5698ba;
    height: 28px;
    position: absolute;
    top: 391px;
    left: 0px;
}


/* Language Selection */

#langselect {
    background: #014c73;
    margin: 20px 0 20px 0;
    height: 279px;
}
#langselect div.frame {
    padding: 36px 0 0 124px;

}
#langselect a {
    display: block;
    background-image: url("++resource++images/language-select.gif");
    width: 365px;
    height: 30px;
}
#langselect a.de {
    background-position: 0px 0px;
}
#langselect a.en {
    background-position: 0px -33px;
}
#langselect a.hu {
    background-position: 0px -66px;
}
#langselect a.cs {
    background-position: 0px -99px;
}
#langselect a.sk {
    background-position: 0px -132px;
}
#langselect a.pl {
    background-position: 0px -165px;
}
#langselect a.uk {
    background-position: 0px -198px;
}

#language li {
    float: left;
    margin-top: 9px;
    margin-left: 3px;
    margin-right: 3px;
    list-style: none;
}

#language a {
    text-decoration: none;
    color: #333;
    font-size: 12px;
}

#language a:hover {
    text-decoration: underline;
}

/* Mitarbeiter */

.mitarbeiterContainer {
    margin-bottom: 1px;
}
.mitarbeiterContainer a {
    color: #014c73;
    text-decoration: none;
}

.mitarbeiterContainer a:hover {
    color: #5698ba;
    text-decoration: underline;
}

/* Partner */

.partnerContainer {
    margin-bottom: 1px;
}
.partnerContainer a {
    color: #014c73;
    text-decoration: none;
}

.partnerContainer a:hover {
    color: #5698ba;
    text-decoration: underline;
}

.locationdiv {
    margin-bottom: 15px;
}

.floatright {
    float: right;
}

.floatleft {
	width: 160px;
    float: left;
}

.clear {
	clear: both;
}

/* Seminare */

#dateblock {
    height: 24px;
    width: 77px;
    background-color: #aacbdc;
    border-right: 1px solid #fff;
    padding-left: 5px;
}

#titleblock {
    height: 24px;
    width: 207px;
    background-color: #aacbdc;
    border-right: 1px solid #fff;
    padding-left: 5px;
}

#textblock {
    height: 24px;
    width: 305px;
    background-color: #aacbdc;
    padding-left: 5px;
}

.seminarContainerOld,
.seminarContainerOld a {
    color: #999;
}

.seminarContainer td,
.seminarContainerOld td {
    padding: 10px 0 5px 5px;
    vertical-align: top;
}

.seminarContainer .date {
    width: 77px;
}
.seminarContainer .title {
    width: 207px;
}
.seminarContainer .presenter {
    width: 305px;
}

#footerLinks {
    position: absolute;
    top: 400px;
    left: 120px;
    width: 200px;
}

a {
    color: #014C73;
    text-decoration: none;
}

a:hover {
    color: #5698BA;
    text-decoration: underline;
}

p {
    margin-bottom: 10px;
}

#footerLinks a {
    color: #000;
    padding: 0 5px 0 5px;
    border-right: 1px solid #000;
}

#footerLinks a.last {
    border-right: none;
}

#flatContainer {
    list-style: none;
    margin-top: 10px;
}
