/*
-----------------------------
    SITE GENERIC
-----------------------------
*/

/*GENERIC*/
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,400,700&subset=latin-ext');
* { box-sizing: border-box; font-family: 'Barlow Semi Condensed', sans-serif; }


body { font-size: 13pt; color: #222222; text-align: center; padding: 0; margin: 0; }
body#tinymce { background: #ffffff !important; }
body.embed { background: #ffffff !important; }

img { border: 0; }
a, a:visited { text-decoration: none; color: #222222; outline: none; }
a:hover { text-decoration: none; color: #666666; }
.content input, .content textarea, .content select { border: 1px solid #cccccc; font-size: 15pt; }
.btn { border: 0 !important; color: #ffffff; background: #446688; padding: 3px 10px 3px 10px; text-align: center; display: inline-block; margin: 5px; font-size: 15pt; -webkit-appearance: none; border-radius: 3px; }
.btn:hover,.btn:active,.btn:visited,
.btn { color: #ffffff; background: #446688; text-decoration: none; }
.txt { border: 1px solid #cccccc; background: #ffffff; color: #444444; padding: 3px; font-size: 13pt; }
div.placeholder { height: 0px; font-size: 1px; clear: both; overflow: hidden;}

.b { font-weight: bold;  }
.i { font-style: italic; }
.u { text-decoration: underline !important; }
.r { text-align: right;  }
.l { text-align: left;   }
.c { text-align: center; }
.h { display: none; }
::selection      { background: #aaaaaa; }
::-moz-selection { background: #aaaaaa; }

.shame { background: #aa0000; color: #ffffff; text-align: center; padding: 15px; }
.shame a,.shame a:active,.shame a:visited,.shame a:hover { color: #ffffff; }

.content_version_list span.content_version_head { font-weight: bold; }
.content_version a,
.content_version span { display: inline-block; vertical-align: middle; padding: 3px 5px; width: 160px; }
.content_version:nth-child(2n+1) { background: #eeeeee; }
.content_version_current { font-weight: bold; }

div#cookie { width: 100%; padding: 5px; font-size: 10pt; position: fixed; left: 0; right: 0; bottom: 0; background: #000; background: rgba(0,0,0,.8); color: #ffffff; text-align: center; display: none; z-index:100; }
div#cookie a { color:#ffffff; text-decoration: underline; }
div#cookie input {  border: 0; background: #dd8a20; color: #ffffff; padding: 3px 10px; margin-left: 10px; }

#pop_menu { display: none; position: absolute; left: 0; right: 0; top: 0; z-index: 100; background: #565656 !important; color: #ffffff; overflow: hidden; padding: 10px; text-align: left; }
#pop_menu a { display: block; color: #ffffff; padding: 10px 0; }
#pop_menu_close { color: #ffffff; position: absolute; top: 5px; right: 5px; display: block; width: 20px; height: 20px; font-weight: bold; font-size: 15pt; z-index: 105; }
#pop_menu .submenu { padding-left: 15px; border-left: 3px solid rgba(255,255,255,0.3); }

#hamburger { display: none; position: absolute; right: 10px; top: 20px; background: transparent url('images/hamburger.png') center center no-repeat; background-size: contain; width: 25px; height: 25px;  z-index: 10; filter: invert(1); }
#hider { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(100,100,100,.5); z-index: 50; display: none; }


/* CONTENT */

.expandblock { margin-bottom: 15px; }
.expandblock_title { cursor: pointer; background: #888888 url('images/right.png') 5px center no-repeat; color: #FFFFFF; padding: 3px 5px 3px 25px; font-weight: bold; }
.expandblock_content { display: none; padding: 5px 10px 10px 10px; overflow: hidden; }

h1.normalh1 { font-weight: normal !important; }

.vbox8020,
.vbox7030,
.vbox6040,
.vbox5050,
.vbox4060,
.vbox3070,
.vbox2080 {  display: flex; min-height: 10px; padding: 3px; flex-flow: center; align-items: flex-start; align-content: flex-start; }

.vbox8020 .vbox_l,
.vbox7030 .vbox_l,
.vbox6040 .vbox_l,
.vbox5050 .vbox_l,
.vbox4060 .vbox_l,
.vbox2080 .vbox_l { min-height: 10px; padding: 10px; }
.vbox8020 .vbox_r,
.vbox6040 .vbox_r,
.vbox5050 .vbox_r,
.vbox4060 .vbox_r,
.vbox3070 .vbox_r,
.vbox2080 .vbox_r { min-height: 10px; padding: 10px; }

.vbox2080 .vbox_l { flex-basis: 20%; }
.vbox2080 .vbox_r { flex-basis: 80%; }
.vbox3070 .vbox_l { flex-basis: 30%; }
.vbox3070 .vbox_r { flex-basis: 70%; }
.vbox4060 .vbox_l { flex-basis: 40%; }
.vbox4060 .vbox_r { flex-basis: 60%; }
.vbox5050 .vbox_l { flex-basis: 50%; }
.vbox5050 .vbox_r { flex-basis: 50%; }
.vbox6040 .vbox_l { flex-basis: 60%; }
.vbox6040 .vbox_r { flex-basis: 40%; }
.vbox7030 .vbox_l { flex-basis: 70%; }
.vbox7030 .vbox_r { flex-basis: 30%; }
.vbox8020 .vbox_l { flex-basis: 80%; }
.vbox8020 .vbox_r { flex-basis: 20%; }

@media screen and (max-width: 800px){
    .vbox8020, .vbox7030, .vbox6040, .vbox5050, .vbox4060, .vbox3070, .vbox2080 { display: block; padding: 0;}
}

div.simacenter  { text-align: center; }
div.inlineblock { display: inline-block; vertical-align: top; padding: 20px; margin-bottom: 10px; min-height: 10px; }
div.iconblock   { display: inline-block; vertical-align: top; padding: 20px; margin-bottom: 10px; min-height: 10px; }
div.iconblock img { margin-bottom: 10px; }

a.button:hover, a.button:active, a.button:visited,
a.button { border: 0 !important; color: #ffffff; background: #666666; padding: 5px 15px 5px 15px; text-align: center; margin: 5px; text-decoration: none; display: inline-block; }

a.rbutton:hover, a.rbutton:active, a.rbutton:visited,
a.rbutton { border: 0 !important; color: #ffffff; background: #666666; padding: 5px 15px 5px 15px; text-align: center; margin: 5px; text-decoration: none; display: inline-block; border-radius: 5px; }

.w30 { width: 100%; }
.w50 { width: 100%; }
.w100 { width: 100%; }

.onepage_page {
	width: 100%;
	/*min-height: 100vh;*/
}

a.minigallery {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

/* RESPONSE */

@media screen and (max-width: 1000px){
    #hamburger { display: block; }
    div.inlineblock { padding: 10px; }
}

/*
-----------------------------
    TEMPLATE GENERIC
-----------------------------
*/
div#main { max-width: 1920px; margin: auto; }

div#head { overflow: hidden; zoom: 1; background: #ffffff url('images/logo.png') 5px center no-repeat; height: 100px; }
#head_menu { text-align: right; height: 100px; }
div#head .menu0, div#head .menusel0 { color: #444444; display: inline-block; vertical-align: middle; padding: 10px 10px; margin-right: 5px; font-size: 16pt; height: 100%; line-height: 70px; }


div#breadcrumbs {
    display: none;
    height: 20px;
    font-size: 8pt;
    line-height: 14pt;
    padding-left: 5px;
}

div#breadcrumbs a { color: #444; }

div#content  { width: 100%; background: #ffffff; text-align: left; margin: auto; }
div#contentb { padding: 30px; max-width: 960px; margin: auto;}

div.placeholder { height: 0px; font-size: 1px; clear: both; overflow: hidden; }

div#foot { clear: both; padding: 5px; }
div#foot a { color: #dddddd; }

/* CONTENT */

/* RESPONSE */
@media screen and (max-width: 1000px){
    div#contentb { padding: 20px; }
}
@media screen and (max-width: 800px){
    div#contentb { padding: 10px; }
}


/*
-----------------------------
LOGIN
-----------------------------
*/

.logins {
        max-width: 400px;
        margin: auto;
        padding: 20px;
        background: rgba(100, 100, 100, .2);
}

div.login_tab {
        width: 100%;
        text-align: center;
}

div.login .l {
        margin-bottom: 10px;
}

form.login .title {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 15pt;
        margin-bottom: 10px;
}

form.login input[type=text],
form.login input[type=password] {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16pt;
}

.loginregister {
        margin: 20px 0;
        padding: 20px;
        background: rgba(100, 100, 100, .2);
        text-align: center;
        max-width: 400px;
}

.loginregister h1 {
        text-align: center;
        padding: 0 10px 10px 0;
        font-size: 14pt;
        border-bottom: 1px solid #666;
        margin-bottom: 10px;
        letter-spacing: 2px;
        font-weight: bold;
}

.login_token .logins_head,
.login_native .logins_head {
    font-size: 16pt;
    text-align: center;
    margin-bottom: 20px;
}



.error {
    color: #aa4444;
}

.cbtn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cbtn a {
    display: block;
    padding: 10px 20px;
}