/*
 * Consolidated stylesheet
 */

/*
 * titlerow.css
 */

#titlerow {
        position: absolute; left: 6px; top: 6px;
        width: 99%; height: 84px;
        background-color: #215134;
}

#titlerow form {
        margin-bottom: 0px;
        margin-top: 0px;
}

#titlerow .cornerUpperLeft {
        position: absolute; left: 0px; top: 0px;
}

#titlerow .cornerUpperLeft img {
        display: block;
}

#titlerow .cornerLowerLeft {
        position: absolute; left: 0px; bottom: 0px;
}

#titlerow .cornerLowerLeft img {
        display: block;
}

#titlerow .cornerLowerRight {
        position: absolute; right: 0px; bottom: 0px;
}
#titlerow .cornerLowerRight img{
        display: block;
        float: right;
        margin-right: -3px;
        voice-family: "\"}\"";
        voice-family:inherit;
        margin-right: 0px;
}

#iefix {}

#titlerow .cornerUpperRight {
        position: absolute; right: 0px; top: 0px;
}
#titlerow .cornerUpperRight img{
        display: block;
        margin-right: -3px;
        voice-family: "\"}\"";
        voice-family:inherit;
        margin-right: 0px;
}

#iefix {}

#logo {
        display: inline;
        border: 0px;
        width: 252px;
}


#languageContainer {
        position: absolute; left: 0px; top: 15px;
        width: 100%;
}

#languages {
        font: normal normal normal 10px Tahoma,Verdana,Arial,Sans-Serif;
        color: #adbab2;
        float: right;
        padding-right: 16px;
}

#languages .active {
        color: #adbab2;
        text-decoration: none;
        font-weight: bold;
}

#languages a {
        color: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid #869a8c;
}
#languages a:hover {
        color: #ffe400;
        border-bottom: 1px solid #a6a915;
}
#languages a:visited {
        color: #ffffff;
        border-bottom: 1px solid #869a8c;
}
#languages a:visited:hover {
        color: #ffe400;
        border-bottom: 1px solid #a6a915;
}

#searchContainer {
        position: absolute; left: 0px; bottom: 11px;
        width: 100%; height:17px;
}
#searchContainer .button {
        margin-right: 16px;
        float: right;
}

#titlerow .searchInput {
        font: normal normal normal 11px Tahoma,Arial,Helvetica,Sans-Serif;
        border: 0px;
        background-color: #ffffff;
        padding-left: 3px;
        padding-right: 3px;
        width: 120px; height: 15px;
        margin-right: 6px;
        float: right;
}

/*
 * home.css
 */
.boxSpacer {
        height: 352px;
}
#page .homeBox {
        width: 190px;
        height: 309px;
        position: absolute;
        top: 79px;
}

#page .homeBox img {
        display: block;
        margin-top: 0px;
        margin-bottom: 0px;
}

#page .homeBox .homeBoxContent {
        height: 304px;
        margin: 0px;
        padding: 0px;
}

#page .homeBox .headline {
        margin: 8px 14px 8px 14px;
        font: normal normal bold 13px Verdana,Arial,Helvetica,Sans-Serif;
}



#page .homeBox .text {
        margin: 8px 14px 8px 14px;
        font: normal normal normal 11px/1.4em Verdana,Arial,Helvetica,Sans-Serif;
}

#page .homeBox .bottom {
        margin: 0px;
        padding: 0px;
        height: 5px;
        font-size: 1px;
        line-height: 1px;
}

#page .homeBox a {
        color: #0524a8;
        font: normal normal normal 11px/1.5em Verdana,Arial,Helvetica,Sans-Serif;
        text-decoration: none;
        border-bottom: 1px solid #c2c9e7;
        margin-left: 14px;
}

#page .homeBox a:hover {
        color: #993300;
        border-bottom: 1px solid #993300;
}
#page .homeBox a:visited {
        color: #875685;
        text-decoration: none;
        border-bottom: 1px solid #d0aecf;
}
#page .homeBox a:visited:hover {
        color: #993300;
        border-bottom: 1px solid #993300;
}


#page .homeBox.people {
        background-color: #f2f5f9;
        left: 41px;
}
#page .homeBox.people .headline{
        color: #586693;
}

#page .homeBox.knowhow {
        background-color: #f7f8e5;
        left: 255px;
}
#page .homeBox.knowhow .headline{
        color: #b9c000;
}

#page .homeBox.services {
        background-color: #f1f5f7;
        left: 469px;
}
#page .homeBox.services .headline{
        color: #98bed2;
}



#newsBox {
        padding-left: 50px;
        margin-bottom: 47px;
        width: 335px;

        font: normal normal normal 11px Verdana,Arial,Helvetica,Sans-Serif;
        float: left;
}

#iefix {}


#newsBox td {
        color: #838383;
}

#newsBox a {
        color: #0524a8;
        text-decoration: none;
        border-bottom: 1px solid #c2c9e7;
}

#newsBox a:hover {
        color: #993300;
        text-decoration: none;
        border-bottom: 1px solid #993300;
}
#newsBox a:visited {
        color: #875685;
        text-decoration: none;
        border-bottom: 1px solid #d0aecf;
}
#newsBox a:visited:hover {
        color: #993300;
        text-decoration: none;
        border-bottom: 1px solid #993300;
}

#newsBox .headline {
        margin: 0px 0px 5px 5px;
        padding: 0px;
        font: normal normal bold 13px Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
}

#newsBox td {
        vertical-align: top;
}

#hotTopicBox {
        padding-left: 0px;
        margin-left: 395px;
        width: 263px;
        font: normal normal normal 11px Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
        color: #3d3d3d;
        margin-bottom: 47px;
}

#hotTopicBox .hotTopicTitle {
        padding: 5px 18px 6px 18px;
        color: #4c4c4c;
        font-weight: bold;
        background-image:url(../images/home.hottopic.titlerow.png);
}

#hotTopicBox .hotTopicContent {
        background-color: #f4f4f4;
}

#hotTopicBox .headline {
        margin: 0px;
        padding: 8px 18px 5px 18px;
        font: normal normal bold 12px Verdana,Arial,Helvetica,Sans-Serif;
        color: #3d3d3d;
}

#hotTopicBox .text {
        margin: 0px;
        padding: 0px 18px 1.7em 18px;
        font: normal normal normal 11px/1.3em Verdana,Arial,Helvetica,Sans-Serif;
        color: #3d3d3d;
}

#hotTopicBox .space {
        font-size: 1px;
        line-height: 1px;
        height: 15px;
}

#hotTopicBox .bottom {
        height: 5px;
}

#hotTopicBox a {
        margin: 0px 18px 0px 18px;
        color: #0524a8;
        font: normal normal normal 11px/1.3em Verdana,Arial,Helvetica,Sans-Serif;
        text-decoration: none;
        border-bottom: 1px solid #c2c9e7;
}

#hotTopicBox a:hover {
        color: #993300;
        text-decoration: none;
        border-bottom: 1px solid #993300;
}
#hotTopicBox a:visited {
        color: #875685;
        text-decoration: none;
        border-bottom: 1px solid #d0aecf;
}
#hotTopicBox a:visited:hover {
        color: #993300;
        text-decoration: none;
        border-bottom: 1px solid #993300;
}

/*
 * navigation.css
 */

 /*   NAVIGATION: People    */

#navigation {
        width: 163px;
        float: left;
        background-color: #e4e4e4;
}

#navigation a {
        text-decoration: none;
        display: block;
        font: normal normal normal 11px Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
        font-family: Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
        font-size: 11px;
}
#navigation .head {
        font: normal normal bold 13px Verdana,Arial,Helvetica,Sans-Serif;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 23px;
        color: #404d46;
        border-bottom: 1px solid #d6d6d6;
}


#navigation .head.active {
        color: #ffffff;
        border-bottom: 0px;
}

#navigation .level1 .element {
        color: #444444;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 23px;
        border-bottom: 1px solid #d6d6d6;

}

#navigation .level1 .element.parentactive {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 23px;
}

#navigation .level1 .element.childactive {
        font-weight: bold;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 23px;
        color: #000000;
}

#navigation .level1 .element.active {
        padding-left: 14px;
        font-weight: bold;
        color: #000000;
}
#navigation .level1 .element.active img {
        float: left;
        margin-top: 4px;
        border: 0px;
}

#navigation .level1 .level2 .element {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 35px;
}

#navigation .level1 .level2 .element.active {
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 26px;
}
#navigation .level1 .element.active img {
        float: left;
        margin-top: 4px;
        border: 0px;
}

#navigation .level1 .element:hover {
        color: #000000;
        background-color: #f4f4f4;
}

#people {
        margin-bottom: 28px;

}

#people .head.active {
        background-color: #46699e;
}

#people .level1 .element.parentactive {
        background-color: #d5dae1;
        border-bottom: 1px solid #c6cbd2;
}

#people .level1 .element.childactive {
        background-color: #f2f5f9;
        border-bottom: 1px solid #c6cbd2;
}

#people .level1 .element.active {
        background-color: #f2f5f9;
        border-bottom: 1px solid #c6cbd2;
}

#people .level1 .level2 .element {
        background-color: #e1e5ea;
        border-bottom: 1px solid #c6cbd2;
}

#people .level1 .element.active:hover {
        background-color: #fcfdfe;
}
#people .level1 .level2 .element:hover {
        background-color: #f5f7f9;
        color: #000000;
}
#people .level1 .element.parentactive:hover {
        background-color: #f4f6f8;
        color: #000000;
}


/* KNOW HOW */
#knowhow {
        margin-bottom: 28px;
}

#knowhow .head.active {
        background-color: #b9c000;
}

#knowhow .level1 .element.parentactive {
        background-color: #eeefc5;
        border-bottom: 1px solid #d6d7b4;

}

#knowhow .level1 .element.active {
        background-color: #f9fae9;
        border-bottom: 1px solid #d6d7b4;
}

#knowhow .level1 .element.childactive {
        background-color: #f9fae9;
        border-bottom: 1px solid #d6d7b4;
}

#knowhow .level1 .level2 .element {
        background-color: #f4f5df;
        border-bottom: 1px solid #d6d7b4;
}

#knowhow .level1 .element.active:hover {
        background-color: #fdfefa;
}

#knowhow .level1 .level2 .element:hover {
        background-color: #fafbf2;
        color: #000000;
}
#knowhow .level1 .element.parentactive:hover {
        background-color: #f9faf2;
        color: #000000;
}

/* SERVICES */
#services {
        margin-bottom: 28px;
}

#services .head.active {
        background-color: #a6cce0;
}

#services .level1 .element.parentactive {
        background-color: #cee1eb;
        border-bottom: 1px solid #b9cdd8;
}

#services .level1 .element.active {
        background-color: #f1f8fc;
        border-bottom: 1px solid #b9cdd8;
}
#services .level1 .element.childactive {
        background-color: #f1f8fc;
        border-bottom: 1px solid #b9cdd8;
}
#services .level1 .level2 .element {
        background-color: #e6f1f7;
        border-bottom: 1px solid #b9cdd8;
}

#services .level1 .element .active:hover {
        background-color: #fcfdfe;
}
#services .level1 .level2 .element:hover {
        background-color: #f5f9fb;
        color: #000000;
}
#services .level1 .element .parentactive:hover {
        background-color: #f2f7fa;
        color: #000000;
}

/*
 * content.css
 */

body {
    background-color: #c6c6c6;
}

#page {
        background-image: url(../images/page.background.png);
        position: absolute; left: 6px; top: 93px;
        background-repeat: repeat-y;
        width: 99%;
        background-color: #ffffff;
}

/* Settings for site entry page */
#page.home {
        background-image: none;
        position: absolute; left: 6px; top: 93px;
        width: 99%;
        background-color: #ffffff;
        margin: 0px;
        padding: 0px;
}

#page form, form {
        margin-bottom: 0px;
        margin-top: 0px;
}

#page img {
        display: block;
}

/* die folgende voice-family property und die folgende #iefix-declaration sind ein
fix fuer IE 5.0/Win, der margin bei block-elementen mit float falsch interpretiert,
und fuer eine valide seite die hspace standardeinstellung von 3 px als negatives margin
zum ausgleich benoetigt */

#page img.rightCorner {

        float: right;
        margin-right: -3px;
        voice-family: "\"}\"";
        voice-family: inherit;
        margin-right: 0px;
}

#iefix {}

#page img.leftCorner {

        float: left;
        margin-left: -3px;
        voice-family: "\"}\"";
        voice-family: inherit;
        margin-left: 0px;
}

#iefix {}


#content {
        margin-left: 163px;
}

#content.home {
        margin-top: 40px;
        margin-left: 0px;
}

#content h1, h2, h3, h4 {
        margin-left: 32px;
        margin-right: 15%;
}

#content h1 {
        font: normal normal bold 19px Arial,Helvetica,Sans-Serif;
        color: #4c4c4c;
        margin-bottom: 0.3em;
}

#content h2 {
        font: normal normal bold 15px/1.2em Verdana, Arial,Helvetica,Sans-Serif;
        margin-top: 0.0em;
        margin-bottom: 1.0em;
        color: #4c4c4c;
}

#content h2.newsOverview {
    margin-top: 10.0em;
    font: italic italic bold 14px/1.2em Verdana, Arial,Helvetica,Sans-Serif;
}

#content h3 {
        font: normal normal bold 13px/1.2em Verdana, Arial,Helvetica,Sans-Serif;
        margin-top: 0.0em;
        margin-bottom: 1.0em;
        color: #4c4c4c;
}

#content  h4 {
        font: normal normal bold 12px/1.2em Verdana, Arial,Helvetica,Sans-Serif;
        margin-top: 0.0em;
        margin-bottom: 1.0em;
        color: #4c4c4c;
}

#content p {
        font: normal normal normal 12px/1.3em Verdana, Arial,Helvetica,Sans-Serif;
        margin-left: 32px;
        margin-bottom: 1.0em;
        margin-right: 15%;
        color: #333333;
}

#content ul {
        margin-bottom: 2.0em;
}

#content li {
        font: normal normal normal 12px/1.3em Verdana, Arial,Helvetica,Sans-Serif;
        margin-left: 32px;
        color: #333333;
}

#content .signature {
        font: normal normal bold 12px/15px Verdana, Arial,Helvetica,Sans-Serif;
        margin-top: 20px;
        margin-left: 32px;
        margin-right: 15%;
        color: #333333;
}

#content .date {
        font: italic normal normal 11px/13px Verdana, Arial,Helvetica,Sans-Serif;
        margin-left: 32px;
        margin-right: 15%;
        color: #333333;
}

#content a {
	color: #0524a8;
	text-decoration: none;
	border-bottom: 1px solid #9ba7dc;
}

#content a:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}
#content a:visited:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}

#content a:visited {
	color: #875685;
	border-bottom: 1px solid #d0aecf;
}


#content .codeBox {
        margin-left: 32px;
        border-left: 4px solid #afafaf;
        padding: 0.4em 14px 0.4em 14px;
}

#content pre {
        margin-left: 32px;
        /* border-left: 4px solid #afafaf; */
        padding: 0.4em 14px 0.4em 14px;
}

#content .commentBox {
        margin-left: 32px;
        margin-top: 3.0em;
        margin-bottom: 1.0em;
        background-color: #f2f4f3;
        color: #3d3d3d;
        width: 438px;
	font: normal normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#content .commentBox .commentTitle {
        padding: 5px 16px 6px 16px;
        color: #ffffff;
        font-weight: bold;
}

#content .commentBox div.commentContent {
        border-right: 1px solid #9b9b9b;
        border-left: 1px solid #9b9b9b;
        padding-top: 10px;
        padding-bottom: 3px;
}

#content .commentBox div.commentText {
        margin: 0px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 14px;
}

#content .commentBox div.commentImage {
        margin: 0px 0px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 14px;
}

#content .commentBox div.commentTextError {
        font-color: red;
        margin: 0px;
        padding: 0px 40px 0px 16px;
        margin-bottom: 14px;
}

#content .commentBox .commentSubheadline {
        padding: 0px 16px 0px 16px;
        margin-bottom: 7px;
        font-weight: bold;
}

#content .commentBox textarea.commentTextarea {
	font: normal normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
        margin: 0px 16px 7px 16px;
        width: 380px;
        padding: 3px;
}

#content .commentBox .formElement {
	font: normal normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
        margin: 0px 16px;
        padding: 3px;
}

#content .commentBox .commentButton {
        margin-left: 346px;
        cursor: pointer;
}

#content .commentBox .commentBottom {
        background-image:url(../images/commentbox.bottom.png);
        height: 5px;
        font-size: 1px;
        line-height: 1px;
}


#content .boxRight {
        float: right;
        margin: 17px;
        width: 173px;
	    font: normal normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
        background-color: #f2f4f3;
}

#content .boxRight .boxTitle {
        padding: 5px 12px 6px 12px;
        color: #ffffff;
        font-weight: bold;
}

#content .boxRight div.boxContent {
        border-right: 1px solid #9b9b9b;
        border-left: 1px solid #9b9b9b;
        padding-top: 10px;
        padding-bottom: 3px;
        padding-left: 12px;
        padding-right: 12px;
}

#content .boxRight div.boxText {
        margin: 0px;
        margin-bottom: 14px;
}

#content .boxRight .subheadline {
        margin: 6px 0px 8px 0px;
	font: bold normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

#content .boxRight a {
	text-decoration: none;
        line-height: 1.5em;
        color:#0524a8;
        border-bottom: 1px solid #9ba7dc;
}

#content .boxRight a:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}


#content .boxRight a:visited {
	color: #875685;
	border-bottom: 1px solid #d0aecf;
}

#content .boxRight a:visited:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}


#content .boxRight .boxBottom {
        background-image:url(../images/boxright.bottom.png);
        height: 5px;
        font-size: 1px;
        line-height: 1px;
}

/* position images to the right or the left */
#content .floatRight {
    float: right;
    margin-left:  5px;
    margin-right: 5px;
    margin-top:   5px;
    margin-bottom:5px;
}

#content .floatLeft {
    float: left;
    margin-left:  5px;
    margin-right: 5px;
    margin-top:   5px;
    margin-bottom:5px;
}

#content .block {
    margin-left:  5px;
    margin-right: 5px;
    margin-top:   5px;
    margin-bottom:5px;
}

/* Box-Farben fuer Bereiche */
#content .commentBox.people .commentTitle {
        background-image:url(../images/commentbox.people.titlerow.png);
}
#content .boxRight.people .boxTitle {
        background-image:url(../images/boxright.people.titlerow.png);
}

#content .commentBox.knowhow .commentTitle {
        background-image:url(../images/commentbox.knowhow.titlerow.png);
}
#content .boxRight.knowhow .boxTitle {
        background-image:url(../images/boxright.knowhow.titlerow.png);
}

#content .commentBox.services .commentTitle {
        background-image:url(../images/commentbox.services.titlerow.png);
}
#content .boxRight.services .boxTitle {
        background-image:url(../images/boxright.services.titlerow.png);
}



#crumbBar {
	display: block;
    margin-left: 32px;
    margin-top: 8px;
    margin-bottom: 22px;
	font: normal normal normal 11px/18px Tahoma, Arial, Helvetica, sans-serif;
	color: #434343;
}

#crumbBar a {
	margin: 0px 10px 0px 0px;
	color: #0524a8;
	text-decoration: none;
	border-bottom: 1px solid #0524a8;
}

#crumbar span.noLink {
    margin-right: 10px;
    color: #000000;
}

#crumbBar a:visited {
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	border-bottom: 1px solid #875685;
}

#crumbBar a:visited:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}

#crumbBar a:hover {
	color: #000000;
	border-bottom: 1px solid #000000;
}

#crumbBar span.crumbSep {
	margin: 0px 10px 0px 0px;
}

#crumbBar span.current {
	font-weight: bold;
}

#crumbBar .fill {
    margin-left: 10px;
    display:none;
}

#bottomBar {
	display: block;
    margin-left: 32px;
    margin-top: 28px;
    margin-bottom: 22px;
	font: normal normal normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #434343;
    clear: both;
}

#bottomBar.home {
    margin-left: 56px;
}

#bottomBar a {
	margin: 0px 10px 0px 0px;
	color: #0524a8;
	text-decoration: none;
	border-bottom: 1px solid #9ba7dc;
}

#bottomBar a:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}
#bottomBar a:visited:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}

#bottomBar a:visited {
	color: #875685;
	border-bottom: 1px solid #d0aecf;
}

#bottomBar .fill {
	display:none;
}

/* for all article entries or news */

.topic {
        margin-left: 32px;
        margin-right: 15%;
}

.topic .title {
        font: normal normal bold 13px/1.2em Verdana, Arial,Helvetica,Sans-Serif;
        margin-bottom: 0.5em;
        color: #4c4c4c;
}

.topic .dateauthor,.subtitle,.domain {
        font: normal normal 11px/13px Verdana, Arial,Helvetica,Sans-Serif;
        margin-top: 0.0em;
        color: #333333;
}

.topic h1 {
        margin-top: 2.0em;
        margin-left: 0.0em;
}

.topic h2 {
        margin-top: 2.0em;
        margin-left: 0.0em;
}

.topic h3 {
        margin-top: 2.0em;
        margin-left: 0.0em;
}

.topic p {
        margin-top: 0.5em;
}

.topic a {
	color: #0524a8;
	text-decoration: none;
	border-bottom: 1px solid #9ba7dc;
    margin: 0px 0px 0px 0px;
}

.topic a:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}

.topic a:visited:hover {
	color: #993300;
	border-bottom: 1px solid #993300;
}

.topic a:visited {
	color: #875685;
	border-bottom: 1px solid #d0aecf;
}


