@import url('../typo/stylesheet.css');
@viewport {
   width: extend-to-zoom 420px;
}
html{ background:#fff; margin:0; padding:0;}
body { margin: 0; text-align:center; 
    background-attachment: fixed;
    color: #000;
    font-size: large;
}
.splash { height:calc(100vh - 219px); background:#ffffff url("../img/splash.png") no-repeat center center; background-size:contain; }
.splash span { display:block; text-align:center; padding-top:60vh; color:#404040;}
/** loading **/
@keyframes eff_loading_ani {
	0% {text-shadow:0 0 0 #fff; color:rgba(255,255,255,0.4); }
	100% {text-shadow:0 0 3px #fff, 0 0 8px #fff; color:rgba(255,255,255,1); }
}
@-webkit-keyframes eff_loading_ani {
	0% {text-shadow:0 0 0 #fff; color:rgba(255,255,255,0.4); }
	100% {text-shadow:0 0 3px #fff, 0 0 8px #fff; color:rgba(255,255,255,1); }
}

.eff_loading { animation: eff_loading_ani 3000ms linear 0s infinite alternate; -webkit-animation: eff_loading_ani 3000ms linear 0s infinite alternate;}



.eff_fadeout { opacity:0; transition:opacity ease 500ms; }
.eff_fadein { opacity:1; transition:opacity ease 500ms; }
* {
    margin: 0;
    padding: 0;
}
.standardtext, body, form, p, div, ol, ul, li, em, sup, sub, table, tr, th, td {
	font-family: d-dinregular,Arial, Helvetica, sans-serif;
	color : #000;
	font-size:17px;
}
body{ height:100%;}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset; 
    -webkit-text-fill-color: #000;
}

h1 { font-size:22px; text-transform:uppercase; letter-spacing:0.1em; font-family:d-dinregular;}
h2 { font-size:18px; text-transform:uppercase; font-family:d-dinregular; font-weight:normal;}
h3, .wieh3 { font-size:16px; font-family:d-dinregular; font-weight:normal; color:#004b78;}
.userfoto{text-align:center; margin-bottom:-40px;  margin-top:12px;}
.w30{ width:100%; text-align:center;}
.f16 a{font-size:16px;}
.f30 { font-size:48px; line-height:48px; padding-left:20px; font-weight:bold;display:block; float:left;margin-top: -3px;}
.of30 { font-size:40px; line-height:48px; padding-right:26px; font-weight:bold;display:block; float:left;margin-top: -3px;}
.wf30 { font-size:18px; line-height:48px; height:48px; display:block; float:left; text-indent:4px;}
.row10 {font-size:16px; font-weight:bold; background-color:#fff; color:#000; line-height:30px; text-indent:12px;}
.row11,.row12 {font-size:16px; font-weight:normal; background-color:#c5d2e4; line-height:40px; text-indent:12px;}
.row11a,.row12a,.row12b,.row11b{font-size:16px; font-weight:normal; border-bottom:2px solid #fff; line-height:40px; text-indent:12px; background-color:#c5d2e4; }
.row11a a,.row12a a,.row11b a,.row12b a{min-width:40px;max-width: 120px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; display:block;}
.row12 .widthsel_mi{ float:left; height:22px; margin:12px; margin-top:13px;}
.newlinkstd img{ display:none;}
#geshneu .widths,#geshneu .widths_me,#geshneu .inp1,#geshneu .widths_mo,#geshneu .width,#geshneu .width_gr,#geshneu .width_mi,#geshneu .rahmen1{ width:394px; font-size:17px; height:40px;}
#geshneu input{ text-indent:12px;}
#geshneu .pad1{ padding:0;}
#handmcontainerd,#geshneu{ max-width: 1000px;margin: auto;}
#geshneu .col1{ background-color:#29709c;}
#geshneu select{background-image: url(../img/sel_gold.png);
background-position: 370px 50%;
background-repeat: no-repeat;}
.off30{float-left; display:none;}
#sprachi div{ background-color:#FFFFFF;}
ul { padding-left: 8px; margin-left: 0.6em; }


.gl{ height:1px; border:0; background-color:#004b78; width:328px;}
.hbhl{text-transform:uppercase; width:100%;float:left;}
.hbhl2{width:100%;float:left; padding-left:0; border:0; border-top:1px solid #000; padding-top:12px;}
/*### newhead n men ###*/
.headlinediv{font-weight:bold; font-size:19px; color:#e6007e; float:left; margin-top:0; text-align:center; width:100%;}
.headlinedivsub{color:#e6007e; font-size:13px; font-weight:normal;}
#birdmen, #birdmen2{ display:none;}
.tickerback{display:none;}
.ticker{display:none;}

.slcontainer{margin-bottom:8px;}
#slshow { display:none;}
#slshow_home{ background-color:#fff;z-index:-100; width:100%; overflow:hidden;}
.icrop{
    display: inline-block;
    overflow: hidden; height:100%;
}
.grel{ border-bottom:1px solid #000; height:0;}
.blal{ border:0; border-top:1px solid #000; height:0;}
.imgpad{ margin-right:10px; margin-bottom:10px; float:left;}
.imgpad img{border:1px solid #004b78;}
a.anf,.anf{ background-color:#004b78; border:none; color:#fff; height:40px; width:170px; font-size:14px; text-transform:uppercase; font-family:d-dinregular; font-weight:normal; font-weight:bold; letter-spacing:0.1em; cursor:pointer;}
a.anf, a:visited.anf{ color:#fff; text-decoration:none; display:inline-block; line-height:40px;}
a{ color:#004b78; text-decoration:none;}
.startnav { margin-top:10px;}
.startnav a { color:#004b78; font-size:14px;}
.startnav a::after {content:url(../img/TLH-gold-Pfeil2.png);}
/* remove standard-styles */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
}
select {
  height:40px;
  border:1px solid #bbb;
  background-color:#fff;
  color:#000;
  background-color:white;
  background-image:url(../img/sel_gold.png);
  background-position:358px 50%;
  background-repeat: no-repeat;
  cursor:pointer;
}
select, input, textarea {

  height:40px;
  border:1px solid #bbb;
  background-color:#fff;
  color:#000;
  background-color:white;
  
  cursor:pointer;
  font-size:15px;
}
 textarea { resize:none;}
 .l40{ line-height:40px; text-align:left;}
.rota90{transform: rotate(-90deg); vertical-align: top;}  
.sel1, .sel1_blue{ margin-top:12px;}
.sel1_blue #Level1{ background-image:url(../img/sel_zw.png); margin-top:7px;}
option { background:#fff; text-transform:uppercase;}
  /* tmpl */
#handmen{ display:block;}
.headl{margin-top:0px;}
.headls{margin-top:px;}
.headlsh{margin-top:0px;}
.headlsh .headltxt, .startnav .headltxt{ margin:auto;}
.headlw{margin-top:14px;}
.headlbg{ background-color:#c6d5e5; opacity:1; height:130px; position:relative; display:inline-block; margin:auto; width:100%; z-index:1;margin-top:-4px; padding-top:4px; margin-bottom:-4px;}
.hbgdocs{margin-bottom:24px; height:144px;}
#ichier_acms_mform .headlbg{ background-color:#fff; opacity: 1; height:50px; margin:auto; z-index:1; width:calc(100% - 24px); margin-left:12px;}
#ichier_acms_mform .lh24{ line-height:24px;}
.headlbgcon{ background-color:#004b78; height:151px; position:relative; display:block; margin:auto; width:100%; z-index:0; opacity:1; padding-top:4px;}
.headlbgcon .headltxt{color:#fff;margin-top:8px; background-color:none; height:30px;font-size:20px; position:relative; text-transform:uppercase; text-align:left; letter-spacing:0.1em; font-family: "d-dinregular";margin:auto; margin-top:0px; width: 360px; text-align:center; z-index:12;}
.headlbgh{ background-color:#004b78; opacity: 1; height:130px; position:relative; display:inline-block; margin:auto; width:100%; z-index:1;margin-top: -4px; padding-top:4px; margin-bottom:-4px;}
.headlbgzw{ background-color:#004b78; height:80px; display:inline-block; margin:auto; width:calc(100% - 24px); z-index:1; position:relative;}
.headltxt{ color:#004b78;margin-top:8px; background-color:none; height:12px;	font-size:20px; position:relative; text-transform:uppercase; text-align:left; letter-spacing:0.1em; font-family: "d-dinregular";margin:auto; margin-top:0px; width: 100%; text-align:center; z-index:12;}
.headltxtw{ background-color:#fff; height:68px; font-size:18px; margin:auto; line-height:30px; text-transform:uppercase; min-width:360px; font-family: "d-dinregular"; letter-spacing:0.1em; padding-left:20px; padding-right:0px; text-align:left; float:left;}
.nsm{ display:none;}
.filta{margin:auto; display:inline-block; width:380px; z-index:13; margin-top:22px;}
.filtazw{margin:auto; display:inline-block; width:100%; z-index:13; margin-top:0px; position:relative;}

.search{background:url(../img/isar.jpg) no-repeat; width:100%; height:75px; display:block; padding-top:110px; background-size:1000px;}
.searchzw{background:url(../img/tmp/zw.jpg) no-repeat; width:100%; height:110px; display:block; background-position: center top; padding-top:200px;}
.searchce{background:url(../img/tmp/ce.jpg) no-repeat; width:100%; height:75px; display:block; padding-top:110px; background-size:1000px; background-position:0px -100px;}
.searchho{background:url(../img/tmp/ho.jpg) no-repeat; width:100%; display:block; padding-top:200px; background-position: center bottom; height: 110px;}
.searchdo{background:url(../img/home.png) no-repeat; width:100%; display:block; padding-top:200px; background-size:1000px;height: 110px;}
#Level1, #Level2,#Level3,#Level0{ width:380px; margin:auto; text-transform:uppercase;text-indent: 5px; }
#Level1{ margin-left:60px;}#Level2,#Level3{ margin-top:7px;}
.pag{ margin-top:-8px; background-color:#fff; padding:10px;}
.future, .future_act{ border-bottom:#bfbfbf 1px solid;}
.future:hover, .future_act{font-weight:bold;}
.future_act, .docs_act, .zweit_act{ font-weight:bold;}
.pag_future{ border-top:#68a1af 8px solid;}
.pag_future_mini{display:block; width:auto; float:left; background-color:#fff; height:auto;padding:20px; text-align:left; box-shadow: none; border:0; border-bottom:1px solid #000; width:calc(100% - 40px);}
.docs, .docs_act{ border-bottom:#bfbfbf 1px solid;}
.pag_docs{ border-top:#004b78 8px solid; z-index:1000; position:relative;}
#go{  cursor:pointer; width:160px; background:#004b78; border:0; height:30px; font-size:16px; color:#fff; margin-left:-20px;}
#go.doc_subm{ width:50px; background-image:url(../img/suche_gold.png); background-repeat:no-repeat; height:50px; border:0px; background-color:transparent; margin:0; float:left; background-size:50px 50px; margin-top:-4px; margin-left:0px; margin-top:3px;}
#go.zweit_subm{ width:50px; background-image:url(../img/suche_gold.png); background-repeat:no-repeat; height:50px; border:0px; background-color:transparent;  margin:0; background-size:50px 50px; margin-top:-4px; margin-left:0px;margin-top:3px;}
.docs:hover, .docs_act{ font-weight:bold;}
.zweit, .zweit_act{ border-bottom:#bfbfbf 1px solid;}
.zweit:hover, .zweit_act{ font-weight:bold;}
.zweit_subm{ width:160px; background-image:url(../img/arrow_zw.png); background-position:145px 50%; background-repeat: no-repeat; background-color:#3d5d63; height:42px; float:left; border:0px; color:#fff; margin-top:-2px;}
.pag_zweit{ border-top:#3d5d63 8px solid;}
#handmcontainer { display:block;}
#handmcontainer a{ color:#fff; line-height:40px; text-transform:uppercase; display: block;}
#handmcontainer a:hover{ font-weight:bold;}
.route_zw{ border-left:#3d5d63 1px solid;color:#000;position: relative; width:248px; line-height:40px; text-align:left;}
.route_zw:before
{
    content: "";
	position:absolute;
    width: 10px;
    height: 40px;
  	background-attachment: fixed;
    z-index: 2;
	left:-17px;
	top:-17px;
    background: url(../img/arrow_zw.png) 0 0 no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.men2_fh{height:48px; border-bottom:1px dotted #68a1af; text-align:left;}
.men2_fh a{margin-left:10px; color:#000; line-height:48px; display:block; text-decoration:none; font-size:12px; text-transform:uppercase; font-family:d-dinregular; cursor:pointer;}
#tw_fh{ display:none;}
#fb_fh{ display:none;}
.men2_fh a:hover,.men2_fh a.act{background:url(../img/arrow_fh.png) no-repeat center bottom;}

.men2_doc{height:48px; border-bottom:1px dotted #004b78; text-align:left;}
.men2_doc a{margin-left:7px; color:#000; line-height:48px; display:block; text-decoration:none; font-size:13px; text-transform:uppercase; font-family:d-dinregular; cursor:pointer;}
#tw_doc{background:url(../img/tw_doc.png) no-repeat; width:40px; height:40px; background-size:40px 40px; margin-top:4px; margin-right:16px; margin-left:0;}
#fb_doc{background:url(../img/fb_doc.png) no-repeat; width:40px; height:40px; background-size:40px 40px; margin-top:4px; margin-right:12px;}
.men2_doc a:hover,.men2_doc a.act{background:url(../img/arrow_gold.png) no-repeat center bottom;}

.intxt{ padding:10px;}
.inline{margin-right:30px; margin-left:30px; height:1px; margin-top:16px;}
.mailleft{display:none;}
.mailrgt{margin-left:24px; text-align:left; display: block;}
.mailflr{float:none;}
.in_form input{ border:1px solid #ddd; width:360px; line-height:22px; height:22px;}
.in_form textarea{ border:1px solid #ddd; width:360px; height:200px; resize:none;}
 
.mar1{ margin:7px;}

.logo{background:url(../img/logo.png) no-repeat center center; width:100%; background-size: 224px auto; height:60px;}
.logo_sh{background:url(../img/logo.png) no-repeat center center; width:52px; height:58px; background-size: 52px 52px; float:none; margin:auto; margin-bottom:7px; margin-top:-285px; z-index:11;}
.logo_s{background:url(../img/logo.png) no-repeat center center; width:72px; height:80px; background-size: 72px 72px; float:none; margin:auto; margin-bottom:7px; margin-top:-275px; z-index:11;}
.logo_sz{background:url(../img/logo.png) no-repeat center center; width:72px; height:80px; background-size: 72px 72px; float:none; margin:auto; margin-bottom:7px; margin-top:-275px; z-index:11;}
.logohdl{ font-size:40px; color:#000; margin-top:8px; text-align: center; text-transform:uppercase;}
.mcontainer, .ccontainer, .foot,.handmcontainer{ width:100%; margin:auto;}
.ccontainer{display:block; min-height:calc(100% - 162px); background-color: #fff;}
.gterm{width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px; background:url(../img/calander_white.png) no-repeat; background-position:7px; background-size:35px;text-indent:52px; background-color:#004b78; color:#fff; text-align:left; margin-bottom:20px;}
.gnews{width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px; background:url(../img/news_white.png) no-repeat; background-position:7px; background-size:35px;text-indent:52px; background-color:#004b78; color:#fff; text-align:left; margin-bottom:20px;}
.ghapp{width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px; background:url(../img/PLANNER-01.png) no-repeat; background-position:7px; background-size:35px;text-indent:52px; background-color:#004b78; color:#fff; text-align:left; margin-bottom:20px;}
.gjob{width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px; background:url(../img/jobs1.png) no-repeat; background-position:7px; background-size:35px;text-indent:52px; background-color:#004b78; color:#fff; text-align:left; margin-bottom:20px;}

.mcontainer{ padding-top:3px;border-bottom:0; margin-bottom:8px; background-color:#fff;}
.menbutt{ width:170px; margin-right:12px; float:left; height:40px; margin-top:34px; text-transform:uppercase;}
.mcontainer .menbutt, #bla{ display:none;}
.menbutt a{ color:#000; text-decoration:none; font-size:11px; font-family: "d-dinregular";}
#birdmen{ display:none;}
.men2butt_docs{ width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px;  text-indent:12px; background-color:#004b78; color:#fff; text-align:left; margin-bottom:2px; border-left:12px solid #004b78; }
.men2butt_docsx{ width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px;  text-indent:12px; background-color:#004b78; color:#fff; text-align:left; margin-bottom:2px; }
.men2butt_docs.mact, .men2butt_docs:hover{ border-left:12px solid #004b78; }
.men2butt_docs a,.men2butt_docs2 a,.men2butt_docs22 a,.men2butt_docsx a,.ponk a{color:#fff;display: block; font-size:18px; font-weight:bold;}
.men2butt_docs2{ width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px;  text-indent:12px; background-color:#29709c; color:#fff; text-align:left; margin-bottom:20px; border-left:12px solid #29709c; }
.men2butt_docs22{ width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px;  text-indent:12px; background-color:#29709c; color:#fff; text-align:left; margin-bottom:20px; }
.men4butt{margin-bottom:12px; display:block;position: relative; text-indent:14px;}
.men4butt:before,.men4butt::before{background:url(../img/arrow_gold.png) 0 0 no-repeat;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);transform: rotate(90deg);content: "";position:absolute;width: 14px;height:14px;z-index: 2;left:-17px;top:3px; margin-left:14px;}
#handmcontainer .men2butt_docs a{font-size:17px; font-weight:bold;}
.men5butt_docs{text-indent:25px;  width:100%; margin:auto; float:right; height:48px; text-transform:uppercase; display:block; line-height:48px; background-color:#004b78; color:#fff; text-align:left; box-shadow:0 -4px 3px -3px #000; }
#handmcontainer .men5butt_docs a{line-height:48px;}
.pink{width:100%; margin:auto; float:right; height:40px; text-transform:uppercase; display:block; line-height:48px; text-indent:25px; background-color:#e6007e; color:#fff; text-align:left; }
.ponk{width:100%; margin:auto; float:right; height:40px; text-transform:uppercase; display:block; line-height:48px; text-indent:25px; background-color:#e6007e; color:#fff; text-align:left; margin-bottom:3px;}
.foot, .foot a, .foot a:visited{ color:#fff; text-decoration:none; line-height:52px;font-size: 16px; text-transform:uppercase;}
.foot a:hover {text-decoration: underline;}
.foot{ height:52px; background-color:#004b78; margin-top:0px;}
.handmcontainer, #handmen, .languages{ display:none;}
.handmenu{width:52px; padding:6px; border-left:1px solid #bfbfbf; height:36px;margin-bottom:6px; margin-top:6px;}
.hmenbutt{border-bottom:#fff 2px solid;}
.gmaps .place-card{ display:none;}

/*### list ###*/ 

.ggline{ height:0;  border-top:1px solid #000; margin-bottom:7px; margin-top:7px;}
.pagst_doc{margin:auto;box-shadow: none; border-top:0; border-bottom:#000 1px solid; cursor:pointer; margin-bottom: 24px; width:calc(100% - 2px); background-color:#fff;}
.pagst_doc .fll{float:none;}
.pagst_doc_r{width:272px; text-align:left; border-left:1px solid #bfbfbf; padding-left:20px; min-height:170px; position:relative; display:block;}
.pagst_doc_l{width:100%; overflow:hidden; margin-right:0; text-align:center; margin-top:-4px;}
.pagst_doc_m{word-wrap: break-word; width:calc(100% - 25px); padding-left:12px; min-height:0; float:left;}
.doc40{display:block; line-height:40px; color:#fff; text-align:center;}
.pagst_non{ display:none;}
.h148{}
.pagst_doc_img{width:80%;}
.news .pagst_doc_head{background-color: #004b78;color: #fff;line-height: 30px; height: 30px; margin:auto;}
.pagst_doc_head{background-color: #004b78;color: #fff;line-height: 30px; height: 30px; margin:auto;}
/*### zweitlist ###*/

.pagst_zw{box-shadow: none; border-top:0; border-bottom:#000 1px solid; cursor:pointer; min-height:260px;}
.pagst_zw_r{width:100%; line-height:26px;}
.pagst_zw_l{width:100%;}
.pagst_zw_m{width:100%; word-wrap: break-word; position:relative;margin-top: 0px;}
.zwmain{padding:0px; text-align:left; margin-top:0px;}
#desc{display:none;} #desc2{ display:block; margin-top: -44px; line-height: 33px;} 

/*### mailforms ###*/ 

.pagst_mf{box-shadow: none; border-top:0; border-bottom:0; cursor:pointer; min-height:260px;}
.mf_l{display:none;}
.mf_r{margin:12px; float:left; width:340px;}
.w70{ width:22px; vertical-align:top; margin-right:7px;}
.mf_in{line-height:38px; width:268px;border-right:0px; margin-right:20px;}

/*### docview ###*/ 

.figwh{width:100%;}
.m1_l{float:left;width:100%;}

.tableh{width:100%; margin-bottom:20px;}
.m1_m,.q1_m{margin-top:12px; float:left; width:360px;}
.mapcont{width: 360px; overflow: hidden; height: 340px; border:1px solid #68a1af; margin-left:10px;}
.gmaps{width:360px; height:550px;}
.docsl{z-index:-100; width:auto; height:250px; overflow:hidden;}

.whiteb{ background-color:#fff; line-height:28px;font-weight:bold; background-image:none; padding-left:7px; padding-right:7px;}
.intxtfotoview, .fotoview, .men2_doc{display:none;}
.m2dsm{ display:block;}
.v_box{box-shadow: none; text-align:left; border-top:0; border-bottom:2px solid #004b78;}
.w220{ width:360px;}
.v_line{display:block; height:0; border-top:1px solid #bfbfbf; margin-bottom:12px; margin-top:12px; width:360px;}
.v_bf{background-color:#fff;}
.v_qdt_r{width:360px; min-height:160px;}
.v_qdt_r2{float:right; margin:0px;}
.v_doc_l{width:auto; margin:4px; margin-bottom:0;}
.v_doc_l img{width:auto;}
.v_doc_m{padding:0px; width:calc(100% - 40px); text-align:left; margin:auto;}
.v_doc_r{text-align:left; width:calc(100% - 24px);}
.v_doc_rb{ width:280px; margin-left:10px;}
.clb2{ display:block;}
.v_map{text-align:center; padding:0px; height:304px; width:100%; margin-bottom:0px;}
.v_map_sbox{text-align:left; font-size:16px; width:100%; line-height:35px;margin-left: 0px;margin-top: -75px;z-index:50;position: relative; background-color:none; }
.h28{height:0px;}
.panf{display:none;}
.leistung{display:block;}.leistungh{ display:none;}
.bhelb{background-color:#fff; text-align:left; border-left:12px solid #fff; padding-left:12px;}
.hellbalu,.hellbalu2,.hellbalu3{ width:100%;max-width:100%;}
.hellbaluright{padding-top:12px; width:100%;max-width:100%;}
.bknopf{text-align:center;display:block;background-color:#638eb4;border:none;color:#fff;line-height:40px;height:40px;width:170px;font-size:14px;text-transform:uppercase;font-family:d-dinregular;font-weight:bold;cursor:pointer;margin:auto; margin-bottom:12px;float:none;}
a.bknopf{ color:#fff;}
.overtxt{color:#000; font-size:16px; font-weight:normal; text-align:left;float: left; margin-left:24px;}
.subtxt{color:#000; font-size:18px; font-weight:bold;}
.altxt{margin:12px; background-color:#fff; border-radius:12px; padding:12px;}
.h68{ height:148px;background-color:#fff; }
.h48{height:48px; line-height:48px; margin-bottom:0px;}

.smalldocs{width:calc(100% - 12px);}
.smalldocshead{width:calc(100% - 10px);}
/*### bss-slides ###*/ 

.bss-slides{
  position: relative;
  display: block; 
  line-height: 0;/*removes the gap if you put a border on the slideshow div*/   
}
figcaption {
  line-height: 1.5; /* restores line-height to the child element*/
}
.bss-slides:focus{
 outline: 0;
}
.bss-slides figure{
  position: absolute;
  top: 0;
  width: 100%;
  overflow:hidden;
  min-height:250px;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width:auto;
  height:250px;
}
.bss-slides .bss-show{
  z-index: 2;
}
.bss-slides .bss-show img{
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative; 
  width:auto;
  height:250px;
}

.bss-slides figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .8em;
  bottom: .75em;
  right: .35em;
  padding: .25em;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .25);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
  z-index: 3;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;    
}
.bss-next, .bss-prev{ display:none;
  color: #fff;
  position: absolute;
  background: #000;
  background: rgba(0,0,0, .6);
  top: 50%;
  z-index: 4;
  font-size: 2em;
  margin-top: -1.2em;
  opacity: .3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bss-next:hover, .bss-prev:hover{
  cursor: pointer;
  opacity: 1;
}
.bss-next{
  right: -1px;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bss-prev{
  left: 0;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.bss-fullscreen{
  display: block;
  width: 32px;
  height: 32px;    
  background: rgba(0,0,0,.4) url(../img/arrows-alt_ffffff_64.png); 
  -webkit-background-size: contain; 
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 5px;   
  cursor: pointer;    
  opacity: .3;
} 
.bss-fullscreen:hover{
  opacity: .8;   
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}

.image-row {
    margin: auto;
}
.image-set {
    margin: auto;
    width: 760px;
}
.example-image-link {
    float: left;
    width: 237px;
	min-height:190px;
}
.example-image-link2 {
    float: left;
    width: 307px;
}
.cm_table{border-spacing: 0;
    margin: 10px -5px;
    text-align: left;
    width: calc(100% + 10px);}
tr.cm_table {
    vertical-align: top;
}
tr.cm_table.cm_firstrow td.cm_table {
    border-top: 0 none;
}
td.cm_table {
    padding: 5px;
}	

/* Gallery */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 80px; /* Location of the box */
	padding-bottom:20px;
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	
}
.modal::after {
  content: "";
 background-image:url(../img/black.png);
	background-repeat:no-repeat;
	background-position:50%;
  opacity: 0.01;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
.modal-content {
    margin: auto;
    display: block;
}
.modal-content, #caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* paddings */
.pad0 { padding: 4px 4px 3px 4px; }
.pad1 { padding: 2px 4px 2px 4px; }
.pad2 { padding: 2px 4px 2px 4px; }
.padh { padding: 25px 4px 2px 4px; }

/* margins */
.mar0 { margin: 10px 2px 2px 0; }
.mar1 { margin: 1px 2px 2px 0; }
.mar2 { margin: 1px 2px 2px 0; }
.marh { margin: 1px 2px 2px 0; }

/* widths minus mar (-2-0) */
.widthm_wi { width:38px; }   /* small base/3 =third */
.widthm_kl { width:58px; }   /* base/2 | small base/2 =half */
.widthm_ha { width:88px; }   /* base/2 =half */
.widthm_mi { width:118px; }  /* small base */
.widthm    { width:178px; }  /* base | mi + kl */
.widthm_gr { width:238px; }  /* small base*2 | base + kl */
.widthm_me { width:358px; }  /* base*2 =double */
.widthm_mo { width:538px; }  /* base*3 =triple */

/* widths minus left pad (-4) */
.widthp_wi { width:36px; }   /* small base/3 =third */
.widthp_kl { width:56px; }   /* base/2 | small base/2 =half */
.widthp_ha { width:86px; }   /* base/2 =half */
.widthp_mi { width:116px; }  /* small base */
.widthp    { width:176px; }  /* base | mi + kl */
.widthp_gr { width:236px; }  /* small base*2 | base + kl */
.widthp_me { width:356px; }  /* base*2 =double */
.widthp_mo { width:536px; }  /* base*3 =triple */

/* widths minus pad (-4-4) */
.widthpp_wi { width:32px; }   /* small base/3 =third */
.widthpp_kl { width:52px; }   /* base/2 | small base/2 =half */
.widthpp_ha { width:82px; }   /* base/2 =half */
.widthpp_mi { width:112px; }  /* small base */
.widthpp    { width:172px; }  /* base | mi + kl */
.widthpp_gr { width:232px; }  /* small base*2 | base + kl */
.widthpp_me { width:352px; }  /* base*2 =double */
.widthpp_mo { width:532px; }  /* base*3 =triple */

/* widths minus pad & marg (-4-4-2-0) */
.widths_wi { width:30px; }   /* small base/3 =third */
.widths_kl { width:50px; }   /* base/2 | small base/2 =half */
.widths_ha { width:80px; }   /* base/2 =half */
.widths_mi { width:110px; }  /* small base */
.widths    { width:170px; }  /* base | mi + kl */
.widths_gr { width:230px; }  /* small base*2 | base + kl */
.widths_me { width:350px; }  /* base*2 =double */
.widths_mo { width:530px; }  /* base*3 =triple */
.widths_4x { width:710px; }  /* base*4 =quad */
.widths_5x { width:890px; }  /* base*5 */
.widths_6x { width:1070px; }  /* base*6 */

/* widths minus mar + selborder (-2-0+2*2) */
.widthmsel_wi { width:42px; }   /* small base/3 =third */
.widthmsel_kl { width:62px; }   /* base/2 | small base/2 =half */
.widthmsel_mi { width:122px; }  /* small base */
.widthmsel    { width:182px; }  /* base | mi + kl */
.widthmsel_gr { width:242px; }  /* small base*2 | base + kl */
.widthmsel_me { width:362px; }  /* base*2 =double */
.widthmsel_mo { width:572px; }  /* base*3 =triple */

/* widths minus left-pad + selborder (-4+2*2) */
.widthpsel_wi { width:40px; }   /* small base/3 =third */
.widthpsel_kl { width:60px; }   /* base/2 | small base/2 =half */
.widthpsel_mi { width:120px; }  /* small base */
.widthpsel    { width:180px; }  /* base | mi + kl */
.widthpsel_gr { width:240px; }  /* small base*2 | base + kl */
.widthpsel_me { width:360px; }  /* base*2 =double */
.widthpsel_mo { width:540px; }  /* base*3 =triple */

/* widths minus pad + selborder (-4-4+2*2) */
.widthppsel_wi { width:36px; }   /* small base/3 =third */
.widthppsel_kl { width:56px; }   /* base/2 | small base/2 =half */
.widthppsel_mi { width:116px; }  /* small base */
.widthppsel    { width:176px; }  /* base | mi + kl */
.widthppsel_gr { width:236px; }  /* small base*2 | base + kl */
.widthppsel_me { width:356px; }  /* base*2 =double */
.widthppsel_mo { width:536px; }  /* base*3 =triple */

/* widths minus pad & marg + selborder (-4-4-2-0+2*2) */
.widthssel_wi { width:34px; }   /* small base/3 =third */
.widthssel_kl { width:54px; }   /* base/2 | small base/2 =half */
.widthssel_mi { width:114px; }  /* small base */
.widthssel    { width:174px; }  /* base | mi + kl */
.widthssel_gr { width:234px; }  /* small base*2 | base + kl */
.widthssel_me { width:354px; }  /* base*2 =double */
.widthssel_mo { width:534px; }  /* base*3 =triple */

/* widths + selborder (+2*2) */
.widthsel_wi { width:44px; }   /* small base/3 =third */
.widthsel_kl { width:64px; }   /* base/2 | small base/2 =half */
.widthsel_mi { width:124px; }  /* small base */
.widthsel    { width:184px; }  /* base | mi + kl */
.widthsel_gr { width:244px; }  /* small base*2 | base + kl */
.widthsel_me { width:364px; }  /* base*2 =double */
.widthsel_mo { width:544px; }  /* base*3 =triple */


#moers select, #moers input{border:1px solid #ff19d6; box-shadow:0 3px 0 0 #acacac; height:40px; -webkit-appearance: none;}
#moers input[type=checkbox]{border:1px solid #ff19d6; box-shadow:none; height:20px; width:20px;  -webkit-appearance:checkbox; background-color:#fff;line-height: 40px;}

#moers .w20{width:100%;}
#moers a{color:#000;}
#moers a.termbutt{color:#fff;}
#moers #skillinp, #moers #docinp{background-color:#fff; width:260px; height:34px;border: 1px solid #ff19d6; color:#FF19E6;}
#moers .pbild { display:none;}
#skilllisti, #doclisti{ text-align:left;}
#skillisti li a{ width:280px;}
.lia{border: 1px solid #ff19d6;margin-top: -1px;background-color: #fff;padding: 2px;text-decoration: none; color: black; min-width:260px; display:block; height:40px; line-height:40px; font-size:15px;}
.sklia{border: 1px solid #ff19d6;margin-top: -1px;background-color: #fff;padding: 12px;text-decoration: none; color: black; min-width:260px; display:block; line-height:15px; font-size:15px;}
#moers .auslog{height:40px; line-height:40px; background-color:#FF19E6; border:0; font-weight:bold; text-transform:uppercase; padding-left:12px; padding-right:12px; margin-top:12px; color:#fff;width: 179px; display:block; text-align:center; box-shadow:0 3px 0 0 #acacac;}