@charset "utf-8";
/* CSS Document */
body{
	background:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#frame{
	width:818px;
}

.large{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-409px;
	margin-top:-320px;
} .small{margin:0 auto;}

#home, #leistungen, #referenzen, #kontakt{
	height:200px;
	width:200px;
	display:inline-block;
	margin:0 3px;
}

#home{
	height:198px;
	width:198px;
	border:1px solid #999;
	margin-left:0;
	background:#FFF;
	position:relative;bottom:1px;right:1px
}

#leistungen{
	background:#009963/*487f7a;*/
}

#referenzen{
	background:#fece0f/*fec652;*/
}

#kontakt{
	margin-right:0;
	background:#0651a0 /*546b97;*/
}

#content{
	width:816px;
	height:398px;
	margin-top:6px;
	background:#F0F0F0 url(../images/content.png);
	border:1px solid #999;
}

.text{background:url(../images/dot50w.png)}
.keywords{letter-spacing:2px;text-align:center;line-height:130%}
.referenz{height:183px;width:145px;display:inline-block;background-position:center;background-size:cover;margin:10px 5px 0 5px;border-radius:3px;cursor:pointer}
.referenz:hover{box-shadow:3px 3px 5px #666}

h1{
	margin:75px 10px 10px 10px;
	padding:10px 10px 0px 10px;
	border-radius:5px;
	font-size:46px;
	text-align:center;
	text-decoration:underline;
}

h2{
	margin:10px;
	padding:10px;
	font-size:26px;
	text-transform:uppercase;
	text-align:center;
}

p{
	margin:10px;
	padding:10px;
	font-size:16px;
}

#home, #leistungen, #referenzen, #kontakt, #content{box-shadow:3px 3px 3px #333}
#home:hover, #leistungen:hover, #referenzen:hover, #kontakt:hover{box-shadow:5px 5px 5px #333}
#home:active, #leistungen:active, #referenzen:active, #kontakt:active{box-shadow:4px 4px 4px #333}

#footer{text-align:right;font-size:10px;color:#666;margin-top:6px}
#footer a{color:#666;text-decoration:none} #footer a:hover{text-decoration:underline}

#shadow{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.85;cursor:pointer;display:none}
#photoframe{height:386px;width:606px;border-radius:3px;background:#CCC;position:absolute;top:50%;left:50%;margin-left:-303px;margin-top:-193px;display:none}
#photobox{height:380px;width:600px;margin:3px;background:#000;cursor:pointer;display:none}