/* Stylesheet for Gerhard Brodowski Fotografie */
body {font-family: sans-serif; font-size: 1.1em; line-height: 1.6em;background-color: #666; color: #fff; margin:0;}
img {border: 0px solid #fff;}
a {color: #fff;}
a:hover {color: #0000bb;}
h1,h2.comments { padding-bottom: 10px; border-bottom: 1px solid #cdcdcd;}
h2 {margin-top:1.2em;}
h2.comments {margin-top:0.5em;}
li a {text-decoration: none;}
.container {width:100%;background-color:#888;border-bottom:1px solid #aaa;padding-bottom:15px;border-top:1px solid #aaa;margin-top:3px;}
.wrap {width: 550px; margin:0 auto; padding:8px; padding-left:25px;padding-right:25px;}
.footer {font-size: 0.8em; margin-bottom:2em;} /*margin-top:15px; border-top: 1px solid #cdcdcd; }*/
.caption {font-size: 0.9em; font-style:italic;}
.imprint {padding-left: 25px;}
/*.container .wrap p {font-family:Georgia "Times new roman" times serif;}*/
#front {overflow:hidden; width: 550px;}
#left {width:400px; float:left; border-right: 150px solid #888; margin-right: -150px;}
#right {width: 125px; float:left; margin-left: 15px;}
#right img {border: 0px solid #fff; padding:0;margin:0;line-height:1em;display:inline;}
#right ul {list-style-type: none; padding:0;margin: 0;}
#right ul li {padding: 8px;}
img.top {margin: 10px;}
img.top#first {margin-left: 0;}
.feedback {background-color: #999;padding:10px;}
.padleft {padding-left: 25px;line-height:1.2em;}
ul.twocols li {width:250px;float:left;}
.clear {clear:both;}
#comform label {float:left;}
#comform input {width:400px;margin-left:28px;}
#comform textarea {width:400px;margin-left:40px;}
#comform input[type="submit"] {width:auto;}
.searchresults {padding-left:20px;}
form fieldset {margin:0;padding:0;border:0;}
/* .searchresults {list-style-type:none;padding-left:0;margin-top:2em;}
.searchresults li {padding-bottom:1.5em;}
.searchresults a {font-weight:bold;text-decoration:underline;font-size:1.1em;}
.searchresults .exerpt {font-size:0.9em;margin:0;margin-top:0.5em;color:#efefef;}
.searchresults .exerpt .match {font-weight:normal;font-style:italic;background-color:#aaa;color:#eee;} */
#prevlink {position:fixed;left:10%;top:30px;width:32px;text-indent:-9999px;height:32px;display:block;background: url("../img/bx-controls.d9d25372f38c.png") no-repeat 0 -32px;}
#nextlink {position:fixed;right:10%;top:30px;width:32px;text-indent:-9999px;height:32px;display:block;background: url("../img/bx-controls.d9d25372f38c.png") no-repeat -43px -32px;}
#prevlink:hover {background-position: 0 0;}
#nextlink:hover {background-position: -43px 0;}
.footer strong {font-weight:normal;font-style:italic;color:#ccc;}
.steckbrief {background-color:#999;padding:10px;}
.steckbrief h2 {margin-top:0;}
.steckbrief dl dt {width:160px;float:left;color:#fff;font-style:italic;}
.steckbrief dl dd {margin-left:160px;}
/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
/* custom */
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxTopLeft{width:14px; height:14px; background:url("../img/controls.5aec7ed684b6.png") no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url("../img/border.84ac39cb765f.png") repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url("../img/controls.5aec7ed684b6.png") no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url("../img/controls.5aec7ed684b6.png") no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url("../img/border.84ac39cb765f.png") repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url("../img/controls.5aec7ed684b6.png") no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url("../img/controls.5aec7ed684b6.png") repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url("../img/controls.5aec7ed684b6.png") repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url("../img/loading_background.7c96a54b079f.png") no-repeat center center;}
#cboxLoadingGraphic{background:url("../img/loading.e6611f867d63.gif") no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url("../img/controls.5aec7ed684b6.png") no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
/* user defined */
#cboxCurrent {text-indent:-9999px;}
#cboxTitle {left:58px;bottom:-30px;text-align:left;font-size:.9em;}
@media (max-width: 768px) {
    .wrap {margin-top:36px;}
    #prevlink {left:10px;}
    #nextlink {right:10px;}
}
@media (max-width: 600px) {
    .wrap {width:86%;margin:0 auto;margin-top:36px;}
    .wrap img {max-width:100%;}
    #prevlink {left:2px;}
    #nextlink {right:2px;}
}
@media (max-width: 500px) {
    .wrap img {max-width:100%;}
    .wrap img[width="165"] {width:100% !important;}
}