/* 
 * Created with: http://bootstrap3-menu.codedorigin.com/#
 * Only changes from the orginals where background-image:none (line 18: .navbar-inverse... )
 **/
/**
.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.nav .navbar-inverse .navbar-brand {min-height:45px !important}
**/

/* Definitions for the header of Rannis pages  */

.rannis-header { background-color: white; 
	background-repeat: no-repeat; 
	height: 5.786em; 
	padding-left: 3.929em; 
	padding-right: 3.929em; 
	flex: 0 0 auto;
}  
.header-center { text-align: center; display: table; /*height: 5.786em; */ height: 100%; overflow: hidden; }
.header-center-right { text-align: center; display: table; /*height: 5.786em; */ height: 100%; overflow: hidden; }
.header-right { float: right; text-align: right; display: table; height: 100%; overflow: hidden; }
.textlogo-header { font-weight: 500; font-size: 24px; color: #393939; display: table-cell; vertical-align: middle; }
.rannis-deadline-header { font-weight: 700; font-size: 14px; color: #58B4FF; display: table-cell; vertical-align: middle; float: right; }

/* Definitions for the navbar of Rannis pages  */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #58B4FF; }

.navbar { min-height: 45px; margin-bottom: 0px; }
.navbar-inverse { background-color: #58B4FF; background-image: none; border-color: #58B4FF; }
.navbar-inverse .navbar-nav>li {  font-weight: 400; }
.navbar-inverse .navbar-nav>li>a { padding-top: 13px; padding-bottom: 13px; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #58B4FF; border-color: #58B4FF; }
.navbar-inverse .navbar-toggle { border-color: #58B4FF; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #58B4FF; }
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #58B4FF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #58B4FF}

.navbar-inverse .navbar-brand { color: #FFFFFF;  height:45px; padding-top: 13px;}
.navbar-inverse .navbar-brand:hover { color: #D7D7D7}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF; font-size: 1.4em;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #D7D7D7}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF; background-image: none}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #D7D7D7}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
/*.navbar-brand { padding-top: 13px; padding-bottom: 12px; }*/

.nav-dropdown-menu { background-color: #58B4FF}
.nav-dropdown-menu>li>a:hover, .nav-dropdown-menu>li>a:focus { background-color: #58B4FF}
.nav-dropdown-menu>li>a:hover, .nav-dropdown-menu>li>a:focus { background-image: none; }
.nav-dropdown-menu>li>a { color: #FFFFFF; font-size:1.4em; }
.nav-dropdown-menu>li>a:hover, .nav-dropdown-menu>li>a:focus { color: #D7D7D7}

.navbar-header { padding-left:0.714em; padding-right:0.357em; }
.logo-home { height: 18px; }

span.badge { background-color: #393939; }

/* Submenu defintions */
.dropdown-submenu {
	position: relative;
	background-color: #58B4FF
  }
  
  .dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 16px;
	top: .8em;
	color: #FFFFFF;
  }

  
  .dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: .1rem;
	margin-right: .1rem;
	background-color: #58B4FF;
	color: #FFFFFF;
  }
  .dropdown-item>li>a {
	background-color: #58B4FF;
	color: #FFFFFF;
	font-size:1.2em;
  }

  .caret-right {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-left: 4px solid;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
  }

/* Definitions for the footer of Rannis pages */

footer{
	background:url(../img/rannis_colorline.png) 50% 0 repeat-x #393939;
    margin:0 -1.429em; 
	padding:0.643em 1.429em 0; 
    color:#b2b2b2; font-size:.94117647em; font-weight:300; text-shadow:0.071em 0.071em 0 rgba(0,0,0,.5);
	clear: both;
	flex-shrink: 0;
}

.rannis-footer{
	padding-top: 1em;
}

.footerlogo { 
	max-height: 3rem;
	margin-left: 2em;
 }

.text-right{
	text-align: right;
}

.text-left{
	text-align: left;
}


footer>.rannis-footercol:after{ display:block; height:0; content:" "; clear:both }
.rannis-footercol{ box-sizing:border-box; margin: 0 auto 1.429em auto; background: #393939; color: #b2b2b2; }
.rannis-col{ box-sizing:border-box; margin: 0 auto 1.429em auto; background: #393939; color: #b2b2b2; }
.rannis-footercol h2, .rannis-footercol h3, .rannis-footercol h4 { font-family: 'Open Sans','Helvetica Neue',Arial,Helvetica,sans-serif; font-weight: 400; }
.rannis-llina { background: #393939 url(litalina.png) 0 0 repeat-x; color: #b2b2b2; height:  0.714em; }
  
.footerbasics, .footercontact {text-align: left; }
/* .rannis-footer-name { font-size:1.714em } */
.rannis-footer-kt { font-size:1.143em; line-height:1.928em }
.rannis-footer-address { font-size:1.143em; line-height:1.928em }
/* .rannis-footer-icons { font-size: 2.5em; color: #b2b2b2; padding-top: 0.357em; margin-right: 0.214em;} */
  
.rannis-footer-tel { font-size:1.143em; color: #b2b2b2; line-height:1.928em }
.rannis-footer-telnumber { font-size:1.714em; line-height:2.857em }
.rannis-footer-email { font-size:1.143em;  color: #b2b2b2}
.rannis-footer-emailclick { font-size:1.143em }
.rannis-footer-emailclick > a { color: #fff; text-decoration: none; }
.rannis-footer-emailclick > a:hover, .rannis-footer-emailclick > a:active { text-decoration: underline; }
.rannis-logo { max-width: 22em; margin-top: 1.6em; }
.rannis-footer-icons > a:hover, .rannis-footer-icons > a:active { text-decoration: none; }
.rannis-footer-basic{margin-left: 4em; margin-right: 4em;}

.boxbody { /** FixMe: boxbody should be renamed, only used footer **/
	margin: auto;
	text-align: center;
}
.boxbody:after {
	display:block;
	height:0;
	content:" ";
	clear:both
}

@media screen and (max-width:600px){
	.rannis-header {padding-left:1.5em; padding-right: 1.5em;}
	.rannis-footer-address{margin-top: 1em;}
}
@media screen and (max-width:763px){
	footer {clear:both}
	.rannis-panel {margin: auto; padding-bottom:1em;}
	.footerlogo {padding-top: 1em;}
	.rannis-footercol {margin: auto; text-align: center;padding-bottom:1em;}
	.footerbasics, .footercontact { text-align: center;}
}
@media screen and (min-width: 764px) {
    .navbar-nav li, .navbar-nav li>a { border-left: 0.071em solid #58B4FF; border-right: 0.071em solid #58B4FF; }
    
    footer {clear:both}
	.rannis-footercol {margin: auto;max-width:1232px;box-sizing:border-box;padding-bottom:1em;margin-top: 1px;}
	.footerbasics,.footercontact,.footerlinks,.footerlogo,.toe{box-sizing:border-box;
	display:inline-block;margin:auto; vertical-align: top;/*border: 0.071em solid red;*/}
	.footerlogo img {margin-top: 2em; max-width: 100%; }
	.footerbasics h2 {font-size: 1.143em ;margin-top: 2em;color: #fff;}
	/*.footerbasics h2 {font-size: 1.125em;margin-top: 4em;color: #fff;}*/
	.footercontact .rannis-footer-tel {font-size: 1.125em; margin-top: 2em;}
	.footercontact .rannis-footer-tel strong {color: #fff;}

	.rannis-footercol h3 {margin-top: 0;font-size: 1.143em; line-height: 1.6875em; color: #fff;}
	.rannis-footer-kt{font-size: 1.143em;}
	.rannis-footer-address {font-size: 1.143em;margin-top: 2em;}
	.footercontact span {display: block; margin-bottom: .25em;}
	/* .rannis-footer-name>strong, .rannis-footer-tel>strong, .rannis-footer-email>strong { */
		/* color: #fff;font-weight: 400;font-size: 1.25em;} */
	.rannis-footer-emailclick >.mailto, .rannis-footer-address { color: #fff; }
	/* .rannis-footer-address-line2 { color: #b2b2b2; line-height: 1.6875em; font-size: 1.125em; } */
	
}
@media screen and (max-width:991px){ 
	.textlogo-header { 
		font-size: 20px;
		text-align: right;
	}
}
@media screen and (max-width:1024px){ 
	.textlogo-header { font-size: 22px; }
}

@media print{ 
    .navbar, .not-print {display:none!important} 
    header, footer, .rannis-footercol, .rannis-header {display:none!important} /*Unique elements that should be hidden */
}