/*
    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;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/template/example2/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/template/example2/images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

p{margin-top:12px;}
h1, h2{font-family: AltGoth2;color:#265e8d;background:#f0f0f0;font-size:24px;padding:10px 18px;font-weight:normal;}
h1{font-size:28px;}
h1, h2, h1+ul, h2+ul, h1+p, h2+p, div.image+p{margin-top:24px;}

ul{list-style:none;margin}
ul li{background:url(/template/img/bullet.png) 0px 4px no-repeat;padding-left:16px;margin:8px 0;}
ul li ul li{background-image:url(/template/img/lili.png);background-position:0px 7px;}
strong, a{color:#255d8c;text-decoration:none;}

a.button{display:block;background:url(/template/img/btn.png) ;width:63px;height:58px;line-height:55px;text-align:center;color:#fff;font-size:11px;margin:0 auto;}
*{margin:0;padding:0;}
body{background:url(/template/img/top.png) repeat-x;font-family:Verdana;font-size:13px;}
a img{border:0;}
#seite, #footer .content{width:980px;margin:16px auto;}
#top{position:relative;}
#main{clear:both;margin:12px 0 0;min-height:400px;overflow:hidden;}

#topnav{height:46px;}
#topnav li{float:left;margin:20px 17px 0 0;}
#topnav a{float:left;text-transform:uppercase;font-size:12px;color:#fff;}
#topnav li:first-child a{margin-left:0;}

#nav li{background:none;padding:0;}
#nav li:first-child{border:0;}
#nav a{display:block;color:#4e6273;font-size:14px;padding:10px 15px;border-top:1px solid #eaeaea;}
#nav ul li.active > a, #nav a:hover{background:#f5f5f5;color:#96b560;}
#nav li ul li a{border:0;padding:5px 15px;}
#nav li ul li a{font-size:12px;}

#quicklinks{position:absolute;right:100px;top:22px;background:url(/template/img/quicklinks.png) 0px 0px no-repeat;width:196px;height:55px;z-index:3000;}
#quicklinks span{position:absolute;top:32px;left:12px;font-size:13px;color:#255d8c;cursor:pointer;}
#quicklinks > ul{position:absolute;top:55px;left:3px;width:173px;background:#cbcbcb;padding:5px 10px;z-index:3000;}

#lcol{float:left;width:231px;}
#lcol h1{margin:36px 0 8px;}
#lcol h1:first-child{margin-top:24px;}
#lcol, #lcol strong{color:#595959;}
#inhalt{float:right;width:690px;}
.block{clear:left;}
.block .text{margin-left:320px;}
span.caption{display:block;font-style:italic;}
.portrait{margin-top:24px;}
.portrait > p{margin-bottom:12px;}
.portrait .image{margin-top:4px;}

#footer{background:url(/template/img/footer.png) repeat-x #213e54;padding:65px 0 200px;}
#footer h1, #footer h2{background:none;color:#a0acb7;padding:0;border-bottom:1px solid #5d707e;text-transform:uppercase;}
#footer strong{color:#a0acb7;}
#footer, #footer a{color:#afb1b6;}
#footer .box{float:left;width:300px;margin-left:36px;}
#footer #fnews{margin-left:0;}
#bottomnav{margin:0px 0 40px;overflow:hidden;}
#bottomnav li{float:left;background:none;padding:0 8px;background:url(/template/img/fnavsep.png) 0px 2px no-repeat;}
#bottomnav li:first-child{padding-left:0;background:none;}
#bottomnav a{text-transform:uppercase;}
p#meta{clear:both;margin-top:25px;padding-top:25px;border-top:1px solid #5d707e;}
#logob{float:right;}
#map img{margin-top:26px;}
#kontakt{border-bottom:24px solid transparent;}

div.image{float:left;margin:28px 20px 10px 0;}
.right div.image{float:right;margin:78px 0 10px 20px;}
*+html .right div.image{margin-top:99px;}

#htop, #hbottom{background:none;margin:0;padding:0;font-size:13px;color:#fff;}
#htop{float:right;width:570px;font-size:16px;margin-top:-5px;}

#lang{position:absolute;left:190px;top:0px;}

#bc{overflow:hidden;margin-top:2px;}
#bc li{float:left;margin-left:10px;padding-left:20px;background:url(/template/img/sep.png) 0px 7px no-repeat;}
#bc li:first-child{margin-left:0;padding-left:0;background:none;}

h2.title, h2.en{margin:0 0 20px;background:none;padding:0;color:#000;font-size:16px;font-weight:bold;}
h2.en{text-align:center;color:#808080;font-style:italic;font-weight:normal;}

#inhalt form{margin-top:24px;}
.mqform td{padding:6px 30px 0 0;vertical-align:top;}
.mqform input[type=text], .mqform textarea{width:300px;border:1px solid #265E8D;}
.mqform textarea{height:120px;}
input.mqnotvalid{border-color:#f00 !important;}
dt.mqfielderror{display:none;}
dd.mqfielderror{display:block !important;}

