/*  -----------------------------------------
	-------    LAYOUT / GENERELL    ---------
	----------------------------------------- */

/* CLEARING */
.cf:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
* html .cf {
}
:first-child + html .cf {
}

html {
	background-image :url('../data/img/system/bg.png');
	background-repeat: repeat;
	/* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;
}

body{
    /* Workaround for some mobile browsers */
    min-height:100%;
    background: none;
}


/* MENÜLEISTE OBEN */
header .navbar {
    margin-bottom: 0;
    background-color: #d4d4d4;
    background: rgba(240,240,240,1);
	background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(207,207,207,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,240,240,1)), color-stop(100%, rgba(207,207,207,1)));
	background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(207,207,207,1) 100%);
	background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(207,207,207,1) 100%);
	background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(207,207,207,1) 100%);
	background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(207,207,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#cfcfcf', GradientType=0 );
}

header .navbar .active {
	background-color: #d4d4d4;
}

header .navbar a:hover {
	text-decoration: none;
}

header .navbar a:active {
	text-decoration: none;
	color: #000;
}

header .navbar .priolink {
	color: #000;
	font-weight: bold;
}

/* TRENNER */
hr {
	margin: 0;
}

/* SPACER */
.spacer-25 {
	height: 2.9em;
}

/* INHALT */
.boxed {
	max-width: 960px;
	margin: 2em auto;
	background: #fff;
}

.msgbox {
	background: transparent !important;
}

.blocks-inline {
	padding-bottom: 0;
	margin-bottom: 0;
}

.blocks-inline li {
	margin-bottom: 0;
}

/* LABEL */
.label {
	text-decoration: none;
}

label p {
	margin:  0;
	padding: 0.5em 0 0.3em 0;
}

/* ICON */
.fa {
	display: inline !important;
}

/* HORIZONTALER ABSTAND IM INHALTSBEREICH  */
.margin-h-20 {
	margin-left: 1.65em;
	margin-right: 1.65em;
}

.margin-v-20 {
	margin-top: 1.65em;
	margin-bottom: 1.65em;
}

.margin-top-20 {
	margin-top: 1.65em;
}

.padding-h-20 {
	padding-left: 1.65em;
	padding-right: 1.65em;
}

.padding-left-20 {
	padding-left: 1.65em;
}

.padding-v-20 {
	padding-top: 1.65em;
	padding-bottom: 1.65em;
}

.padding-top-20 {
	padding-top: 1.65em;
}

.padding-bottom-20 {
	padding-bottom: 1.65em;
}

.margin-bottom-20 {
	margin-bottom: 1.65em !important;
}

.margin-v-0 {
	margin-bottom: 0;
	margin-top: 0;
}

/* AKTIONSMENÜ / BUTTONLEISTE */

.actionmenue {
	margin-bottom: 0 !important;
}

.actionmenue form {
	margin-bottom: 0 !important;
}

.actionmenue form select {
	display: inline !important;
}

.actionmenue form label {
	margin: 0.5em;
}

.actionmenue hr {
	margin: 0 0 1em 0;
}

.actionmenue button {
	margin: -0.3em 0 0 0;
}

/* FORMS */

form {
	margin-bottom: 0;
}

.forms-list, .forms-inline, .forms-inline-list {
    margin: 0 0 1.7em;
}

form .units-row, form ul, form ol, form ul li {
	margin-bottom: 0 !important;
}

input:disabled {
    background: #f6f5f5;
    color: #000;
}

/* UPLOAD MODUL */
.tools-droparea input {
	display: inline !important;
}

.uploadarea .tools-droparea {
	float: left;
}

.uploadarea .uploadimg {
	float: right;
}

/* INFO / WARN / ERROR Schrift in Tabelle und Detailansicht */
table .success, table .error, .itemdetails .success, .itemdetails .error {
	font-size: inherit !important;
}

.warning {
	color: #c28500;
}

.done {
	color: #666;
}

/* LISTE IN DETAILANSICHT */
.itemdetails ul, .itemdetails li {
	margin-bottom: 0 !important;
}

/* BESCHREIBUNGSTEXT */
.desc {
	color: #666;
	font-size: 12.75px;
	font-weight: normal;
}

/* FOOTER */
footer {
	margin: 4em 0 1em 0 !important;
}

.footer-logo {
	margin: -15px 15px 0 12px;
}

/*  -----------------------------------------
	----------    index.php    --------------
	----------------------------------------- */
	
.login-box {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	
	-webkit-box-shadow: 10px 10px 43px -13px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 43px -13px rgba(0,0,0,1);
	box-shadow: 10px 10px 43px -13px rgba(0,0,0,1);
	padding: 2em;
	margin-top: 4em !important;
	border-radius: 10px;
}

.index .login-box h1 {
	margin-bottom: 0;
}
	
/*  -----------------------------------------
	---------    dashboard.php    -----------
	----------------------------------------- */

.welcome {
	padding: 1.65em 0 0 1.65em;
	font-weight: bold;
	line-height: 0;
}

.dashboard .item .btn {
	line-height: 0;
	padding: 1em;
	margin-right: 1em;
}

.dashboard .item a {
	text-decoration: none;
	color: #000;
}

.dashboard .item .fa {
	font-size: 250% !important;
	
}

/*  -----------------------------------------
	---------    booking.php    -------------
	----------------------------------------- */
	
.box {
	background-color: #eaeaea;
	padding: 1em;
	margin-bottom: 1em;
}

.box-border {
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #ccc;
}


.box-white {
	background-color: #fff;
	padding: 1em;
	margin-bottom: 1em;
}

.tools-alert {
	/*margin-bottom: 0;*/
}


/*  -----------------------------------------
	---    service.php / program.php    -----
	----------------------------------------- */

/* Toggle Bar*/

.toggle {
    background-color: #eee;
    display: inline-block;
    border-radius: 10px;
}

.toggle li {
    padding: 0.3em 1em;
    margin: 0;
}

.toggle a {
    color: #000;
}

.toggle .active {
	background-color: #d4d4d4;
	border-radius: 10px;
}

.toggle .active a {
	color: rgba(0, 0, 0, 0.6) !important;
}

.toggle a:hover {
	text-decoration: none;
	color: #666 !important;
}

.toggle a:active {
	text-decoration: none;
	color: #666 !important;
}

/* Elemente */

.services article h4 {
	padding-left: 1em;
}

.services article {
	margin-bottom: 3em;
}

.services article section {
	border: 1px solid #999;
	background: #eee;
	padding: 1em;
}

.services article form {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 1em;
	margin: 0;
}

.services article form ul li:last-child {
	margin-right: 0;
}

.services article form ul li .label {
	margin-top: 0.8em;
}

.services article form .forms-inline, .services article .forms-inline-list {
	margin: 0;
	padding: 0;
}

.services article .forms-inline-list li {
	margin: 0 1em 0 0;
}

.services article section {
	margin: 0;
}

.services article .metabox p {
	margin: 0;
}

.services article .add-button {
	background: #ccc;
	padding: 0.3em 1em 0.3em 1em;
	margin-right: 2em;
	text-decoration: none;
	color: #000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/*  -----------------------------------------
	-------    conversation.php    ----------
	----------------------------------------- */

.msg-right {
	width: 60%;
	text-align: right;
	float: right;
	margin-bottom: 1em;
}

.msg-left {
	width: 60%;
	text-align: left;
	float: left;
	margin-bottom: 1em;
}

.msg-right .msg {
	background: none repeat scroll 0 0 #d3e3fb;
	border-radius: 5px;
	padding: 0.5em 1em;
}

.msg-left .msg {
	background: none repeat scroll 0 0 #eee;
	border-radius: 5px;
	padding: 0.5em 1em;
}

.conversation .nav-tabs {
	
}

.tools-droparea {
	padding: 1em;
}

/*  -----------------------------------------
	--------    calculation.php    ----------
	----------------------------------------- */
	
.calculation h4 {
	margin-top: 2em;
}

.calculation table{
	margin-bottom: 4em;
}

.calculation .box {
	margin-bottom: 1.65em;
}

.calculation .box table{
	margin-bottom: 0;
}

.calculation .box table th, .calculation .box table td {
    border-bottom: 1px solid #999;
}

table tfoot th, table tfoot td {
    color: rgba(0, 0, 0, 1);
    font-weight: bold;
}

/*  -----------------------------------------
	------    bookings-overview.php    ------
	----------------------------------------- */
	
.overview {
	background-color: #fff;
}

/*  -----------------------------------------
	------------    agb.html    -------------
	----------------------------------------- */
	
.agb h4 {
	margin-top: 1em;
}

/*  -----------------------------------------
	---------    settings.html    -----------
	----------------------------------------- */

thead {
	background-color: #d9cbc1;
}