/* blueprint */
@import url("reset.css");
/* @import url("forms.css"); */
@import url("lightbox.css");

/* core */
body{
	background-color:#000000;
	color:#ffffff;
	font-family: 'Verdana', Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-align: center;
	
	behavior:	url("csshover.htc");
}

a:link, a:visited{color:#ffffff; text-decoration: underline;}
a:hover, a:active {text-decoration: none;}

h1{font-size: 1.6em; font-weight: normal;}

#main{width:1000px; height:750px; margin:30px auto; background: url('../images/main_bg.jpg') top center no-repeat;}
#header{width:980px; height:40px; text-align: left; padding:10px 0 0 20px; border-bottom:1px solid #000;}
#menu{width:125px; float:left; margin:18px 5px 18px 0; text-align: left;}
  #menu ul li{
    width:120px;
    height:20px;
    list-style-type: none;
    margin:0 0 7px -85px;
    padding:5px 0 5px 0;
    -moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);
  }
  #menu ul li.home{background:url('../images/icon_home.gif') center right no-repeat #000000;}
  #menu ul li.autor{background:url('../images/icon_info.gif') center right no-repeat #000000;}
  #menu ul li.kontakt{background:url('../images/icon_contact.gif') center right no-repeat #000000;}
  #menu ul li span{display:none;}
  #menu ul li:hover{margin:0 0 7px 0;}
  #menu ul li:hover span{display:block; padding-left:5px;}
  #menu ul li a:link, #menu ul li a:active, #menu ul li a:hover, #menu ul li a:visited{text-decoration: none; font-weight: bold; font-size:0.9em;}
  
#content{width:808px; height:618px; float:left; margin:18px 20px 18px 10px; padding:15px 15px 15px 15px; text-align: left; border:1px solid #000;}
#footer{width:980px; height:16px; clear:both; font-size:0.7em; text-align: right; padding-right:20px; border-top:1px solid #000;}

#header, #content, #footer, #menu ul li{background: url('../images/transparent_bg.png') top left repeat;}

form{margin:20px 0 0 20px;}
form legend{font-weight:bold;}
form input, form label, form textarea{margin:3px 0 2px 3px; width:200px;}
form label{display:block; width:100px; float:left;}
form input#code{width:140px;}
form input.submit{width:80px;}

.box{width:210px; height:210px; float:left; padding:0; margin:30px 0 0 40px; text-align:center; border:1px solid #000;}
.box h2{font-size:.9em; font-weight:normal;}
.box:hover{background: url('../images/transparent_bg.png') top left repeat; border:1px solid #000;}
.box a{display:block; width:210px; height:210px; text-decoration:none;}
.box img{border:0; margin-top:15px;}