body {
	background-color: white;
  	font-family: Helvetica, "Helvetica Neue", Helvetica, Arial, cursive;
	font-weight: 300;
	line-height: 1.45;
	color: #333;
}

.jumbotron {
	border-radius: 0px;
	background: #fff;
	padding: 90px 25px;
	margin-bottom: 20px;
    border-bottom: none;
}

.jumbotron h1 {
	font-weight: 800;
	color: #fff;
	margin-top: 40px;
}

.jumbotron h2 {
	font-weight: 800;
	color: #fff;
}

.jumbotron p {
	font-weight: 400;
	color: #eee;
}

p {
  	font-size: 1.25em;
  	margin-bottom: 1.2em;
}

h1, h2, h3, h4 {
  	font-family: Helvetica, "Helvetica Neue", Helvetica, Arial, cursive;
    font-weight: 400;
	margin: 6px 0 10px 0;
	letter-spacing: 0px;
	text-transform: none;      
	color: #62a63d;
}

.topheader-blue {
	font-size: 1.75em;
	background-color: #3d56a4;
	color: #ffffff;
	text-align: center;
	padding: 14px;
	margin-bottom: 0.5em;
}

.topheader-gr {
	font-size: 1.75em;
	background-color: #62a63d;
	color: #ffffff;
	text-align: center;
	padding: 14px;
	margin-bottom: 0.5em;
}

.stay {
	position: fixed;
	width: 266px;
}


/* ****** Sections Settings *************************************************** */

section {
  padding: 0;
  background: #ffffff;
}

/* ****** Green Panel *************************************************** */

.panel-title {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
}
.panel-body {
	line-height: 2em;
}
.panel {
	background: #fff;
	border-radius: 0;
	margin: 6px;
	color: #ff0;
}
.panel a {
	text-decoration: none;
}
.panel-default > .panel-heading-custom {
    background: #62a63d;
    padding: 12px;
    color: #ff0;
}

/* ****** Blue Panel *************************************************** */

.panel-title {
	color: #fff;
	font-size: 1em;
}
.panel {
	background: #fff;
	border-radius: 0;
	margin-bottom: 6px;
	color: #ff0;
}
.panel a {
	text-decoration: none;
}
.panel-default > .panel-heading-custom-blue {
    background: #3d56a4;
    padding: 12px;
    color: #ff0;
}

/* ****** Grey Panel *************************************************** */

.panel-title {
	color: #fff;
	font-size: 1em;
}
.panel {
	background: #fff;
	border-radius: 0;
	margin-bottom: 6px;
	color: #ff0;
}
.panel a {
	text-decoration: none;
}
.panel-default > .panel-heading-custom-grey {
    background: #8e8e90;
    padding: 12px;
    color: #ff0;
}

/* ****** links *************************************************** */

a.mylinks {	
	color : rgb(51,102,153);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	border-bottom: 1px solid rgb(0,154,205);
}

a:hover.mylinks {
	color: #fff;
	background: rgb(0,159,62);
	padding: 2px 4px 4px 4px;
	text-decoration: none;
	border-bottom: none;
}

/* ****** Logo *************************************************** */

.topleft-logo {
	width: 140px;
}

/* ****** Spacing For Navbar Buttons *************************************************** */

.leftspace {
	margin: 0 0 -10px 16px;
}

/* ****** Colors For Content Type *************************************************** */

.blue {
	color: #3d56a4;
}
.green {
	color: #62a63d;
}
.grey {
	color: #8e8e90;
}

/* ****** Colors For Navigation Type *************************************************** */

.blue-nav {
	color: #3d56a4;
}
.green-nav {
	color: #62a63d;
}
.grey-nav {
	color: #8e8e90;
}

/* ****** Custom Buttons *************************************************** */
  
.btn {
    text-transform: none;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 15px 25px;
    margin-bottom: 1em;
    background: #fff;
    color: #000;
    border-radius: 6px;
}
.btn-lg {
    font-size: 16px;
    padding: 25px 35px
}
.btn-default:hover,
.btn-default:focus {
    background-color: #62a63d;
    border: 1px solid #62a63d;
    color: #fff
}

/* ****** Footer *************************************************** */

footer {
	background-color: #8ee5ee;
	color: #f5f5f5;
	padding: 32px;
	margin-top: 3em;
}

footer p {
	color: #336699;
}

footer a {
	color: #336699;
}

footer a:hover {
	color: #62a63d;
	text-decoration: none;
}

/* Anpassung Download-Bereich **************************************************** */

.download_list {
	font-size: 1.25em;
}

/* ****** Removing Dotted Borders In Firefox *************************************************** */

a:hover, a:active, a:focus {
   outline: 0;
}

/* ********** ANPASSUNGEN SXG ******** */
.mobile-nav { display: none; }
.mobile-nav ul { 
	display: block;
	width: 100%;
	padding: 10px 5px;
}
.mobile-nav ul li {
	display: inline;
	padding: 5px;
	background-color: transparent;
}
.mobile-nav ul li a::before {
	content: "► ";
	white-space: nowrap;
}
.mobile-nav ul li a {
	color: #000;
	word-break: keep-all;
}

.nav-bugs ul li a::before {
	color: #62a63d;
}
.nav-water ul li a::before {
	color: #3d56a4;
}
.info_logo { 
	display: block;
	margin: 10px 5px;
	height: auto;
	width: 100%;
	max-width: 380px;
}

/* ****** mobile resizing *************************************************** */

@media screen and (max-width: 640px) {
	body {
		margin-top: 80px;
	}
	
	p {
		font-size: 1em;
		margin-bottom: 1em;
	}
	
    .topleft-logo {
		width: 80px;
		padding: 5px 0 0 5px;
	}
	
	.topheader-bl {
		font-size: 1.5em;
		margin-top: 3em;
		margin-bottom: 1em;
	}
	
	.topheader-gr {
		font-size: 1.75em;
	}
	
   	.blue-nav {
		color: #ffffff;
	}
	.green-nav {
		color: #ffffff;
	}
	.grey-nav {
		color: #ffffff;
	}
	li {
        background-color: #999999;
        color: #ffffff;
        text-align: center;
        border-bottom: 2px solid #ffffff;
    }
	.download_list li {
		background-color:transparent;
		text-align: left;
		color: #000;
	}
	.download_list li:hover {
		background-color:transparent;
	}
    
	li:hover {
        background-color: #000000;
    }
	.listbg-blue {
        background-color: #3d56a4;
    }
	.listbg-green {
        background-color: #62a63d;
    }
	
	.mobile-nav { display: block; }

}


/* ****** Media Queries *************************************************** */

@media (min-width: 768px) {
    .navbar-default {
    	font-weight: 700;
        background-color: #ffffff;
        padding: 25px 0;
        border-bottom: 1px solid #000;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        height: 8em;
    }
	
    li {
    	margin-right: 0.6em;
    	width: auto;
    }
	
	

	
	
}