body {
        margin: 0px;
        padding: 0px;
}

p, m, a, img {z-index: 200;}

.right{
        float: left;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 0px;
        margin-top: 0px;
        text-align: right;
}

p {
        font-family: arial, helvetica;
        font-size: 11px;
        margin-bottom: 10px;
}

a {
        font-family: arial, helvetica;
        font-size: 11px;
        color: black;
        text-decoration: none;
}

#bodywrapper a:hover, #adres a:hover {
        color: orange;
}

#engtext a:hover {
        color: orange;
}

h1 {
        font-family: arial, helvetica;
        font-size: 11px;
        margin: 0px;
        margin-bottom: 10px;
        padding: 0px;
}

#adres h1 {
        margin-bottom: 6px;
}

h2, h2 a {
        font-family: arial, helvetica;
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        margin-bottom: 0px;
}

h2.eng {
        color: gray;
}

h2.eng a {
        color: gray;
        font-family: arial, helvetica;
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        margin-bottom: 0px;
}


#adres h2 {
        margin-bottom: 10px;
}

h3 {
        color: black;
        font-family: arial, helvetica;
        font-size: 11px;
        margin: 0px;
        padding: 0px;
}

h3.eng {
        color: gray;
}

.eng a {
        color: gray;
}

h3 a {
        text-decoration:none;
}

#engtext {
        color: gray;
        margin-bottom: 10px;
}

#headerleft{
    	position:absolute;
    	_position:absolute;
    	margin-left: 10px;
    	margin-top: 10px;
    	_top:expression(eval(document.body.scrollTop));
    	width: 270px;
    	height: 60px;
}

#headertop{
    	position:absolute;
    	left: 300px;
    	top: 10px;
    	width: 830px;
    	height: 60px;
}

#nav {
		position:absolute;
		_position:absolute;
		margin-top: 100px;
		_top:expression(eval(document.body.scrollTop));
}

#adres p, #nav a {
        z-index:1;
}

#adres {
        margin-top: 0px;
        margin-left: 10px;
}

#tabs{
        margin-left: 10px;
        margin-top: 10px;
}

ul.tablist{
        list-style: none;
        margin: 0px;
        padding: 0px;
}

/* linie navigation */
ul.tablist li{
        margin-bottom: 8px;
        border-bottom: 1px dashed gray;
        line-height: 14px;
}

ul.tablist a{
        text-decoration: none;
        color: gray;
}

ul.tablist li a.engtabs{
        color: black;
}

ul.tablist li.tab-selected a {
        font-weight: bold;
}

ul.tablist li.tab a:hover {
        color: orange;
}

ul.tablist li.update {
        border: none;
}

#header{
        position:absolute;
        left: 300px;
        top: 100px;
        width: 830px;
        background: white;
}

#bodywrapper{
        position:absolute;
        left: 300px;
        top: 135px;
        background: white;
        margin-top: 5px;
}

.gallery {
  width: 830px;
  height: 467px;
  margin: 0 auto;
  margin-bottom: 5px;
  overflow: hidden;
}

@media (min-width: 267px)  { 
.gallery {
  width: 830px;
  height: 467px;
}
}

@media (max-width: 830px)  { 
.gallery {
  width:  415px;
  height: 233px;
}
}
  
.gallery figure {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.gallery figcaption {
  position: absolute;
  left: 1px;
  bottom: 1px;
  color: white;
}

.gallery img {
  width: 100%;
  margin: 0;
  padding: 0;  
}

.gallery figure {
  height: 100%;
  animation: slide 18s infinite ease-in-out;
}

.gallery:hover figure {
  animation-play-state: paused;
}

@keyframes slide {
    0%     {top: 0}
    21%  {top: 0}
    25%  {top: -100%}
    46%  {top: -100%}
    50%  {top: -200%}
    71%  {top: -200%}
    75%  {top: -300%}
    96%  {top: -300%}
   100%  {top: 0}
}

/* link dekoration */
#body a:before, #adres a:before {
        content:"";
        font-weight: bold
}

#body a:after, #adres a:after {
        content:"";
        font-weight: bold
}

/* linie projektunterteilung */
.project {
        position: relative;
        clear: both;

        margin: 0px;
        margin-top: 0px;
        margin-right: 10px;

        padding: 0px;
        padding-top: 10px;

        border-top: 2px dashed gray;
}

.title {
        padding-bottom: 0px;
        float: left;
}

.description {
        margin-top: 0px;
        margin-left: 0px;
        text-align: right;
}

.description h3{
        font-weight: normal;
}

ul.thumb {
        border-top: 0px solid white;
        margin: 0px;
        margin-top: 5px;
        padding: 0px;
        width: 100%;
        clear: both;
}

/* bilder klein */
ul.thumb li{
        float: left;
        display: block;
        margin: 7px;
        margin-left: 0px;
        margin-top: 3px;
        margin-bottom: 0px;
        padding: 0px;
}

ul.thumb a{
}

ul.thumb a:hover{
}

ul.thumb img{
        border: 1px solid black;
        height:37px;
}

.projectbody {
        margin: 0px;
        padding: 0px;
        clear: both;
}

#engtext {
        border-top: 2px dashed black;
        padding-top: 10px;
}

#engtext a {
        color: gray;
}

.slide {
        border-bottom: 2px dashed black;
        margin: 0px;
        padding: 0px;
        padding-top: 3px;
        padding-bottom: 5px;
        width: 534px;
        height: 450px;
}

/* linie oberhalb des projekt bildes */
.slide img {
        border: none;
        border-top: 2px dashed gray;
    	padding-top: 5px;
    	padding-bottom: 5px;
}

ul.thumb .selectedslide img {
        border: 1px solid orange;
}

.unselectedslide img{
        opacity: 0.2;
        filter: alpha (opacity=20, style=0);
}

.slidetitlede {
    	color: black;
    	margin: 0px;
    	padding: 0px;
    	margin-top: 5px;
    	margin-bottom: 2px;
    	text-decoration: none;
}

.slidetitleeng {
    	color: gray;
    	margin: 0px;
    	padding: 0px;
    	margin-bottom: 2px;
    	text-decoration: none;
}

/* IE margin hack: */
.projectbody > .slide img{
    	margin-bottom: -4px;
}
/* End hack */

#body {
    	margin-top: 10px;
    	padding: 0px;
    	width: 534px;
}

#body m{
    	font-family: arial, helvetica;
    	text-align: justify;
    	width: 830px;
}

#body p{
    	font-family: arial, helvetica;
    	text-align: justify;
    	width: 534px;
}

/* projekt: material: usw: */
#body dl, #body ul {
    	font-family: arial, helvetica;
    	font-size: 11px;
    	width: 534px;
}

#body dt {
    	font-family: arial, helvetica;
    	font-weight: bold;
}

#body.txtpage {
        font-family: arial, helvetica;
    	margin-top: 0px;
}

#body.txtpage dt {
        font-family: arial, helvetica;
    	font-weight: normal;
}

/* folgendes ist sehr wichtig fuer
den cross-browser und den gebrauch
der definition list /* */

dl {
    	width: 100%;
    	margin: 0;
    	margin-top: 10px;
    	margin-bottom: 10px;
   }

dt {
    	font-weight: bold;
    	float: left;
    	clear: left;
    	width: 35%;
    	margin: 0 0 0.2em 0%;
}

dd {
    	float: right;
    	clear: right;
    	width: 65%;
    	margin: 0 0 0.2em 0%;
}

* html .tablestyle4 dd {
    	float: none;
    	margin-left: 15%;
}

* html .tablestyle4 dt {
    	margin: 0%;
}

/* page-specific dl's and ul's /* */

/* cv /* */

ul.cv {
    	margin: 0px;
    	padding-left: 0px;
    	line-height: 0px;
}

ul.cv li {
    	margin: 0px;
    	padding: 0px;
}