html {
	height:100%;
}
* {
	margin: 0;
	padding: 0;
	font: 13px/16px Helvetica, Arial, sans-serif;
	color: #333333;
}
body {
	height:100%;
	color: #333333;
	background: url(images/elements/bg_04.jpg) no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-color: #f3f3f3;
}

p{
	margin-bottom: 10px;
}

/* basic html elements */
h1 {
	font-size: 12px;
	font-weight: bold;
	/*text-transform: uppercase;*/
	margin-bottom: 5px;
	color: #333333;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px 3px;
	background-color: #FFFFFF;
	text-transform: uppercase;
}

h1.h1-main, h2.h2-main{
	/*position: absolute;
	top: 140px;
	left: 30px;
	width: 445px;*/
	background-color: #FFFFFF;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 3px;
}
body.standard h1, body.list h1{
display: none;
}
body.standard div.abstract, body.list #list-description{
margin-top: 30px;
}
h2 {
	font-size: 130%;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
}
a{
text-decoration: none;
}
a h2{
	/*background-color: #999999;*/
	background: url("images/elements/bg_balken_grau.png") repeat-y;
color: #FFFFFF;
margin-bottom: 10px;
padding: 0px 5px 0px 5px;
font-size: 12px;
}
a h2 span{
color: #FFFFFF;
}
a:hover h2, a:hover h2 span{
	background-image: none;
	background-color: #FFFFFF;
color: #333333;
}
h3 {
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	background-color: #FFFFFF;
	text-transform: uppercase;
	padding: 0px 3px;
}
h1, h2, h3{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
b, strong{
	font-weight: bold;
}
img, img a {border: none;}
a:link, a:visited{color: #333333}
a:hover{color: #666666;}

div.abstract a, div.text a{
padding-left: 12px;
	background: url("images/elements/thilde.png") no-repeat;
	background-position: 0px 5px;
font-weight: bold;
text-decoration: none;
}
div.list-item a{
background: none;
padding-left: 2px;
}
ul{
	list-style-type: square;
	margin: 10px 30px;
}
ul li, ol li{
	margin-bottom: 5px;
}
ol{
	list-style-position: outside;
	margin: 10px 30px;
}

blockquote{
	padding: 0px;
	margin: 8px 15px 0px 15px;
	font-style: italic;
}
blockquote p{
margin-top: 0px;
}
blockquote p, blockquote h2{
	font-style: italic;
}
/* custom page elements */


#container{
	position: relative;
	width: 975px;
	margin: 0 auto 0 auto;
	min-height: 660px;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
}

#menu-indicator{
	position: absolute;
	top: 160px;
	left: 265px;
width: 600px;
text-align: right;

	background: url(images/elements/marker.png) no-repeat;
	background-position: top right;
padding-top: 20px;
	/*font-family: verdana, arial, sans-serif;*/
}
#menu-indicator span{
	color: #EDEDED;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: -2.5px;
padding-right: 15px;
	text-transform: lowercase;
}
#lang-select{
	position: absolute;
	top: 0px;
	left: 775px;
}

#lang-select a{
	display: block;
	float: left;
	text-decoration: none;
	font-size: 18px;
	color: #444444;
	padding: 7px 3px 0px 15px;
	background: url("images/elements/opacity60.png");
	margin-right: 1px;
}
#lang-select a.active{
	background: url("images/elements/opacity_grau_60.png");
}

#lang-select a:hover{
	color: #666666;
	background: url("images/elements/opacity_grau_60.png");
}


#content-area{
position: relative;
	top: 200px;
}
#main-content-container{
	position: relative;

	margin-left: 265px;
margin-bottom: 15px;
	width: 700px;
	height: auto;
	border-top: 1px solid #EDEDED;
	border-left: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	/*padding: 10px;*/

}

#main-content-area{
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	left: 10px;
	width: 690px;
	min-height: 500px;
	background: url("images/elements/opacity60.png");
}
#footer-area{
	position: relative;
	background: url(images/elements/unten.png) no-repeat;
	background-position: bottom left;
	height: 35px;
	width: 959px;
	margin-left: 9px;
}
#address-area{
position: absolute;
top: 10px;
left: 300px;
color: #666666;
font-size: 12px;
}
#address-area a{
color: #666666;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}
#text-area, #list-area{
	position: relative;
	margin-top: 10px;
padding-top: 20px;
padding-bottom: 20px;
	margin-left: 30px;
	/*border: 1px solid red;*/
	width: 450px;
	/*height: 270px;
	overflow: auto;*/
	z-index: 1;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #000000;*/

}
div.abstract, div.text,
div.abstract p, div.text p,
div.abstract div, div.text div{
line-height: 18px;
}
div.list-item{
margin-bottom: 15px;
}
div.abstract div.list-item{
margin-bottom: 0px;
}
a#home-link{
	position: fixed;
	display: block;
	width: 470px;
	height: 160px;
}

/* main navigation */
#main-navigation-area{
	position: fixed;
/*position: absolute;*/
	top: 190px;
	height: 350px;
	width: 270px;
	background: url(images/elements/menue.png) no-repeat;
margin-left: 9px;
	/*background-position: 9px 0px;*/
	z-index: 2;
}
ul.menu-level-1{
	position: relative;
	margin: 0px;
	margin-top: 40px;
	margin-left: 49px;
	list-style-type: none;
}
ul.menu-level-1 li{
	position: relative;
	margin-bottom: 1px;
width: auto;
}

ul.menu-level-1 li a{
position: relative;
display: block;
	text-decoration: none;
	font-size: 12px;
	color: #444444;
	font-weight: bold;
	width: 100px;
	padding-left: 3px;
	padding-right: 15px;

	/*float: left;*/
	/*margin-right: 10px;*/
}
ul.menu-level-1 li a:hover{
	text-decoration: none;
	color: #888888;
	background-color: #FFFFFF;
}

ul.menu-level-1 li a.active{
	color: #888888;
	background-color: #FFFFFF;
}
ul.menu-level-1 li a.has-child:hover,
ul.menu-level-1 li a.active.has-child{
	background: url(images/elements/arrow-menue.gif) no-repeat;
	background-position: right;
	background-color: #FFFFFF;
}

ul.menu-level-2{
	/*float: left;*/
position: absolute;
top: 0px;
left: 120px;
z-index: 2;
}
ul.menu-level-2 li a{
width: 70px;
	background: url("images/elements/opacity60.png");
}
ul.menu-level-2 li a.active,
ul.menu-level-2 li a:hover{
background-image: none;
}
ul.menu-level-1 li.menu-level-2{
	/*float: left;*/
}
ul.menu-level-1 li ul{
	margin: 0px;
	list-style-type: none;

}
span.clear{
	clear: both;
display: none;
}
/* section 2 */
ul.menu-level-1.section-2{
	position: relative;
	margin: 0px;
	margin-top: 25px;
	margin-left: 50px;
	list-style-type: none;
}

ul.menu-level-1.section-2 li a{
	font-weight: normal;
}

#sub-navigation-area{
	position: relative;
	left: 30px;
	width: 325px;
	height:75px;
	background-color: #FFFFFF;
	background: url("images/elements/opacity40.png");
	z-index: 2;
}
#sub-navigation-area label{
position: absolute;
	top: 42px;
	left: 246px;
font-size: 10px; 
}
#project-selector{
	position: absolute;
	top: 35px;
	left: 10px;
	width: 230px;
	z-index: 3;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
div.functions-area{

}
div.functions{
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
	padding: 3px 5px 13px 0;
}


div.abstract{
	margin-bottom: 5px;
margin-top:15px;
}
div.abstract img.keyvisual{
	float: left;
	margin: 5px 10px 10px 0;
border: 1px solid #FFFFFF;
}

div.text{

}
#appendix-area{
	padding-top: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#related, #categories{
	margin-top: 20px;
}

#related h2, #categories h2 {
color: #A0A0A0;
}

div#footer-area{

}

/* special page-elements */

hr{
	width: 100%;
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: none;
}

/* forms */
optgroup {
background-color: #f3f3f3;
font-weight: bold;
text-transform: uppercase;
padding: 0px 3px;
margin-top: 10px;
}
option {
background-color: #FFFFFF;
text-transform: none;
padding: 0px 3px;
}
input {
margin: 2px 0;
}
input.text, input.submit, input.button, select{
	/*border: 1px solid #d0d0d0;
	padding: 2px;*/
}
input.submit{
	padding: 1px;
}

form#search-area{

}
form#search-area input.text {

}
form#search-area input#find{

}


h1 a:link, h1 a:visited {
	color: #2e3c42;
	text-decoration: none;
}
h1 a:hover {
	color: #2e3c42;
	text-decoration: underline;
}
.clear {clear: both;}

/* project navigation */
ul#project-navigation{
	position: absolute;
	top: 70px;
	left: 10px;
	margin: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul#project-navigation li{
	margin: 0 0 0 0;
	display: inline;
	float: left;
	margin-right: 5px;
}
ul#project-navigation li a{
	display: block;
	padding: 0px 5px 0px 5px;
	text-align: left;
	margin-right: 3px;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #444444;
	font-weight: bold;
	font-size: 12px;

}
ul#project-navigation li a:hover,
ul#project-navigation li a.active{
	background-color: #444444;
	color: #FFFFFF;
}

/* gallery */
/* gallery */
#gallery-thumbs-container{
	position: relative;
	/*border: 1px solid red;*/
	width: 510px;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
div.gallery-controls{
	position: absolute;
	right: 0px;
	top: 15px;
}
div.gallery-images{
	position: relative;
	width: 420px;
	overflow: hidden;
}
ul.gallery{
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 1000px;
}
ul.gallery li{
	margin: 0 0 0 0;
	display: inline;
	float: left;
	margin-right: 15px;
}
ul.gallery li img{
	border: 1px solid #FFFFFF;
	cursor: pointer;
}
a#previous-thumbs, a#next-thumbs{
	display: block;
	height: 50px;
	text-decoration: none;
	float: left;
}
a#previous-thumbs{
	background: url(images/elements/pfeil_li.png) no-repeat;
	width: 24px;
	margin-right: 15px;
}
a#next-thumbs{
	background: url(images/elements/pfeil_re.png) no-repeat;
	width: 44px;
}
a#previous-thumbs.disable{
	background: url(images/elements/pfeil_li_disabled.png) no-repeat;
}
a#next-thumbs.disable{
	background: url(images/elements/pfeil_re_disabled.png) no-repeat;
	width: 44px;
}
#lightbox{
	position: absolute;
	top: 0px;
	width: 100%;
	height:100%;
	background: url("images/elements/overlay.png");
	z-index: 100;
	/*visibility: hidden;*/
	/*display: none;*/
}
#image-box{
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 101;
	text-align: left;
}

#image-box-body{
	position: relative;
	text-align: left;
	margin-left: 276px;
	margin-right: auto;
	width: 658px;
	padding: 16px;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #000000;
	background-color: #FFFFFF;
	background: url("images/elements/opacity80.png");
}
#image-box-body img{
	cursor: pointer;
	border: 1px solid #FFFFFF;
}
#image-box-header{
	position: relative;
}
#image-box-header h1{
	color: #555555;
}
#image-box-footer{
	position: relative;
	/*border-top: 3px dotted #AAAAAA;*/
	height: 20px;
	margin-top: 10px;
display: none;
}
a#image-box-hide{
	position: absolute;
	right: 30px;
	top: 330px;
	text-decoration: none;
	color: #888888;
	font-weight: bold;
	font-size: 18px;
}
a#image-box-hide:hover{
	color: #333333;
}
#image-container{
	min-height: 305px;
	/*background-color: #FFFFFF;*/
}
#image-container img{
	/*margin: 15px;*/
}
#image-box-controlls{
	position: absolute;
	right: 30px;
	top: 140px;
}
#image-box-info{
	display: none;
}
a#show-previous-image, a#show-next-image{
	display: block;
	height: 50px;
	text-decoration: none;
	float: left;
	color: #FFFFFF;
}
a#show-previous-image{
	background: url(images/elements/pfeil_li.png) no-repeat;
	width: 24px;
	margin-right: 15px;
}
a#show-next-image{
	background: url(images/elements/pfeil_re.png) no-repeat;
	width: 44px;
}

a#show-previous-image.disabled{
	background: url(images/elements/pfeil_li_disabled.png) no-repeat;
}
a#show-next-image.disabled{
	background: url(images/elements/pfeil_re_disabled.png) no-repeat;
}
/* events */
div.event-item{
	margin-bottom: 15px;
}
div.event-item a{
	background-image: none;
	padding: 0px;
}
div.event-item 	h2{
	margin-bottom: 0px;
}
div.event-item 	a h2{
	/*padding: 1px 3px;*/
}
div.event-item a h2 span{
padding: 0px;
}
div.event-item a h2 span.title{
	margin-left: 3px;	
	padding-left: 10px;
	background: url(images/elements/bullet.png) no-repeat;
	background-position: 0px 6px;
	color: #000000;
	font-weight: bold;
}

div.event-item.single h2{
	background-color: #FFFFFF;
	padding: 1px 3px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
div.event-item h3{
	text-transform: none;
	font-weight: bold;
	color: #FFFFFF;
}
div.event-item h3 span{
	color: #FFFFFF;
	font-weight: bold;
}

div.event-item h3 span.title{
	margin-left: 3px;	
	padding-left: 10px;
	background: url(images/elements/bullet.png) no-repeat;
	background-position: 0px 6px;
	color: #333333;
}
div.event-item h3.date{
	text-transform: none;
	font-weight: bold;
	background-color: #DDDDDD;
	background: url("images/elements/bg_balken_hellgrau_inaktiv.png") repeat-y;

}

div.event-item div.description{
margin-bottom: 3px;
}
div.event-item div.location{
	/*background-color: #FFFFFF;
	padding: 1px 3px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
}
.style2{color: red; font-size: 300%;}
.style1{color: red; font-size: 300%;}
body.home #menu-indicator{
display: none;
}
body.home #main-content-container{
top: 250px;
border: none;
height: 100px;
	background: url("images/elements/opacity60.png");
margin: 0px;
width: 100%;
}

body.home #keyvisuals-area{
position: absolute;
top: 10px;
left: 25px;
}
body.home #keyvisuals-area img{
border: 3px solid #dfe0e1;
margin-right: 5px;


}

body.home #keyvisuals-area img:hover{
border: 3px solid #ffffff;

}


/** choose background **/
body.home #main-content-container a#enter-site{
display: block;
position: absolute;
top: 15px;
right: 145px;
text-decoration: none;

background: url(images/elements/choose_background.png) no-repeat;
height: 17px;
width: 171px;
}
body.home #main-content-container a#enter-site:hover{
/*background: url(images/elements/choose_background_omo.png) no-repeat;*/
}
body.test {
	background: url(images/elements/bg_02.jpg) no-repeat;
	background-position: top center;
	background-attachment: fixed;
background-color: #F1F1F1;
}
body.people #list-area div.abstract{
display: none;
}

body.people a h2{
margin-top: 20px;
margin-bottom: 20px;
}

body.people.level-1 h1.h1-main{
display: none;;
}

body.people.level-1 div.abstract{
margin-top: 0px;
}
body.project #sub-navigation-area{
height: 105px;
}
body.link-list a h2{
margin-bottom: 3px;
}

body.link-list a h3{
text-transform: none;
padding: 0px 5px 0px 5px;
margin-top:-15px;
}

body.link-list div.list-item{
margin-bottom: 10px;
}
body.current #text-area{
/*margin-top: 0px;
padding-top: 0px;*/
}

body.current.standard div.abstract{
margin-top: 0px;
}
#news-teaser{
position: relative;
margin-bottom: 30px;

	background: url(images/elements/bg_news.png ) repeat-y;
}
#news-teaser h1{
display: block;
	background: url(images/elements/bg_balken_rot.png) repeat-y;
color: #FFFFFF;
}
#news-left{
position: relative;
float: left;
width: 150px;
padding: 0px 5px;
}
#news-right{
position: relative;
float: right;
width: 250px;
}

div.abstract a.more{
color: #7A1113;
background-image:none;
padding-left: 0px;
}