@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
body {color:#ddd; background-color:#003; font-family: 'Open Sans', sans-serif; line-height: 1.3em; font-size: .8em; margin:0; padding: 0}


h1 {color: #ddd; text-decoration: none; font-weight: normal; font-size: .8em; margin: 0 0 0 0; padding: 0;}
a {color: #fa0; text-decoration: none}

img#b_ubermich {position: absolute; bottom: 0px; left: 0px; margin: 0;}
img#b_projekte {position: absolute; top: 0px; right: 0px; margin: 0;}

div#links {position:absolute; left: 0; top: 50%; margin-top:-240px; width: 280px; height: 480px;}
div#rechts {position:absolute; right: 0; top: 50%; margin-top:-240px; width: 280px; height: 480px;}

div.bildl, div.bildl-akt {width:250px; height:75px; margin:15px auto 15px 30px; text-align: left}
div.bildr, div.bildr-akt {width:250px; height:75px; margin:15px 30px 15px auto; text-align: right}

div.bildl img, div.bildl-akt img, div.bildr div, div.bildr-akt div {float:left}
div.bildr img, div.bildr-akt img, div.bildl div, div.bildl-akt div {float:right}

div.bildl div, div.bildl-akt div {/*visibility: hidden; position: relative; top: -75px; left: 155px;*/ line-height: 10px; width: 90px; text-align: left; font-size: 9px; line-height: 12px; color: #778; margin-left: 10px;}
div.bildr div, div.bildr-akt div {/*visibility: hidden; position: relative; top: -75px; left: -105px;*/ line-height: 10px; width: 90px; text-align: right; font-size: 9px; line-height: 10px; color: #778; margin-right:10px;}

div.bildl img, div.bildr img, div.bildl-akt img, div.bildr-akt img {opacity: .7; filter: alpha(opacity=70); -khtml-opacity: .7; -moz-opacity: .7; }
div.bildl:hover img, div.bildr:hover img {opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; }

div.bildl-akt img {border-left: solid 30px #fa0; margin-left: -30px}
div.bildr-akt img {border-right: solid 30px #fa0; margin-right: -30px}

div.bildl-akt img {/*position: relative; left: 30px;*/ opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; }
div.bildr-akt img {/*position: relative; right: 30px;*/ opacity: 1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; }

div.bildl:hover div {visibility: visible; }
div.bildr:hover div {visibility: visible; }

div#bla {position: absolute; top: 50%; left: 50%; margin-left:-25%; /* height: 217px; width: 200px; margin-top:-217px; ; border-bottom: dashed 1px #445;*/ text-align: right; padding: 0;}

div#foo {position: absolute; top: 50%; left: 50%; height: 217px; width: 200px; margin-top:-217px; margin-left: 0; text-align: right; padding: 0;}

div#blubb {position: absolute; top: 50%; left: 50%; height: 217px; width: 200px; margin-top:0; margin-left:0px; /*border-top: dashed 1px #445;*/ text-align: left; padding: 10px 0;}