/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#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;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#333;}

#colorbox{}
    #cboxContent{margin-top:20px; background:#fff;}
        #cboxLoadedContent{background:#fff; padding:10px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/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(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url(../image/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:10px; right:10px; display:block; background:url(../image/button/btn_schliessen.png); top center no-repeat; width:24px; height:24px; background-repeat:no-repeat; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
		
		
#colorBoxLeft{float:left;}
#colorBoxRight{float:left; margin-left:10px; margin-bottom:45px; width:189px; padding:10px; background-color:#b4ccd4; margin-top:30px;}
#colorBoxInline1{ float:left; height:100%;}
#colorBoxInline2{}
#colorBoxRightContent{float:left; clear:both;}
#colorBoxRightContent p.bodytext{ color:#fff;}
#colorBoxNaviLeft{ float:left; width:50px; height:25px; position:relative; clear:both;}
#colorBoxNaviRight{ float:right; width:50px; height:25px; position:relative;}

a.cBox1, a.cBox2, a.cBox3, a.cBox4, a.cBox5, a.cBox6, a.cBox7, a.cBox8, a.cBox8, a.cBox9, a.cBox10, a.cBox11, a.cBox12,a.cBox13, a.cBox14{ display:block; height:24px; width:24px; bottom:26px; right:5px; background-image:url(../image/button/lupe.png); background-repeat:no-repeat; position:absolute;}

a.cBoxHeader1, a.cBoxHeader2, a.cBoxHeader3, a.cBoxHeader4, a.cBoxHeader5, a.cBoxHeader6{ display:block; height:100%; width:100%; bottom:0px; left:0px; background-image:url(../image/button/lupe.png); background-repeat:no-repeat; background-position:-1000px -1000px; position:absolute; z-index:100;}

#colorBoxNaviRight a.cBox1,
#colorBoxNaviRight a.cBox2,
#colorBoxNaviRight a.cBox3,
#colorBoxNaviRight a.cBox4,
#colorBoxNaviRight a.cBox5,
#colorBoxNaviRight a.cBox6,
#colorBoxNaviRight a.cBox7,
#colorBoxNaviRight a.cBox8,
#colorBoxNaviRight a.cBox9,
#colorBoxNaviRight a.cBox10,
#colorBoxNaviRight a.cBox11,
#colorBoxNaviRight a.cBox12,
#colorBoxNaviRight a.cBox13,
#colorBoxNaviRight a.cBox14,
#colorBoxNaviRight a.cBoxHeader1,
#colorBoxNaviRight a.cBoxHeader2,
#colorBoxNaviRight a.cBoxHeader3,
#colorBoxNaviRight a.cBoxHeader4,
#colorBoxNaviRight a.cBoxHeader5,
#colorBoxNaviRight a.cBoxHeader6
{bottom:-50px; left:36px; background-image:url(../image/button/pfeil_vor.png); height:24px; width:24px; background-position:0px 0px; background-repeat:no-repeat;}

#colorBoxNaviLeft a.cBox1,
#colorBoxNaviLeft a.cBox2,
#colorBoxNaviLeft a.cBox3,
#colorBoxNaviLeft a.cBox4,
#colorBoxNaviLeft a.cBox5,
#colorBoxNaviLeft a.cBox6,
#colorBoxNaviLeft a.cBox7,
#colorBoxNaviLeft a.cBox8,
#colorBoxNaviLeft a.cBox9,
#colorBoxNaviLeft a.cBox10,
#colorBoxNaviLeft a.cBox11,
#colorBoxNaviLeft a.cBox12,
#colorBoxNaviLeft a.cBox13,
#colorBoxNaviLeft a.cBox14,
#colorBoxNaviLeft a.cBoxHeader1,
#colorBoxNaviLeft a.cBoxHeader2,
#colorBoxNaviLeft a.cBoxHeader3,
#colorBoxNaviLeft a.cBoxHeader4,
#colorBoxNaviLeft a.cBoxHeader5,
#colorBoxNaviLeft a.cBoxHeader6{bottom:-50px; left:-10px; height:24px; width:24px; background-image:url(../image/button/pfeil_zurueck.png); background-position:0px 0px; background-repeat:no-repeat;}

#coin-slider a.cBox1{}