﻿/* --- Custom CSS for browser-based JJK web-applications --- */
/* --- Modify code with caution! Any modifications done at your own risk! --- */
/* --- Do not add any code to this sheet! --- */
/* --- Copyright and all rights reserved by JJK verlagssoftware GmbH --- */


/* Body settings */
body {
	 background-color: #fcfcfc;
	 background-image: none;
}

/* Basic font settings */

body {
	font-family: "Roboto",sans-serif;
	/* Attention: The systems' default CSS uses fontsets provided by Googlefonts. */
	/* Replace default fonts with standard system fonts only (e.g. Arial, Times New Roman, Helvetica, Courier).*/
	/* Contact JJK for implementation of third party font sets */
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	color: #2F2F30;
}



/* Headline settings */

h1, h2, h3, h4 {
	font-family: "Roboto",sans-serif;
	/* Attention: The systems' default CSS uses fontsets provided by Googlefonts. */
	/* Replace default fonts with standard system fonts only (e.g. Arial, Times New Roman, Helvetica, Courier).*/
	/* Contact JJK for implementation of third party font sets */
	font-weight: normal;
	margin-bottom: 20px;
	color: #454545;
}

h1 {
	font-size: 2.8em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.7em;
}

h4 {
	font-size: 1.4em;
}



/* Textlink settings */
a {
	color:#C11A37;
}

a:hover {
	color:#454545;
	text-decoration: none;
}

a:active {
	color:#454545;
	text-decoration: none;
}

a:visited {
	color:#454545;
	text-decoration: none;
}



/* Navigation bar color settings */

.navbar-inverse {
	background-color: #4E4E51;
	background-image: none;
	border-bottom: 1px solid #080808;
	/* Un-comment to switch on shadow */
	/*
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	*/
}

/* Footer Settings */

footer {
	margin: 0px 0px;
	background-color: #4E4E51;
	color: #aaa;
	padding:5px;
	position: fixed;
	bottom:0px;
	height: auto;
	width:100%;
	font-size: 0.8em;
	border-top: 0px solid #080808;
	/* Un-comment to switch on shadow */
	/*
	-webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.5);
	*/
}


/* Button colors - Default button class */
/* Attention: Changing button background colors may result in poor legibility. */
/* Choose light-version icons instead of default dark icons for the toolbar, if the brightness of the new color falls below 50% */


.btn-light,
.btn-light:visited {
	color: #454545;
	border-color: #ccc;
}

.btn-light:active,
.btn-light:hover,
.btn-light:focus,
.btn-light.active {
	color: #454545;
	border-color: #ccc;
}

/* Button colors - Primary button class */
/* Attention: Changing button background colors may result in poor legibility. */
/* Choose light-version icons instead of default dark icons for the toolbar, if the brightness of the new color falls below 50% */

.btn-primary,
.btn-primary:visited  {
	background-color:  #a7a9b1;
	border-color: #c9c9cf;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active
{
	background-color:  #C11A37;
	border-color: #c9c9cf;
}


/* Button corner radius */
/* Uncomment border-radius style for square buttons */

.btn {
	/*border-radius: 0px !important;*/
}

/* Fixed toolbar settings for JJKwebProof */
/* Uncomment border-radius style for square buttons */


.toolbar {
	background-color: #fff;
	border-bottom: 1px #ccc solid;
}
