/*
 * CSS for Dietrich-Untertrifaller
 */

body {
    color: white;
    background-color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#page {
    width: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -250px;
    /*
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    */
}


/* Header */

#header {
    clear: both;
    height: 25px;
    color: #dcdcdc;
    font-size: 14px;
    font-weight: bold;
}

#header #pagetitle {
    float: left;
    width: 66%;
}

#header #logo {
    float: right;
    width: 34%;
    text-align: right;
}


/* Content */

#cont {
    clear: both;
    height: 400px;
    color: black;
    background-image: url('images/stripe.gif');
}

#cont table {
    margin-left: auto;
    margin-right: auto;
}

#cont .teaser {
    float: left;
}

#cont iframe {
    float: right;
}

#content {
    margin-left: 180px;
    margin-right: 180px;
}


/* Navigation */

#nav {
    clear: both;
    padding-top: 20px;
}

#nav div {
    float: left;
    width: 20%;
}

#nav div div {
    float: none;
    width: 100%;
    height: 15px;
    vertical-align: middle;
}

#nav div div.cur {
    background-color: #3b6111;
}

#nav .office {
    background-color: #005454;
}

#nav div.office div:hover, #nav div.office div.cur {
    background-color: #008080;
}

#nav .project {
    background-color: #304f0e;
}

#nav div.project div:hover {
    background-color: #3b6111;
}

#nav .activities {
    background-color: #3a3a3a;
}

#nav div.activities div:hover, #nav div.activities div.cur {
    background-color: #808080;
}

#nav .news {
    background-color: #69541e;
}

#nav div.news div:hover, #nav div.news div.cur {
    background-color: #806624;
}

#nav .lang {
    float: right;
    background-color: #520e0b;
}

#nav div.lang div:hover, #nav div.lang div.cur {
    background-color: #801611;
}

/* Common definitions */

iframe {
    border: none;
}

.bold {
    font-weight: bold;
}

.gray {
    color: #ccc;
}

p.block {
    text-align: justify;
}

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

/* office */

#office {
	float: left;
	padding-left: 95px;
}

#office h1 {
	padding-top: 10px;
	font-size: 14px;
}

#office table {
	width: 100%;
}