/*
- site-wide styles
- startpage
- archivepage
- articlepage
*/

/*************************************************************/
/* General Body, Link and Font:                              */
/*************************************************************/

body {
   font: 82% "Sans Serif", Arial, Helvetica, sans-serif;
   background: #fff; /*url("body_back.gif") repeat-x;*/
   }

img {border: 0px;}

a        {text-decoration:none;}
a:link   {color:#ff0018;}
a:visited{color:#DB2E35;}
a:hover  {color:#BB1E25;}
a:active {color:red;}

a.readmore {position:relative;float:right;}
a.readmore:hover {border-bottom: dotted 1px;}

.hidden {
    visibility: hidden;
   }

.collapslink {
   font-size:12px;
   font-weight:bold;
   float:right;
   padding: 4px 0px;
   }

.xmlbutton {
   border: 1px solid;
   border-color: #FC9 #630 #330 #F96;
   padding: 0 3px;
   font: bold 10px verdana,sans-serif;
   color: #FFF;
   background: #F60;
   text-decoration: none;
   margin: 0;
   }

.mediaicon {
   margin: 5px 12px 4px 0;
   float:left;
   }

.imageicon {
   margin: 5px 8px 1px 0;
   float:left;
   }


/*************************************************************/
/* Startpage:                                                */
/*************************************************************/

/* page layout */

#title{
   position: absolute;
   top: 0px;
   left: 1px;
   width: 97%;
   height:200px;
   border-style:none;
   border-color: #666;
   border-width:0 0 2px 0;
	z-index: 4;
	
   }

#mainbody{
   position: absolute;
	top: 150px;
   left: 0px;
   width:100%;
   }
/*Hack for non-IE (real) Browsers*/
#mainbody
{ top/* */:/**/150px; top: 150px; }

#left {
   position: absolute;
   top: 22px;
   left: 16px;
   width: 170px;
   overflow: visible;
   }

#right
{ position: absolute;
	top: 20px;
	left: 76%;
	right: 1%; }

#right
{ width: 20%; }

#right
{ width/* */:/**/20%; width: 20%; }

#middle {
   position: relative;
   margin-left: 30px;
   margin-right: 25%;
   }

/* elements on the startpage*/

#title #logo {
   background: url("logo.gif") no-repeat;
   background-position:25px 6px;
   width:205px;
   height:100px;
   float:left;
   }

#title #head {
   vertical-align:text-bottom;
   }

#title #head h1 {
   color:#666;
   font-family: "Trebuchet MS", sans-serif;
   font-weight:bold;
   font-size: 2em;
   margin: 5px 0px;
   }

#title #head ul {
   margin: 0px 0px 0px 0px;
   padding: 0px;
   list-style: none;
   vertical-align: top;
   }

#title #head li {
   display: inline;
   padding: 0px 0px 0px 0px;
   margin: 0px;
   border-right: 0px hidden #000;
   white-space: nowrap;
   }
   
#title #head #balkenoben {
   background: #F00;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: lighter;
   font-size: 1em;
   padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
   }
#title #head #grafiken {
   width: 100%;
   /* height: 92px; */
   height: 70px;
   padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
   }
   
   

#title #head #balkenoben a:link { font-weight:bold; color:#FFF; text-decoration:none }
#title #head #balkenoben a:visited { font-weight:bold; color:#FFF; text-decoration:none }
#title #head #balkenoben a:hover { font-weight:bold; color:#BB1E25; text-decoration:none }
#title #head #balkenoben a:active { font-weight:bold; color:#6D1F1F text-decoration:none }
#title #head #balkenoben a:focus { font-weight:bold; color:#6D1F1F; text-decoration:none }
   
   
#title #head #tabelleimkopf {
   text-align: center;
   border-style: none;
   padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
   border: 0px;
   }
   
#title #head #tabellenposition {
	position: absolute;
   top: 5px;
   left: 5px;
   width: 100%;
   max-width: 100%;
   overflow: visible;
   height:160px;
   }

   
#title #head #tabelleimkopf td {
	vertical-align: middle; 
	border-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
	}
   

   
#title #head #desires {
 background: url("desires.gif") no-repeat;
 width:120px;
 height:117px;
 float:left;
 padding: 0px 0px 0px 0px;
   }
   
#title #head #film {
	background: url("film.gif") no-repeat;
   width:140px;
   height:80px;
   float:left;
   margin: 10px 0px 0px 0px;
   }

#title #head #contacts {
	background: url("contacts.gif") no-repeat;
   width:130px;
   height:54px;
   float:left;
   padding: 0px 5px 0px 0px;
   margin-top: 10px;
   }
   
#title #head #institut {
	background: url("institut.gif") no-repeat;
   width:170px;
   height:110px;
   float:left;
   padding: 0px 0px 0px 0px;
   }
   
#title #head #intro {
	background: url("intro.gif") no-repeat;
   width:127px;
   height:68px;
   float:left;
   padding: 0px 5px 0px 0px;
   }
   
#title #head #links {
	background: url("links.gif") no-repeat;
   width:100px;
   height:63px;
   float:left;
   padding: 0px 5px 0px 0px;
   margin-top: 18px;
   }
   
#title #head #news {
	background: url("news.gif") no-repeat;
   width:100px;
   height:60px;
   float:left;
   padding: 0px 5px 0px 0px;
   margin-top: 10px;
   }
   
#title #head #process {
	background: url("process.gif") no-repeat;
   width:150px;
   height:80px;
   float:left;
   padding: 0px 0px 0px 0px;
   }

#title #head #log {
	background: url("logbook.gif") no-repeat;
   width:120px;
   height:106px;
   float:left;
   padding: 0px 0px 0px 0px;
   }
   

#title #head a:hover {
   border-width: 0 0 1px 0;
   border-color: #666;
   border-style:hidden;
   }

#title #head #home {
	background: url("home.gif") no-repeat;
   width:120px;
   height:88px;
   float:left;
   padding: 0px 0px 0px 0px;
   }

#title #head #park {
	background: url("park.gif") no-repeat;
   width:170px;
   height:74px;
   float:left;
   margin: 10px 0px 0px 0px;
   }

#title #head #press {
	background: url("press.gif") no-repeat;
   width:120px;
   height:94px;
   float:left;
   padding: 0px 5px 0px 0px;
   margin-top: 13px;
   }




#title #head #searchbox { 
   color: #ff0018;
   float:left;
   height: 1.4em;
   vertical-align: middle;
   }

#title #head #searchtext {
  color: #ff0018;
 }
   
#title #head #searchfield {
	border:1px solid #111;
   color: #fff;
   background: #ff0018;
   font-size: 1em;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   padding: 0px 22px 0px 22px; 
   vertical-align: middle;
   }


.navlist {
   margin: 14px 0 14px 0;
   padding: 0;
   list-style: none;
   }

.navlist .navlisthead{
   padding: 3px 6px;
   color: #666;
   font-weight:bold;
   border-bottom:1px solid #ddd;
   border-left:2px solid #ddd;
   }

.navlist li {
	margin: 0px;
	padding: 0px;
	}

.navlist li a {
   display: block;
   padding: 3px 6px;
   text-decoration: none;
   background: #FFF;
   border-bottom: 1px solid #ddd;
   border-right: 1px solid #ddd;
   }

.navlist li a:hover {
   background-color:#F7F7F7;
   }



#breakingnews {
   padding: 8px;
   background-color:#F7F7F7;
   border: 1px solid #EE1111;
   margin: 14px 12px 0 18px;
   }
#breakingnews .date {
   font-size: 12px;
   color: #EE1111;
   }
#breakingnews .text {
   font-size: 12px;
   }
#breakingnews .text:after {content:" +++ ";}


#startspecial {
   padding: 8px;
   padding-bottom: 28px;
   margin: 8px;
   }

#startspecial .title {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   padding-top: 18px;
	margin-top: 0px;
   border-bottom: 0px solid #AAA ;

   }
#startspecial h2 {
	padding: 0px;
	margin: 0px;
}

#startspecial .byline {
   font-size: 0.8em;
   }

#startspecial .abstract {
   margin: 8px 8px 1px 0px;
   min-height: 110px;
   }



.feature {
   padding: 8px;
   padding-bottom: 26px;
   margin: 8px;
   }

.feature h2 {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 1.4em;
   font-weight: bold;
   border-bottom: 0px solid #AAA;
   margin: 4px 0 2px 0;
   }

.feature .byline{
   font-size: 0.8em;
   }

.feature .abstract{
   margin-top: 4px;
   min-height: 110px;
   }



#newswire {
   margin: 14px 0 14px 0;
   padding: 0;
   list-style: none;
   color: #FF0000;
   }

#newswire .head{
   padding: 4px 6px;
   color: #666;
   font-weight:bold;
   border-bottom:1px solid #ddd;
   border-right:2px solid #ddd;
   border-left:0px;
   }

#newswire li {
   display: block;
   padding: 3px 4px 4px 19px;
   text-decoration: none;
   background: #FFF;
   border-bottom: 1px solid #ddd;
   border-left: 1px solid #ddd;
   }

#newswire .iconaudio {
   background: url("audio_small.gif") no-repeat;
   background-position:2px 8px;
   }

#newswire .iconfoto {
   background: url("foto_small.gif") no-repeat;
   background-position:2px 8px;
   }

#newswire .icontext {
   background: url("text_small.gif") no-repeat;
   background-position:2px 7px;
   }

#newswire .iconvideo {
   background: url("video_small.gif") no-repeat;
   background-position:2px 6px;
   }


#newswire li:hover {
   background-color: #F7F7F7;
   }

#newswire .head:hover {
   background-color: #FFF;
   }

#newswire .date{
   color: #AAA;
   font-size:0.9em;
   }


/*************************************************************/
/* Archivepages:                                             */
/*************************************************************/

/* page layout */

#archivetitle{
   position: absolute;
   top: 0px;
   left: 16px;
   width: 99%;
   height:220px;
   border-style:solid;
   border-color: #666;
   border-width:0 0 0px 0;
   }

#archivebody{
   position: absolute;
   top: 180px;
   left: 0px;
   width:100%;
   }

#archivebody #left {
   position: absolute;
   top: 0px;
   left: 16px;
   width: 170px;
   overflow: hidden;
   }

#archiveright {
   position: static;
   margin-left: 20px;
   margin-right: 1%;
   }


/* elements on archivepage */

#archivetitle #logo {
   background: url("logo.gif") no-repeat;
   background-position:25px 6px;
   width:205px;
   height:90px;
   float:left;
   }
#archivetitle #head {
   vertical-align:text-bottom;
   }

#archivetitle #head h1 {
   color:#666;
   font-family: "Trebuchet MS", sans-serif;
   font-weight:bold;
   font-size: 3em;
   margin: 7px 0px;
   }

#archivetitle #head ul {
   margin: 0 0 1em 0;
   padding: 0;
   list-style: none;
   }

#archivetitle #head li {
   display: inline;
   padding: 0 7px 0 5px;
   margin: 0;
   border-width: 0 1px 0 0;
   border-style:solid;
   border-color:#000;
   white-space: nowrap;
   }

#archivetitle #head a:hover {
   border-width: 0 0 1px 0;
   border-color: #666;
   border-style:dotted;
   }

#archivename h2 {
   color: #F03C3C;
   font-size: 1.0em;
   font-family: Monospace, Arial, Helvetica, sans-serif;
   text-transform: lowercase;
   display:inline;
   position: relative;
   left: 20px;
   }

#archivename {
   width: 20%;
	border-bottom: 2px solid #BFBFBF;
	border-left: 2px solid #BFBFBF;
	border-right: 2px solid #BFBFBF;
	border-top: 2px solid #BFBFBF
   margin-top: 5px;
	margin-left: 5px;
	margin-right: 20px;
	float: right;
	background-color: #D7D5D5;
   }

.listpagespecial {
   margin-top: 12px;
   margin-left: 22px;
   max-width: 600px;
   }

.listpagespecial h3 {
   font-size: 1.6em;
   margin-bottom: 2px;
   margin-top: 0px;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   clear: both;
   }

.listpagespecial .byline {
   font-size:0.8em;
   }

.listpagespecial .abstract {
   margin-top: 4px;
   min-height: 120px;
   }

.listpageitem {
   margin-left: 22px;
   max-width: 600px;
   clear: both;
   }

.listpageitem h4 {
   font-size: 1.4em;
   margin-bottom: 2px;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   }

.listpageitem .byline {
   font-size:0.8em;
   }

.listpageitem .abstract {
   margin-top: 4px;
   min-height: 120px;
   }



#footernav {
   margin-top: 60px;
   border-top: 2px solid #666;
   padding-top: 4px;
   width: 95%;
   }

#footernavleft {
   float:left;
   width:49%;
   }
#footernavright {
   float:right;
   text-align:right;
   width:49%;
   }


/*************************************************************/
/* Articlepages:                                             */
/*************************************************************/

/* page-layout */

#articlemain {
	position: absolute;
   width:650px;
   top: 150px;
   left: 14px;
   padding: 10px 0;
   text-align:left;
   }

#articleleft  {
   width:12px;
   min-height: 200px;
   float:left;
   background-color:transparent;
   text-align:right;
   }

#articleright {
   width:95%;
   float:right;
   padding: 0 0 0 24px;
   min-height: 200px;
   }

#comments {
   width:600px;
   float:right;
   padding: 32px 0 24px 24px;
   }

/* elements on articl page*/

#articleleft #logo {
   background: url("logo.gif") no-repeat;
   background-position: 16px 0;
   width:120px;
   height:85px;
   display:block;
   }
#articlemain h1 {
   font-size: 1.8em;
   margin: 20px 0 0 0;
   font-weight: bold;
   font-family: "Trebuchet MS", sans-serif;
   border-bottom: 0px solid #666;
   color: #DB2E35;
   }

#articlemain .byline{

   }

#articlemain #media {
   }

#articlemain .mediatype {
   margin: 6px 16px 6px 0px;
   float: left;
   }

#articlemain .mediaicon {

   }

#articlemain .abstract {
   margin-top: 12px;
   font-size: 1.1em;
   clear: left;
   min-height: 120px;
   }

#articlemain #abstract .imageicon {
   margin: 5px 9px 1px 0;
   float: left;
   }

#moreimages {
   margin-top: 10px;
   }

#articlemain #moreimages .imageicon {
   float: left;
   width: 130px;
   height: 170px;
   padding: 6px 6px 6px 6px;
   border: 0px;
   text-align: center;
   }

#articlemain #moreimages img {
   border-right: solid 1px #666;
   border-bottom: solid 1px #666;
   }

#articlemain #moreimages img:hover {
   border-right: solid 1px #F15C5C;
   border-bottom: solid 1px #F15C5C;
   }


#articlemain #moreimages .imagedescription a {
   color: #666;
   font-size: 0.9em;
   }

#articlemain .content {
   margin-top: 20px;
   }

#comments {

   }

.comment {
   clear: both;
   margin-top: 12px;
   }

.addcomment {
   width: 100%;
   border-bottom: 1px solid #666;
   margin-bottom: 24px;
   }
.comment .collapslink {
   display: inline;
   float: right;
   }

.comment .title {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 1.2em;
   }

.comment .byline {
   color: #666;
   }

.commentmedia {

   }

.comment .description {
   margin-top: 0px;
   margin-bottom: 6px;
   clear: both;
   }

.comment .imageicon {
   border: none;
   float: left;
   width: 130px;
   padding: 6px 6px 6px 6px;
   text-align: center;
   }

.comment .imageicon a {
   color: #666;
   font-size: 0.9em;
   }