@charset "UTF-8";

/* GENERELL */

html,body,img,h1,h2,table,tr,td,th,div{
  padding:0;
  margin:0;
  border:0;
  font-size:13px;
  line-height:18px;
  font-family:Verdana,sans-serif;
}

a{
  text-decoration:none;
  color:white;
}

a:hover{
  color:black;
}

td, th{
  text-align:left;
}

ul#projectlist,
ul#presslist,
ul#linklist{
  margin:0;
  padding:0;
  list-style-type:none;
}

/* LAYOUT */

html,body{
  background-color:#d3d4d8;
  height:100%;
}

html{
	overflow: -moz-scrollbars-vertical;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: auto;
}

div#page{
  width:950px;
  min-height:100%;
  margin:0 auto 0 auto;
  overflow:hidden;
  
  color:white;
  background:#8c8d8f url(../images/background.gif) repeat-y left top;
}

/* IE 6- Hack */ 
* html #page {
  height:100%;
}
/* END IE 6- Hack */ 

td, th {
  vertical-align:top;
}

/* HAUPTMENU */

div#menu{
	/*left:50%;
	margin-left:-475px;*/
  position:fixed;
	width:280px;
  top:0px;
  min-height:100%;
  
  background-color:#dbdcde;
/*  float:left;*/
}

/* IE 7 Hack */ 
*:first-child+html div#menu {
  margin-left:-280px;
}
/* END IE 7 Hack */

/* IE 6- Hack - hide from mac \*/ 
/* disable fixed menu => 3px-hack neccessary*/
* html div#menu {
  position:static;
  float:left;
}
/* END IE 6- Hack */


h1{
  background:black url(../images/logo.gif) no-repeat center center;
}

h1 a{
  display:block;
  width:280px;
  height:80px;
}

h1 a span{
  display:none;
}

ul#main_menu,
li.main_menu,
ul.sub_menu,
li.sub_menu,
ul#culture_switch,
ul#culture_switch li
{
  padding:0;
  margin:0;
  list-style-type:none;
}

ul#main_menu{
  margin-top:40px;
}

ul.sub_menu
{
	margin-bottom:20px;
}

li.main_menu a,
li.main_menu div,
li.sub_menu a,
li.sub_menu div
{
  display:block;
  width:280px;
  padding:5px 0 5px 0;
  
  color:black;
  text-decoration:none;
}

ul#main_menu li a:hover span,
ul#culture_switch li a:hover span
{
  background-color:#bbb;
}

li.main_menu a span,
li.main_menu div span
{
  display:block;
  padding:0px 0px 0px 40px;
}

li.sub_menu a span,
li.sub_menu div span
{
  display:block;
  padding:0px 0px 0px 130px;
}

li.active span,
ul#main_menu li.active a:hover span,
ul#culture_switch li.active a:hover span
{
  background-color:#999;
}

ul#culture_switch
{
	margin-top:50px;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
/* IE6 don't understand hover on span => broad links */
* html ul#main_menu li a:hover{
  background-color:#bbb;
}
* html li.active a,
* html ul#main_menu li.active a:hover
{
  background-color:#999;
}
/* END hide from IE5/mac */

ul#culture_changer{
  font-size:15px;
  float:right;
}

ul#culture_changer li a{
  display:block;
  width:120px;
  height:40px;
  
  color:black;
  text-decoration:none;
}

ul#culture_changer li a span{
  display:block;
  padding:10px 0px 0px 0px;
}

.print_information{
	display:none;
}

a#bottom{
	display:block;
	clear:both;
}

/* HAUPTEIL */
div#main{
  margin-left:280px;
}

div#main_content{
  padding-top:80px;
}

div#header{
  position:fixed;
  top:0;
  
	width:670px;
	height:80px;
  
  color:black;
  background-color:#dcdcdc;
  text-align:center;
}

h2 {
  margin-top:28px;
  
  color:black;  
  font-size:20px;
  font-weight:normal;
}

/* IE 6- Hack 
     correct 3px bug: hide from ie mac \*/
* html div#menu{
	margin-right:-3px;
}
* html div#main{
	height:1%;
	margin-left:0;
}
/* end hide from mac */

/* disable fixed header */
* html div#header {
  position:static;
}
* html div#main_content{
  padding-top:0;
}
/* END IE 6- Hack */ 

.text{
  padding:40px;
}

.full_width{
	width:590px;
}

/* NEWS */
div.pager,
form#searchform
{
  margin: 30px 0;
}

div.pager{
  float:left;
}

form#searchform{
  float:right;
}

/*form#searchform input{
  border:1px solid;
}*/

strong.highlight
{
  font-weight:normal;
  background-color:#aaa;
}

h3 strong.highlight
{
  font-weight:bold;
}

/* PROJECTS in extra file */

/* LINKS */
ul#linklist li{
  margin-bottom:60px;
}

ul#linklist li p{
  color:white;
}