/* ##### Colors #####

#DEE2DB: leichtes Grau
#C0C0C0: Silber
#808080: Grau

*/

/* ##### General ##### */

* { padding: 0; margin: 0; }
body { background-color: #808080; font-family: "Century Gothic", Arial, Helvetica; color: White; text-align: center; font-size: 14px;}
h1 { font-size: 18px; line-height: 28px; }
h2 { font-size: 16px; line-height: 28px; }
p { margin-bottom: 9px; }
a { color: #369699; }
ul { list-style-image: none; }

.hidden { display: none; }
.clear { clear: both; }
.valignMiddle { line-height: 0.5em; }

/* ##### Main ##### */
#wrapper { position: relative; margin: 0 auto; width: 600px; top: 60px;} /* 480px */
#kopf { position: relative; }
#kopf p { margin: 0; }
#gallery { position: relative; background: black;}
#footer { position: relative; text-align: right;}
#footer a { color: #fff; text-decoration: none;}
#footer a:hover,
#footer a:focus{ text-decoration: underline;}

/* ##### Detail ##### */
img.thumb { display: block; float: left; border: 0; width: 120px; height: 120px; }
.cboxelement img:hover,
.cboxelement img:focus,
.cboxelement span:hover,
.cboxelement span:focus { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); }

/* ##### ColorBox Core Style ##### */
#colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; padding-bottom: 0!important}
#cboxOverlay { position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft { clear:left;}
#cboxContent { position:relative; }
#cboxLoadedContent { overflow:auto;}
#cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight { display: none; }

/* ##### ColorBox example user style ##### */
#cboxOverlay { background:#000;}
#colorbox { background: #000; border-bottom: 15px solid #000; }
    #cboxContent { background:#000; margin-top:15px;}
        #cboxLoadedContent { background:#000; padding: 5px 36px;}
        #cboxTitle { position:absolute; bottom:-13px; left:0px; right: 0px; color:#fff; background-color: #000; font-size: 12px; margin:0; z-index: 999; padding: 3px 8px; text-align: justify; min-height: 17px;}
        #cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; display: none !important; }
        #cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious { position:absolute; top:50%; left:5px; margin-top:-32px; background:url(image/layout/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover { background-position:bottom left;}
        #cboxNext { position:absolute; top:50%; right: 5px; margin-top:-32px; background:url(image/layout/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover { background-position:bottom right;}
        #cboxLoadingOverlay { background:#000;}
        #cboxLoadingGraphic { background:url(image/layout/loading.gif) center center no-repeat;}
        #cboxClose { position:absolute; top:-12px; right:0px; display:block; background:url(image/layout/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover { background-position:bottom center;}