@charset "UTF-8";
/*
 * decorator.css
 *
 * Abgeleitet von folgendem Package
 *
 * @name        common
 * @package     common-web
 * @category    style
 * @author      Marcel Jänicke Software <mail@mj-software.net>
 * @copyright   © Marcel Jänicke Software, 2013 - Alle Rechte vorbehalten.
 * @since       19.08.2013
 * @modified    06.10.2013
 *
 * Verwendet von folgendem Package
 *
 * @name        decorator
 * @package     mj-software.net
 * @category    style
 * @author      Marcel Jänicke Software <mail@mj-software.net>
 * @copyright   © Marcel Jänicke Software, 2013-2014 - Alle Rechte vorbehalten.
 * @since       31.10.2013
 * @modified    24.03.2014
 */
/*
 * tag
 */ 
body {
    background: url(images/background.png);
    overflow: auto;
    font-family: "Oxygen", sans-serif;
    font-weight: 300;
}

h1 { font-size: 1.4em; }

h2 { font-size: 1.2em; }

hr {
	border-top: 1px solid #CCC;
	margin: 15px 0 5px 0;
}

em { font-weight: 400; color: #000; }

/*
 * header
 */
#header {
    height: 100px;
    width: 100%;
    border-bottom: 1px solid #DDD;
    padding: 20px 0 10px 0;
    box-shadow: 0 0 5px #818181;
    margin-bottom: 20px;
}

/*
 * navigation
 */
#header .navbar {
	background: transparent;
	border: none;
	z-index: 255;
}

#header .navbar-toggle { border-radius: 0; }
    
#header .navbar-default .navbar-toggle .icon-bar { background: #FFF; }

#header .navbar-header { margin-top: -40px; }

#header .navbar-brand {
	background: url(images/banner.png) 0 0 no-repeat;
    width: 500px;
    margin-left: 0;
}

#header .navbar-nav li {
	margin: 0 2px;
	font-size: 1.2em;
	font-weight: 400;
}

#header .navbar-nav li a {
	color: #FFF;
	font-weight: 400;
}

/*
 * content
 */
#content {
	padding: 20px;
	font-size: 1.2em;
}

#content a:hover { color: #2D3261; }

#content p { line-height: 1.6; }

#content p img { box-shadow: 0 0 8px #818181; }

.theme-light.slider-wrapper { padding: 0 !important; }

.theme-light.slider-wrapper .nivo-directionNav a:hover {
	border-radius: 0;
	background-color: #DDD;
}

.form-group { margin-bottom: 5px; }

.form-group .control-label { font-weight: 400; }

.form-group .form-control { border-radius: 0; }

.form-group .col-md-2 { width: 19%; }

.form-group .col-md-offset-2 { margin-left: 19%; }

.form-horizontal { margin-top: 15px; }

.form-horizontal .form-group textarea { width: 500px; }

.icons { text-align: center; }

.icons .glyphicon {
	font-size: 60px;
	margin-right: 25px;
}

.marginTop { margin-top: 18px; }


.uppercase { text-transform: uppercase; }

#logo { margin-top: -60px; }

h1 + .glyphicon {
    margin-top: -50px;
    font-size: 40px;
    color: rgba(57,63,124,0.5);
}

.reference > p { text-align: justify; }

.reference .glyphicon { color: rgba(57,63,124,0.5); }

/*
 * footer
 */
#footer {
	color: #818181;
	font-weight: 300;
	border-top: 1px solid #DDD;
	height: 60px;
}

#footer .pull-right a {
	color: #FFF;
	padding: 10px;
	text-decoration: none;
	position: relative;
	top: -1px;
}

#footer .pull-right a.active { border-top: 10px solid rgba(57,63,124,0.5); }

/*
 * multiple
 */
h1, h2 {
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    padding-bottom: 5px;
}

#logo, h1 + .glyphicon {
    position: relative;
    float: right;
}

.icons .glyphicon, .reference .glyphicon { color: rgba(255, 0, 0, 0.4); }

.alert, .btn { border-radius: 0; }

.form-horizontal .form-group input, .form-horizontal .form-group select { width: 250px; }

#header, #content { background: rgba(180, 180, 180, 0.2); }

#header .navbar-header, #header .navbar-brand { height: 100px; }

#header .navbar-toggle, #header .navbar-nav li a, #footer .pull-right a { background: rgba(255, 0, 0, 0.3); }

#header .navbar, #header .navbar-toggle { margin-top: 30px; }

#content a, h1, h2 { color: #393F7C; }

#header .navbar-nav li a:hover, #header .navbar-nav li a.active,
#footer .pull-right a:hover { background: rgba(255, 0, 0, 0.4); }

#header .navbar-brand.active, #header .navbar-nav li a.active,
#header .navbar-nav li a:hover { border-bottom: 10px solid rgba(57,63,124,0.5); }

@media (max-width: 1199px) {
	
    #header .navbar-nav li a { padding: 15px 10px; }
}

@media (max-width: 991px) {
    
    #header .navbar-brand {
	    background: url(images/logo.png) no-repeat;
	    height: 60px;
	    width: 130px;
	    margin-top: 10px;
	}
	
	#header .navbar-brand.active { border: none; }
	
	#header .navbar-nav li.hide { display: block !important; }
	
	 #footer .pull-right { display: none; }
}

@media (max-width: 767px) {
	
    #header .navbar-default .navbar-collapse { border: none; }
    
    #header .navbar-collapse {
        box-shadow: none;
        margin-top: -17px;
    }

    #header .navbar-nav li a { background: rgba(234, 157, 157, 0.8); }
    
    #header .navbar-nav li a:hover { background: rgba(234, 157, 157, 1); }
    
    #header .navbar-nav li a, #header .navbar-nav li a.active,
    #header .navbar-nav li a:hover { border: none; }
    
    #header .navbar-brand { margin-left: 20px; }
}