/* CSS for SCPRS, Bitcode AG   */
/* Primär:   #312783 blau      */
/* Sekundär: #837acc hellblau  */
/* Tertiär:  #e40421 rot       */


body, html {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #676767;
}

body { margin-bottom: 30px; }
html { position: relative; min-height: 100%; }


.maincontent-area a, #welcome a {color: #312783; text-decoration:underline; }
.maincontent-area a:hover, maincontent-area a:focus,
#welcome a:hover, #welcome a:focus {color: #e40421;}

a.back { font-size:18px; text-decoration:none !important; margin-top:10px;}


.overviewbox { 
/*background: #606060;*/
background-color: #D2D2D2;
/*background: linear-gradient(5deg, rgba(96,96,96,1) 0%, rgba(164,164,164,1) 35%, rgba(210,210,210,1) 100%);*/
padding: 2px 10px 10px 10px; margin:-5px -5px 20px -5px; overflow:hidden; min-height:300px;
/*position: relative; */
color:#fff;
border-radius: 5px;
}
.overviewbox .weiter { position: absolute; bottom: 30px; right: 10px; margin-right:10px; }

.overviewbox a, .overviewbox a:focus { color:#fff !important;}
.overviewbox a:hover { color:#312783 !important;} 


.maincontent-area table.light { }
.maincontent-area table.light tr {  }
.maincontent-area table.light tr td { vertical-align:top; }

.maincontent-area table.light tr td:nth-child(2) {
  font-weight:bold;
}


.maincontent-area .container ul{
 list-style: none;
 margin-bottom:30px;
 padding:0 0 0 16px;
}

.maincontent-area .container ul li {
    margin-left: 25px;
    display: list-item;

    list-style-image: none;
    list-style-position: outside;

    position: relative;
    list-style-type: none !important;
	list-style: none; 
	margin-left:0;
	line-height: 20px;
    margin-bottom: 15px;
}

.maincontent-area .container ul li::before {
	
  color: #312783;  
    content: "■";
    position: absolute;
    left: -16px;
    top: -2px;
    font-size: 16px;
    margin-bottom: 10px !important;
    margin-right: 12px;
}



.maincontent-area .container h1, #welcome h1 { font-size:60px; line-height: 64px; color:#312783; font-weight:400; }
.maincontent-area .container h2 { font-size:40px; line-height: 40px; color:#e40421; font-weight:300; margin-bottom:20px; /* word-break: break-all;*/
  /*  text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/
}

}
.maincontent-area .container h3 { font-size:30px; line-height: 30px; margin-bottom:20px; margin-top:40px;}

@media (max-width: 1000px)
{
	.maincontent-area .container h1, #welcome h1 { font-size:40px; line-height: 40px;   margin-top:0; margin-bottom:20px; }
	.maincontent-area .container h2 { font-size:30px; line-height: 30px; margin-bottom:15px;}
	.maincontent-area .container h3 { font-size:20px; line-height: 20px; margin-bottom:10px; margin-top:40px; }
}


.navbar-collapse {padding-left:0; padding-right:0;}

.sticky-wrapper .container { padding-left:0; padding-right:0; }



@media (max-width: 767px)
{
	.maincontent-area { padding-left: 15px; padding-right: 15px;}
	
	#undefined-sticky-wrapper { height: 60px !important; }
	
	.navbar-collapse {padding-left:30px;padding-right:30px;}
	.nav>li {text-align: center;}
	
	.container { padding-right: 1px !important; padding-left: 1px !important; }
	
	#welcome {padding-left:0; padding-right:0; margin-top:0;}
}



.caret {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  display: inline-block;
  margin-left: 6px;
  top: -3px;
  position: relative;
  transform: rotate(0deg);
  transition: all .25s ease-in;
}

.open-caret {
    transform: rotate(180deg);
    transition: all .25s ease-out;
}




.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  background-color: #312783;
  color:#fff;
  font-size:12px;
  text-align:center;
  
  cursor: default;
}

span.rid {
    display: none;
}


ul.news { padding:0 !important;}
ul.news li { padding-bottom:40px;}


ul.news li::before {
    content:"" !important;
    position: absolute;
    left: -16px;
    top: -2px;
    font-size: 16px;
    margin-bottom: 10px !important;
    margin-right: 12px;
}


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


th {font-size: 0.9em !important; }

h1 a:hover { text-decoration: none !important;}


.mainmenu-area {
	border-bottom:2px solid #312783;
	background-color: #fff;	
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	width: 100%;
	z-index: 999;
}

.mainmenu-area ul.navbar-nav li a {
	color:#000;
    font-size: 14px;
    padding: 16px; 
	border-right:1px solid transparent;
}

.mainmenu-area ul.navbar-nav li:first-child a {
	color:#000;
    font-size: 14px;
    padding: 16px; 
	border-left:1px solid transparent;
}



.mainmenu-area ul.navbar-nav li:hover a, 

div ul.product-tab li:hover a { background-color: #312783; color:#fff;      border-radius: 3px;  }
			
			
.mainmenu-area ul.navbar-nav li.active a { font-weight:bold;  /*cursor: default !important;*/   background:none !important; color: #000;}
			
						
.mainmenu-area .nav > li > a:focus {color: #000}


.mainmenu-area ul.navbar-nav li#navLanguage { background-color:#ddd; cursor:pointer; cursor:hand; margin:7px;-moz-border-radius:5px; border-radius: 5px; }
.mainmenu-area ul.navbar-nav li#navLanguage:hover { background-color:#312783; -moz-border-radius:5px; border-radius: 5px;}
.mainmenu-area ul.navbar-nav li#navLanguage a { color:#fff; font-size: 14px; padding: 8px;  border-right:0; color:#000; text-transform:none !important;}
.mainmenu-area ul.navbar-nav li#navLanguage:hover a { color:#fff; -moz-border-radius:5px; border-radius: 5px; }

.mainmenu-area ul.navbar-nav li#navKontakt { color:#000; background-color:#fff; margin:7px; font-size: 14px; padding: 8px;  border-right:0;  text-transform:none !important;}



.slider-area {clear: both}

#logo { margin-top:10px; }


.logo h1 { font-size: 29px; margin: 40px 0 20px 0;font-weight: 400; color:#312783; }
@media only screen and (max-width: 1200px)  { 
	.logo h1 { font-size: 22px; }
}

@media only screen and (max-width: 991px)  { 
	.logo h1 { margin: 20px 0 20px 0; }
}



#welcome { font-size:16px; margin-top: 20px;}

@media only screen and (max-width: 1100px)  { 
	#welcome { font-size:14px; }
	#welcome h2 { font-size:20px; }
}
@media only screen and (max-width: 1000px)  { 
	#welcome { font-size:12px; }
	#welcome h2 { font-size:18px; }
}




.greyfill { margin-bottom:10px; padding:10px; border-bottom: 2px solid #312783;}

.row-no-padding { padding-left:0; padding-right:0;}


tbody tr.highlight td a, tbody tr.highlight.odd td a { color: #312783;}
tbody tr.highlight td a:hover, tbody tr.highlight.odd td a:hover { color: #837acc;}


.datatable table {width: 100%; }


@media only screen and (min-width: 768px)  { 
	.datatable table {border-collapse: collapse;}
}


.datatable th {font-size: 0.8em; text-align:left; background-color:#312783; padding:0.4em 0.4em; color:#fff; border-bottom:1px solid #aaa;vertical-align:top;}
.datatable th.special {font-size: 0.9em; font-weight:bold; text-align:left; background:#bbbbbb; padding:0.2em 0.4em; border-bottom:1px solid #aaa;vertical-align:top;}
.datatable th.rightAlign, #content td.rightAlign {text-align:right;}


.datatable tr.odd {background:#eee; vertical-align:top;}
.datatable td {font-size:0.9em; padding: 0.2em 0.4em; vertical-align:top;}

.datatable tr.highlight {} 
.datatable tr.highlight:hover {background-color:#ddd;vertical-align:top;}


.datatable img {margin-top:5px;}

.zebra{
	margin-bottom: 20px;
	}
div.maincontent-area{
	margin-top:40px;
	min-height:300px;
	}
	

	
.control {
	color:#fff;
	min-height:178px;
	text-align:center;
	background-repeat:no-repeat;
	background-image: url("/framework/img/mood.png");
	
	padding:40px 30px;
	font-size:40px;
	line-height:1.2em;
}

.no-padding {
	padding-left:0 !important;
	padding-right:0 !important;
}



/*table.zebra tr:hover { background-color:#ddd !important;}*/

.fa  {    font-size: 18px !important; }
	
	
ul.dropdown-menu { padding:0 !important;}
ul.dropdown-menu li a { background-color: #312783 !important; color:#fff !important;}
ul.dropdown-menu li a:hover,ul.dropdown-menu li a:focus { background-color: #837acc !important; color:#fff;}


.floatleft { float: left }
.floatright { float: right }
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
a:focus { outline: 0px solid }
img {
    max-width: 100%;
    height: auto;
}
.fix { overflow: hidden }

h1,h2,h3,h4,h5,h6 { margin: 10px 0 5px 0;}
h3 { margin: 30px 0 5px 0;}


.header-area {
    background: none repeat scroll 0 0 #f4f4f4;
}
.header-area a {
    color: #888;
}
.user-menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.user-menu li {
    display: inline-block;
}
.user-menu li a {
    display: block;
    font-size: 13px;
    margin-right: 5px;
    padding: 10px;
}
.user-menu li a i.fa {
    margin-right: 5px;
}
.header-right ul.list-inline {
    margin: 0;
    text-align: right;
}
.header-right ul.list-inline li a {
    display: block;
    padding: 9px;
}
.header-right ul.list-inline li ul a {
    padding: 5px 15px;
}
.header-right ul.list-inline li ul {
    border: medium none;
    border-radius: 0;
    left: 50%;
    margin-left: -50px;
    min-width: 100px;
    text-align: center;
}



/* Mobile Layout: 320px */
@media only screen and (max-width: 767px) { 
    
	.logo h1 {	margin: 20px 0 !important; }
	.logo h1 a span { font-size:14px !important; }	
		
	.user-menu, .header-right ul.list-inline {
	  text-align: center;
	}  
	.logo h1 {
	  font-size: 20px;
	  margin: 20px 0;
	  text-align: center;
	} 
	
	
	.navbar-header {
	  text-align: center;
	}    
		
	.navbar-toggle {
		border-color: #312783;
		float: none;
		margin: 0 10px 10px 10px;
	}
	.navbar-toggle .icon-bar { background: none repeat scroll 0 0 #312783; }  
	.navbar-collapse.collapse.in {
	  /*background: none repeat scroll 0 0 #312783;*/
	  
	  
	  
	  
	  position: relative;
	  z-index: 99;
	} 
	
	
	
	.mainmenu-area ul.navbar-nav li a {
	  border-bottom: 1px solid #312783;
	}  
	
	.mainmenu-area ul.navbar-nav li a {
	  padding: 15px;
	}  
	.mainmenu-area {position: relative !important}
	.slide-text {
	  font-size: 16px;
	}  
	
	
	div.maincontent-area{
	margin-top:0 !important;
	}
	
	
}




/*Bootstrap button outline override*/
.btn-outline {
    background-color: #fff;
    color: inherit;
	width:100px;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#ccc));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}

.btn-outline-nowidth {
    background-color: #fff;
    color: inherit;	
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#ccc));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}


.btn-outline:hover, .btn-outline-nowidth:hover { box-shadow:2px 2px 8px #ccc; color:#111; }

.btn:focus, .btn:active { 
	color:#111 !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#fbfbfb));
	background: -moz-linear-gradient(top,  #ccc,  #fbfbfb);
 }
 

 
@media print {
	html { height: 100%; background:none;}
	body { height: 100%;margin: 0;padding: 0;background: #fff;font: 85%/1.4em "Roboto, sans-serif";}
	
	#toparea {background:none; background-color:#ddd; height:100px; border:1px solid #555; }
	
	#nav {display:none;}
	#lang {display:none;}
	
	#content {padding-left:5px; padding-right:10px; position:relative; padding-top:20px; }
	
	#footer {display:none;}

	.mainmanu-area { display:none;}
	
	.sticky-wrapper { display:none;}
	
	.logo h1 { margin-bottom:0; padding-left:15px; paddding-right:15px;}
	
	.overviewbox { min-height: 0; }
	.overviewbox a { display:none;}
}