﻿img { border:0px none #ffffff; }
div#content { width:900px; min-height:380px; margin:10px auto 0px auto; padding:180px 0px 20px; position:relative; background:url(images/content-background.jpg) top center no-repeat; }
div#content.home { height:557px; padding:0px; background:url(images/stand-in-buchholz.jpg) top center no-repeat; }
div#content { -moz-border-radius:10px; -moz-box-shadow:5px 5px 8px 0px #555555; }
div#content { -ms-border-radius:10px; -ms-box-shadow:5px 5px 8px 0px #555555; }
div#content { -webkit-border-radius:10px; -webkit-box-shadow:5px 5px 8px 0px #555555; }
div#content { border-radius:10px; box-shadow:5px 5px 8px 0px #555555; }
div#content h1 { padding:6px; position:absolute; top:135px; right:20px; font:bold 18px/20px monospace; background:#ffffff; filter:alpha(opacity=60); opacity:0.6; text-align:center; }
div#content.home h1 { width:184px; top:440px; left:200px; }
div#content img { width:160px; height:auto; margin:10px 30px; }
div#content.noGallery img { width:auto; height:auto; margin:10px 15px 10px 10px; display:block; position:relative; z-index:100; float:left; }
div#content img { -moz-box-shadow:3px 3px 5px 0px #555555; -ms-box-shadow:3px 3px 5px 0px #555555; -webkit-box-shadow:3px 3px 5px 0px #555555; box-shadow:3px 3px 5px 0px #555555; }
div#content a#homelink { display:block; position:absolute; top:20px; right:20px; }
div#content a#homelink img { width:auto; height:auto; margin:0px; }
div#content p { margin:0px 210px 0px 30px; padding:6px 14px; font:bold 12px/18px monospace; color:#ffffff; background:#000000; filter:alpha(opacity=40); opacity:0.4; }
div#content p a { color:#ffffff; }
div#content p#kontakt { width:168px; margin:0px; padding:6px 14px; position:absolute; top:20px; left:520px; font:bold 12px/18px monospace; color:#000000; background:#ffffff; filter:alpha(opacity=60); opacity:0.6; }
div#content.home p#kontakt { top:495px; left:200px; color:#000000; }
div#content div.clearBoth { clear:both; }
div#navigation a { padding:6px 14px; position:absolute; font:bold 12px/18px verdana,sans-serif; color:#000000; text-decoration:none; background:#ffffff; filter:alpha(opacity=70); opacity:0.7; }
div#navigation a { -moz-border-radius:2px; -moz-transition-property:opacity, border-radius; -moz-transition-duration:0.5s; }
div#navigation a { -ms-border-radius:2px; -ms-transition-property:opacity, border-radius; -ms-transition-duration:0.5s; }
div#navigation a { -webkit-border-radius:2px; -webkit-transition-property:opacity, border-radius; -webkit-transition-duration:0.5s; }
div#navigation a { border-radius:2px; transition-property:opacity, border-radius; transition-duration:0.5s; }
div#navigation a:hover { filter:alpha(opacity=90); opacity:0.9; -moz-border-radius:20px; -ms-border-radius:8px; -webkit-border-radius:8px; border-radius:15px; }
div#gallery img { float:left; cursor:pointer; }
img#largeimage { width:auto; height:auto; display:none; position:fixed; top:20px; left:0px; z-index:999; }
img#largeimage { box-shadow:8px 8px 10px 0px #555555; }
div#largeimagebackground { width:100%; height:100%; display:none; position:absolute; top:0px; left:0px; z-index:998; background:top center no-repeat #ffffff; filter:alpha(opacity=50); opacity:0.5; }

@media (max-width:675px) {
	div#content { transform:scale(0.75) translate(-18%, -18%); }
	img#largeimage { transform:scale(0.75) translateY(-18%); }
}

@media (max-width:450px) {
	div#content { transform:scale(0.5) translate(-52%, -50%); }
	img#largeimage { transform:scale(0.5) translateY(-50%); }
}

@media (max-width:360px) {
	div#content { transform:scale(0.4) translate(-78%, -75%); }
	img#largeimage { transform:scale(0.4) translateY(-75%); }
}

@media (max-width:320px) {
	div#content { transform:scale(0.35) translate(-95%, -90%); }
	img#largeimage { transform:scale(0.35) translateY(-90%); }
}
