/*

Schweigmatt-blau             #0062a9
Schweigmatt-hellblau         #2ea5de
Schweigmatt-grün			 #2aa956

*/
   
/* Generell */          
             
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,blockquote,th,td {
	margin: 0;
	padding: 0;
	border-width: 0;
	font-family:'Open Sans';
	}

html {
	background-color: #FFFFFF;
	font-family: 'Open Sans', sans-serif;
	}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-align: left;
	font-size: 14px;
	line-height: 1.2;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;/* improves safari */
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	padding:0px;
	margin:0px;
	table-layout:fixed;
	}

tr.line td {
	border-bottom:#d3d3d3 1px solid;
	}

th.rotated {
	white-space: nowrap;
	}
th.rotated > div {
	transform:translate(0px, -10px) rotate(315deg);
	-webkit-transform: translate(0px, -10px) rotate(315deg);
	-ms-transform: translate(0px, -10px) rotate(315deg);
	width:30px;
	padding:0px;
	white-space: nowrap;
	}
th.rotated.c > div {
	margin:0px auto;
	}
th.rotated.r > div {
	margin:0px 0px 0px auto;
	}
th.rotated > div > span {
	padding:0px;
	white-space: nowrap;
	}

th.rot45 > div {
	transform:translate(0px, -10px) rotate(315deg);
	-webkit-transform: translate(0px, -10px) rotate(315deg);
	-ms-transform: translate(0px, -10px) rotate(315deg);
	width:30px;
	padding:0px;
	white-space: nowrap;
	}
th.rot90 > div {
	transform:translate(-10px, -10px) rotate(270deg);
	-webkit-transform: translate(-10px, -10px) rotate(270deg);
	-ms-transform: translate(-10px, -10px) rotate(270deg);
	width:30px;
	padding:0px;
	white-space: nowrap;
	}
th.rot45 > div > span, th.rot90 > div > span {
	padding:0px;
	white-space: nowrap;
	}
th.rot45.c > div, th.rot90.c > div {
	margin:0px auto;
	}
th.rot45.r > div, th.rot90.r > div {
	margin:0px 0px 0px auto;
	}

td.cut {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	}

a, a:link, a:hover, a:visited {
	color: #000000;
	visibility: inherit;
	text-decoration: underline;
	}
a:hover {
	text-decoration:none;
	}
a:active {
	color: #ce0325;
	visibility: inherit;
	text-decoration:none;
	}
input[type=text], input[type=password], textarea {
	border:#a7a7a7 1px solid;
	border-radius:5px;
	font-size:110%;
	padding:3px;
	}
input[type=button], input[type=submit] {
	border:#a7a7a7 1px dotted;
	background:#ffffff;
	border-radius:5px;
	padding:5px 5px;
	font-weight:bold;
	cursor:pointer;
	}
input[type=button]:hover {
	background:#a7a7a7;
	border:#000000 1px solid;
	}

/* Keine Pfeile bei Number-Feldern anzeigen */
input[type=text]:disabled, input[type=text]:read-only { background-color:#d3d3d3; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
	}
input[type=number] { -moz-appearance:textfield; /* Firefox */ }

button.ui-button {
	font-size:12px !important;
	}
input.datum {
	width:140px;
	background-image:url(../_img/calendar.gif);
	background-position:95% center;
	background-repeat:no-repeat;
	}

h1 {
	margin-bottom:10px;
	clear:both;
	color:#0062a9;
	font-size:24px;
	}

.errorDiv {
	width:980px; 
	background-color:#ce0325; 
	color:#ffffff; 
	padding:10px; 
	font-size:175%; 
	font-weight:bold; 
	text-align:center; 
	margin:20px 0px;
	border-radius:5px;
	}

.panel {
	background:#0062a9;
	padding:5px 15px;
	border-radius:5px;
	color:#ffffff;
	}
.panel table td, .panelTab table td {
	padding-bottom:3px;
	}
.panel table tr td:last-child, .panelTab table tr td:last-child {
	text-align:right;
	}
.panelTable td, .panelTable th {
	color:#ffffff;
	}
.panelTable th {
	border-bottom:#ffffff 2px solid;
	}
.panelTable tr:not(:last-child) td {
	border-bottom:#ffffff 1px solid;
	}

.panelTab {
	display:none;
	background:#0062a9;
	padding:15px 15px;
	color:#ffffff;
	}
.panelTab.aktiv {
	display:block;
	}
	
#tabBar div {
	display:table-cell;
	padding:6px 10px;
	background:#00afd4;
	cursor:pointer;
	border-right:#ffffff 2px solid;
	}
#tabBar div.aktiv {
	background:#0062a9;
	color:#ffffff;
	cursor:text;
	}	
#tabBar div:first-child {
	border-top-left-radius:5px;
	}
#tabBar div:last-child {
	border-top-right-radius:5px;
	}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
	} 
.clearfix::after {
	clear: both;
	}

/* Seite */

#header {
	width:1200px;
	position:relative;
	margin:4px auto;
	/*background:url(../_img/site/header-balken.png) top right no-repeat;*/
	margin-bottom:30px;
	}
#logo_img {
	margin-top:10px;
	height:60px;
	}
#sitecontainer {
	width:1200px;
	margin:0px auto;
	padding:0px;
	}
#sitecontainer > div {
	margin:0 0 100px 0;
	}

#mobileMenu {
	display:none;
	}

#mininavigation {
	position:absolute;
	top:15px;
	width:1200px;
	font-size:12px;
	height:25px;
	margin:0px auto;
	text-align:right;
	color:#0062a9;
	}
#mininavigation ul {
    float:right;
    list-style-type:none;
    margin:0;
    padding:0;
	}
#mininavigation ul li {
	list-style: none;
    margin:0;
    padding:0;
    display:inline;
    float:left;
	}
#mininavigation ul li a {
    color:#9d9d9d;
	text-decoration:none;
	cursor:pointer;
	}
#mininavigation ul li a:hover {
	color:#000000;
	}
#mininavigation ul li:not(:last-child) a {
	margin-right:10px;
	}

.navigation {
	position:absolute;
	top:40px;
	width:1200px;
	font-size:12px;
	height:36px;
	margin:0px auto;
	border-bottom:rgb(19, 118, 148) 1px solid;
	}
.navigation ul {
    float:right;
    list-style-type:none;
    margin:0;
    padding:0;
	}
.navigation ul li {
	list-style: none;
    margin:0;
    padding:0;
    display:inline;
    float:left;
    color:#00afd4;
	}
.navigation ul li.selected a {
	color:#0062a9;
	border-bottom:#0062a9 5px solid;
	cursor:text;
	}
.navigation a:link, .navigation a:hover, .navigation a:visited, .navigation a:active {
	color:#00afd4;
	text-decoration:none;
	display:block;
    padding:10px 0px;
    text-align:center;
	}
.navigation ul li:not(:last-child) a {
	margin-right:10px;
	}
.navigation a:hover {
	border-bottom:#00afd4 5px solid;
	}
.navigation a:first-child {
	font-weight:normal !important;
	}

#hiddenContainer {
	background:rgba(255,255,255,0.6);
	display:none;
	z-index:999;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	}
#hiddenContainer iframe {
	width:800px;
	height:100%;
	border:none;
	}

/* Buttons rechts am Rand */

.cmdBtns {
	position:fixed;
	right:0px;
	background:#0062a9;
	padding:10px 20px 10px 10px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	z-index:98;
	color:#ffffff;
	}
.cmdBtns button {
	width:200px;
	margin-bottom:5px;
	display:block;
	text-align:left;
	padding-left:4px;
	}
@media only screen and (max-width: 1470px) { .cmdBtns button { width:140px; } }

.cmdBtns_group button {
	width:63px;
	display:inline;
	}

/* Listen-Tabellen */

.tblList tr.pos td:last-child, .topList tr.pos td:last-child {
	text-align:right;
	}
.tblList tr.pos td, .topList tr.pos td {
	padding:8px 0px;
	border-bottom:#b6c1c6 1px solid;
	}
.tblList tr.pos td, .topList tr.pos td {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	cursor:pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	}
.tblList tr.pos.hover:not(.markiert) td, .topList tr.pos.hover:not(.markiert) td {
	background:#b6c1c6;
	}
.tblList tr.pos.markiert td, .tblList tr.pos.ui-selecting:not(.markiert) td, 
.topList tr.pos.markiert td, .topList tr.pos.ui-selecting:not(.markiert) td {
	background:#b5d6fb;
	}
.tblList tr.pos.ui-selecting.markiert td, .topList tr.pos.ui-selecting.markiert td {
	background:#ffffff;
	}
.tblList tr.schnellsuche th input, .topList tr.schnellsuche th input {
	font-size:75%;
	}
.tblList tr.schnellsuche th select, .topList tr.schnellsuche th select {
	height:25px;
	font-size:75%;
	}	
.tblList tfoot td, .topList tfoot td {
	border-top:#2a404a 2px solid;
	text-align:right;
	padding-top:5px;
	}
.tblList th, .topList th {
	text-align:left;
	}
.tblList th {
	color:#ffffff;
	border-bottom:#ffffff 2px solid;
	}
.topList th {
	border-bottom:#000000 2px solid;
	}

/* jQuery Icons verwenden */

.statusPic {
	cursor:help;
	background-image:url(../_lib/jquery/css/smoothness/images/ui-icons_222222_256x240.png);
	width:14px;
	height:14px;
	display:inline-block;
	}
.statusPic.warn { background-image:url(../_lib/jquery/css/smoothness/images/ui-icons_cd0a0a_256x240.png); }
.statusPic.weiss { background-image:url(../_lib/jquery/css/smoothness/images/ui-icons_ffffff_256x240.png); }
.statusPic.grau { background-image:url(../_lib/jquery/css/smoothness/images/ui-icons_888888_256x240.png); }
.statusPic.info { background-position:-16px -144px; }
.statusPic.contact { background-position:-192px -128px; }
.statusPic.arrowUp { background-position:0px -16px; }
.statusPic.arrowDown { background-position:-65px -16px; }
.statusPic.close { background-position:-80px -128px; }

/* jQuery Dropdown */

div.jDropdown {
	display:none;
	position:absolute;
	background:#ededed;
	border:1px solid #999999;
	border-radius:0px 0px 6px 6px;
	padding:5px 0px; 
	z-index:10; 
	text-align:left;
	}
button.ui-button.ui-corner-all.ui-widget.jDropdown_open {
	background:#ffffff;
	}
div.jDropdown input {
	padding:0px;
	margin:0px;
	background-color:#E6E6E6;
	border:#d3d3d3 1px solid;
	}
div.jDropdown div.item {
	cursor:pointer;
	color:#000000;
	font-size:10px;
	padding:4px 5px;
	white-space:nowrap;
	}
div.jDropdown div.item_hover, div.jDropdown div.item.hover:not(.disabled) {
	background:#FFFFFF;
	font-size:10px;
	cursor:pointer;
	white-space:nowrap;
	}
div.jDropdown div.item.disabled {
	color:#d3d3d3;
	cursor:text;
	}
div.jDropdown div.label {
	color:#000000;
	font-size:8px;
	padding:4px 5px;
	}

/* Autocomplete */

div.autocomplete {
	display:none;
	position:absolute;
	background:#00afd4;
	border:#ffffff 1px solid;
	z-index:10;
	overflow-y:auto;
	overflow-x:hidden;
	box-shadow:#666 3px 3px 10px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	}
div.autocomplete div.item {
	cursor:pointer;
	color:#000000;
	padding:6px;
	white-space:nowrap;
	}
div.autocomplete div.item.hover {
	background:#2a404a;
	color:#ffffff;
	}

#spinner {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:300px;
	display:none;
	background:rgba(255,255,255,.7);
	z-index:999;
	}

/* jQuery-Buttons in Dialogen */

.ui-dialog .ui-dialog-buttonset { width:100%; float:initial; } 
.ui-dialog .ui-dialog-buttonset > .ui-button { float:right; }




/* Dienstplan */



.dlgForm input, .dlgForm select { margin:3px 0; }