/* CSS Document */

html, body  {
  width:100%;
  height: 100%;
  margin: 0;
  padding: 0;
	color:black;
	line-height: 1.42;
  font-family:Impact, 'Techno CE', sans-serif; 
  font: 93.75%/1.42  Impact, 'Techno CE', sans-serif; 
	font-size:93.75% ;
	text-align: center;
  }

body {
	background:  #ddd;
	background-color: #ddd;
}	

a{
  text-decoration: none;
}

a:hover {
 color: #ffffff;
}

.nodisplay{
  display: none;
}

.clear { 
  clear:both; 
}

h1#dk {
   display: block;
   height: 84px;
   width: 946px;
   font-variant:small-caps;
   font-family: 'Arial Black', 'Gadget CE', sans-serif; 
   color: #b2b2b2;
   font-size: 82px;
   position: absolute;
   top:50%;
   left:50%;
   margin-left: -500px;
   margin-top: -78px;
   
}

#container{ 
  position: absolute;
  left: 50%;
  top: 50%;
  width: 980px;
  margin-left: -490px;
  height: 540px;
  margin-top: -270px;
   background: url(../img/gb.gif) no-repeat fixed center;
  }





#footer {
width: 842px;
height: 24px;
position: absolute;
top: 100%;
margin-top: -10px;
left: 50%;
margin-left: -448px; 
color: #b2b2b2;
}

#footer  a{
   font-variant:small-caps;
   font-family: 'Arial Black', 'Gadget CE', sans-serif; 
   color: #b2b2b2;
   text-decoration: none;  
}

#footer a:hover {
  color:white;
}

#navi {
  width: 960px;
  height: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin:0px;
  font-size: 130%;

}

#info {
  height:488px;
}

#ammail, #home{
display: block;
position: absolute;
left:0px;
top:0px;
}


#dkmail, #contact{
display: block;
position: absolute;
right:0px;
top:0px;
}

#description{

font-size: 125%;
letter-spacing: 1px;
}

#descriptionleft{
width: 460px;
float: right;
display: inline;
font-size: 125%;
letter-spacing: 1px;
}


#arrow {
 height: 14px;
 width: 960px;
 margin:0;
}

#left{
display: block;
position: absolute;
left:425px;
bottom:0px;
}

#right{
display: block;
position: absolute;
left:485px;
bottom:0px;
}


/* menu - list - img without text */
#menu {display:block; height:210px; margin:22px;margin-bottom:0px; }
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {float:left; margin-right:22px; display:block; width:193px; }
#menu li.autumn {margin-left: 22px;background:transparent url(../img/autumn.jpg);}
#menu li.gw {background:transparent url(../img/gw.jpg);}
#menu li.a2008005 {background:transparent url(../img/2008005.jpg);}
#menu li.author {background:transparent url(../img/author.jpg);}
#menu a {display:block; width:193px; padding-top:210px; height:0; color:#000; text-decoration:none; overflow:hidden; }
* html #menu a:link, * html #menu a:visited {height:210px; he\ight:0;}

#menu a#autumni {background:transparent url(../img/autumnh.jpg) -193px -210px no-repeat; }
#menu a#gwi {background:transparent url(../img/gwh.jpg) -193px -210px no-repeat;}
#menu a#a2008005i {background:transparent url(../img/2008005h.jpg) -193px -210px no-repeat;}
#menu a#authori {background:transparent url(../img/authorh.jpg) -193px -210px no-repeat;}

#menu a#autumni:hover {background-position:top right; z-index:50;}
#menu a#gwi:hover {background-position:top right; z-index:50;}
#menu a#a2008005i:hover {background-position:top right; z-index:50;}
#menu a#authori:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:210px; he\ight:0;}

#menu2 {display:block; height:210px; margin:22px; margin-bottom: 0px;}
#menu2 ul {margin:0; padding:0; list-style-type:none;}
#menu2 li {float:left; margin-right:22px; display:block; width:193px; }
#menu2 li.summer {margin-left: 22px;background:transparent url(../img/summer.jpg);}
#menu2 li.wop {background:transparent url(../img/paper.jpg);}
#menu2 li.arch {background:transparent url(../img/architecture.jpg);}
#menu2 li.new_col {background:transparent url(../img/new_col.jpg);}
#menu2 a {display:block; width:193px; padding-top:210px; height:0; color:#000; text-decoration:none; overflow:hidden; }
* html #menu2 a:link, * html #menu2 a:visited {height:210px; he\ight:0;}

#menu2 a#summeri {background:transparent url(../img/summerh.jpg) -193px -210px no-repeat; }
#menu2 a#wopi {background:transparent url(../img/paperh.jpg) -193px -210px no-repeat;}
#menu2 a#archi {background:transparent url(../img/architectureh.jpg) -193px -210px no-repeat;}
#menu2 a#new_coli {background:transparent url(../img/new_colh.jpg) -193px -210px no-repeat;}

#menu2 a#summeri:hover {background-position:top right; z-index:50;}
#menu2 a#wopi:hover {background-position:top right; z-index:50;}
#menu2 a#archi:hover {background-position:top right; z-index:50;}
#menu2 a#new_coli:hover {background-position:top right; z-index:50;}

* html #menu2 a:hover {height:210px; he\ight:0;}