@CHARSET "UTF-8";







/* Inhaltsbereich */
.container {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	background-color: white;
	border: 1px solid #ccc;
	box-shadow: 10px 20px 30px grey;
}

/* GBS WebBDE Header */
.gbs-header {
	height: 60px;
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 20px 0px;
	line-height: 60px;
	background-color: #536475;
	color: white;
	font-size: 2em;
	white-space: nowrap;
}


/* GBS WebBDE Navi am unteren Bildschirmrand */
.gbs-navi-main {
	background-color: #536475;
}
#gbs-navbar-bottom a.navbar-btn {
	border: 1px solid white;
	background: none;
	margin-left: 5px;
	margin-right: 5px;
	color: white;
	border-radius: 0px;
}
#gbs-navbar-bottom a.navbar-btn:hover,
#gbs-navbar-bottom a.navbar-btn.active:hover {
	color: #355984;
	background-color: #e6e6e6;
    background: -webkit-linear-gradient(#ddd, #fefefe); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ddd, #fefefe); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ddd, #fefefe); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ddd, #fefefe); /* Standard syntax */

}
#gbs-navbar-bottom a.navbar-btn.active {
	border: 1px solid #ccc;
	color: #ccc;
}

/* jQueryUI autocompletion: sehr lange Listen nicht aus dem Sichtbereich rauslaufen lassen */
.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;   /* prevent horizontal scrollbar */
}


/* IE Dropdownboxen: Rahmen um Dropdown-Arrow entfernen */
select::-ms-expand {
	border:none;
	background: none;
}

/* Tabellen: Rahmen */
.gbs-table-border {
	border: 1px solid #ccc;
}

/* Tabellen-Header: Verlauf als Hintergrund */
table > thead {
    background: -webkit-linear-gradient(#fefefe, #d4d7de); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fefefe, #d4d7de); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fefefe, #d4d7de); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fefefe, #d4d7de); /* Standard syntax */
}

/* Bootstrap Panel-Headings: Verlauf als Hintergrund */
.panel-heading.gbs-panel-heading-gradient {
    background: -webkit-linear-gradient(#ddd, #fefefe); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ddd, #fefefe); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ddd, #fefefe); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ddd, #fefefe); /* Standard syntax */
}

/* Bootstrap Panel-Headings: mit/ohne Formulare */
.panel-heading:not(.gbs-panel-heading-form) > h5 {
	margin: 0px;
}
.panel-heading.gbs-panel-heading-form > h5 {
	float: left !important;
}

/* Bootstrap Buttons: GBS spezifische Farben */
.btn-default {
	background-color: #e8e9ed;
	color: #355984;
}

/* Bootstrap Labels: Anpassung an GBS Schriftgröße */
label {
	line-height: 3em;   /* vertikale Ausrichtung zum Formularelement verbessern */
}







/*	====================================================================================================
		Layout Helper
	---------------------------------------------------------------------------------------------------- */
.gbs-block-devider {
	margin-top: 20px;
	margin-bottom: 20px;
}

.gbs-inline-spacer-width {
	display: inline-block;
	width: 15px;
}

.gbs-spacer-height {
	height: 15px;
}

.gbs-bg-grey {
	background-color: #eee !important;
}














/*	====================================================================================================
		Doku + Snippets
	---------------------------------------------------------------------------------------------------- */

/*	==================================================
		Link Pseudoklassen
	-------------------------------------------------- */
/*
:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente
*/





/*	====================================================================================================
		Allgemein
	---------------------------------------------------------------------------------------------------- */

/*	==================================================
		Struktur
	-------------------------------------------------- */
.gbs-environment-header {
	color: black;
	font-size: 1em;
	font-weight: bolder;
	background: yellow;
}




/*	==================================================
		Typographie
	-------------------------------------------------- */
body {
	/* global + Fliesstext */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #355984;
	font-size: 1.0em;
	line-height: 2em;
	font-weight: normal;

	background-color: #e5e5e5;
	background: url("../images/bkg_wolke.png") no-repeat center center fixed;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: cover;
}

h1 {
	color: #355984;
}

h2 {
	color: #355984;
}

h3 {
	color: #355984;
}

h4 {
	color: #355984;
}

h5 {
	color: #355984;
}






/*	====================================================================================================
		Links
	---------------------------------------------------------------------------------------------------- */
a {
	color: #355984;
}

a:link {
}

a:visited {
}

a:focus {
}

a:hover {
	text-decoration: underline;
}

a:active {
}







/*	====================================================================================================
		Sonstiges
	---------------------------------------------------------------------------------------------------- */
#gbs-layer {
	z-index: 5000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/black.png);
}


ul.no-list-style {
	list-style-type: none;
}




/*	====================================================================================================
		DEV
	---------------------------------------------------------------------------------------------------- */

/*	==================================================
		Rahmenanzeige
	-------------------------------------------------- */
.box1 {
	border: 1px solid red;
}

.box2 {
	border: 1px solid green;
}

.box3 {
	border: 1px solid blue;
}

.box4 {
	border: 1px dashed blue;
}