/*

FUER FOTOGALERIE

   http://fonts.googleapis.com/css?family=Archivo+Narrow
   http://fonts.googleapis.com/css?family=Droid+Sans:400,700
   http://fonts.googleapis.com/css?family=Scada:400,700
   http://fonts.googleapis.com/css?family=Allerta
   
*/

@import url(http://fonts.googleapis.com/css?family=Allerta);

/* general ============ */
body{font-family:Allerta, sans-serif;font-size:1.0em;margin:0;padding:0;}
a{color:#246090;text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
a:visited{color:#24908f;}
abbr{border-bottom:1px dashed #888;cursor:help;}
abbr:hover{color:black;}
dfn{letter-spacing:.5em;}
.clr{clear:both;}
.tac{text-align:center}
.zipdownld{background:url(../site_images/dl_zip.png) right bottom no-repeat;padding-right:18px;}
/* page ============ */
#page{margin:15px;}

/* head ============ */
#head{display:block;float:left;width:100%;margin-bottom:20px;}
#logo{float:left;font-size:3em;font-weight:bold;letter-spacing:.2em;text-shadow:5px 5px 10px #aaa;margin-right:20px;/*background:url(../site_images/xmas.png) no-repeat;background-size:contain;height:150px;*//*EASTER background:url(../site_images/4eggs.png) center bottom/ auto 120px no-repeat;height:150px*/}
#head h3{display:table-cell;float:left;vertical-align:middle;color:#ddd;}

/* navigation ============ */
#nav_main{clear:left;display:table;margin:0 auto;padding:0px 10px;}
#nav_main ul{list-style:none;padding:0;margin:0;}
#nav_main li{margin:5px 2px;padding:0px;float:left;}
#nav_main a{-ms-transition:box-shadow .2s;-moz-transition:box-shadow .2s;-khtml-transition:box-shadow .2s;-webkit-transition:box-shadow .2s;transition:box-shadow .2s;display:block;margin:0px 0 0px 0;padding:5px 10px;font-weight:bold;border-radius:0px;text-decoration:none;color:#444;}
#nav_main a:hover:not(#current) {box-shadow:0 15px 10px -15px black ;}
#nav_main a:active:not(#current) {transform:scale(.8);transition:.2s;-webkit-transform:scale(.8);-webkit-transition:.2s;}
#nav_main #current{color:#999;}
#nav_main a#current{cursor:default;}

#subnav{float:right;}
#subnav ul{list-style:none;margin:0;padding:0;}
#subnav li{margin:0px 0 5px 0;padding:0;}
#subnav a{display:block;font-size:.7em;text-align:right;text-decoration:none;background:#eee;padding:4px 15px;border-radius:5px;}
#subnav a:hover, #subnav a#current{color:black;}
#subnav a#current{cursor:default;background:none;border:1px solid #ddd;border-bottom-color:#aaa;border-right-color:#aaa;}

/* content ============ */
hr.bric{display:none;margin-bottom:1.5em;height:4px;border-radius:2px;box-shadow:3px 3px 3px rgba(0,0,0,.5);border-color:#246090;}
#content{margin-top:1.5em;}
.artikel{color:#444;}
.artikel p{margin:0 0 1.5em .5em;text-align:justify;}
.artikel h4{font-family:serif;font-style:oblique;margin:10px 0;padding:0 0 4px 0;border-bottom:3px solid #9fc0d0;}
.col80{width:80%;float:left;}
.col20{width:20%;float:left}
.col20 div{margin:0 0 1.5em 1em;padding-left:0.5em;border-left:1px solid #ccc;}
.rightpad{background:#f6f6f6;padding:15px 10px;border-radius:0 5px 5px 0;overflow:hidden;}
.rightpad span{display:block;color:#666;font-size:.8em;}
.rightpad span.head{padding-bottom:10px;}
.rightpad.tiny a{font-size:.8em;display:block;}
.rightpad.tiny li{margin:2px 0;padding:4px;border-radius:2px;background:linear-gradient(to bottom,#eee 50%,#ddd);background:-webkit-linear-gradient(top,#eee 50%,#ddd);}
.rightpad.tiny li span{font-size:.6em;color:#444;}
.rightpad ul, .commerce ul{list-style:none;margin:0;padding:0;}
.commerce span{display:block;color:#ccc;font-size:0.7em;text-align:right}
.commerce li{width:80%;max-width:160px;margin:15px auto;padding:0;}
.commerce li img{width:100%;border:2px solid transparent;}
.commerce li a:hover img{border-color:#246090;}

/* apps_nav ============ */
.app_contain{float:left;width:49%;margin-bottom:1.5em;}
.app_contain.lft{padding-right:1%}
.app_contain.rgt{padding-left:1%}
.app_contain h4, .app_contain h5{margin:10px 0 5px 0;color:#666}
.app_anchor a{display:block;background:#f6f6f6;border-radius:10px;border-left:1px solid #bbb;border-bottom:1px solid #bbb;margin:7px 0;text-decoration:none;padding:0.2em 0.4em;}
.app_anchor a:hover{background:#eee;}
.app_anchor a span{display:block;font-size:.7em;color:#666;}

/* app_page ============ */
.appwin{display:table;margin:0 auto 2em;position:relative;font-size:16px;}
.appwin h4{text-align:center;}
.app{margin:2em;z-index:-4;}
.appnav{display:table;table-layout:fixed;width:80%;margin:0 auto 1.5em auto;max-width:1100px;}
.appnav span{display:table-cell;text-align:center;}
.appnav a{padding:4px 10px;background:#ddd;border-radius:5px;font-size:.8em;}
.appnav span.left,.appnav span.right{width:4.2em;}
.appnav span.left a,.appnav span.right a{display:block;text-align:center;}
.appnav a:hover{text-decoration:none;color:black;}
.appnav span.left.hide, .appnav span.right.hide{visibility:hidden;}
.app_context{display:block;border:1px solid #e8e8e8;border-right-color:#aaa;border-bottom-color:#aaa;border-radius:10px;padding:10px;width:78.5%;max-width:1080px;margin:0 auto;}
.appdate{font:normal 1em serif;font-style:italic;}
/* art copy ====== */
.art_copy{position:absolute;left:2em;bottom:-10px;width:24px;background:#ccc;line-height:21px;border-radius:5px;text-align:center;cursor:default;border-right:1px solid #666;border-bottom:1px solid #888;}
.art_copy:before{content:"";position:absolute;left:-8px;top:10px;height:0;width:0;border-left:10px solid transparent;border-top:10px solid #aaa;z-index:-1;}
.art_copy span{display:none;font-size:.7em;white-space:nowrap;background:#ccc;border-radius:5px;padding:2px 12px;border-right:1px solid #666;border-bottom:1px solid #888;box-shadow:1px 1px 4px rgba(128,128,128,.8),1px 1px 1px white inset,-1px -1px 1px black inset}
.art_copy:hover span{display:block;position:absolute;left:25px;top:0px;}

/* social =========== */
.social{/*float:left;*/position:relative;width:32px;height:32px;margin:-21px 80px 5px auto;padding:5px;border-radius:0 0 10px 10px;border:1px solid #eee;border-left:none;border-right-color:#aaa;border-bottom-color:#aaa;background:#f4f4f4;}
.social:before{content:"";position:absolute;left:-5px;top:-1px;width:0;height:0;border-right:5px solid #ddd;border-top:10px solid transparent;}
.social:after{content:"";position:absolute;left:43px;top:-1px;width:0;height:0;border-left:5px solid #ddd;border-top:10px solid transparent;}

a.tweetthis{display:block;float:right;clear:right;width:32px;height:32px;background:url(../site_images/comment_twitter.png);}
a.tweetthis:hover{opacity:.7;}
a.twitter{display:block;width:32px;height:32px;background:url(../site_images/twitter_1.png);}
a.twitter:hover{opacity:.7;}

/* attributes ========= */
.boxshadow{box-shadow:0 0 4px #ddd;}
.nobg{background-color:transparent;}

/* colors ========= */
.bg_lgray{background-color:#ddd}

/* width_limits ============ */
.w500{width:500px;}
.w700{width:700px;}
.w800{width:800px;}
.w1100{width:1100px;}
.w80pc{width:80%}
.w100pc{width:100%}
.minw700{min-width:700px;}
.minw800{min-width:800px;}
.minw900{min-width:900px;}
.maxw700{max-width:700px;}
.maxw800{max-width:800px;}
.maxw900{max-width:900px;}
.maxw1000{max-width:1000px;}

/* browser ============ */
.browser p{margin:5px 0;font-size:.8em;}
.browser b{float:left;margin-right:5px;width:16px;height:16px;background:url(../site_images/browser_logos-16.png) no-repeat;}
.browser b.chrome{background-position:0 center;}
.browser b.ff{background-position:-18px center;}
.browser b.opera{background-position:-36px center;}
.browser b.safari{background-position:-53px center;}
.browser b.ie{background-position:-70px center;}
.browser b.mobil{background-position:-87px center;}

/* bubble_help ============ */
.bbl_info{display:inline;position:relative;padding:0px;margin:0;font-style:italic;border-bottom:medium double #aaa;text-align:left;}
.bbl_info:hover .tooltip{visibility:visible;opacity:1;}
.bbl_info .tooltip{border-radius:7px;/*width:300px;*/max-width:300px;padding:5px;position:absolute;left:0%;top:170%;background-color:#eeeef8;background:linear-gradient(to bottom,#eeeef8,#ddd);border:1px solid #666;box-shadow:2px 2px 1px #aaa;color:black;visibility:hidden;opacity:0;transition:.3s;}
.bbl_info .tooltip.w200{/*width:200px;*/}
.bbl_info span.content{display:block;font:0.8em / 1em sans-serif;cursor:default;}
.bbl_info span.leader{position:absolute;left:10%;top:-20px;width:80%;height:20px;overflow:hidden;}
.bbl_info span.leader span{position:absolute;left:0px;top:10px;width:20px;height:20px;border:1px solid #444;border-right:none;border-bottom:none;background:#eeeef8;transform:skewy(45deg) rotate(0deg);-webkit-transform:skewy(45deg) rotate(0deg);box-shadow:2px -2px 5px #aaa;}

/* footer ============ */
#footer{clear:left;margin-top:1em;padding:10px;background:#eee;border-radius:5px;}
#footer:after{content:".";height:0;clear:both;display:block;visibility:hidden;}
#footer span, #footer a{float:left;font-size:.8em;padding:0 10px;}
#footer span{color:#666;}
#footer a#impress,#footer a#dse{float:right}

/* font switcher CSS */
body.font-selector{margin-top:40px}
input.font-switch{display:none}
#font-size-select{position:absolute;right:10px;top:-0px;color:#bbb;}
#font-size-select label{cursor:pointer;padding:5px;border-radius:2px}
#font-size-select label:hover{background-color:gray}
/*#fk,#fs,#fg{cursor:pointer}*/
#fk{font-size:.8em}
#fs{font-size:1.05em}
#fg{font-size:1.5em}

#font-k:checked ~ #font-size-select #fk,
#font-s:checked ~ #font-size-select #fs,
#font-g:checked ~ #font-size-select #fg {color:black;}

#font-k:checked ~ div#page{font-size:.8em;}
#font-s:checked ~ div#page{font-size:1em;}
#font-g:checked ~ div#page{font-size:1.5em;}

/* media ============ */
@media screen and (max-width:800px){
  #nav_main {display:block;}
  #nav_main li{float:none;width:80%;margin-left:10%;}
  #nav_main a{text-align:center;}
  .col80,.col20{width:100%;float:none;}
  .col20 div{margin-left:0;}
  hr.bric{clear:left;display:block;}
  .app_contain{width:100%;}
  .app_contain.lft,.app_contain.rgt{padding:0;}
  #logo{font-size:2em}
  #head h3{font-size:1em}
}