/* CSS Document */

/* DEFINIERTE STARTWERTE FÜR ALLE HTML-ELEMENTE */
* { 
  margin: 0; 
  padding: 0;
  }
h1,h2,h3,h4,h5,h6,p,a:link, a:visited {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#000000;
 }
 


a:hover, a:active {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color: #210042;
 }

/* HINTERGRUND DER SEITE */
body { 
 background: #DFDFDF; 
 padding: 0; 
 margin: 0; 
  
 }
 
 
/* FIRST BOX*/
  #first {
  margin: 10px; 
  background: transparent url(../images/punkt.jpg) no-repeat center;  
  color: #fff; 
  }
  
/* HINTERGRUNDBOX MIT BILD */
 #main { 
   background: transparent url(../images/rasen-sw.jpg) no-repeat center;  
   padding: 7px; 
   border: 1px solid #B2B2B2; 
   margin:60px 0 0 120px; 
   width: 1000px; 
   height: 635px;  
   overflow: hidden;
  }
  
 /* MENUBOX */
 #menubox {
  	background-color: #ffffff; 
	filter: Alpha(opacity=80); 
	opacity: .8; 
	float: left; 
	width: 1002px; 
	height: 40px;
	padding: 10px;
	font-size: 20px;
	overflow: auto;
	margin: -7px 0 0 -7px;
  }

/* HOVERBOX
----------------------------------------------------------------------*/

.hoverbox {
	cursor: default;
	list-style: none;
	width:600px;
	margin-left: 195px;
	margin-right: 5px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -63px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 3px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin-top:2px;
	margin-right:2px;
	margin-bottom:2px;
	margin-left:2px;
	padding: 2px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #818181;
	width: 320px;
	height: 270px;
}


 /* BOX MIT FIRMENNAMEN UND SCHRIFTDEFINITION */
 #namebox {
  	background-color: #ffffff; 
	filter: Alpha(opacity=80); 
	opacity: .8; 
	float: left; 
	width: 1007px; 
	height: 100px;
	padding: 7px;
	font-size: 22px;
    overflow: hidden;
	margin: 13px 0 0 -7px;
   }

 #namecontent {
 padding: 10px 0 0 12px;
 color: #0033CC;
  }
 
 #namecontent h1{
 font-size: 37px;
 }
 
 #namecontent p{
 font-size: 27px;
 }
 
 /* Impressum / Name */
 #credits {
  margin-bottom:2px;
  font-size:11px;
  background-color:inherit;
  color:#aaaaaa;
 }
 
 #credits a:link {
 color: #606060;
 }