/** from cache */

/** */
/**
 * @project     X4
 * @version     8.0
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        a.css
 * @contact     pascal[at]ntzwrk.de
 * @licstart  
 * 
 * Copyright (c) 2011 Pascal Lehwark
 * 
 * No warranty, explicit or implicit, provided.
 * In no event shall the author be liable for any claim or damages.
 * All rights reserved. This is proprietary software.
 * 
 * This software makes use of several 3rd-party software.
 * 
 * see x4-license.html (in the webroot-folder of this installation)
 * for more information.
 * 
 * @licend 
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:regular'); @import url('https://fonts.googleapis.com/css?family=Armata:regular'); /*_font3import_*/ html{ font-size:14px; } body{ font-family: 'Open Sans'; font-size:15px; color:rgba(60,60,60,1); line-height: 1.399em; } h1{ font-family: 'Armata'; font-size:175%; color:rgba(60,60,60,1); line-height: 1.35em; } h2{ font-family: 'Armata'; font-size:175%; color:rgba(60,60,60,1); line-height: 1.35em; } h3{ font-family: 'Armata'; font-size:175%; color:rgba(60,60,60,1); line-height: 1.35em; } h4{ font-family: 'Open Sans'; font-size:100%; color:rgba(60,60,60,1); line-height: 1.35em; } a{ color:rgba(50,78,139,1); } *{ outline: 0; } .x4 .x4_rangerwrap{ border:1px solid rgba(0,0,0,0.1); height:2.4em; text-align: center; position: relative; display: flex; background:rgba(255,255,255,0.9); } .x4 .x4_rangerwrap.rangerhover .x4_ranger_bar{ background:rgba(0,0,0,0.15); } .x4_ranger_control{ display: flex; align-items: center; justify-content: center; position: relative; } .x4_ranger_control a{ display: inline-block; width:2.5em; text-align: center; display: flex; align-items: center; justify-content: center; height:100%; text-decoration: none !important; border-right:1px solid rgba(0,0,0,0.1); color:rgba(0,0,0,0.5); } .x4_ranger_control a:hover{ color:rgba(0,0,0,0.8); } .x4_ranger_slider{ flex:1; height:100%; display: flex; align-items: center; justify-content: center; position: relative; } .x4_ranger_value{ cursor:default; pointer-events: none; z-index: 1; } .x4_ranger_bar{ background:rgba(0,0,0,0.25); position: absolute; left:0; top:0; bottom:0; width:10%; pointer-events: none; z-index: 0; } .x4_rgba_alpharanger{ /*border:1px solid red;*/ display: inline-block; width:70%; } .input_color { width: 20%; margin-right:5%; height: 2.4em; border: 1px solid rgba(0,0,0,0.1); background: transparent; display: inline-block; vertical-align: top; padding: 0; } .x4_modal_ground{ background: rgba(0,0,0,0.9); position: fixed; left:0; top:0; right:0; bottom: 0; width:100%; height:100%; z-index:111; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; } .x4_modal_frame{ background: white; min-width:4em; min-height:4em; max-width:90%; max-height:90%; margin-top:5%; margin-bottom:15%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } .x4_modal_top,.x4_modal_mid,.x4_modal_bottom{ position: relative; } .x4_modal_top{ background: #8dc3e5; min-height:2.75em; } .x4_modal_mid{ overflow: auto; padding:1em; padding-bottom:4em; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;/* grow shrink basis */ } .x4_modal_bottom{ text-align: center; clear:both; } .x4_modal_ground.x4_modal_full .x4_modal_frame{ position: absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; max-width:100%; max-height:100%; margin-top:unset; margin-bottom:unset; } .x4_futureitem{ /*display: none;*/ position: relative; border:2px dashed rgba(255,0,0,0.25); } .x4_futureitem:after{ content:"noch nicht veröffentlicht"; position: absolute; right:0; top:0; background:rgba(255,0,0,0.25); padding:0.25em ; } @media only screen and (max-width:640px) { .x4_modal_top{ min-height:3em; } .x4_modal_frame{ position: absolute; left:0; top:0; bottom:0; right:0; width:100%; height:100%; max-width:100%; max-height:100%; margin-top:unset; margin-bottom:unset; } } #udb_logindialog{ width:40em; max-width: 100%; } .x4_taxo_anonitem_listentry{ border: 1px solid #ddd; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0.5em; position: relative; min-height:3em; padding-right:4em; } .x4_taxo_anonitem_listentry.x4_taxo_anonitem_listentry_first .x4_anonitem_moveup{ display: none; } .x4_taxo_anonitem_listentry.x4_taxo_anonitem_listentry_last .x4_anonitem_movedown{ display: none; } .x4_anonitem_moveup,.x4_anonitem_movedown{ display: block; font-weight: normal; height: 1.8em; line-height: 1.5em; margin: 0; position: absolute; right: 1em; text-align: center; text-decoration: none !important; bottom: 0.5em; width: 3em; color: white; background: rgba(0,0,0,0.3); } .x4_anonitem_moveup{ bottom:2.5em; } .flex{ display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; } body[data-x4_itemid]{ /*border-left:20px solid magenta;*/ } .x4_ps_grayframe{ border:2px solid black; } .x4_floating_left{ float:left; margin-right:1em; } .x4_floating_right{ float:right; margin-left:1em; } [data-cms_type="itemprop"]>.cms_editlink{ font-size: 12px; } [data-cms_type="props"]>.cms_editlink{ left:auto; right:0; } [data-cms_type="html"],[data-cms_type="item"],[data-cms_type="props"]{ position: relative; min-height:1em; } [data-cms_type="app"]{ display:block; width:100%; position:relative; } [data-cms_app="bgshow"]{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; right: 0; z-index: 0; } [data-cms_type="app"].x4_hasratiochild{ width:auto; position:unset; } .tg_ets{ /*border:1px dotted magenta !important;*/ } .x4_feedmix_pic{ float: left; max-height: 10em; margin-top: 0.4em; } .x4_feedmix_item{ background:rgba(0,0,0,0.01); box-shadow:0.25em 0.25em 0.25em rgba(0,0,0,0.5); padding:1em; margin-bottom:2em; padding-bottom:2em; color:rgba(0,0,0,0.5); } .x4_feedmix_title{ display: block; font-size: 150%; line-height: 1.25em; margin-bottom: 0.2em; margin-top: 0.2em; } .x4_feedmix_source{ margin-bottom:0.75em; font-style:italic; } .x4_feedmix_date{ color:rgba(0,0,0,0.5); } .x4_feedmix_body{ word-wrap: break-word; } .x4_obli{ color:red; } .x4_csstable{ display: table; height: 2.5em; width: 100%; padding-top:0.25em; padding-bottom:0.25em; } .x4_csstablecell{ display:table-cell !important; vertical-align:middle; } .udb_logindialog_requestreset{ display: none !important; } .x4_item_popup{ margin:1em; padding:1em; min-height:10em; } .x4_btninfo{ color: #FFFF91; font-size: 80% !important; text-align: center; width: 12em; } .x4_appdummy{ padding:1em; border:1px solid gray; background:rgba(0,0,0,0.5); color:white; display: none; } .x4_rsslink i{ color:orange; } .x4_nav{ /* border:1px solid red; */ text-align:left; } .x4_nav.x4_navstyle_tree .x4_navlist .x4_navlist,.x4_nav.x4_navstyle_dropdown .x4_navlist .x4_navlist .x4_navlist{ margin-left:1em; } /* //dropdown nav */ .x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem{ /* border:1px solid green; */ display:inline-block; /*height:1em;*/ vertical-align:top; position:relative; } [data-cms_app="nav"]{ z-index:1; } .x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem>.x4_navlist{ display:none; /* background:wheat; */ } /* //urhere nav */ .x4_nav.x4_navstyle_urhere .x4_navlist .x4_navitem,.x4_nav.x4_navstyle_urhere .x4_navlist,.x4_nav.x4_navstyle_urhere .x4_navdeli,.x4_nav.x4_navstyle_dropdown .x4_navdeli { display:inline-block; } /* columns: */ .x4_columns{ /* overflow:hidden; why? */ overflow:visible; position:relative; } .x4_column{ float:left; position:relative; } .x4_columns::after { content:" "; clear: both; display: block; } .x4,.x4 *{ font-family:helvetica ; line-height:1.2em; /* font-size:90%; */ font-size:14px ; } .x4_font{ font-family:helvetica ; } .fu_filename{ } .fu_progress{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #808080; margin: 1em auto auto; /* padding: 0.25em; */ height:2em; line-height:2em; width: 50%; position:relative; } .fu_bar{ background: none repeat scroll 0 0 #6BC1FD; bottom: 0; left: 0; position: absolute; top: 0; } .fu_perc{ bottom: 0; color: #333333; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .cms_button{ background: none repeat scroll 0 0 #376DDB; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 100%; margin: 0.4em 1em; min-width: 10em; padding: 0.5em 1em; line-height:1.4em; text-align: center; text-decoration: none !important; position:relative; } .cms_button:hover{ background: #073dab; } .cms_button i{ margin-right:1em; width:1em; } /*#udb_loginhead.udb_logged_in.udb_role_editor, */ /*body[data-frl_dev] #udb_loginhead.udb_logged_in{ display: none !important; }*/ .cms_head{ /*background: #7c9de1;*/ /*background:yellowgreen;*/ /*background: lightslategrey;*/ background: #8dc3e5; height: 2.8em; line-height:1.4em; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; } .cms_mid{ position:absolute; left:0; top:2.8em; right:0; overflow-y:auto; overflow-x:hidden; } .cms_tail{ /*background:#f0f0f0;*/ position:absolute; border-top:1px solid #eee; left:0; bottom:0px; right:0; min-height:3.5em; text-align:center; } .cms_title{ color: white; display: block; font-size: 125%; line-height: 2.2em; padding-left: 1em; padding-top: 0; text-align: left; } .x4_closelink,.taxo_items_deletelink{ color: #666; display: block; font-weight: normal; height: 1.8em; line-height: 1.5em; margin: 0; position: absolute; right: 1em; text-align: center; text-decoration: none !important; top: 0.5em; width: 3em; color: white; background: rgba(0,0,0,0.3); } .x4_closelink:hover,.taxo_items_deletelink:hover{ background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; color: black !important; } .taxo_items_deletelink{ font-size: 75%; } .x4_modal_mid input[type=text],.x4_modal_mid textarea,.x4_modal_mid input[type=password],.x4_modal_mid input{ border: 1px solid #AAAAAA; border-radius: 2px; padding: 0.25em; color:#444; line-height:1.5em; } body[data-cms_page_key="_template.html"] .cms_bg,body[data-cms_page_key="_template.html"] #udb_loginhead{ background:rgb(220,220,250) !important; } .cms_page { min-width: 60em; position: relative; } .cms_question{ color: #666666; display: block; font-size: 130%; line-height: 1.5em; margin-top: 1em; width: 30em; max-width:100% !important; text-align: center; } .loginokbutton,.logincancelbutton{ border:none; /* border: medium none !important; bottom: -0.2em !important; height: 2.5em !important; min-width: 10em !important; width: 10em !important; position:absolute;*/ } .loginokbutton{ /*left:7em;*/ } .logincancelbutton{ /*right:7em;*/ } .x4_taxoinnerdialog{ padding-bottom: 3em; width:60em; max-width:100%; /*min-width: 60em;*/ /*margin-left: 10em;*/ /*margin-right: 10em;*/ box-sizing: border-box; } .x4_taxoerror{ color:red; font-size:90%; margin-top:0.5em; margin-bottom:0.5em; text-align:center; } .x4_kv{ /* border:1px solid red; */ width:100%; position:relative; clear:both; /*min-width:60em;*/ } .x4_kv.x4_kv_hidden,.taxo_kv.x4_kv_hidden{ display: none; } .x4_kvlist { margin-top: 0.4em; } .x4_key{ color: #AAAAAA; display: inline-block; line-height: 2em; padding-right: 1%; position: relative; text-align: right; vertical-align: middle; width: 30%; } .x4_value{ /* background:rgba(0,0,255,0.2); */ display:inline-block; width:65%; vertical-align:top; text-align:left; margin-bottom:0.5em; position: relative; } .x4_kvinfo{ clear: both; color: darkcyan; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 40em; line-height: 1.3em; font-size: 85%; } .x4_vhtml{ border: 1px solid #DDDDDD; margin-bottom: 1em; max-height: 17em; min-height: 3em; overflow: auto; padding: 0.25em; width: 90%; } .x4_vhtmleditlink,.taxo_items_addlink,.x4_taxo_anonitem_addlink{ min-width: 13em; text-align: left; margin: 0; margin-bottom: 0.25em; margin-top: 0.5em; } .x4_value select,.x4_value input[type="text"],.x4_value input[type="password"],.x4_value textarea{ width:80%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .x4_kv.x4_vtype_list.x4_kv_foldable{ /* border:1px solid orange; */ } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_key{ text-align: left; } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_key, .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_value{ /* border:1px solid magenta; */ width:100%; display: block; } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_key>a{ display: block; color: tomato; /* background:wheat; */ } .x4_kv.x4_vtype_list.x4_kv_foldable > .x4_key > a::before { content: "\f0da"; font-family: 'FontAwesome'; width: 1em; display: inline-block; /* font-size: 13px; */ } .x4_kv.x4_vtype_list.x4_kv_foldable.x4_kv_foldable_open>.x4_key>a::before{ content: "\f0d7"; } .x4_kv.x4_vtype_list.x4_kv_foldable>.x4_value{ display: none !important; } .x4_kv.x4_vtype_list.x4_kv_foldable.x4_kv_foldable_open>.x4_value{ display: block !important; } .x4_taxoinnerdialog > form > .x4_kvlist > .x4_kv.x4_vtype_list.x4_kv_foldable.x4_kv_foldable_open > .x4_value { border-left: 1px solid tomato; margin-left: 4px; } .x4_key.x4_vtype_section{ border-bottom: 1px solid; font-size: 130%; margin-left: 30%; margin-top: 0.5em; text-align: left; width: 54%; } /*.x4_value textarea{ width:35em; }*/ .x4_vtype_desc>.x4_value{ /* border:1px solid #aaa; */ /* border-radius:0.25em; */ padding:0.25em; color:#444; } .x4_vtype_check>.x4_value,.x4_vtype_radio>.x4_value{ width:100%; color:#444; } .x4_kv.x4_vtype_image img{ max-width:15em; max-height:10em; } .io_dialog_full .cms_mid{ bottom:3.5em; } .item_title{ width: 20em; word-wrap: break-word; } .item_desc{ width: 20em; margin-top: 0.25em; font-style: italic; } .item_desc>div{ font-size:80%; } #io_busydialog{ position:fixed; background:rgba(0, 0,0, 0.7); left:0; top:0; right:0; bottom:0; z-index:1000; } #io_busyinner{ max-height:30em; overflow:hidden; overflow-y:auto; } #io_busydialogbox{ background: none repeat scroll 0 0 #FEFEFE; display: block; height: 25em; position: relative; width: 40em; margin:auto !important; text-align:center; margin-top:3em !important; border-radius:2px; overflow:hidden; } .additem{ display:none; /*font-size:80%;*/ } body.udb_logged_in .additem{ display:inline-block; background: palevioletred; float: right; } body.udb_logged_in .additem:hover{ background:#073dab; } .x4_abotypewrap,[data-x4_kvref="misc_abo_abotype"]{ display: none !important; } .x4_emoticon{ display: inline-block; width:1em; height:1em; vertical-align: middle; background-image: url(media/grafik/emoticon_smile.png); background-position: center; background-repeat: no-repeat; background-size: contain; } .x4_emoticon.x4_emoticon_bigsmile{ background-image: url(media/grafik/emoticon_bigsmile.png); } .x4_emoticon.x4_emoticon_sad{ background-image: url(media/grafik/emoticon_sad.png); } .x4_emoticon.x4_emoticon_wink{ background-image: url(media/grafik/emoticon_wink.png); } .forumformwrap{ /*background: yellow;*/ width:100%; /*min-height:20em;*/ display: block; } .forumform_emailwrap{ display: none; } .forum_optional{ color:#aaa; font-size: 90%; display: block; } .forumformwrap form input[type="text"], .forumformwrap form input[type="email"], .forumformwrap form textarea{ width:80%; border:1px solid rgba(0,0,0,0.25); } .forumformwrap form textarea{ min-height: 10em; } .forumformwrap form input[type="checkbox"], .forumformwrap form input[type="radio"]{ width: auto; margin: 0; margin-right: 0.25em; } .forumform_valrow{ width: 80%; display: inline-block; margin-left:20%; } .forumform_valrow span{ vertical-align: middle; line-height: 1em; padding-bottom: 0.5em; font-size: 85%; } .forumform_label{ display: inline-block; width:20%; vertical-align: top; padding-top:1em; padding-bottom:1em; /*line-height: 3em;*/ } .forumform_submitwrap{ width:100%; text-align: right; margin-bottom:2em; } .forumform_submitlink{ background: rgba(0,0,0,0.75) none repeat scroll 0 0; border: 2px solid rgba(0,0,0,0.75); color: white; display: inline-block; padding: 0.5em; text-align: center; width: 20em; text-transform: uppercase; /*font-size: 90%;*/ margin-top: 1em; /*float:right;*/ -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; } .forumform_submitlink:hover{ background: white; color:rgba(0,0,0,0.75); text-decoration: none !important; } .forumtop .forumaddpost{ display: none !important; } .io_forum{ /* border:1px dotted red; */ text-align:left; width:100%; /*color:#333;*/ position:relative; } .forumtop{ border-bottom:1px solid #ccc; min-height:2em; margin-bottom:1em; padding-bottom:0.25em; position:relative; } .forumtitle{ position:absolute; left:0; bottom:0; /*font-size:120%;*/ } .forumaddpost{ position:absolute; right:0.25em; /*font-size:80%;*/ bottom:0.25em; } .forumnode{ /* border:1px solid blue; */ position:relative; margin-bottom:0.25em; } .forumnode .fn_moderator>.fn_body>.fn_head{ /* color:darkred; */ } .fn_space{ position:absolute; left:0; top:0; /*font-size:80%;*/ color:#aaa; } .fn_space i{ width:0.5em; text-align:center; display:inline-block; } .fn_body{ /*border: 1px solid #CCCCCC;*/ padding: 1em; /*background: red;*/ border-left:2px solid rgba(0,0,0,0.25); background: rgba(0,0,0,0.05); margin-bottom:1em; } .forumnode.fn_depth_0>.fn_body{ border: none; padding: 0; } .fn_head{ /*border-top: 1px solid #CCCCCC;*/ font-size: 80%; margin-bottom:0.25em; /*height: 3em;*/ overflow: hidden; position: relative; } .fn_head.fn_deleted.fn_nochildren{ border:none; } .fn_author{ /* font-size:80%; */ /*position:absolute;*/ /*left:0.25em;*/ /*top:0.25em;*/ /*line-height:1.5em;*/ display: inline-block; } .fn_time{ /* font-size:80%; */ /*position:absolute;*/ /*left:0.25em;*/ /*bottom:0;*/ color:#aaa; /*font-size:80%;*/ /*line-height:1.5em;*/ display: inline-block; margin-left:0.5em; } .fn_controls{ /* font-size:80%; */ /*position:absolute;*/ /*right:0.25em;*/ /*bottom:0.25em;*/ margin-bottom:1em; text-align: right; } .fn_controls a{ margin-left:1em; } .fn_title{ font-weight:bold; } .fn_content{ display: inline-block; } .fn_toggle{ /* display: none !important; */ text-align:right; /*font-size:80%;*/ } /*mobile:*/ @media only screen and (max-width:640px) { .forumform_label{ width: 100%; display: block; } .forumform_submitlink{ width: 100%; } } /*.forumnode .forumnode .fn_toggle{ margin-left:5em; }*/ .taxo_items .cms_foto_mini{ left: 0.25em; position: absolute; top: 0.25em; bottom: 0.25em; width: 90%; } body.cms_overlay{ overflow:hidden; } .taxo_items{ margin-bottom:1em !important; } .taxo_wordcounter{ color: #FF8C00; font-size: 80%; margin:0; text-align: left; width: 100%; } [data-cms_content_id]{ position:relative; } .tg_ets,.x4_ratiodummy { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cms_requestform_error *{ color:red; } #udb_loginhead.udb_logged_in.udb_role_editor,body.loginbody #udb_loginhead{ display:block !important; } #udb_loginhead{ background: #444 none repeat scroll 0 0; min-width: 14em; padding-left: 0; padding-right: 0; position: fixed; right: 0; top: 0; z-index: 11; /*background-image: url(http://ntzwrk.de/x4.png); background-position: -2em -2em; background-repeat: no-repeat; background-size: 2em auto;*/ } #udb_logoutdialog{ text-align:center; } .taxo_items .cms_foto_mini .cms_fototitle { font-size: 80%; height: 98%; left: 6.5em; line-height: 1em; margin: 0; overflow: hidden; position: absolute; top: 0.25em; width: 70%; } /* PHOTOSHOW */ .slidesjs-stop,.slidesjs-play{ display:none !important; } .photoshow{ text-align: left; position:absolute;left:0;top:0;right:0;bottom:0; /* overflow:hidden !important; */ overflow:visible !important; overflow-y:hidden !important; /* display:none; */ /* hidden; */ } .photoshow .slidesjs-container{ overflow:hidden !important; height:100% !important; width:100% !important; } .photoshow .slidesjs-container a{ height: 100%; width: 100%; } .photoshow .slidesjs-container a img{ max-width:100% !important; max-height:100% !important; } .photoshow img{ max-width:100%; max-height:100% !important; } .slidesjs-control{ height:100% !important; /* overflow:hidden; */ width: 100% !important; } .photoshow_info{ position:absolute; bottom:0; left:0; right:0; height:20px; line-height:20px; font-size:100%; color:#333333; background:rgba(255,255,255,0.5); z-index:11; text-align:center; } .photoshow .slidesjs-previous,.photoshow .slidesjs-next { background-repeat: no-repeat; display: block !important; height: 50%; left: -1.7em; position: absolute; top: 25%; width: 1.4em; z-index: 101; } .photoshow .slidesjs-previous{ background-image:url("media/grafik/arrow-prev.png"); background-position: right center; background-size: 100% auto; } .photoshow .slidesjs-next{ background-image:url("media/grafik/arrow-next.png"); background-position: left center; background-size: 100% auto; right:-1.7em; left:auto; } .photoshow .slidesjs-pagination { display: block; height: 20px; line-height: 20px; margin: 0; padding: 0; text-align: center; width: 100%; margin-top:10px; } .photoshow .slidesjs-pagination li { display: inline-block; list-style: none outside none; margin-left: 4px; margin-right: 4px; } .photoshow .slidesjs-pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(media/grafik/pagination.png); background-position:0 0; float:left; overflow:hidden; margin-right:5px; margin-left:5px; } .photoshow .slidesjs-pagination li a.active { background-position:0 -12px; } .taxo_error{ color:red; margin-left:310px; } .taxo_dialog input{ height:14px; } .taxo_kv.taxo_type_text .taxo_value{ /* border:1px solid red; */ /* margin-left:180px; */ margin-bottom:1em; max-width:350px; } .x4_modal_frame a{ text-decoration:underline; } .x4_modal_frame a:hover{ /*color:#333333;*/ } .io_dialog_ihtml{ background:white; width:300px; margin-bottom:10px; padding-bottom:10px; } .io_dialog_buttons{ background:white; padding:3px; text-align:center; position:absolute; width:100%; height:25px; overflow:hidden; left:0; bottom:15px; } .io_dialog_buttons a{ display:inline-block; position:relative; width:100px; margin:0; padding:3px; margin-right:5px; margin-left:5px; border:1px solid #333333; color:#333333; border-radius: 4px; background-color:gray; /* font-family:helvetica; */ font-size:11px; letter-spacing:1px; } .taxo_dialog h1{ margin-top:7px; } #udb_login_link{ margin-right:10px; } .udb_dialog_error{ color:red; } .taxo_dialog{ width:900px; } img { border:0; } a{ text-decoration:none; outline: none !important; border:0px; } a:visited{ text-decoration:none; } .taxo_type_image a{ width:128px; height:128px; display:inline-block; border:1px solid #cccccc; border-radius:3px; margin-bottom:10px; } .taxo_type_image img{ max-width:128px; max-height:128px; } .io_dialog_ihtml p{ margin:0; padding:0; } li.taxo_type_ssl .taxo_label{ cursor:pointer; padding-bottom:3px; } .taxo_error{ color:red; } .taxo_dialog input{ /* height:14px; */ } .taxo_dialog ul{ width:700px; padding-left:10px; } .taxo_dialog li{ margin:3px; } .io_dialog_ihtml{ background:white; width:300px; margin-bottom:10px; padding-bottom:10px; position:relative; } .io_dialog_buttons{ background:white; padding:3px; text-align:center; position:absolute; width:100%; height:25px; overflow:hidden; left:0; bottom:5px; } #udb_login_link{ margin-right:10px; } #udb_username_span{ background: transparent none repeat scroll 0 0; color: white; display: block; height: 3em; margin: 0; padding-left: 3.5em; padding-top: 0.7em; text-align: left; } .udb_dialog_error{ color:red; } .taxo_dialog{ width:900px; } .simplemodal-wrap{ overflow-y:hidden !important; overflow-x:hidden !important; } .x4_modal_frame ul{ margin-bottom: 0; margin-top: 0; } .ace-eclipse .ace_gutter{ background:none !important; } .x4_modal_frame textarea{ min-height:6em; } input.input_checkbox,input.input_radio{ border:none !important; outline:none !important; float:left; min-width:auto; } .taxo_info{ clear: both; color: #666666; font-size: 11px; margin-bottom: 10px; margin-left: 315px; max-width: 455px; } li ul li .taxo_info{ margin-left: 5px; } .x4_modal_frame div.error{ text-align:center; font-size:14px; color:#cc0000; padding-right:40px; } .taxo_timestamp{ color:#aaa; font-size:80%; } .taxo_timestamp input{ min-width: 2em; text-align: right; width: 3.5em !important; display: inline-block; margin-right: 1em; } .taxo_combiprice{ color:#aaa; /* font-size:80%; */ } .taxo_combiprice input{ min-width: 4em; text-align: right; width: 3.5em !important; display: inline-block; margin-right: 1em; } #wrapvmid{ background:yellow; } #wrapleft{ float:left; width:185px; } #wrapright{ float:right; width:770px; } .clearer{ clear:both; font-size:1px; height:0px; } .taxo_kv{ display:block; margin-bottom:5px; min-height:20px; margin-top:5px; overflow:hidden; } .taxo_kv .taxo_label{ clear: both; margin-right: 5%; text-align: right; width: 25%; display: inline-block; float: left; color: #888; } .taxo_kv .taxo_value{ color: #333; float: left; width: 60%; line-height: 1.4em; word-wrap:break-word; } .x4_vtype_check>.x4_value>.x4_kvlist{ margin-left:2em; margin-top:0.5em; } .taxo_innerdialog li{ /* background:yellow; */ clear:both; } .taxo_item_html{ display:block; } .taxo_item.taxo_itemtype_newsitem .taxo_label{ display:none; } .taxo_item.taxo_itemtype_newsitem .taxo_value img{ float:left; } .taxo_item.taxo_itemtype_newsitem .taxo_key_title .taxo_value{ font-size:16px; } .taxo_item.taxo_itemtype_newsitem .taxo_key_desc .taxo_value{ float:left; display:block; } .taxo_item.taxo_itemtype_newsitem .taxo_item_html{ clear:both; } ul.jqtree-tree .jqtree-toggler{ font-size:16px !important; } .cms_headline{ font-size: 17px; font-weight: bold; letter-spacing: 2px; line-height: 24px; margin: 0; } .cms_apperror{ color:red; font-weight:bold; } /* ul.taxo_items.sortable{ margin-bottom: 0; margin-left: 0; margin-top: 0; padding: 0; } .x4_modal_frame ul.x4_taxo_anonitem_list li.sortable-placeholder.im_item{ height:20em !important; } .x4_modal_frame ul.taxo_items li.sortable-placeholder{ height:45px; } .x4_modal_frame ul.taxo_items li,.x4_modal_frame ul.taxo_items li.sortable-placeholder{ display: block; margin-top: 3px; text-align: left; width: 80%; height: 4.5em; } ul.taxo_items li.sortable-placeholder{ border: 1px solid rgba(0, 0, 0, 0.29); background: none repeat scroll 0 0 rgba(77, 111, 255, 0.11); } */ ul.taxo_items.sortable{ margin-bottom: 0; margin-left: 0; margin-top: 0; padding: 0; } body.dragging, body.dragging * { cursor: move !important; } .dragged { position: absolute; opacity: 0.5; z-index: 2000; } li.placeholder { position: relative; border: 1px solid rgba(0, 0, 0, 0.29); background: none repeat scroll 0 0 rgba(77, 111, 255, 0.11); /* margin-bottom:0.25em; */ /* height:2em !important; */ } li.placeholder:before { position: absolute; /* display: none; */ } .x4_modal_frame ul.taxo_items li{ width:100%; /* position: relative; */ float: unset; height:4.5em; display: block; margin-bottom:0.5em; margin-top:0.5em; } p{ margin:0; } img.cms_foto_S{ max-width:64px; max-height:64px; } .x4_modal_frame img.cms_foto_M{ max-width:100%; max-height:100%; } #cms_ajaxicon{ padding:17px; } #cms_msgbox{ display:none; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); bottom: 0; color: #666666; height: 100%; left: 0; margin: 0; overflow: hidden; padding: 0; position: fixed; top: 0; width: 100%; z-index: 2147483647; color: black !important; padding-top: 10em; text-align: center; } #cms_msgbox i{ color:#333333; } #io_dialog_tmp{ min-width:350px; max-width:80%; border:1px solid red; } body.udb_logged_out #udb_loginhead{ display:none !important; } #btn_prevfullpic, #btn_nextfullpic,.closewaitmsg{ border: 1px solid #666666; border-radius: 1em; color: #666666; height: 2em; line-height: 2.1em; position: relative; text-align: center; width: 2em; vertical-align:top; } #btn_nextfullpic{ left:auto; } /* ///OLD: */ #fullpic_ground{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 10; } #fullpic{ background: white; /* none repeat scroll 0 0 rgba(255, 255, 255, 0.99); */ border-radius: 7px 7px 7px 7px; display: none; left: 0; line-height: 100%; padding: 75px 10px 10px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000; } #fullpic .fp_navi{ /* background: none repeat scroll 0 0 #FFFF00; */ height: 2em; left: 0; line-height: 2em; position: absolute; right: 0; text-align: center; top: 0.5em !important; width: 100%; } #fullpic .fp_navi_info{ color: #AAAAAA; display: inline-block; height: 2em; min-width: 5em; } #btn_closefullpic{ color: #666666; display: block; height: 1.5em; line-height: 1.5em; position: absolute; right: 0.25em; text-align: center; top: 0.25em; width: 1.5em; } #btn_closefullpic:hover{ color:#bbbbbb; } #fullpictitle{ /* background: none repeat scroll 0 0 #FFA500; */ color: #333333; height: 2em; left: 1em; line-height: 1em; position: absolute; right: 1em; text-align: center; top: 3em; } #fullpic img.bigpic{ bottom: 0 !important; left: 0; margin: auto; max-height: 100%; max-width: 100%; right: 0; top: 0; } /* ORDERFORM */ form.cms_orderform table{ width:100%; margin-bottom:10px; } form.cms_orderform table td{ width:20%; /* border:1px solid gray; */ text-align:right; vertical-align:top; } form.cms_orderform table th.of_label_count,form.cms_orderform table th.of_label_article { text-align:left; } form.cms_orderform table th.of_label_price,form.cms_orderform table th.of_label_sum { text-align:right; } form.cms_orderform .of_title,form.cms_orderform .of_desc{ text-align:left; } form.cms_orderform .of_input_count{ width:50px; text-align:right; } form.cms_orderform td.of_count{ width:10%; } form.cms_orderform td.of_foto{ width:12%; text-align:center; } form.cms_orderform td.of_foto img.cms_foto_S{ max-width:100%; max-height:100%; } form.cms_orderform td.of_article{ width:48%; } form.cms_orderform td.of_offer{ width:15%; } form.cms_orderform td.of_midsum{ width:15%; } form.cms_orderform table td{ border:none; border-bottom:1px solid gray; height:50px; padding-top:10px; } form.cms_orderform table td.of_final{ border:none; } form.cms_orderform table { border-spacing:0; border-collapse:collapse; } form.cms_orderform .of_orderlink{ background: none repeat scroll 0 0 #eee; display: block; height: 30px; width: 200px; text-align: center; line-height: 30px; border: 1px solid; font-size: 12px; border-radius: 3px; float:right; } form.cms_orderform .of_finalsum{ font-weight:bold; } #of_preview_dialog{ width:900px; } #of_preview_dialog .of_preview_adr{ width:400px; } #of_preview_dialog .of_preview_orders{ width:500px; vertical-align:top; } #of_preview_dialog .of_preview_orders table td{ text-align:right; min-width:100px; vertical-align:top; } .gmap{ width:100%; height:100%; text-align:center; /* border:1px solid gray; */ } form.cms_orderform .of_title{ font-weight:bold; } /* TG */ .tg_rb >.tg_ets >.tg_cbx{ position:absolute; left:0; top:0; right:0; bottom:0; } .x4_modal_frame .cms_droptarget{ opacity:0.75; background:lightblue; } .file{ background-image: url("media/grafik/file_octet.png"); background-repeat: no-repeat; background-size: auto 2em; display: block; height: 2em; line-height: 32px; margin-bottom: 1em; padding-left: 3em; } .file:hover{ opacity:0.8; } .file_zip,.file_gz,.file_rar{ background-image: url("media/grafik/file_archive.png"); } .file_txt{ background-image: url("media/grafik/file_plain.png"); } .file_js{ background-image: url("media/grafik/file_src.png"); } .file_docx,.file_doc,.file_odt{ background-image: url("media/grafik/file_word.png"); } .file_xlsx{ background-image: url("media/grafik/file_excel.png"); } .file_psd{ background-image: url("media/grafik/file_palette.png"); } .file_html{ background-image: url("media/grafik/file_html.png"); } .file_pdf{ background-image: url("media/grafik/file_pdf.png"); } .file_wav,.file_mp3,.file_midi{ background-image: url("media/grafik/file_sound.png"); } .file_svg,.file_eps{ background-image: url("media/grafik/file_svg.png"); } .file_java{ background-image: url("media/grafik/file_java.png"); } .file_tex{ background-image: url("media/grafik/file_tex.png"); } /* JQTREE */ ul.jqtree-tree { margin-left: 12px; } ul.jqtree-tree, ul.jqtree-tree ul.jqtree_common { list-style: none outside; margin-bottom: 0; padding: 0; } ul.jqtree-tree ul.jqtree_common { display: block; margin-left: 12px; margin-right: 0; } ul.jqtree-tree li.jqtree-closed > ul.jqtree_common { display: none; } ul.jqtree-tree li.jqtree_common { clear: both; list-style-type: none; } ul.jqtree-tree .jqtree-toggler { display: block; position: absolute; left: -1.5em; top: 30%; *top: 0; /* fix for ie7 */ font-size: 12px; line-height: 12px; font-family: arial; /* fix for ie9 */ border-bottom: none; cursor:pointer; color: #376DDB; } ul.jqtree-tree .jqtree-toggler:hover { color: #376DDB; } ul.jqtree-tree .jqtree-element { } ul.jqtree-tree .jqtree-title { color: #1C4257; vertical-align: middle; } ul.jqtree-tree li.jqtree-folder { margin-bottom: 4px; } ul.jqtree-tree li.jqtree-folder.jqtree-closed { margin-bottom: 1px; } ul.jqtree-tree li.jqtree-folder .jqtree-title { margin-left: 0; } ul.jqtree-tree .jqtree-toggler.jqtree-closed { background-position: 0 0; } span.jqtree-dragging { color: #fff; background: #000; opacity: 0.6; cursor: pointer; padding: 2px 8px; } ul.jqtree-tree li.jqtree-ghost { position: relative; z-index: 10; margin-right: 10px; } ul.jqtree-tree li.jqtree-ghost span { display: block; } ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { background-image: url(jqtree-circle.png); background-repeat: no-repeat; height: 8px; width: 8px; position: absolute; top: -4px; left: 2px; } ul.jqtree-tree li.jqtree-ghost span.jqtree-line { background-color: #0000ff; height: 2px; padding: 0; position: absolute; top: -1px; left: 10px; width: 100%; } ul.jqtree-tree li.jqtree-ghost.jqtree-inside { margin-left: 48px; } ul.jqtree-tree span.jqtree-border { position: absolute; display: block; left: -2px; top: 0; border: solid 2px #0000ff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0; } ul.jqtree-tree .jqtree-element { width: 100%; /* todo: why is this in here? */ *width: auto; /* ie7 fix; issue 41 */ position: relative; } ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover { /* background-color: #97BDD6; background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA)); background: -moz-linear-gradient(top, #BEE0F5, #89AFCA); background: -ms-linear-gradient(top, #BEE0F5, #89AFCA); background: -o-linear-gradient(top, #BEE0F5, #89AFCA); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);*/ } ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title { outline: dashed 1px #0000ff; } /* CODEMIRROR */ /* BASICS */ .gs_close{ font-size: 125%; position: absolute; right: 0.5em; top: 0.5em; } .x4_lang_noentry{ display: inline; color:red; font-style: italic; } .x4_lang_entry{ display: inline; /*color:;*/ /*font-style: italic;*/ /*border:1px solid;*/ background: wheat !important; color: black !important; } #edititemdialog [data-x4_kvref="email"]{ /*display: none !important;*/ } .x4_mobileshare{ height:3em; width:100%; overflow:hidden; position:relative; background:wheat; margin-top:1em; margin-bottom:1em; } .x4_mobileshare a{ /* border: 1px solid red; */ display: inline-block; height: 3em; line-height: 3.25em; text-align: center; vertical-align: top; width: 20%; } .x4_mobileshare a i{ font-size:150%; color:white; } .x4_mobileshare a.x4_mobshare_facebook{ background:#3a5795; } .x4_mobileshare a.x4_mobshare_twitter{ background:#55acee; } .x4_mobileshare a.x4_mobshare_gplus{ background:#ffa900; } .x4_mobileshare a.x4_mobshare_xing{ background:#026466; } .x4_mobileshare a.x4_mobshare_whatsapp{ background:#34af23; } .x4_mobileshare{ display: none; } .x4_mobilelinkright{ border-left: 1px solid #D1D5DA; color: #222222 !important; display: table-cell !important; font-size: 220%; height: 98%; right: 0; text-align: center; top: 1%; vertical-align: middle; width: 20%; } .x4_mobile_focus a{ background: none repeat scroll 0 0 #9C9C9C; color: #FFFFFF;} .x4_mobilenav{ background: none repeat scroll 0 0 #EEF1F5; border-color: -moz-use-text-color; border-image: none; box-shadow: -0.15em 0.15em 0.25em rgba(0, 0, 0, 0.25); color: #222222 !important; left: 5em; position: absolute; right: 0.25em; top: 3.25em; z-index: 100; display:none; } .x4_mobilelinkleft{ /* background: none repeat scroll 0 0 #008000; */ padding: 1em 20% 1em 1em; color: #222222 !important; } .x4_mobile_preferdesktop{ border-right: 1px solid #D1D5DA; } .x4_mobile_contact{ } .x4_mobile_option{ color: #222222 !important; display: inline-block; line-height: 3em; margin-bottom: 0.25em; margin-top: 0.25em; text-align: center; width: 49%; } .x4_mobileoptions{ border-bottom: 1px solid #D1D5DA; } .x4_mobilebutton{ min-height:3em; position:relative; line-height:1em; border-bottom:1px solid #d1d5da; } .x4_mobilebutton_invisible{ font-style:italic; } .x4_mobilebody{ padding: 1em 0.5em 3em; padding-bottom:0; min-height:100%; /* border:2px solid red; */ overflow:hidden !important; } .x4_mobilebar{ color: white; height: 3.5em; left: 0; position: absolute; top: 0; display:none; z-index: 4; height:3.5em; width:100%; background:#EEF1F5; position:relative; display: none; } .x4_mobilehomelink{ /* border:1px solid red; */ width:4em; display:block; background-color:yellow; background:url(media/grafik/logo_mobile.png); background-size:contain; background-position: center; background-repeat:no-repeat; position:absolute; left:0; top:0; bottom:0; /* width:80%; */ } .x4_mobiletitle{ /* border:1px solid red; */ position:absolute; left:4.5em; width:14em; overflow:hidden; padding-top:0.1em; } .x4_mobiletitle_main{ font-size:110%; /* background:yellow; */ } .x4_mobiletitle_sub{ font-size:80%; } .x4_mobilephone,.x4_mobilemenulink,.x4_mobilemail,.x4_mobilecoords{ /* border:1px solid red; */ /* background-color: #EEF1F5; */ bottom: 0; display: block; /* font-size: 220%; */ /* line-height: 122%; */ color:#222; position: absolute; right: 4em; text-align: center; top: 0; width: 3.5em; height:3.5em; line-height:4em; } .x4_mobilephone{ padding-top:0.25em; } .x4_mobilemenulink{ right:0.25em; padding-top:0.15em; } .x4_mobilemail{ right:7.75em; } .x4_mobilecoords{ right:11.55em; } .x4_mobilephone i,.x4_mobilemenulink i{ font-size:200%; } .x4_mobilemail i{ font-size:180%; } .x4_mobilecoords i{ font-size:180%; } @media (max-width:640px) { div.x4_mobilebar,div.x4_mobileshare{ display: block; } } 
/**
 * @project     X4
 * @version     8.0
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        bgshow.css
 * @contact     pascal[at]ntzwrk.de
 * @licstart  
 * 
 * Copyright (c) 2011 Pascal Lehwark
 * 
 * No warranty, explicit or implicit, provided.
 * In no event shall the author be liable for any claim or damages.
 * All rights reserved. This is proprietary software.
 * 
 * This software makes use of several 3rd-party software.
 * 
 * see x4-license.html (in the webroot-folder of this installation)
 * for more information.
 * 
 * @licend 
 */

/**
 * @project     X4
 * @version     8.0
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        photoshow.css
 * @contact     pascal[at]ntzwrk.de
 * @licstart  
 * 
 * Copyright (c) 2011 Pascal Lehwark
 * 
 * No warranty, explicit or implicit, provided.
 * In no event shall the author be liable for any claim or damages.
 * All rights reserved. This is proprietary software.
 * 
 * This software makes use of several 3rd-party software.
 * 
 * see x4-license.html (in the webroot-folder of this installation)
 * for more information.
 * 
 * @licend 
 */
.dots_wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: absolute; right: -2em; top: 0; width: 2em; z-index: 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .x4_psdot{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width:2em; height:1.2em; } .x4_psdotsymbol{ width:5px; height:5px; background:rgb(155, 155, 155); border-radius: 1em; } .x4_psdot.x4_psdot_focus .x4_psdotsymbol, .x4_psdot:hover .x4_psdotsymbol{ background:rgb(201, 86, 100); } .x4_ps_caz,.x4_ps_clink{ cursor:pointer; } .x4_psdot:hover { text-decoration: none !important; } [data-x4_kvref="clicking_caz_lbgroup"]>.x4_key{ display:none; } [data-x4_kvref="clicking_caz_lbgroup"] select{ width:100%; } .thumbs_leftoverflow .thumbs_wrap:hover .thumbs_prev, .thumbs_rightoverflow .thumbs_wrap:hover .thumbs_next{ display: -webkit-box; display: -ms-flexbox; display: flex; } .thumbs_next,.thumbs_prev{ background: rgba(0,0,0,0.3); -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; left: 0; position: absolute; top: 0; z-index: 10; height: 100%; /*margin-top: -2em;*/ color: white; width: 2em; text-align: center; line-height: 4em; /*display: none;*/ overflow:hidden; /*-webkit-transition: all 150ms linear;*/ /*transition: all 150ms linear;*/ display: none; } .thumbs_next{ left:auto; right:0; } .thumbs_next i,.thumbs_prev i{ font-size: 150%; } .thumbs_next:hover,.thumbs_prev:hover{ background: rgba(255,255,255,0.7); color: black; } .photoshow_thumbs{ /*background:white;*/ z-index: 10; height: 100%; width:100%; position: relative; overflow: hidden; } .photoshow_thumbs img{ height: 100%; max-width:none; /*border: 2px solid magenta;*/ opacity: 0.5; } .photoshow_thumbs a{ /*background:rgba(255,255,255,0.5);*/ /*border: 1px solid magenta;*/ } .x4_ps_thumbrow{ width: auto; position: absolute; height: 100%; white-space: nowrap; /*left:-500px;*/ } .x4_ps_thumbrow a:hover img{ opacity: 0.9 !important; } .x4_ps_thumboverlay{ position: absolute; border: 1px solid red; left:0; right: 0; top:0; bottom:0; } .x4_photoshow_placeholder{ z-index: 1; position: relative; } .x4_lightbox_fs .prev,.x4_lightbox_fs .next{ display: block; } .x4_lightbox_fs .prev:hover,.x4_lightbox_fs .next:hover{ background: rgba(0,0,0,0.3); color:white; } .x4_lightbox_fs .x4_closelink{ top:0; right:0; width:3em; height:3em; bottom:0; z-index:2; line-height: 3em; font-weight: 900; overflow: hidden; background: rgba(0,0,0,0.3); -webkit-transition: all 150ms linear; transition: all 150ms linear; } .x4_lightbox_fs .x4_closelink.navhidden{ width:0; height:0; } .x4_lbfs_head{ background:rgba(0,0,0,0.3) none repeat scroll 0 0; position: absolute; z-index: 2; left:0; right:0; bottom:0; width:100%; min-height:3em; padding:0.5em; color:white; overflow:hidden; opacity:1; /*padding-right:4em;*/ -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-transition: all 150ms linear; transition: all 150ms linear; } .x4_lbfs_headtitle{ width:100%; /*background: red;*/ /*padding-right:1em;*/ /*padding-left:1em;*/ word-wrap:break-word; /*margin-right:1em;*/ /*margin-left:1em;*/ font-size:100%; line-height:1.2em; text-align: center; } .x4_lbfs_head.navhidden{ opacity:0; } .x4_lightbox_fs,.x4_lbfs_target{ display: block; position: fixed; left:0; top:0; bottom:0; right:0; height:100%; width:100%; z-index: 100; background:black; } .x4_lbfs_target{ position: absolute; z-index: 1; } .next,.prev,.one{ background: rgba(0,0,0,0.3); display: block; left: 0; position: absolute; top: 50%; z-index: 10; height: 4em; margin-top: -2em; color: white; width: 3em; text-align: center; line-height: 4.5em; display: none; overflow:hidden; /*-webkit-transition: all 150ms linear;*/ /*transition: all 150ms linear;*/ } .prev.navhidden,.next.navhidden{ width: 0; } .photoshow:hover .prev,.photoshow:hover .next{ display: block; } .next{ left:auto; right:0; } .next i,.prev i{ font-size: 150%; } .next:hover,.prev:hover{ background: rgba(255,255,255,0.7); color: black; } .one{ bottom:auto; left:0; height:3em; right: auto; top:0; margin-top: 0; line-height: 3em; display: none; } .hsl_first{ position:absolute; right:0; top:0; display:block; background:darkred; color:white; left:50%; bottom:0; z-index:10; } .hsl_busy{ position:absolute; /*border:2px solid black;*/ left:48%; right:48%; top:48%; width:4%; height:4%; /*background:orange;*/ z-index:2; background-image:url("media/grafik/ajax.png"); background-position:center; background-repeat:no-repeat; background-size:contain; } html,body{ height:100%; } .hsl_base{ margin:0; padding:0; position:absolute; left:0; right:0; top:0; bottom:0; /* width:100%; */ /* height:100%; */ /* border:1px solid red; */ /* width:70%; */ /* height:50%; */ /* margin-left:10em; */ overflow:hidden; /*background:white;*/ z-index:1; } .hsl_triplet{ margin:0; padding:0; position:absolute; /* border:1px solid blue; */ width:500.2%; height:100%; left:-200.1%; -webkit-backface-visibility: hidden; top:0; } .hsl_frame{ margin:0; /*border:1px solid green;*/ padding:0; /* background:red; */ position:static; width:20.001%; height:100%; display:inline-block; /* background-image:url("pics/1.jpg"); */ background-position:center; background-repeat:no-repeat; background-size:contain; /*background-color:white;*/ -webkit-backface-visibility: hidden; z-index:1; background-color:transparent; /* float:left; */ } .hsl_fadeframe{ /*border:1px solid red; */ position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; background-position:center; background-repeat:no-repeat; background-size:contain; /*background-color:white;*/ opacity:0; display:none; -webkit-backface-visibility: hidden; /* background:red; */ } 
/**
 * @project     X4
 * @version     8.0
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        photowall.css
 * @contact     pascal[at]ntzwrk.de
 * @licstart  
 * 
 * Copyright (c) 2011 Pascal Lehwark
 * 
 * No warranty, explicit or implicit, provided.
 * In no event shall the author be liable for any claim or damages.
 * All rights reserved. This is proprietary software.
 * 
 * This software makes use of several 3rd-party software.
 * 
 * see x4-license.html (in the webroot-folder of this installation)
 * for more information.
 * 
 * @licend 
 */
.x4_photowall{ min-height:1em; position: relative; } .x4_photowall_cellwrap{ position: relative; display: inline-block; vertical-align: top; } .x4_photowall_cell{ display: block; width:100%; height:0; position:relative; margin-bottom:0; background-repeat: no-repeat; background-position: center; } .x4_photowall_overlay{ -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; color:white; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; right: 0; top: 0; z-index: 10; text-align: center; line-height:1.4em; display: none; overflow: hidden; } .x4_photowall_overlay p{ background:rgba(0,0,0,0.4); padding:1em; word-wrap: break-word; word-break: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; } .x4_photowall_cellwrap:hover .x4_photowall_overlay{ display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width:640px) { .x4_photowall_cellwrap{ width:49% !important; margin-right:2% !important; padding-bottom:2% !important; } .x4_photowall_cellwrap:nth-of-type(2n){ margin-right: 0 !important; } } 
/**
 * @project     X4
 * @version     8.0
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        page.css
 * @contact     pascal[at]ntzwrk.de
 * @licstart  
 * 
 * Copyright (c) 2011 Pascal Lehwark
 * 
 * No warranty, explicit or implicit, provided.
 * In no event shall the author be liable for any claim or damages.
 * All rights reserved. This is proprietary software.
 * 
 * This software makes use of several 3rd-party software.
 * 
 * see x4-license.html (in the webroot-folder of this installation)
 * for more information.
 * 
 * @licend 
 */





html,body{
	margin:0;
	padding:0;
	color:rgb(51,51,51);
	background:#eff0f5;
}
*{
	box-sizing:border-box;
}
h1,h2,h3,h4,h5{
	font-weight:normal;
}
.root{
	width: 100%;
	margin: auto;
	min-height:100vh;
	overflow: hidden;
	/*background: green;*/
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	    -ms-flex-direction:column;
	        flex-direction:column;
}

.main .x4_cbserviceform input, .main .x4_cbserviceform textarea {
	font-size: 100%;
	padding: 0.5em;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 0;
	display: inline-block;
	width: auto;
}
.main .x4_cbserviceform textarea {
	width:100%;
}

.submitwrap{
	text-align: center;
}

.topmenu .x4_navlink {

	overflow: visible;
}

/**/
.main{
	/*background:white;*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;/* grow shrink basis */

	z-index: 2;
	padding-bottom:2em;
	/* margin-top:7em; */
	/*opacity: 0.8*/
}

.main .midcol{
	padding:1em;
}

.rsswrap{
	/*text-align: center;*/
	/*border-bottom:1px solid rgba(0,0,0,0.1);*/
	padding-bottom:0.5em;
}
.rsswrap h3{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-bottom:0.5em
}
.rsswrap p{
	font-size:90%;
}

.rsswrap a.x4_blogbutton {
	background: rgba(255,255,255,0.5);
	border: medium none rgba(0, 0, 0, 0.1);
	border-radius: 2em;
	box-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.5);
	display: inline-block;
	height: 2.5em;
	line-height: 2.5em;
	margin: 1em 0.5em 0.5em;
	text-align: center;
	width: 2.5em;
	color: #333;
}
.rsswrap a.x4_blogbutton {
	margin-left:2em;
	margin-right:2em;
		background:rgb(181, 18, 65);
	color:white;
}
.rsswrap a.x4_blogbutton:hover{
background: rgba(255,255,255,0.5);
 	
	color: #333;
}

.x4_commentcount{
	text-align: right;
}
.rsswrap>div{
	text-align: center;
}


.stickyfooter{
	background:#c2c9d3;
	min-height:8em;
	z-index: 1;
	line-height: 1.25em;
	/*flex-shrink:0;*/
}








.sharebuttons{
margin-top: 1em;
text-align: right;
position: absolute;
right: 1em;
top: 0;
}
.sharebuttons a, .rssbutton, .x4_blogabodialogbutton {
	background: #aaa6a7;
	border: 2px solid #aaa6a7;
	display: inline-block;
	height: 2.25em;
	width: 2.25em;
	border-radius: 3em;
	text-align: center;
	line-height: 2.25em;
	margin-left: 0.1em;
	margin-right: 0.5em;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	transition: all 150ms linear;
}
.sharebuttons a:hover,.rssbutton:hover,.x4_blogabodialogbutton:hover{
	background: white;
}
.sharebuttons a i,.rssbutton i,.x4_blogabodialogbutton i{
	font-size:125%;
	color:white;
}
.sharebuttons a:hover i,.rssbutton:hover i,.x4_blogabodialogbutton:hover i{
	color:#a89992;
	/*background:;*/
}
.x4_shrbtn_twitter,.x4_shrbtn_pinterest,.x4_shrbtn_tumblr{
	display: none !important;
}





.extrafoot{
/*border: 1px dotted red;*/
position: absolute;
width: 12em;
/*height: 100%;*/
top: 1em;
bottom:1em;
}
.extrafoot.extrafootleft{
left: -13em;
	background:url("media/grafik/logo_enh.png");
	background-position: right center;
	background-size: contain;
	background-repeat: no-repeat;
}

.extrafoot.extrafootright{
right: -13em;
bottom:2em;
/*height:80%;*/
	background:url("media/grafik/logo_bundespreis.png");
	background-position: left bottom;
	background-size: contain;
	background-repeat: no-repeat;
}




.stickyfooter .contentbox{
	display: block;
}
.footbox{
	/*border:1px solid green;*/
	width:33.333%;
	display: inline-block;
	vertical-align: top;
	min-height: 8em;
	/*text-align: center;*/
	padding: 1em;
	/* color:white; */
	font-size: 80%;;
			/*border:1px solid red;*/

}

.footbox a{
	/* color:white; */
}

.pbig{
	font-size:115%;
}

.topbar{
/* background: #eff0f5; */
/* position: fixed; */
/* top: 0; */
width: 100%;
z-index: 12;
position: relative;
/*height:12em;*/
/* border-bottom: 1px solid red; */
}
.topbar .contentbox{
	height:10em;
}

.topbar .midcol{
	height: 8em; 
}

.topmenu {
/*border: 1px solid;*/
bottom: 0.85em;
font-size: 128%;
height: auto;
left: 14em;
position: absolute;
right: 1em;
text-align: right;
width: auto;
}
.topmenu .x4_nav{
	text-align: right;
}



.topmenu .x4_navitem.x4_nav_last{
	margin-right:0;
}
.topmenu .x4_navdeli{
color: #eff0f5;
display: inline-block !important;
font-weight: bold;
overflow: visible;
position: relative;
text-align: center;
width: 1em;
}

.topmenu .x4_navlink{
	/*background: wheat none repeat scroll 0 0;*/
	color:rgba(60,60,60,1);
	display: inline-block;

	overflow: hidden;
	padding-left: 0.1em;
	padding-right: 0.1em;
	position: relative;
	vertical-align: top;
}
.topmenu .x4_navlink:hover,
.topmenu .x4_nav_focus>.x4_navlink,
.topmenu .x4_nav_inpath>.x4_navlink,
.topmenu .x4_navlink.anchorfocus{
	/*color:#cc3366;*/
	/*background:white;	*/
	/* color:#ae5944; */
	text-decoration: underline;
}

.topmenu .x4_navlevel_1 .x4_navdeli{
	display: none !important;
}
.topmenu .x4_navlevel_1 .x4_navlink{
	/* font-family: "Open Sans"; */
}

.x4_nav.x4_navstyle_dropdown > .x4_navlist > .x4_navitem > .x4_navlist {
background: #eff0f5;
min-width: 12em;
padding: 0.25em;
position: absolute;
}
.x4_nav.x4_navstyle_dropdown > .x4_navlist > .x4_navitem > .x4_navlist .x4_navlink{
display: block;
font-size: 80%;
padding-bottom: 0.15em;
padding-left: 0.5em;
padding-top: 0.15em;
text-align: left;
/* border-left: 2px solid #b86e5c; */
margin-left: 1em;
margin-bottom: 0.5em;
margin-right: 1em;
margin-top: 0.5em;
line-height: 1.25em;
}

.x4_nav.x4_navstyle_dropdown > .x4_navlist > .x4_navitem > .x4_navlist .x4_nav_last .x4_navlink{
border-bottom: none;
}


#udb_loginhead.udb_logged_in.udb_role_editor, body.loginbody #udb_loginhead{
z-index: 12;
}

.contentbox{
	margin: auto;
	/*border:1px dotted black;*/
	width:1200px;
	max-width:100%;
	position: relative;
	padding-left:1em;
	padding-right:1em;
	display: block;
	overflow: visible;
}

.shopheadleft,.shopheadright{
	/* border:1px solid red; */
	display: inline-block;
	width:50%;
	vertical-align: top;
	position: relative;
}

.contentbox[data-cms_content_id="headcontent"] {
	z-index: 1;
	padding-top: 4em;
	padding-bottom: 8em;
}

body[data-x4_itemtaxo="product"] .x4_product_title,
body[data-x4_itemtaxo="product"] .x4_product_cats{
	display: none;
}

.x4_shop_accountarea.abspos{
	position: absolute;
	right:0;
	top:5.5em;

z-index: 1;
	width:50%;
}

.shopheadright{
	/* width:25%; */
}


.x4_product_delfromcart{
background: #735e59 none repeat scroll 0 0 !important;
border: 2px solid #735e59 !important;
color:white !important;
}
.x4_product_delfromcart:hover{
	color:#735e59 !important;
	background:transparent !important;
}
 .x4_shopactionbutton,#io_dialog .cms_button.cms_button_editcart,
 #io_dialog .cms_button.cms_button_checkout,
 #io_dialog .cms_button.cms_button_contshopping,
 #x4_shoppingcartdialog .cms_button{
	border: 2px solid #735e59 !important;
	background: #735e59 !important;
 }
 .x4_shopactionbutton.x4_smallshopbutton{
	border: 2px solid #735e59 !important;
 }
  a.x4_shopactionbutton:hover,
  #io_dialog a.cms_button.cms_button_editcart:hover,
 #io_dialog a.cms_button.cms_button_checkout:hover,
 #io_dialog a.cms_button.cms_button_contshopping:hover,
  #x4_shoppingcartdialog a.cms_button:hover{
	border: 2px solid #735e59 !important;
	color:#735e59 !important;
		background: transparent !important;

  }
.x4_product_variation {
	min-width: 10em !important;
	text-align: left;
}
.x4_product_amount{
	min-width: 8em !important;
	padding:0.25em !important;
	
}


.halfbg {
	background: #c2c9d3 none repeat scroll 0 0;
	bottom: 0;
	height: 3.25em;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: -1;
}

.logo{
	background:url("media/grafik/logomsg.png");
	background-position: left bottom;
	background-size: contain;
	background-repeat: no-repeat;
	/* border: 1px solid; */
	bottom: 0em;
	display: block;
	left: 1em;
	position: absolute;
	top: 0.5em;
	width: 30em;
}

.section,.contentbox{
	/*z-index: 10;*/
	position: relative;
}

.section.section1{
	background:#c2c9d3;
}
.section.section2{
	/* padding-top:2em; */
}
.sectiongray,.sectiongray .leftcol,.sectiongray .midcol,.sectiongray .rightcol{
	background:#c2c9d3;
}
.section{
	padding-top:1em;
	padding-bottom:1em;
}
.sectiongray{
	/*border-top:1px solid #ddd;*/
	/*border-bottom:1px solid #ddd;*/
}


.intromsg {
	bottom: 0;
	height: auto;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
	font-size: 250%;
	padding-right: 1em;
	font-family: Armata;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	line-height: 1.25em;
	color: rgba(60,60,60,1);
	text-transform:uppercase;
	/* border:1px solid red; */
}



.contentbox.upshift .midcol::after, .contentbox.upshift .midcol::before {
  background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: -4em;
  position: absolute;
  top: 15em;
  width: 4em;
  z-index: 3;
  /*border:1px solid red;*/
}

.contentbox.upshift .midcol{
	margin-top:-12em;
	/*background:white;*/
	box-shadow:0 0 1em 0 rgba(50, 50, 50, 0.5);
	min-height:30em;
	z-index: 1;
}
.contentbox.upshift .midcol::after{
	left: auto;
	right: -4em;
}

.leftcol,.midcol,.rightcol{
	/*border:1px dotted red;*/
	width:20%;
	/*background:white;*/
	position:relative;
	/*text-align: center;*/
	/*padding:1em;*/
}
.x4_jal_desc{
	line-height: 1.25em;
}
.x4_jal_msg{
	font-size: 100%;
}
.x4_jalmsgtxt{
	font-weight: normal;
	font-size: 140%;
}
.midcol{
	/*background:white;*/
	width:100%;
	/*padding-left:1em;*/
	/*padding-right:2em;*/
}
.x4_itemlist_items .newsitem{
	border:none;
}


.x4_mobilebar{
/*background: #eee none repeat scroll 0 0;*/
color: white;
height: 3.5em;
left: 0;
position: absolute;
top: 0;
display:none;
z-index: 4;
}


.picbox{
	/*border:1px solid red;*/
}
.picbox_left,.picbox_right{
	display: inline-block;
	vertical-align:top;
	position: relative;
	overflow: visible;
	/*border:1px solid green;*/
	width:33%;
}
.picbox_left{
	padding-right:10%;
}
.picbox_right{
	width:66%;
}
.picboxdesc *{
	color:#745c58;
}
.picbox.picbox_hasurl .picboxdesc:hover,.picbox.picbox_hasurl .picboxpic:hover, .picbox.picbox_hasurl .picboxlink:hover{
	opacity: 0.75;
}
.picboxlink{
	display: block;
	margin-top:1em;
	color:#c59e65;
}
.picboxlink i{
	color:#6f5a55;
}

.newsitem_piclink{
/*border: 1px solid red;*/
display: block;
float: left;
height: 10em;
overflow: visible;
position: relative;
width: 20em;
}

.blogabo_msg1{
	font-size:150%;
}
.blogabo_msg2{

	line-height: 1.25em;
	display: block;
	width:11em;
		background:url("media/grafik/email.png");
	background-position:left center;
	background-size: 2em;
	background-repeat: no-repeat;
display: block;
height: 3em;
line-height: 1.25em;
width: 20em;
padding-left: 2.5em;
padding-top: 0.8em;
}




.newsitem_pic{
	max-width: 100%;
	max-height: 100%;
}
.newsitem_category{
	display: none;
}

.newsitemdate{
	color:#ccc;

}
.newsitembody{
	margin-top:1em;
}
.newsitem {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
body[data-x4_itemtaxo="newsitem"] .newsitem_pic {
  max-height: 100%;
  max-width: 100%;
  float: right;
  width: 100%;
  margin-top: 3em;
  margin-left: 1em;
  margin-bottom: 1em;
}

.forumform_submitlink {
  background: #c59e65;
  border: 2px solid #c59e65;
}
.forumform_submitlink:hover{
	color: #c59e65;
}
.maincontent .x4_flashlink{
	right:auto;
	left:0;	
}
 .main input,  .main textarea {
  border: medium none;
  border-radius: 0;
  font-size: 100%;
  /* margin-bottom: 0.75em; */
  /* margin-top: 0.25em; */
  padding: 0.75em 1em;
  /* width: 100%; */
}
.fn_body{
	border-left:none;
}

.x4_itemlist_items .itemtype_product,
.x4_productcategory .x4_product,
.x4_itemlist_items .itemtype_productcategory{
display: inline-block;
margin-right: 1%;
width: 19%;
margin-bottom:3em;
text-align: center;
border: 2px solid rgba(0,0,0,0.2);

}
.x4_prodcat_title{
	font-size:20px;
}
.x4_itemlist_items .itemtype_productcategory{
	background:rgba(255,255,255,0.5);
	padding:1em;

}
.x4_itemlist_items .itemtype_product:hover,
.x4_productcategory .x4_product:hover,
.x4_itemlist_items .itemtype_productcategory:hover{
	border: 2px solid rgba(0,0,0,0.4);

}

.x4_shopactionbutton.x4_product_buylink{
	margin-left:0;
}
.x4_product_preview .x4_product_contentarea {
	width: 60%;
	padding: 0.5em !important;
	/* padding: 1em; */
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	width: 100%;
}
.x4_product_preview .x4_product_price{
	display: none;
}
.x4_product_preview .x4_product_title{
	color:white;
	font-size: 14px;
}

.newsitem.itempage{
	margin-top:2em;
}


.x4_mobilehomelink{
	width:14em;
}
@media  (max-width:1100px) {
	html,body{
		font-size: 12px;
	}
	.contentbox.upshift .midcol{
	margin-top:-4em;
	
}
.extrafoot.extrafootright{
right: 14em;
}

/*.contentbox.upshift .midcol::after{
	left: auto;
	right: -4em;
}*/
}


/*smartphone:*/
@media  (max-width:960px) {
	html,body{
		font-size: 14px;
	}
	.x4_mobilebar{
		display: block;

	}
	.x4_mobileshare{
		display: block;
	}

	.leftcol,.rightcol,.topbar{
		display: none;
	}
	.midcol{
		display: block;
		width: 100%;
		padding:1em;
	}
	.topbgwrap{
		position: relative !important;
		top:auto !important;
	}
	.contentbox.upshift .midcol{
		margin-top:0;
	}

	.main{
		margin-top:0 !important;
	}

	.topbgwrap{
		height:35vh;
	}
	.bgmessagewrap{
		width: 100%;
		bottom:0;
	}

	.footbox{
		height:auto;
		display: block;
		width:100%;
		margin:0;
		padding:1em;
		margin-bottom:1em;
		text-align: center;
	}
/*	.x4_column{
		display: block;
		margin-right:0 !important;
		width: 100% !important;
		margin-bottom:1em;
	}*/
	.x4_column{
	width:48% !important;
	margin:0.5% !important;
}
	.mailinglist{
		display: inline-block;
	}
	.extrafoot.extrafootright{
display: none;}
.intromsg{
	font-size:24px;
	/* display: none !important; */
}

.picbox_left, .picbox_right {
	display: block;
	width: 100%;
	padding:2em;
}
.blogabo_msg2{
	margin:auto;
}
}
@media  (max-width:640px) {
	.x4_mobilehomelink{
		width:12em;
	}
	.intromsg{
		font-size:20px;
		/* display: none !important; */
	}
}
/* 
@media print{
	.topbar{
		position: relative;
	}
	.root{
		min-height: 0;
	}
	.main{
		margin:0;
	}
	.flex{
		display: block !important;
	}
	html{
	}
	h1{
	}
} */

.preplzinput{
	width:7em;
}
.preplzwrap{
	/* border:1px solid red; */
	font-size:75%;
	margin-top:0.25em;
	margin-bottom:0.25em;
}

.preplzwrap .x4_shopactionbutton{
	margin:0;
	margin-left:1em;
	padding:0.25em;
	width:10em;
}