body {font-family:Arial, sans-serif;font-size:80%;text-align:center;position:relative;}#all {text-align:left;margin:5px auto 0 auto;width:902px;background:url("bodybg.png") repeat-y top center;}#fblike {text-align:left;margin:5px auto 0 auto;border:none;width:890px;overflow:hidden;}#fblike iframe {height:26px;width:890px;}#head {margin:0 auto;height:117px;background:url("head.jpg") no-repeat;position:relative;}#head h1 {color:white;font-size:17pt;line-height:1.2em;font-family:"Trebuchet MS", sans-serif;font-weight:normal;margin:0 0 0 470px;padding-top:23px;}#page {width:890px;margin:0 auto;}#teaser {position:relative;}#teaser img {top:0;left:0;position:absolute;}#menu {position:absolute;right:70px;bottom:0;}#menu ul {list-style:none;padding:0;margin:0;}#menu li {float:left;letter-spacing:.7pt;line-height:28px;}#menu li a {display:block;padding:0 10px;color:#7da1c9;text-decoration:none;}#menu .active a {font-weight:bold;color:white;}#menu a:hover {text-decoration:underline;}#submenu {background:#004ba0 url("leftbg.png") repeat-y;margin:21 0 0 0;width:248px;float:left;}#submenu h2 {color:white;font-weight:normal;padding-left:20px;margin:0;font-size:140%;}#submenu p {text-align:left;}#submenu p, #submenu ul {padding:0 0 0 20px;line-height:1.6em;letter-spacing:.3pt;color:white;}#submenu ul {list-style:none;}#submenu a {color:#7da1c9;text-decoration:none;}#submenu .active a {color:white;}#submenu a:hover {text-decoration:underline;}#submenubottom {background:url("leftbg_bottom.png") no-repeat;margin-top:20px;width:248px;height:9px;}#submenutop {background:url("leftbg_top.png") no-repeat;width:248px;margin:0;height:11px;}.pulldown {opacity:.94;display:none;background:#004ba0;position:absolute;}.pulldown ul {list-style:none;padding:0 20px;letter-spacing:1pt;line-height:1.3em;}.pulldown a {color:#4483cb;text-decoration:none;}.pulldown a:hover {text-decoration:underline;}#pd_projekte {top:111px;left:530px;z-index:1000;}.pulldown .active a {font-weight:bold;color:white;}#content {position:relative;margin:18px 0 30px 0;float:right;width:600px;margin-right:30px;}#content p, #content h3, #content h4 {color:#4f4e53;clear:left;line-height:1.4em;padding-left:119px;font-family:"Trebuchet MS", sans-serif;}#content h4 {margin:0;}#content ul {color:#4f4e53;line-height:1.4em;padding-left:119px;font-family:"Trebuchet MS", sans-serif;list-style:none;margin-left:0;}#content h3 {font-size:100%;background:url("h3bg.png") no-repeat center left;font-size:140%;color:#004ba0;font-family:"Trebuchet MS", sans-serif;/*border-bottom:1px dotted #789;*/}#content h2 a {color:#4f4e53;}#content h2 {padding-left:118px;margin-top:0;/*text-transform:uppercase;*/color:#4f4e53;background:url("h2bg.png") no-repeat center left;font-size:120%;letter-spacing:1px;font-family:"Trebuchet MS", sans-serif;}.blogtags {font-size:11px;font-weight:bold;text-transform:uppercase;}.blogmeta {float:left;width:120px;}.blogitem {float:right;width:480px;}.blogitem p, .blogmeta p {padding:0;}strike {color:#aaa;}#testimonial {margin:0 20px 10px 20px;border-bottom:2px solid white;height:270px;overflow:auto;}#testimonial h2 {padding:0;}#testimonial p {font-size:90%;color:#7da1c9;padding:0;line-height:1.4em;letter-spacing:0;}#newsletterform {margin:0 20px 10px 20px;border-top:2px solid white;}#newsletterform p {padding:0;}#footer {background:url("footerbg.png") no-repeat top center;}#footer p {margin:0;padding:30px 0;}}.mitglied {padding-left:120px;}table {margin-left:119px;}#mitgliedtable p {padding-left:0;}td {vertical-align:top;font-size:80%;}img {border:0;}#gallery {margin:0 0 0 120px;}.thumbnail {width:80px;height:80px;text-align:center;float:left;margin:0 10px 10px 0;}.long {width:20em;}.front {width:10em;float:left;display:block;}.button {border:1px solid #6f8cb5;padding:5px;float:left;text-align:center;display:block;background:#b4cae8 url("buttonbg.png") repeat-x;text-transform:uppercase;font-size:9px;text-decoration:none;font-family:Verdana;color:#444;font-weight:bold;padding:0 20px;height:24px;line-height:24px;margin:0 10px 10px 0;-moz-border-radius: 4px;-webkit-border-radius: 4px;}.button:hover {background:#8caedf url("buttonbg_hover.png") repeat-x;color:white;}#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}#lightbox img{ width: auto; height: auto;}#lightbox a img{ border: none; }#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }#imageContainer{ padding: 10px; }#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }#imageContainer>#hoverNav{ left: 0;}#hoverNav a{ outline: none;}#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }#prevLink { left: 0; float: left;}#nextLink { right: 0; float: right;}#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }#imageData{ padding:0 10px; color: #666; }#imageData #imageDetails{ width: 70%; float: left; text-align: left; }#imageData #caption{ font-weight: bold; }#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }