@charset "utf-8";
/* CSS Document */
* {
	padding: 0;
	margin: 0;
}
h1,h2,h3 {
	margin-bottom: 1em;
	margin-top: 1em;
}
p {
	margin-bottom: 1em;
	margin-bottom: 1em;
}
/* ========== Links ========== */
a:link { 
	text-decoration:none;
	font-weight:bold;
	color:#888888; 
}
a:visited { 
	text-decoration:none;
	font-weight:bold;
	color:#888888;
}
a:hover { 
	text-decoration:none;
	font-weight:bold;
	color:#444444;
}

body {
	background:#FFFFFF;
}

#visitenkarte {
   position: absolute;
   width: 600px;
   height: 340px;
   margin-left: -300px;
   margin-top: -170px;
   top: 50%;
   left: 50%;
}

#daten {
   position: absolute;
   width: 300px;
   height: 170px;
   margin-left: -150px;
   margin-top: 140px;
   top: 50%;
   left: 50%;

}
#mark {
   position:absolute;
   top: 30px;
   left: 32px;
   font-style: normal;
   font-variant: caps;
   font-weight: bold;
   font-size: 14px;
   line-height: 120%;
   font-family: Arial;
   z-index:4;   
}

#contact {
   position:absolute;
   bottom: 27px;
   left: 32px;
   height:auto;
   width:auto;
   font-style: normal;
   font-variant: caps;
   font-weight: bold;
   font-size: 12px;
   font-family: Arial;
   z-index:4;   
}

#impressum {
   position:absolute;
   bottom: 27px;
   right: 67px;
   height:auto;
   width:auto;
   font-style: normal;
   font-variant: caps;
   font-weight: bold;
   font-size: 12px;
   font-family: Arial;
   z-index:4;
} 

#facebook {
   position:absolute;
   bottom: 37px;
   right: 31px; 
   height:25px;
   width:25px;
   z-index: 4;
}


#schatten {
    box-shadow: 0px 0px 30px hsla(0,0%,20%,0.5) inset;
    height:100%;
    width:100%;

}



.topmenu ul{
  display:none;
 
}

.topmenu a, .submenu a{

}

.submenu a{
  width:40px;
  position:relative;
  top:-8px;

  clear:both; /* special IE6 */
  
}

#menu a:hover, .topmenu.on a {

}

.topmenu:hover ul {
  display:block;  
 
}