/* CSS Document */
/* -------------------------------------- */
/*	Einzelne Elemente bzw. Elementgruppen */
/* -------------------------------------- */

.relative {
	position:relative;
}

.link_top {
background-image: url(/img/icons/icon_top.gif);
background-position: center left;
background-repeat: no-repeat;
}
.link_print {
background-image: url(/img/icons/icon_print.gif);
background-position: center left;
background-repeat: no-repeat;
}
.link_pdf {
background-image: url(/img/icons/icon_pdf.gif);
background-position: center left;
background-repeat: no-repeat;
}
.link_merken {
background-image: url(/img/icons/icon_merken.gif);
background-position: center left;
background-repeat: no-repeat;
}
.link_empfehlen {
background-image: url(/img/icons/icon_empfehlen.gif);
background-position: center left;
background-repeat: no-repeat;
}
.link_zurueck {
background-image: url(/img/icons/icon_zurueck.gif);
background-position: center left;
background-repeat: no-repeat;
}

#footer-navi li a.link_top {
margin-right:10px;
}

.title_img {
/*margin-top:1em;*/
}

#start-grafik {
margin-top:2em;
}

ul.institut_box {
	padding:0px;
	list-style-type:none;
}
.institut_box {
	position:relative;
	width:75%;
	margin:0px auto;
	text-align : center;
}
.institut_box h3 {
	margin:0px !important;
	padding: 8px !important;
	font-size : 100%;
}
.institut_box h4 {
	margin:0px !important;
	padding: 0px !important;
	font-size : 85%;
}
.institut_box p {
	margin: 8px 0px !important;
	padding:0px !important;
	font-size : 85%;
}
.institut_box .institut_box {
	position:relative;
	width:47%;
	margin-top:20px;
	padding: 8px 0px;
	background-color : #FFFFFF;
	border:1px solid #000000;
}
.institut_box .institut_box p {
	margin:0px !important;
	padding: 2px !important;
	color:#025BE1;
}
.institut_link {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
/*.institut_box .schwerpunkte {
	height: 2em;
	overflow:hidden;
}*/
/* IE Win hat Probleme mit der Höhenangabe in % ...  \*/
* html .institut_link {
	height:5.5em;
}
/* hidden from IE Mac */
.institut_link img {
	width:100%;
	height:100%;
	border:none;
}

#box1 {
	background-color : #FFFFFF;
	border:1px solid #004C6E;
}
#box1 h3 {
	background-color : #004C6E;
	color:#FFFFFF;
}
#box2 {
	position:relative;
	margin-top:0px;
	background-color : #FFFFFF;
	border:1px solid #025BE1;
	z-index:10;
}
#box2 h3 {
	background-color : #025BE1;
	color:#FFFFFF;
}
#box3 {
	position:relative;
	z-index:9;
}

#institut0 {
	clear:both;
	position:relative;
	top:2em;
	width:55%;
	margin: 0em auto 10em auto;
	background-color:#CDDFF9;
}

#institut1,
#institut3,
#institut5,
#institut7,
#institut9 {
	clear:both;
	float:left;
	position:relative;
	left:0px;
}
#institut2,
#institut4,
#institut6,
#institut8,
#institut10 {
	float:right;
	position:relative;
	right:0px;
}
.institut_box .left_line,
.institut_box .right_line {
	position:absolute;
	top:50%;
	width:20px;
	height:1px;
}
.institut_box .left_line {
	left:-21px;
}
.institut_box .right_line {
	right:-21px;
}
.institut_box .top_left_line,
.institut_box .top_right_line {
	position:absolute;
	top:50%;
	width:1px;
	height:250%;
}
.institut_box .top_left_line {
	left:-21px;
}
.institut_box .top_right_line {
	right:-21px;
}
/* IE Win hat hier einen 1px-Versatz. Warum nur?  \*/
* html .institut_box .right_line {
	width:19px;
	right:-20px;
}
* html .institut_box .top_right_line {
	right:-20px;
}
/* hidden from IE Mac */
.institut_box .bottom_left_line,
.institut_box .bottom_right_line {
	position:absolute;
	top:-150%;
	width:1px;
	height:200%;
}
/* IE Win hat Probleme mit der Höhenangabe in % ...  \*/
* html .institut_box .top_left_line,
* html .institut_box .top_right_line {
	top:50%;
	width:1px;
	height:15em;
}
* html .institut_box .bottom_left_line,
* html .institut_box .bottom_right_line {
	top:50%;
	width:1px;
	height:15em;
	margin-top:-15em;
}
* +html .institut_box .top_left_line,
* +html .institut_box .top_right_line {
	top:50%;
	width:1px;
	height:15em;
}
* +html .institut_box .bottom_left_line,
* +html .institut_box .bottom_right_line {
	top:50%;
	width:1px;
	height:15em;
	margin-top:-15em;
}
/* hidden from IE Mac */
.institut_box .bottom_left_line {
	left:-22px;
}
.institut_box .bottom_right_line {
	right:-22px;
}
.institut_box img.line {
	position:absolute;
}
#institut1 img.line,
#institut3 img.line,
#institut5 img.line,
#institut7 img.line,
#institut9 img.line {
	left:-21px;
	top:50%;
	width:20px;
	height:1px;
}
#institut2 img.line,
#institut4 img.line,
#institut6 img.line,
#institut8 img.line,
#institut10 img.line {
	right:-21px;
	top:50%;
	width:20px;
	height:1px;
}
#institut0 img.line {
        right:10em;
	top:-29em;
	width:1px;
	height:29em;
}
/* hidden from IE Mac */

#institut-pfeil {
	margin:0px auto;
	padding:0px;
	border:0px;
}

table.personalia {
	width:100%;
	margin:0px;
	padding:0px;
	table-layout : fixed;
	border:none;
}
table.personalia .col1 {
	width:auto;
}
table.personalia .col2 {
	width:auto;
}
table.personalia .col3 {
	width:20%;
}
table.personalia .col4 {
	width:30px;
	text-align : right;
}

/* hidden from IE Mac */

table.personalia form {
	margin:0px;
	padding:0px;
}
table.personalia form button.submit {
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(/img/icons/button_pfeil.gif);
	background-position: center;
	background-repeat: no-repeat;
}
table.personalia form button.submit img {
	display:none;
}
table.personalia thead {
	background-color:#FFFFFF;
	color:#004C6E;
	font-size:90%;
}
table.personalia tbody {
	font-size:85%;
}
table.personalia tbody tr td {
	border-bottom:2px solid #000000;
}
table.personalia thead th {
	margin:0px;
	padding:0.2em 0.5em;
	border:none;
        text-align:left;
}
table.personalia tbody td {
	margin:0px;
	padding:0.5em;
	border:none;
}

address {
	width:auto;
	padding:1em 1.3em;
	background-color : #DCDBDB;
	color:#004C6E;
	font-size:85%;
	font-style:normal;
	line-height:1.3em;
}

ul.organisation,
ul.organisation ul {
	margin:0px;
	padding:0px;
	list-style-type : none;
}
/* \*/
* html ul.organisation,
* html ul.organisation ul {
	height:1%;
}
/* hidden from IE Mac */
ul.organisation li {
	margin-top: 2em;
}
ul.organisation li h3 {
	margin:0px !important;
	padding:0px;
}
ul.organisation li table {
	margin-top: 1em;
	border:none;
	font-size:90%;
}
ul.organisation li table td {
	border:none;
	border-bottom: 2px solid #DCDBDB;
}
ul.organisation ul {
	margin-left:5px;
}
ul.organisation ul li {
	display:inline;
	margin:0px;
	padding:0px;
}

ul.kooperationen li {
	margin-bottom:0.3em;
}

ul.links li {
	margin-bottom:0.3em;
}

ul.sitemap,
ul.sitemap ul {
}
ul.sitemap {
}
ul.sitemap ul {
	font-size:90%;
}
ul.sitemap li.left {
	float:left;
	width:51%;
	margin-bottom:0.3em;
}
ul.sitemap li.right {
	width:35%;
	margin-bottom:0.3em;
}
/* \*/
* html ul.sitemap li.left,
* html ul.sitemap li.right {
	float:none;
	width:auto;
}
* html ul.sitemap li.left {
}
* html ul.sitemap li.right {
}
/* hidden from IE Mac */


ul#suchergebnisse {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul#suchergebnisse ul {
	margin:0.5em 1em;
	padding:0px;
	list-style-type: none;
	font-size : 85%;
}
#suchergebnisse li {
	margin:0px;
	padding:0.5em 1em;
}
#suchergebnisse li a {
}
#suchergebnisse li h3 {
	margin: 0px 0px 0.3em 0px;
	padding:0px;
}
#suchergebnisse li p {
	margin:0em 0em;
	color:#004C6E;
}

ul#aktuelles,
ul#auszeichnungen,
ul#projekte,
ul#veroeffentlichungen {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul#aktuelles li,
ul#auszeichnungen li,
ul#projekte li,
#veroeffentlichungen li {
	margin:0px;
	padding:0px;
}

ul#styles {
	margin:0em 2em;
	padding:0px;
}
ul#styles li {
	margin:1em;
	padding:0px;
}