html, form { height:100%; min-height:100%; font-size:10px; }

/* Basis-Stylesheet für alle Websites des IKR (Wahlen und Abstimmungen) */

body 
{
    background-color:#F4F4F5;
    font-size:10px;
    margin:0em;
    padding:0em;
    /*font-family:Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;*/
    font-family:Arial, Verdana, 'Helvetica Neue';
    overflow:scroll;
    overflow-x:hidden;
    text-align:center;
    min-width:30em;
    color:#3E3E3E;
    min-height:inherit;
    height:100%;
}

.noscroll { overflow:hidden; }

/* master */

.page                   { width:100%; max-width:120em; text-align:left; margin:0em auto 0em auto;  }
.header .col-left       { width:24.8%; float:left; }
.header .col-right      { width:75%; float:left; text-align:center; }
.header .logo           { width:100%; max-width:21.1em; }
.header .logo-mobile    { display:none; }
.header .header         { width:100%; max-width:59.6em; }
.header__headline               { padding:2.2rem 0rem 0rem 0rem; }
.header .headline__country      { font-size: 1.5rem; line-height: 1.9rem; color: #414141; text-transform:uppercase; margin:0rem; }
.header .headline__title        { font-size: 4.0rem; line-height: 4.5rem; color: #414141; text-transform: uppercase; margin:0rem; display:block; }
.header .menutrigger            { display:none; }

.state-headline             { font-size:3em; margin-top:0.6em; }

.main                       { clear:both; min-height:inherit; }
.main .col-left             { width:20.8%; float:left; background-color:transparent; min-height:30em; margin-right:0.2%;  min-height:inherit;}
.main .col-right            { width:79%; float:left; background-color:white; min-height:30em; padding:5.8rem;  min-height:inherit; }
.main .col-right .content   {  }
.main .col-right > div:first-child   { padding-left:0em; }


/* mobile-menü */

.pullmenu-mobile    { display:none; position:absolute; top:0em; z-index:7777; width:100%; }
.nav-back-mobile    { display:none; position:absolute; top:0em; right:0em; cursor:pointer; border-left:solid 1px #D5D5D7; z-index:8888; max-width:9em; width:20%; height:5.3em; background-image:url(/images/ikr-back-mobile.png); background-repeat:no-repeat; background-position:center center; background-size:contain; }

.main .col-left.mobile-hide        { display:block;  }
.main .col-left.mobile-show        { display:block; z-index:9999; }


/* styles */

*       { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
ul,ol   { margin:0px; padding:0px; }
li      { list-style-type:none; }
a       { text-decoration:none; color:#015EAB; }
a img   { border-width:0px; }
p       { font-size:1.5em; line-height:1.5em; margin-bottom:1em; }
table th[data-sort] { cursor:pointer; }

.border { border:solid 1px #D5D5D7; }

.text p     { font-size:1.5em; line-height:1.5em; }
.text ul    {  margin:0em 0em 0em 1.6em; padding:0em; }
.text li    { font-size:1.5em; line-height:1.6em; list-style-type:square; padding:0em; }

.message    { width:100%; text-align:center; padding:2em; }

.table                          { width:100%; }
.table .header                  { }
.table table                    { width:100%; }
.table th                       { background-color:#f2f2f4; padding:0.6rem 0.7rem 0.6rem 0.7rem ; font-weight:bold;  }
.table td                       { border-bottom:solid 1px #E6E6E8; padding:0.6rem 0.7rem 0.6rem 0.7rem; }
.table th:first-child           { padding-left:1.8rem; }
.table th:last-child            { padding-right:1.8rem; }
.table td:first-child           { padding-left:1.8rem; }
.table td:last-child            { padding-right:1.8rem; }
.table th > span, .table th > a, .table th > b    { font-size:1.4rem; }
.table td > span, .table td > a, .table td > b    { font-size:1.4rem; }
table.sortable th i             { font-size:1.8rem; color:#808080; position:relative; left:0.5rem; top:0.08rem; }
.table tr:hover td            { background-color:#f0f0f0; }

/* dropdown */
.styled-select               { /* remove standard-styles --> */ -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; outline-width: 0; outline:none; /* styling --> */   min-width:8em; font-size:1.5em; border: 1px solid #C8C8C8; padding:.5em 1.5em .5em 1em;  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);  background-color:#F5F5F5;  background-image:url(/images/select-arrow.jpg);  background-position: right center;  background-repeat: no-repeat;  } 
.styled-select:hover         {  background-image:url(/images/select-arrow.jpg);   }
.styled-select::-ms-expand   { display:none; }


/* util */

.clearing       { clear:both; font-size:0px; height:0px; }
.clear-float    { content: ""; display: table; clear: both; }
.u-fullheightx   { min-height:100% !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ /* real browsers */ }

.box                    { width:100%; }
.box h2                 { width:100%; padding:0.6em; margin:0em 0em 0.5em 0em; background-color:#F2F2F4; }
.box .box-content       { padding:0em 1em 0em 1em; }
.box .box-content img   { max-width:34%; float:left; margin-right:3%; }
.box .text-entry        { padding:0em 1em 0em 1em; }
.box .text-entry img    { max-width:34%; float:left; margin-right:3%; }

.box-2                  { border:solid 1px #D4D4D4; background-color:#F3F3F5; }
.box-2 h2               { font-size:2.2em; border-bottom:solid 1px #D4D4D4; padding:0em 0em 0.5em 0.6em; margin-bottom:0em; display:inline-block; width:98%; margin-left:1%; }
.box-2 .text-entry      { padding:2em 1em 0em 1.6em; }
.box-2 .text-entry h3   { font-size:1.8em; font-weight:normal; margin:0em 0em 0.5em 0em; font-weight:bold; }

.box-3                              {  }
.box-3 h2                           { font-size:2.2em; border-bottom:solid 1px #D4D4D4; padding:0em 0em 0.5em 0.6em; margin-bottom:0em; }
.box-3 .text-entry                  { width:100%; padding:1em 1em 1em 1.2em;  }
.box-3 .text-entry .date            { font-size:1.4em; margin:0em 0em 0.5em 0em; }
.box-3 .text-entry h3               { color:#0060AC; font-size:1.8em; font-weight:normal; margin:0.2em 0em 0.3em -0.05em; font-weight:normal; }
.box-3 .text-entry + .text-entry    { border-top:solid 1px #D4D4D4; padding-top:2.5em; }

.box-4      { background-color:#f8f8fa; border:solid 1px #e7e7e9; padding:2em; width:100%;  }
.box-4 h2   { font-weight:normal; margin:0em; font-size:2em; color:#005fab; }