/* Schairer IT Services CSS file for adaption to the Typ3 bootstrap package */

/* set background image in the page header */
header {
	/* background: #fff url(/fileadmin/SITS/images/luftbild2.jpg) center  no-repeat;  /* color:#ff0040; *\\/ */
  } 
/* set background image in the page body */
body {
	/* color:#fff; */
}

/* Style the header table for top row */ 
.header_table {
  position: top;
  width: 100%;
  color: #A4A4A4
}


/* Anpassungen for Bootstrap accordeon */
.panel-title a { display:block; padding: 10px 15px; }
.panel-heading { padding: 0px 0px; }

/* damit das schon geöffnete Item ein Minus hat - nur setzten, wenn das auch so eingestellt ist! */
.panel-default:first-child .panel-title a:before {
  content:'\2212';
  font-family:'Glyphicons Halflings';
  line-height:1;
  display:inline-block;
  }

/* Plus-Icon für geschlossene (überschreibt auch den Block oben, wenn die Klasse nonactive gesetzt ist) */
.panel-title a:before, .panel-default:first-child .nonactive .panel-title a:before  {
  content:'\2b';
  font-family:'Glyphicons Halflings';
  line-height:1;
  display:inline-block;
  }

/* allgemeines Minus für aktive Elemente */
.active .panel-title a:before {
  content:'\2212';
  font-family:'Glyphicons Halflings';
  line-height:1;
  display:inline-block;
  }


/* activate hover on the menu */
ul.nav li.dropdown:hover ul.dropdown-menu{
	display:block;
	margin-top:0px;
}

/* Anpassung der NavBar */
/* .navbar-default .navbar-nav>li>a {
    color: #fff;
    text-decoration: none;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #50AF31;

}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
} */

/* .navbar-toggle .icon-bar {
    display: block;
    width: 44px;
    height: 3px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}
*/
/* .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #4d4e52;
} */

/* Buttons class in extensions */
.button{
color:#000 !important;
background-color:#FAFAFA; !important;
text-decoration: none !important;
padding:6px; !important;
border:1px #cccccc solid; !important;
}

.buttonSmall{
color:#000 !important;
font-size:small;
background-color:#FAFAFA; !important;
text-decoration: none !important;
padding:6px; !important;
border:1px #cccccc solid; !important;
}

.buttonSmallActive{
color:#fff !important;
font-size:small;
background-color:#50AF31; !important;
text-decoration: none !important;
padding:6px; !important;
border:1px #cccccc solid; !important;
}

.buttonBlue{
color:#fff !important;
background-color:#5858FA; !important;
text-decoration: none !important;
padding:5px; !important;
border:1px #cccccc solid; !important;
}

/* Mouse-Pointer for anchors */
a{
   cursor:pointer;
}
/* Second logo */
.rightLogo {
position:absolute;
right:10%;
top:40%;
}

/* Facebook logo */
.facebookLogo {
position:absolute;
right:70%;
top:72%;
vertical-align:right;
/*background:white;*/
}

/* Instagram logo */
.instagramLogo {
position:absolute;
right:25%;
top:80%;
vertical-align:right;
/*background:white;*/
}

/* Google Play logo */
.googlePlayLogo {
position:absolute;
right:50%;
top:80%;
/*background:white;*/
}

/* Apple Store logo */
.appStoreLogo {
position:absolute;
right:60%;
top:78%;
/*background:white;*/
}

/* Input fields */
.inputCurrency{
width:60px;
text-align:right;
}
.inputField{
width:50px;
text-align:right;
}
.inputDate{
width:90px;
}

 /* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover,active {background-color: #ddd;}


/* Create an active/current tablink class */
/* ul.tab li a:focus, .active {background-color: #ccc;} */

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}








.f3-widget-paginator {
	display: inline-block;
	border-radius: 4px;
	margin: 20px 0px;
	padding-left: 0px;
}

.f3-widget-paginator > li {
	display: inline;
}

.f3-widget-paginator > li > a,
.f3-widget-paginator > li.current {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	text-decoration: none;
	border: 1px solid #DDD;
	background-color: #FFF;
	color: @link-color;
}

.f3-widget-paginator > li.current,
.f3-widget-paginator > li > a:hover,
.f3-widget-paginator > li > a:focus {
	text-decoration: underline;
	background-color: #EEE;
}

.f3-widget-paginator > li:first-child > a,
.f3-widget-paginator > li.current:first-child {
	margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.f3-widget-paginator > li:last-child > a,
.f3-widget-paginator > li.current:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}