body {
	font-family			: Arial, sans-serif;
	font-size			: 18px;
	color				: #404040;
	margin				: 0px;
	overflow-y			: scroll;
	overflow-x			: hidden;
	min-height			: 101%; /*Scrollbar immer anzeigen*/
	background			: url(../images/bg.jpg) center center no-repeat;
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	-ms-background-size		: cover;
	background-size			: cover;
}

header {
    background: rgba(0, 0, 0, 0) url("../images/slider1.jpg") no-repeat scroll center top / cover  ;
    display: block;
    height: auto;
    max-height: 672px;
    min-height: 230px;
    width: 100%;
    
    -webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	-ms-background-size		: cover;
	background-size			: cover;
}

.firstHead {
    margin-top: 0em;
}

/* Logo Slogan Wrapper*/
#slogowrapper {
	position			: absolute;
	top					: 15px;
	right				: 75px;
	text-align			: center;
	z-index				: 999;
    opacity: 0;
    display: none;
}

#slogo_mobile {
	display				: block;
	position			: relative;
	text-align			: center;
	margin				: -260px 25px 64px;
	z-index				: 999;	
    opacity: 0;
}

/* Logo */
#logo, #logo-mobil {
	width				: 100%;
	max-width			: 400px;
	height				: auto;
}

/* Slogan */
#slogan {
	width				: 100%;
	max-width			: 500px;
	height				: auto;
/*	margin-top			: 100px;*/
}

#slogan-mobil {
    width: 100%;
}

.flexslider {
	-webkit-touch-callout	: none;
	-webkit-user-select		: none;
	-khtml-user-select		: none;
	-moz-user-select		: none;
	-ms-user-select			: none;
	user-select				: none;
}

.slideleft {
	position				: absolute;
	width					: 38px;
	height					: 163px;
	background				: url(../images/pfeil_prev.png) center center no-repeat;
	top						: 40%;
	left					: 1%;
	z-index					: 999;
	cursor					: pointer;
}
.slideleft:hover { background: url(../images/pfeil_prev_on.png) center center no-repeat; }

.slideright {
	position				: absolute;
	width					: 38px;
	height					: 163px;
	background				: url(../images/pfeil_next.png) center center no-repeat;
	top						: 40%;
	right					: 1%;
	z-index					: 999;
	cursor					: pointer;
}
.slideright:hover { background: url(../images/pfeil_next_on.png) center center no-repeat; }


/* Menü */
#menue {
	position			: relative;
	width				: 100%;
	height				: auto;
	min-height			: 185px;
	text-align			: center;
	background			: url(../images/menu_bg.png) top center no-repeat;
	z-index				: 1000;
}

.nav > li > a {
    color: #fff;
    display: block;
    margin-top: 30px;
    padding: 10px 15px;
    position: relative;
}
.nav > li > a:hover {
    color: #1956a7;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus, 
.nav-pills > li.active > a:hover {
    background: none;
    border: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25) inset;
}

/*
a.menu {
	display				: inline-block;
	font-size			: 24px;
	color				: #fff;
	font-weight			: normal;
	padding				: 14px 40px 16px;
    border-radius: 4px;
}
a.menu:hover, a.menu_on, a.menu_on:hover {
	color				: #fff;
	font-size			: 24px;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 14px 40px 16px;
}
*/

/* mobile Menü */

.f-nav { 
	z-index: 999999; 
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%; 
}


#menue {
    display: none;
}

#responsive-menu {
    display: block;
}



#responsive-menu {
/*	display: none;    */
    
    background: rgb(106,141,183); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(106,141,183,1) 0%, rgba(25,86,167,1) 87%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,141,183,1)), color-stop(87%,rgba(25,86,167,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a8db7', endColorstr='#1956a7',GradientType=0 ); /* IE6-9 */

    
	width: 100%;
	z-index: 999999; 
	position: relative;
}

.fa-navicon {
	font-size: 25px !important;
	color: #ffffff;
}

#responsive-menu .fa {
    border: 1px solid;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    margin: 6px 0 8px 33px;
    padding: 5px 15px 4px;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}
#responsive-menu .fa:hover, #responsive-menu .fa:focus {
    box-shadow: 0px 2px 4px rgba(0,0,0,0.25) inset;
}
#responsive-menu .fa:active {
    color: #1956a7;
    background: #eee;
}

.resmenu, .resmenu:hover, .resmenu_on, .resmenu_on:hover {
	width: 100%;
	padding: 5px;
}

.menu-items {
    background: #1956a7;
	width: 100% !important;
	position: absolute;
	z-index: 9999;
	display: none;
	margin-left: 0;
	padding-left: 0;
}

.menu-items ul {
	width: 100% !important;
}

.menu-items li {
	list-style-type: none;
	width: 100% !important;
	border-bottom: 1px solid #10386b;
	border-top: 1px solid #a6c8f5;
}

.menu-items > li > a {
    
    background: rgb(106,141,183); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(106,141,183,1) 0%, rgba(25,86,167,1) 87%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(106,141,183,1)), color-stop(87%,rgba(25,86,167,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(106,141,183,1) 0%,rgba(25,86,167,1) 87%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a8db7', endColorstr='#1956a7',GradientType=0 ); /* IE6-9 */

	padding: 8px 32px 10px;
	display: block;
	width: 100%;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.42);
}
.menu-items > li > a:hover {
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1956a7+0,6a8db7+100 */
    background: rgb(25,86,167); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25,86,167,1) 0%, rgba(106,141,183,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(25,86,167,1)), color-stop(100%,rgba(106,141,183,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(25,86,167,1) 0%,rgba(106,141,183,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(25,86,167,1) 0%,rgba(106,141,183,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(25,86,167,1) 0%,rgba(106,141,183,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(25,86,167,1) 0%,rgba(106,141,183,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1956a7', endColorstr='#6a8db7',GradientType=0 ); /* IE6-9 */
}

.mobilmenu {
	color: #fff;
}
.mobilmenu:hover {
	color: #fff;
}
.mobilsubmenu {
	padding-left: 15px !important;
	color: #fff;
	border-left: 3px solid #f59733;
}
.mobilsubmenu:hover {
	padding-left: 15px !important;
	color: #fff;
	border-left: 3px solid #f59733;
}



#contentwrapper {
	width				: 100%;
	max-width			: 1000px;
	height				: auto;
	background			: rgba(255,255,255,0.5);
	margin				: 0px auto 0;
}

#content {
	width				: 100%;
	max-width			: 1000px;
	height				: auto;
	background			: rgba(255,255,255,0.5);
	margin				: 50px 0 auto;
    padding-bottom: 50px;
}

#schatten_links {
	position			: relative;
	float				: left;
	margin-left			: -28px;
	width				: 28px;
	height				: 550px;
	background			: url(../images/content_schatten_links.png) top left no-repeat;
    margin-top: -64px;
    display: none;
}

#schatten_rechts {
	position			: relative;
	float				: right;
	margin-right		: -28px;
	width				: 28px;
	height				: 550px;
	background			: url(../images/content_schatten_rechts.png) top right no-repeat;
    margin-top: -64px;
    display: none;
}

#iconwrapper {
	width				: 100%;
	height				: auto;
	text-align			: center;
	margin				: 0 0 25px 0;
    opacity: 0;
}

.iconcss {
	width					: 100%;
	max-width				: 141px;
	height					: auto;
	margin					: 0 55px 0 55px;
}

#inhalt {
	width					: 100%;
	max-width				: 920px;
	height					: auto;
	min-height				: 550px;
	font-size				: 18px;
	color					: #393939;
	margin					: -55px auto 0 auto;
	padding					: 120px 0 30px 0;
}

#portalbildwrapper {
	display					: inline-block;
}


.leistungen .well {
    background: #eaeaea none repeat scroll 0 0;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 20px 24px 24px;
}

.collapse-title {
    color: #666;
    font-size: 18px;
}

.collapse > ul {
    list-style-type: disc;
    color: #1956a7;
}

.collapse > ul > li > .text-col {
    color: #404040;
}
.text-col {
    color: #404040;
}
.collapse > ul > li > .text-col > strong {
    color: #666;
}
.text-col > strong {
    color: #666;
}


.drawers div 			{ display:none; }
.drawers div.first		{ display:block; }
.drawers li 			{ list-style: none; }
h5 {
	width				: 100%;
	max-width			: 500px;
	font-size			: 16px;
	color				: #393939;
	margin				: 10px 0 10px 0;
	padding				: 7px;
	font-weight			: bold;
	background			: rgba(0,0,0,0.05);
	border				: 1px solid rgba(0,0,0,0.8);
	border-radius		: 15px;
	cursor				: pointer;
}
h5:hover {
	font-size			: 16px;
	color				: #393939;
	margin				: 10px 0 10px 0;
	padding				: 7px;
	font-weight			: bold;
	background			: rgba(0,0,0,0.15);
	border				: 1px solid rgba(0,0,0,0.8);
	border-radius		: 15px;
	cursor				: pointer;
}

/* Galerie Karussell */
#slider {
	width				: 100%;
	max-width			: 500px;
	height				: auto;
	margin				: 0 auto;
	padding				: 5px 0;
}

#farbeimer {
	position				: relative;
	float					: left;
    margin: -88px 0 0 0px;
}


/* Footer */
#footerbg {
	display					: inline-block;
	width					: 100%;
	height					: auto;
	background				: #272727;
	border-top				: 25px solid #a3000b;
}

#footerwrapper {
	width					: 100%;
	max-width				: 1000px;
	height					: auto;
	margin					: 0 auto;
}

#foo1, #foo2 {
	float					: left;
	font-size				: 17px;
	color					: #fff;
	padding					: 10px 140px 10px 45px;
}
#foo3 {
	float					: left;
	font-size				: 17px;
	color					: #fff;
	padding					: 10px 0 10px 45px;
}

.footer_link {
	color					: #fff;
	font-weight				: normal;
}

.footer_link:hover {
	color					: #fff;
	font-weight				: normal;
	text-decoration			: underline;
}

#map iframe {
    pointer-events		: none;
}

#qrcode {
	width				: 100%;
	max-width			: 200px;
	height				: auto;
    margin: auto;
}

* {
	margin				: 0;
	padding				: 0;
	border				: 0;
}

table {
	border-spacing			: 0;
}

td {
	font-family			: Arial, sans-serif;
	color				: #404040;
	vertical-align			: top;
}

p { margin				: 1em 0; }

h1 {
	font-size 			: 25px;
	color				: #333333;
	margin				: 3em 0 2em;
	font-weight			: bold;
}
h2, h3, h4 {
	font-size			: 22px;
	color				: #1956a7;
	margin				: 3em 0 2em;
	font-weight			: bold;
}

a {
	color				: #333333;
	font-weight			: bold;
	text-decoration		: none;
}
a:hover { 
    color			    : #1956a7; 
}

img {
	border				: none;
}
.get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}

ul { margin-left				: 1.3em; }
#content li { margin			: 15px 0; }

/* Kontaktformular */

label {
    color: #555;
    font-size: 16px;
}

textarea, input, select, input {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid rgba(35,35,35,0.3);
	background			: #FFFFFF;
}
textarea:hover, input:hover, select:hover, input:hover {
	font-family			: Arial, sans-serif;
	color				: #333333;
	border				: 1px solid rgba(35,35,35,0.5);
	background			: #FFFFFF;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

/*für den IE*/
input[type=radio] {

	background			: 0px;
	border				: 1px;
}

.button {
	float				: right;
	font-family			: Arial, sans-serif;
	color				: #fff;
	border				: 1px solid rgba(28,104,209,0.5);
	background			: rgba(28,104,209,0.9);
	margin				: 1px;
	padding				: 25px 5px;
	font-size			: 18px;
	border-radius		: 100%;
}
.button:hover {
	font-family			: Arial, sans-serif;
	color				: rgba(28,104,209,0.9);
	border				: 1px solid rgba(28,104,209,0.9);
	background			: #fff;
	margin				: 1px;
	padding				: 25px 5px;
	font-size			: 18px;
	border-radius		: 100%;
	cursor				: pointer;
}

.btn-primary {
    background: #1956a7;
}


/* thumbnnails */
a.thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 1px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    display: block;
    line-height: 1.42857;
    margin-bottom: 20px;
    padding: 4px;
    transition: border 0.2s ease-in-out 0s;
}
a.thumbnail:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    border: 1px solid #ddd;
}


.carousel-indicators {
    bottom: 10px;
    color: #ccc;
    left: 50%;
    list-style: outside none none;
    margin-left: -30%;
    padding-left: 0;
    text-align: center;
    width: 60%;
    z-index: 15;
    position: relative;

}

.carousel-indicators li {
    border: 1px solid #666;
}

.carousel-indicators .active {
    background-color: #666;
}

/* Lightbox */

#contentwrapper > iframe > .shrinkToFit {
    width: 100% !important;
    height: auto !important;
}


@media (max-width: 1350px) {
	/* Logo Slogan Wrapper*/
    #slogowrapper {
        position			: absolute;
        top					: 15px;
        right				: 75px;
        text-align			: center;
        z-index				: 999;
    }

    /* Logo */
    #logo, #logo-mobil {
        width				: 100%;
        max-width			: 200px;
        height				: auto;
    }

    /* Slogan */
    #slogan {
        width				: 100%;
        max-width			: 300px;
        height				: auto;
        margin-top			: 100px;
    }
}


@media (max-width: 1630px) {
	/* Logo Slogan Wrapper*/
    #slogowrapper {
        position			: absolute;
        top					: 15px;
        right				: 75px;
        text-align			: center;
        z-index				: 999;
    }

    /* Logo */
    #logo, #logo-mobil {
        width				: 100%;
        max-width			: 300px;
        height				: auto;
    }

    /* Slogan */
    #slogan {
        width				: 100%;
        max-width			: 400px;
        height				: auto;
        margin-top			: 32px !important;
    }
}



@media (max-width: 1090px) {
    /* Menü */
    #menue {
    /*	position			: relative;    */
        width				: 100%;
        height				: auto;
        min-height			: 192px;
        text-align			: center;
        background			: url(../images/menu_bg.png) top center;
        z-index				: 9999;
    }

    .slideleft {
        position				: absolute;
        width					: 38px;
        height					: 163px;
        background				: url(../images/pfeil_prev.png) center center no-repeat;
        top						: 30%;
        left					: 1%;
        z-index					: 999;
        cursor					: pointer;
    }
    .slideright {
        position				: absolute;
        width					: 38px;
        height					: 163px;
        background				: url(../images/pfeil_next.png) center center no-repeat;
        top						: 30%;
        right					: 1%;
        z-index					: 999;
        cursor					: pointer;
    }
}

@media (max-width: 1000px) {
    /* Logo Slogan Wrapper*/
    #slogowrapper {
        position			: absolute;
        top					: 15px;
        right				: 75px;
        text-align			: center;
        z-index				: 999;
    }

    /* Logo */
    #logo, #logo-mobil {
        width				: 100%;
        max-width			: 150px;
        height				: auto;
        margin-top			: 10%;
    }

    /* Slogan */
    #slogan {
        width				: 100%;
        max-width			: 200px;
        height				: auto;
        margin-top			: 20px;
    }


    


    .slideleft {
        position				: absolute;
        width					: 38px;
        height					: 163px;
        background				: url(../images/pfeil_prev.png) center center no-repeat;
        top						: 25%;
        left					: 1%;
        z-index					: 999;
        cursor					: pointer;
    }
    .slideright {
        position				: absolute;
        width					: 38px;
        height					: 163px;
        background				: url(../images/pfeil_next.png) center center no-repeat;
        top						: 25%;
        right					: 1%;
        z-index					: 999;
        cursor					: pointer;
    }
}

@media (max-width: 980px) {
#inhalt {
	width					: 100%;
	max-width				: 95%;
	height					: auto;
	min-height				: 0;
	font-size				: 18px;
	color					: #393939;
	margin					: -55px auto 0 auto;
	padding					: 120px 15px 30px 15px;
}
#footerwrapper {
	width					: 100%;
	max-width				: 350px;
	height					: auto;
	margin					: 0 auto;
}

#foo1, #foo2 {
	float					: none;
	font-size				: 17px;
	color					: #fff;
	padding					: 0 80px 0 45px;
}
#foo3 {
	float					: none;
	font-size				: 17px;
	color					: #fff;
	padding					: 0 0 0 45px;
}
}

@media (max-width: 820px) {
#iconcss {
	width					: 100%;
	max-width				: 80px;
	height					: auto;
	margin					: 0 55px 0 55px;
}
}

@media (max-width: 720px) {
.slideleft, .slideright { display: none; }
}

@media (max-width: 690px) {
/* Logo Slogan Wrapper*/
#slogowrapper {
	position			: absolute;
	top					: 15px;
	right				: 15px;
	text-align			: center;
	z-index				: 999;
}

/* Logo */
#logo, #logo-mobil {
	width				: 100%;
	max-width			: 150px;
	height				: auto;
	margin-top			: 3%;
}

/* Slogan */
#slogan {
	width				: 100%;
	max-width			: 200px;
	height				: auto;
	margin-top			: 10px;
}
h1, h2, h3, h4 {
	text-align			: left;
}
#iconcss {
	width					: 100%;
	max-width				: 80px;
	height					: auto;
	margin					: 0 35px 0 35px;
}
}


@media (max-width: 510px) {
    #iconcss {
        width					: 100%;
        max-width				: 60px;
        height					: auto;
        margin					: -40px 5px 0 5px;
    }
    #inhalt {
        width					: 100%;
        max-width				: 90%;
        height					: auto;
        min-height				: 0;
        font-size				: 16px;
        color					: #393939;
        margin					: -55px auto 0 auto;
        padding					: 120px 15px 30px 15px;
    }

    h1 {
        font-size 			: 20px;
    }
    h2, h3, h4 {
        font-size			: 18px;
    }

}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #content {
        padding-bottom: 170px;
    }
    
    #farbeimer {
        margin: -210px 0 0 -142px;
    }
    
    #slogowrapper {
        display: block;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    #farbeimer {
        margin: -210px 0 0 -150px;
    }
    #menue {
        display: block;
    }
    #responsive-menu {
        display: none;
    }
    #schatten_links, #schatten_rechts {
        display: block !important;
    }
    #portalbildwrapper {
        float: left;
    }
    
    #contentwrapper {
        margin				: -64px auto 0;
    }
    
    header {
        background: rgba(0, 0, 0, 0) url("../images/slider1.jpg") no-repeat scroll center top / cover  ;
        display: block;
        height: auto;
        max-height: 672px;
        min-height: 500px;
        width: 100%;

        -webkit-background-size	: cover;
        -moz-background-size	: cover;
        -o-background-size		: cover;
        -ms-background-size		: cover;
        background-size			: cover;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #farbeimer {
	    margin: -274px 0 0 -190px;
    }
}