/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
/* @import url(https://fonts.googleapis.com/css?family=Arimo:400,700); */

/*---------------------------------
	OVERRIDES
-----------------------------------*/
/* Kickstart Overrides */
html {
  background: url(../pics/background.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  max-width: 1280px;
  max-height: 720px;
}
BODY, FORM {
  font-size:1.3em;
}
.menu li a{
  font-size:0.9em;
}
.menu.vertical{  
  z-index:1;
  font-size:0.9em;
}
button.xsmall, a.btn.xsmall, a.button.xsmall{font-size:0.6em;padding:3px 7px;}
button.import    {width: 130px; font-size : 13px; opacity: .9; border:1px solid #469df5; -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	         -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;	  box-shadow:inset 0px 1px 0px 0px #cae3fc; }
button.import:hover {background: #4197EE;  border: solid 1px #2A4E77; opacity: .9;}

.col_1{
   margin: 2px 2px;
   padding: 3px 3px;
   border : 1px solid #e6e6e6;
   background : #fff;
   border-radius : 6px;
}
.col_2{
   margin: 2px 2px;
   padding: 3px 3px;
   border : 1px solid #e6e6e6;
   background : #fff;
   border-radius : 6px;
}
.col_6{
   margin: 2px 2px;
   padding: 3px 3px;
   border : 1px solid #e6e6e6;
   background : #fff;
   border-radius : 6px;
}
.col_8{
   border : 1px solid #0e71b8;
   background : #fff;
   border-radius : 6px;
   -moz-box-shadow: 	0px 0px 5px 2px #333;
   -webkit-box-shadow: 0px 0px 5px 2px #333;
   box-shadow: 		0px 0px 5px 2px #333;
}
.col_9{
   border : 1px solid #0e71b8;
   background : #fff;
   border-radius : 6px;
   -moz-box-shadow: 	0px 0px 5px 2px #333;
   -webkit-box-shadow: 0px 0px 5px 2px #333;
   box-shadow: 		0px 0px 5px 2px #333;
}
.col_11{
   border : 1px solid #0e71b8;
   background : #fff;
   border-radius : 6px;
   -moz-box-shadow: 	0px 0px 5px 2px #333;
   -webkit-box-shadow: 0px 0px 5px 2px #333;
   box-shadow: 		0px 0px 5px 2px #333;
}
.col_12{
   border : 1px solid #0e71b8;
   background : #fff;
   border-radius : 6px;
   -moz-box-shadow: 	0px 0px 5px 2px #333;
   -webkit-box-shadow: 0px 0px 5px 2px #333;
   box-shadow: 		0px 0px 5px 2px #333;
}

.menu{
  font-size:0.5em;
  z-index:1000;
  background : #fff;
}
.menu li a{
  margin: 2px 2px;
  padding: 3px 3px;
  border: 1px solid #a5c7df;
  background-color: #0e71b8;
  color: #fff;
  text-shadow: none;
}
.menu li.current>a,
.menu li.current>a:hover,
.menu li.current.hover>a{
  background-color: #fff;
  color: #000;
}
.menu li a:hover,
.menu li.hover>a{
  background-color: #fff;
}
.menu ul{
  background-color: #fff;
  border: 1px solid #a5c7df;

}
.menu ul li a{
  background-color: #0e71b8;
  color: #fff;
  text-shadow: none;
}
.menu li a:hover,.menu li.hover>a{
  background-color: #fff;
  color: #000;
  text-shadow: none;
}
/* striped */
   table.striped tr.alt{}
   table.striped thead th{}
   table.striped tbody th{}
   table.striped tbody tr.alt th{}
}
/* sortable */
   table.sortable thead th:hover{}

.fa-border {
  padding: .12em .15em .07em;
  border: solid 0.08em #595959;
  border-radius: .3em;
}

hr.alt1{border-style: solid; margin:2px 0;}

ul.breadcrumbs{
  margin:0px 0;
}
ul.breadcrumbs.alt1 li a{
  padding:4px 8px 8px 8px;
}

h1,h2,h3,h4,h5,h6{
  font-family: "Arimo", arial, verdana, sans-serif;
  font-weight:normal;
}

p { margin-top: 0px; margin-bottom: 0px; }

thead th,
tbody th{
  font-family: "Arimo", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="file"],
input[type="submit"],
input[type="reset"],
input[type="button"]{
  font-family: "Arimo", arial, verdana, sans-serif;
}

button.x-small, a.btn.small, a.button.small{font-size:1.2em;padding:2px 2px; }
button.small, a.btn.small, a.button.small{font-size:0.9em; margin:3px 3px;}
button.tools, a.btn.tools, a.button.tools{margin:1px 1px; width:150px;}

.greendiv{
  color: #fff;
position:relative;
vertical-align: middle;
margin:0;
padding:3px 14px;
line-height:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: pointer;height:16px; background: -webkit-linear-gradient(top, rgba(143,196,0,1) 0%,rgba(107,165,0,1) 100%);
} 

input           {
  cursor: pointer; padding: 2px; margin: 2px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  border-radius:0px;
  -moz-box-shadow:inset 0 0 0px #ccc;
  -webkit-box-shadow:inset 0 0px 0px #ccc;
  box-shadow:inset 0 0px 0px #ccc;
}
input.next      {display:inline-block; border: solid 1px #2A4E77;}
input:hover     {border: solid 1px #2A4E77; opacity: .9;}
/* input:hover     {background: #4197EE;  border: solid 1px #2A4E77; background-repeat:no-repeat; background-position: center; opacity: .9;} */
input[type="submit"]:hover     {border: solid 1px #2A4E77; background-repeat:no-repeat; background-position: center; opacity: .9;}
input[type="number"] {  width:100px; }
input[type="time"] {width:100px; }
input.search    { padding: 0px; margin: 0px; box-sizing: border-box;  }
input.file    { padding: 3px; margin: 0px; box-sizing: border-box;  }
input.search:hover     {background: #FFF; border: solid 1px #2A4E77; opacity: .9;}

td.search       {padding: 0px; margin: 0px; text-align: center;}

.tab-content{
    margin:0 0 10px 0;
}
.outer {
    display: table;
    position: absolute;
    height: 70%;
    width: 99%;
}
.middle {
    display: table-cell;
    vertical-align: middle;
}
.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 300px;
}
.menu{
  font-family: "Arimo", arial, verdana, sans-serif;
}
blockquote{
  font-family: "Arimo", arial, verdana, sans-serif;
}
label.c { width:170px; line-height:10px; margin:0px;  padding:8px;  border: 2px solid #469df5;  background-color:#fff;  color:#ccc;  cursor: pointer; }
label { line-height:12px; margin:1px;  padding:2px;  background: #4197EE; border-color:grey; border-width:1px; border-style:outset; background-color:transparent; cursor: pointer; }
/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
  margin:0;
  padding:0 0 0 0;
  color:#000;
  /* background:#efefef url(img/gray_jean.png); */
  font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
  text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

#next {
    clear:both;
    text-align: center;
    margin: 0px;
    padding: 10px;
    background: #E8E8E8;
    border: solid 1px #2A4E77;
}

#wrap{
  width:100%;
  background:#fff;
  margin:30px auto 30px auto;
  padding:0 2%;
  border:1px solid #ccc;
}

#logoutdiff {
  font-size : 9px;
  color: #FF0000;
}

#footer{
  clear:both;
  text-align:center;
  padding:2px;
  margin:0;
  border-top:1px solid #ddd;
  color:#999;
  font-size:0.8em;
  text-shadow:0px 1px 1px #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  background:#fff;
}

#Saved{
  text-align:center;
  padding:2px;
  color:#999;
  font-size:1.2em;
  text-shadow:0px 1px 1px #fff;
  position: fixed;
  top: 50;
  width: 80%;
  z-index:1001;
}

#Logo {
    border: 0px solid #CCDDFF;
    background-image: url(../pics/logo.gif center center fixed);
    background-size: 183px 67px;
    background-repeat: no-repeat;
    width: 185px;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* ie fallbacks */
    background-image: url(../pics/logo.gif);
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../pics/logo.gif', sizingMethod='scale')";
}

#Lang{position:absolute;right:0px;top:30px;height:20px;border:0px solid;}
#Scanner {position:absolute;right:0px;top:55px;height:20px; z-index:1;}

wrapper {
    width: 100%;
}
#div1 {
  float:left;
  margin:2px;
}
#clear {
  clear:both
}


/*Excel*/
  input.xls       {font-size:0px; height: 30px;   width: 30px;   background-color: transparent;    background-image: url(../pics/icons/excel.png);background-repeat:no-repeat;background-position: center; }
  input.xls:hover {font-size:0px; height: 30px;   width: 30px;   background-color: transparent;    background-image: url(../pics/icons/excel.png);background-repeat:no-repeat;background-position: center; }


/*Sprachauswahl*/
  input.de{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/de.png);background-repeat:no-repeat;background-position: center;}
  input.de:hover{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/de.png);background-repeat:no-repeat;background-position: center;}
  input.en{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/uk.png);background-repeat:no-repeat;background-position: center;}
  input.en:hover{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/uk.png);background-repeat:no-repeat;background-position: center;}
  input.es{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/es.png);background-repeat:no-repeat;background-position: center;}
  input.es:hover{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/es.png);background-repeat:no-repeat;background-position: center;}
  input.fr{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/fr.png);background-repeat:no-repeat;background-position: center;}
  input.fr:hover{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/fr.png);background-repeat:no-repeat;background-position: center;}
  input.it{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/it.png);background-repeat:no-repeat;background-position: center;}
  input.it:hover{height:20px;width:20px;margin:0px;padding:1px;font-size:0px;background-color:transparent;cursor:pointer;opacity:1;border-radius:0px;-moz-border-radius:0px;background-image:url(../pics/flags/it.png);background-repeat:no-repeat;background-position: center;}

/*Icon Auswahl Sprache */
  select.icon-menu option { background-color:#F7F7F7; background-repeat:no-repeat; background-position:bottom left; padding-left:20px; }
  select.icon-menu {background: #4197EE;  border: solid 1px #2A4E77; opacity: .9; background-color:#F7F7F7;}
  select.icon-menu:hover {background: #4197EE;  border: solid 1px #2A4E77; opacity: .9;}

.ui-dialog { z-index: 1001 !important ;}

.notice{
  text-align:center;
  font-size:1.2em;
  bottom: 20;
  width: 80%;
}

	#link-top{
	display:none;
	}

/* NAV BAR*/
.navbar{
  position:fixed;
  top:0;
  left:0;
  width: 100%;
  background:#000;
  color:#fff;
  z-index:999;
}

	.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
	}

	.navbar span{
	color:#86dc00;
	}


	.navbar ul{
	display:inline-block;
	margin:0;
	padding:0;
	}

		.navbar li{
		margin:0;
		padding:0;
		list-style-type:0;
		display:inline-block;
		}

		.navbar li a{
		display:inline-block;
		color:#efefef;
		padding:1em 1.3em;
		text-decoration:none;
		text-transform: uppercase;
		line-height:100%;
		font-size: 1.2em;
		}

.callout{
  background:#4598ef;/*#86dc00;*/
  padding:3em 0;
  color:#fff;
  box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
  text-align: center;
  text-shadow:0px 1px 3px rgba(0,0,0,0.2);
  display:block;
}
	.callout + div.grid{margin-top:50px;}
	 a.callout{cursor:pointer;}
	 .callout i.icon-4x{font-size:6em;}
	 .callout h4{margin-bottom:30px;}
	 .callout-top{margin:50px 0 0 0;}
	 .callout p{margin-bottom:0;}
	 .callout .button{margin-top:10px;}
	 .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
  padding:30px 0;
}

#ui-preview{
  border:5px solid #ddd;
  margin:30px 0;
  display:block;
}

#clear {
  clear:both
}

/* DIV Tabellen */
.Table {  display: table; margin: 0 auto; }
.Title {  display: table-caption;  text-align: center;  font-weight: bold;  font-size: larger; }
.Heading{ display: table-row;  font-weight: bold; text-align: center; }
.Row {    display: table-row; text-align: left; }
.Cell {   display: table-cell; padding-left: 1px; padding-right: 1px; text-align: left;}
fieldset { border: 2px solid #C5D8E1; border-radius: 6px; background: white; margin: 2px;}
.TableB {  display: table; margin: 2 auto; padding: 2px; border:1px solid lightgray; }
.RowB {    display: table-row; text-align: left; padding: 4px;}
.CellH {   display: table-cell; padding-left: 4px; padding-right: 4px; font-weight: bold; text-align: center; border:1px solid lightgray; }
.CellB {   display: table-cell; padding-left: 4px; padding-right: 4px; text-align: left; border:1px solid lightgray; }

table{margin:0 0 1px 0; border-collapse: collapse; }
	thead { border:2px solid #ddd; } /* background-color: #4598ef; */
	th { font-size:1em; border-bottom:1px solid #ddd; text-align:center; }
	td{ font-size:0.8em; border-bottom:1px dotted #ddd; text-align:left; }
	td.search:hover{ background-color: #4598ef;  }
        tbody tr.last th,
	tbody tr.last td{ border-bottom:0; }

fieldset{
  font-size:0.8em;
  margin: 2px 0 2px 0;
  padding:5px 5px 5px 5px;
}

#search_list {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	color:red;
	border:red 1px solid;
	width:190px;
	margin-right:154px;
}
#search_list li {
	padding: 2px;
	font-size:12px;
	background:#FAFAFA;
	border-bottom:#F0F0F0 1px solid;
}
#search_list li:hover {
	background:red;
	color:#fff;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
}

