/*
*
*
*
*
*
*Diese Datei ist urheberrechtlich geschützt von "Rene Weik | werbeweik.de, reneweik.de" und darf nicht kopiert oder auf anderen Webseiten verwendet werden.
*
*
*
*
*
*/
/*Template: 13 */
/*Templatefarbe: #014495 /   */

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


#wrapper {
background-color: #ffd543;
}

/*Telefon*/
#telefon{
	width: 100%;
	height: 44px;
	text-align: right;
	background-color: #ffd543;
}

@media (max-width: 767px) {
#telefon {
	padding: 0 15px;
}
}

#telefon .container {
	background-color: #fff;
	padding-left: 0;
}

@media (min-width: 768px) {
#telefon .container {
	background-color: #fff;
	width: 720px;
	padding-left: 0;
}
}

@media (min-width: 992px) {
#telefon .container {
	background-color: #fff;
	width: 930px;
	padding-left: 0;
}
}

@media (min-width: 1200px) {
#telefon .container {
	background-color: #fff;
	width: 1322px;
	padding-left: 0;
}
}

#telefon .navbar-text {
	text-align: left;
	margin: 0;
	font-size: 12px;
	line-height: 44px;
	font-weight: bold;
	color: #444;	
}
@media (min-width: 1200px) {
#telefon .navbar-text {
	font-size: 15px;
}
}


#innertelefon {
	padding: 0 30px;
}


/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/

#kopfbereich {
	border-top: 5px solid #014495;
	margin-top: 15px;
	background-color: #fff;
}
@media (min-width: 768px) {
#kopfbereich {
	border-bottom: 7px solid #014495;
	border-top: 7px solid #014495;
	margin-top: 30px;
}
}
@media (min-width: 992px) {
#kopfbereich {
	border-bottom: 10px solid #014495;
	border-top: 10px solid #014495;
	margin-top: 30px;
}
}

#innerkopfbereich{
	height: auto;
	background-color: #fff;
}
@media (min-width: 768px) {
#innerkopfbereich{
	height: 95px;	
}
}
@media (min-width: 992px) {
#innerkopfbereich{
	height: 115px;	
}
}
@media (min-width: 1200px) {
#innerkopfbereich{
	height: 135px;	
}
}

/* ENTFERNT LINKEN UND RECHTEN RAND----------------------------------------*/

#innerkopfbereich {
	padding-left: 0px;
	padding-right: 0px;	
}

/* LOGO VOLLE BREITE ----------------------------------------*/
#logo img {
	height: auto;
	width: 100%;
}

#logo {
    padding: 0;
	height: auto;
}

@media (min-width: 768px) {
#logo {
    padding: 0;
}
}
@media (min-width: 992px) {
#logo {
    padding:  0;
}
}
@media (min-width: 1200px) {
#logo {
    padding: 0;
}
}

/* HAUPTMENÜ NACH OBEN ZIEHEN ----------------------------------------*/
#mainmenu {
    width: 100%;
}
@media (min-width: 768px) {
#mainmenu {
    position: absolute;
    width: 720px;
    top: -42px;
}
}
@media (min-width: 992px) {
#mainmenu {
    width: 930px;
    top: -47px;
}
}
@media (min-width: 1200px) {
/*
#mainmenu {
	width: 1110px;
    top: -49px;
}
*/
#mainmenu {
    width: 1352px;
    max-width: 100%;
    top: -49px;
    padding-right: 30px;
}
}


/* HAUPTNAVIGATION -------------------------------*/
/* HAUPTNAVIGATION -------------------------------*/
/* HAUPTNAVIGATION -------------------------------*/

#mainmenu .navbar-default ul.nav > li > a {
	color: #444;
}
#mainmenu .navbar-default ul.nav li a.active,
#mainmenu .navbar-default ul.nav li a.active:hover,
#mainmenu .navbar-default ul.nav li a.active:focus {
	color: #fff;
	background-color: #014495;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;  
	border-radius: 0px;  	
}
#mainmenu .navbar-default ul.nav li a:hover,
#mainmenu .navbar-default ul.nav li a:focus {
	color: #fff;
	background-color: #014495;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;  
	border-radius: 0px;  	
}

@media (max-width: 767px) {
#mainmenu .navbar-default {
	border-top: 5px solid #014495;
	background-color: #ffd543;
}
}

/* Menü schmaler machen */

#mainmenu .navbar-default ul.nav li a {
	padding: 6px 12px;
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav li a {
	padding: 4px 8px;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav li a {
	padding: 5px 14px;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav li a{
	padding: 7px 16px;
}
}

@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav > li > a {
	font-size: 14px;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav > li > a { 
	font-size: 18px;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav > li > a { 
	font-size: 20px; 
}
}


/* TOGGLE WRAP */
#mainmenu .toggle-wrap {
	position: relative;
	top: 0;
	right: 0;
	background-color: #ffd543;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

#mainmenu button.navbar-toggle {
	margin-top: 5px;
	margin-bottom: 5px;	
}

#mainmenu .togglehead {
	position: relative;
	text-align: center;
    left: 0px;
    top: 0px;
}	

#mainmenu .togglehead p {
	color: #003381;
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    margin-top: 13px;
	margin-right: 5px;
	display: inline-block !important;
}	


#mainmenu .navbar-default .navbar-toggle .icon-bar {
    background-color: #003381;
}

#mainmenu .navbar-default .navbar-toggle:hover .icon-bar,
#mainmenu .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}

#sidebar .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}



/*AUSGEKLAPPTE TOGGLE-HAUPTNAVIGATION OBEN*/
@media (max-width: 767px) {
#mainmenu .navbar-default ul.nav {
    float: none !important;
}
#mainmenu .navbar-collapse ul.nav li {

    margin-right: 0px;
    margin-left: 0px;
}

#mainmenu .navbar-collapse ul {				/*zentriert die ausgeklappte Navigation */ 
	width: 100%;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#mainmenu .navbar-collapse .navbar-nav > li {/*zentriert die ausgeklappte Navigation */ 
	float: none;
	display: block;
	width: 100%;
}
#mainmenu .navbar-nav  li  a {
	line-height: 1.6em;
	font-size: 17px;
	color: #4d4d4d !important;
}
#mainmenu .navbar-nav  li  a:hover,
#mainmenu .navbar-nav  li  a:focus {
	line-height: 1.6em;
	font-size: 17px;
	color: inherit;
	background-color: #ebebeb !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	
#mainmenu .navbar-nav  li  a.active {
	font-weight: bold;
	color: #fff !important;	
	background-color: #014495 !important;					/*Templatefarbe*/	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}	
}
/* HAUPTBEREICH----------------------------------------*/
/* HAUPTBEREICH----------------------------------------*/
/* HAUPTBEREICH----------------------------------------*/

#hauptbereichwrap {
	width: 100%;
	border-top: 15px solid #ffd543;					
}
@media (min-width: 768px) {
#hauptbereichwrap {
	border-top: 40px solid #ffd543;
}
}
@media (min-width: 992px) {
#hauptbereichwrap {
	border-top: 30px solid #ffd543;					
}
}

#innerteaser {
	padding-top: 30px;
}

.breadcrumb {
	margin-top: 0;
	padding-top: 30px;
}


/* FOOTER----------------------------------------------------*/
/* FOOTER----------------------------------------------------*/
/* FOOTER----------------------------------------------------*/
#footerwrap {
	width: 100%;
	background-color: #014495;
	border-top: solid 10px #fff;
	margin-top: 30px;
}


#innerfooter {
	background-color: #014495;
	padding: 0 20px;
}


/*schmaler weißer Rand für Startseite, Anfahrt und Über-uns*/
#innerfooter2 {
	background-color: #014495;
	padding: 0 20px;
	border-left: solid 0px #014495;
	border-right: solid 0px #014495;			
}


/* ADRESSTEXT */
#footer p {
	color: #fff;
}

/* BUTTON FOOTER */
#footer .btn,
#footer .btn-footer {
	font-size: 13px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;  
	border-radius: 4px;  	
}
@media (min-width: 1200px) {
#footer .btn,
#footer .btn-footer {
	font-size: 15px;
}
}

#footer .btn-footer:hover,
#footer .btn-footer:focus,
#footer .btn-footer.focus,
#footer .btn-footer:active,
#footer .open > .dropdown-toggle.btn-footer {
	color: inherit;
	background-color: #fff;
}
#footer .btn-footer.active {
	color: inherit;
	background-color: #ccc;
}