/* open-sans-regular - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 400;

  src: url('fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}



/* open-sans-600 - latin */

@font-face {

  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  src: url('fonts/open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}

/* dancing-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dancing-script-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/dancing-script-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/dancing-script-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/dancing-script-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/dancing-script-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/dancing-script-v24-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}



body.mce-content-body {

           background-color: #eee;





}



#immer{
	z-index: 998;
	width: 100%;

}





.schatten{	box-shadow: 0px 0px 15px #aaa;

}





#logolinks{

	float: left;

	width: 32%;

	padding-top: 13px;

	color: #777;

	font-size: 20px;

	line-height: 25px;

}



#logolinks a:link, a:visited {

	text-decoration: none;

	color: #777;

}

#logolinks a:hover, a:active {

	text-decoration: underline;

	color: #cc3333;

}







#logorechts{

	float: right;

	padding-top: 38px;

	color: #777;

	font-weight: 600;

	font-size: 25px;

	text-transform: uppercase;

}













.abstand{

	padding-left:10px;

padding-right:10px;

	}



.button{

	color:#fff;

 background-color:#aaa;

	display:block;

	float:right;

	padding:3px;

font-style: italic;

		

}









body {

	background-color: #fff;

	color: #003366;

	 font-family: 'Open Sans', Arial, Helvetica, sans-serif;

  font-style: normal;

	font-size: 16px;

	line-height: 1.6em;

	padding-top: 0px; /* Abstand zum oberen Browserrand*/

	margin: 0px;
		background-image: url(images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;

	

	

}

/* p wichtig zur Einhaltung Abstand wenn so gewünscht*/







p {

	margin: 0px;

	padding: 0px;

}

/* Überschriften zur Seitennavigation */







h1 {

	 font-family: 'Dancing Script', Arial, Helvetica, sans-serif;

  font-style: normal;

font-size: 50px;

	margin-bottom: 25px;

	line-height: 60px;

color: #ff9900;

    background-image: url(images/kasten.png);

    background-size: 35px;

    background-repeat: no-repeat;

    padding-left:45px;
    margin-top: 0px;
font-weight: 400;




}



h2 {

	font-family: 'Dancing Script', Arial, Helvetica, sans-serif;

	  font-style: normal;

font-size: 28px;

	margin-bottom: 25px;

	line-height: 28px;

color: #ff9900;
font-weight: 400;

}



 h3 {

	font-family: 'Dancing Script', Arial, Helvetica, sans-serif;

	  font-style: normal;

font-size: 40px;

	margin-bottom: 25px;

margin-top:10px;

	line-height: 25px;

color: #fff;
font-weight: 400;


}



 h4 {

	font-family: 'Dancing Script', Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 20px;



	margin-bottom: 10px;

	line-height: 25px;

color: #ff9900;
font-weight: 400;

}



 h5 {

	font-family: 'Open Sans', Arial, Helvetica, sans-serif;

	font-style: normal;

	font-size: 20px;



	margin-bottom: 10px;

	line-height: 25px;

color: #ff9900;



}

/* Überschriften zur Verwendung im content */









/* horizontale Linie */







hr {

	border-top:2px solid #fff;



}

/* links allgemein evtl. nicht verwendet da links im jeweiligen .div extra definiert sind*/







a {

	text-decoration: underline;

	color: #fff;

}

a:link, a:visited {

	text-decoration: underline;

}

a:active, a:hover {

	text-decoration: none;

}

/* container für mittige Zentrierung */





#logoo{

	width: 280px;

	height: auto;

    position: absolute;

    top:-220px;

    left:35%;

    z-index: 5000;

}

	

	

#container {

}



#contentrechts {

	float: left;

	max-width: 680px;

}

#contentinnen {

	max-width: 980px;

	position: relative;

	margin: 0 auto;

}

#bwmenuinnen {

	max-width: 980px;

	margin: 0 auto;

}



#untermenua {

	max-width: 960px;

	margin: 0 auto;

padding:0px;

	background-color: #FFFfff;

	min-height: 20px;

	opacity: 0.8;

	clear: both;

	box-shadow: 0px 5px 5px #ccc;

	display:none;

}

#untermenu {

	max-width: 930px;

	position: relative;

	margin: 0 auto;

	clear: both;

	font-size: 14px;

	text-align: center;

	color: #000;

	padding:1px;





}

#footerinnen {
	max-width: 980px;
	position: relative;
	margin: 0 auto;
	color: #003366;
	padding-top: 0px;
	text-align: center;
}

#footerinnen a{

	color:#003366;

        





}



#banner1 {

	clear: both;

	color: #fff;

	margin-top: 0px;

}



#banner1innen {

	max-width: 980px;

	position: relative;

	margin: 0 auto;

	font-size: 18px;

	line-height: 25px;





}



#contentt img {

	border: 2px solid #fff;

        box-shadow: 0px 0px 5px #666;





}

.kasten{
	float: left;
	width: 256px;
	padding: 0px;
	min-height: 256px;
	margin-right: 25px;
	margin-bottom: 25px;
	background-color: #ff9900;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	padding: 25px;
}



.kasten img{

    width:100%;

    height:auto;

    

}



.kastenm{
	float: left;
	width: 256px;
	padding: 0px;
	min-height: 256px;
	margin-right: 25px;
	margin-bottom: 25px;
	background-color: #ffcc66;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	padding: 25px;
}



.kastenm img{

    width:100%;

    height:auto;

    

}





.kastenr{
	float: left;
	width: 256px;
	padding: 0px;
	min-height: 256px;
	margin-right: 0px;
	margin-bottom: 25px;
	background-color: #2e5dad;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	padding: 25px;


}



.kastenr img{

    width:100%;

    height:auto;

    

}









#logo {
	padding-right: 2%;
	width: 480px;
    z-index: 5000;
}

#header {
	background-repeat: no-repeat;
	padding-top: 0px;
	clear: both;
}



#headerinnen {

	max-width: 980px;

	position: relative;

	margin: 0 auto;

	text-align:center;

	

}

/* content */



#logozeile {
	margin: 0px;
	width: 100%;
	height: 150px;
	padding-top: 15px;
	color: #777;
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 15px;
}



#logozeileinnen {
	max-width: 980px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}



#content {
	margin: 0px;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 35px;
	background-position: top;
	background-repeat: no-repeat;
}





#content a {

	font-weight: normal;

	color: #f90;

}

#content a:link, a:visited {

	text-decoration: none;

}

#content a:hover, a:active {

	text-decoration: underline;

}



#contentinnen table{

	float:left;

	width:50%;

	min-width:250px;

	padding-right:10%;

	}



/* menu*/



#mmenu{

	max-width: 980px;

	position: relative;

	margin: 0 auto;

	color: #fff;

	min-height: 10px;

}



#menu {

	margin: 0 auto;

	width: 100%;

	clear: both;

}

#menu a {

	font-weight: normal;

	text-decoration: none;

}

#menu a:link, a:visited {

	text-decoration: none;

}

#menu a:hover, a:active {

	text-decoration: none;

}

#menu li {

	line-height: 1.7;

	padding-top: 3px;

	padding-bottom: 3px;

	

}

ul.menulevel1, ul.menulevel2, ul.menulevel3, ul.menulevel4, ul.menulevel5, ul.sitemaplevel1, ul.sitemaplevel2, ul.sitemaplevel3, ul.sitemaplevel4, ul.sitemaplevel5, ul.submenu, ul.search {

	padding-left: 0;

	margin-left: 0;

}

.doc { /* Menüpunkt ohne Unterseite*/

	list-style: none;

	

}

.docs { /* Menüpunkt mit Unterseite*/

	list-style: none;

    color:#fff;

	

}

.sdoc { /* Aktiver Menüpunkt ohne Unterseite*/

	list-style: none;

	color:#fff;

    background-color:#036;





	

	

}

.sdocs { /* Aktiver Menüpunkt mit Unterseite*/

	list-style: none;

	color:#fff;

        background-color:#036;









	

}

/* 1. Menüebene*/







.menulevel1 {

	font-size: 14px;

	line-height: 20px;

	line-height: normal;

	color: #000;

	text-transform: none;

	text-decoration: none;

}

.menulevel1 a {

	font-weight: normal;

	color: black;

}

.menulevel1 a:link, .menulevel1 a:visited {

	color: black;

}

.menulevel1 a:hover, .menulevel1 a:active {

}

/* 2. Menüebene*/







.menulevel2 {

	font-size: 14px;

	line-height: 20px;

	text-decoration: none;

		color:#fff;





}

.menulevel2 a {

	font-weight: normal;

	color: #fff;

	text-decoration: none;

}

.menulevel2 a:link, .menulevel2 a:visited {

	color: #fff;

	text-decoration: none;

}

.menulevel2 a:active, .menulevel2 a:hover {

	text-decoration: none;

}





/* 3. Menüebene*/







.menulevel3 {

	font-size: 8pt;

	text-transform: none;

}

.menulevel3 a {

	font-weight: normal;

	color: black;

}

.menulevel3 a:link, .menulevel3 a:visited {

	color: black;

}

/* minimenu*/

#minimenu{

display:none;

}



#minimenu a {

color:#003366;

    text-transform: uppercase;

}





















#untermenu a {

	padding-left:10px;

}

#untermenu a:link, a:visited {

	color: #000;

	text-decoration: none;

}

#untermenu a:hover, a:active {

	color: #000;

	text-decoration: underline;

}

/* sitmap wahrscheinlich eher net verwendet*/







.sitemaplevel1, .sitemaplevel2, .sitemaplevel3 {

	font-size: 9pt;

}

.sitemaplevel1 a, .sitemaplevel2 a, .sitemaplevel3 a {

	font-weight: normal;

	color: black;

}

.sitemaplevel1 a:link, .sitemaplevel2 a:link, .sitemaplevel3 a:link, .sitemaplevel1 a:visited, .sitemaplevel2 a:visited, .sitemaplevel3 a:visited {

	color: black;

}

.sitemaplevel1 a:active, .sitemaplevel2 a:active, .sitemaplevel3 a:active, .sitemaplevel1 a:hover, .sitemaplevel2 a:hover, .sitemaplevel3 a:hover {

	color: black;

}

/* footer*/







#footer {
	font-size: 16px;
	line-height: 25px;
	clear: both;
	min-height: 250px;
	color: #fff;
	background: rgb(255,153,0);
	background: linear-gradient(0deg, rgba(255,153,0,0) 0%, rgba(255,153,0,1) 90%);
	border-top: 10px solid #ffcc66;
    padding-top: 25px;
}





#footer a {

	color: #003366;


}

#footer a:link, a:visited {

	text-decoration: none;
    	text-decoration: underline;



}

#footer a:hover, a:active {

	color: #003366;
        	text-decoration: none;




}

#footerinnen div {

	float: left;

	padding-left: 2%;

	padding-right: 2%;

}

/* Suchfeld */







#suche {

	position: absolute;

	z-index: 10;

	left: 800px;

	top: 160px;

}

.search a {

	font-weight: normal;

	color: black;

}

.search a:link, .search a:visited {

	color: black;

}

.search a:active, .search a:hover {

	color: black;

}

.searchbox .text, .searchbox .submit {

	border: 2px solid #c0c0c0;

	background: white;

}

/* Formular */







form {

	margin: 0;

}

/* Formular */







img {

	border: 0;

}

a img { /* Zur Vermeidung von Rahmen bei Bildlinks*/

	border: 0;

}

/* wenn unter normalem content submenu erscheinen soll - eher net*/







.submenu {

	font-size: 9pt;

}

.submenu a {

	font-weight: normal;

	color: black;

}

.submenu a:link, .submenu a:visited {

	color: black;

}

.submenu a:active, .submenu a:hover {

	color: black;

}

/* breadcrumps navi*/







.locator {

	font-size: 8pt;

	color: white;

}

.locator a {

	font-weight: normal;

	text-decoration: underline;

}

.locator a:link, .locator a:visited, .locator a:active, .locator a:hover {

	color: white;

}

/* Link login*/







.login {

	font-weight: bold;

	font-size: 8pt;

	color: gray;

}

.login a, .login a:link, .login a:visited, .login a:active, .login a:hover {

	color: gray;

}

/* Link cmsimple*/







.navigator {

	font-weight: normal;

	font-size: 8pt;

	color: white;

}

/* editor*/







.edit {

	font-size: 8pt;

	color: black;

	background-color: #FFFFFF;

	background-image: none;

}

.edit a:link, .edit a:visited, .edit a:active, .edit a:hover {

	font-weight: normal;

	color: black;

}

.retrieve {

	background-color: #ffffff;

	background-image: none;

}

input, select {

	font-size: 8pt;

}

textarea {

	width: 98%;

	background: white;

	font: 8pt Verdana, Geneva, Arial, Helvetica;

}

/* name der site*/







.sitename {

	font-weight: normal;

	font-size: 20pt;

}

body.mceContentBody {

	margin: 0 !important;

	padding: 5px;

	background-color: #fff;

	background-image: none;

}

/*Sitemap Vertical Popout Menu CSS for CMSimple*/







/*Microsoft behaviour to make IE6 and earlier behave like a compatible browser - ignored by other browsers. This has now been moved to the <body> tag in template.htm in order to use dynamic template folder path to csshover.htc*/







/* body{behavior:url(/templates/TEMPLATENAME/csshover.htc);} */







/*default styles for the menu, lists and links*/







#bwmenu {
	padding: 0;
	margin: 0 auto;
	min-height: 40px;
	background-color: #ff9900;
	border-top: 3px solid #003366;
   
}

#bwmenu ul {

	z-index: 500;

	list-style: none;

	margin: 0;

	padding: 0;

}

#bwmenu li {

	position: relative;

	display:0px;

	float: left;

	font-size: 15px;

	border: 0px solid black;

	margin: 0;

	padding: 0;

	line-height: 40px;

		letter-spacing: 0.0em;

	text-align:center;

	padding-left: 2%;

	padding-right:2%;

    text-transform: uppercase;

    font-weight:700;

    

    





}

#bwmenu a {

	display: block;

	color: #fff;

	text-decoration: none;

    font-weight:700;

	



}

/*change list item colours on hover*/







#bwmenu li li {

	width:150px;

	line-height: 25px;

	border-top: 0px solid #ccc;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 10px;

	font-size: 13px;

	line-height: 18px;

	text-align:left;

    background-color:#f00;

    color:#fff;

	

}





#bwmenu li li a {

    color:#fff;

	

}



#bwmenu li li  {

    color:#fff;

    padding-left: 20px;

    background-color:#f00;

	

}

#bwmenu li:hover {

    background-color:#036;

  

	

}



#bwmenu li li:hover {

    background-color:#f003;

  

	

} 

#bwmenu a:hover {

	color:#fff;





}

/*hide menulevel2*/







#bwmenu ul ul {

	display: none;

	background-color: none;

	opacity: 0.8;

}

/*hide menulevel3 when hovering over menulevel1 items*/







#bwmenu ul li:hover ul ul {

	display: none;

}

/*display expanding menulevel2 on hovering over menulevel1 items*/







#bwmenu ul li:hover ul {

	position: absolute;

	display: block;

	top: 40px;

	left: 0px;

}

/*display expanding menulevel3 on hovering over menulevel2 items*/







#bwmenu ul ul li:hover ul {

	position: absolute;

	display: block;

	top: -1px;

	left: 100%;

}

/*End of Sitemap Horizontal Dropdown Menu CSS for CMSimple*/







#contentt ul {

	list-style-image: url("images/bobl.png");

}



#content .flexslider ul {

	list-style-type: none;

}

#content ul li {

	padding-top: 0px;

	padding-bottom: 0px;

}

#content .flexslider ul li {

	padding-top: 0px;

	padding-bottom: 0px;

}

#resmenu {

	display: none;

}

#resbutton {

	display: none;

}

#minimenu{

display:none;

}



/* Kann maximal 1000px darstellen. */

@media only screen and (max-width : 1000px) {

#mmenu{min-height:80px;

}

#contentinnen {

	padding:1%;

}

#keywordsinnen {text-align:center;

}

#footerinnen {

	padding:1%;}

#resmenu {

	display: none;

}

#resbutton {

	display: none;

}

#minimenu{

display:none;

}

#untermenu {

font-size:50%;

line-height:1.4em;

}

#logoo{

	width: 240px;

	height: auto;

    position: absolute;

    top:-190px;

    left:40%;

    z-index: 5000;

} 

    



}



/* Kann maximal 768px darstellen. */

@media only screen and (max-width : 768px) {

#resmenu {

	display: none;

}

#resbutton {

	display: none;

}

#contentinnen table{

	float:left;

	width:100%;

	}

#logoo{

	width: 180px;

	height: auto;

    position: absolute;

    top:-150px;

    left:40%;

    z-index: 5000;

} 

    

    #spalte{

    width: 30%;

}

}



/* Kann maximal 480px darstellen. */

@media only screen and (max-width : 480px) {



#content {

    padding-top: 0px;

    margin:5%;

    width:90%;

}

    #logozeileinnen {

    height:190px;

    background-color: #fff;

display:block;



}



    #bwmenu{

        display: none;}

    



#foo1 a{

display:none;

    }

    

#foo2{

display:none;

    }   

    

#foo3{

display:none;

    }  

#foo4{

display:none;

    }   

    

#foo5{

width:60%;

    } 

    

    

    #foo5 a {

	font-weight: normal;

    text-transform:none;

}

#foo5 a:link, a:visited {

	text-decoration: none;

}

#foo5 a:hover, a:active {



	text-decoration: underline;

}



#content {

    padding-top: 50px;

}

	

#resmenu {

	float: left;

	position: relative;

	display: block;

	width: 90%;

	padding-left: 5%;

	padding-right: 5%;


}

#resmenu .menulevel1 {

	font-size: 18px;

	line-height: 35px;

	text-transform: uppercase;

	text-decoration: none;

   

}

#resmenu .menulevel1 a {

	display: block;

	font-weight: normal;

	text-decoration: none;

	padding-left: 20px;

    color:#003366;

    

}

#resmenu .menulevel1 a:link, .menulevel1 a:visited {

	text-decoration: none;

    

}

#resmenu .menulevel1 a:active, .menulevel1 a:hover {

	color: #fff;

	text-decoration: none;

        background-color:#f90;







}

#resmenu .menulevel2 {

	font-size: 14px;

	line-height: 18px;

	text-transform: uppercase;

	text-decoration: none;

}

#resmenu .menulevel2 a {

	display: block;

	font-weight: normal;

	text-decoration: none;

}

#resmenu .menulevel2 a:link, .menulevel2 a:visited {

	text-decoration: none;

}

#resmenu .menulevel2 a:active, .menulevel2 a:hover {

	color: #fff;

	text-decoration: none;



}

#resmenu .sdoc { /* Aktiver Menüpunkt ohne Unterseite*/

	color: #fff;

	list-style: none;

	padding-left: 20px;

	padding-right: 15px;

}

#resmenu .sdocs { /* Aktiver Menüpunkt ohne Unterseite*/

	color: #fff;

	list-style: none;

	padding-left: 20px;

	padding-right: 15px;

}

#resbutton {

	display: block;

	float: right;

	width: 50px;

	height: 35px;

	border-radius: 5px;

	position: relative;

	z-index: 5000;

	margin-top: 5px;

	margin-left: 5px;

        margin-right:10px;

	border: 2px solid #000;

}

#resbutton a {

	border-radius: 5px;

}

#resbutton a:link, a:visited {

	border-radius: 5px;

}

#resbutton a:hover, a:active {

	border-radius: 5px;

}



#mmenu{

	display:none;

	}

	

#untermenua{

	display:none;

	}

	

	#menu{

	min-height:60px;

	}

	

	#logo{

		width:200px;

		height:auto;

	}

	

	.fmenu{display:none;}

#minimenu{

display:block;

text-align:center;

}



#logo{

	width:90%; height:auto;

    margin-left:5%;

	

}

    

    #logoo{

	width: 70%;

        top:-25px;

        left:15%;

	height: auto;

    position: absolute;

    z-index: 5000;

} 

    





    

    #footer{

        min-heightt: 500px;

        background-size: cover;

    }

    

        #spalte{

    width: 100%;

}

    

    #logolinks{

	float: right;

	width: 70%;

	padding-top: 10px;

    color:#003366;

}

    

    .kasten{

	width:75%;

    margin-left:5%;

}



.kastenm{

	width:75%;

    margin-left:5%;

}

.kastenr{

	width:75%;

    margin-left:5%;;

}

    

    #logorechts{

	padding-top: 25px;

        margin-bottom:25px;

	font-size: 25px;

        text-align: center;

        width:100%;

}

    

#logolinks{

	float: left;

	width: 100%;

	padding-top: 0px;

	color: #777;

	font-size: 20px;

	line-height: 25px;

            margin-bottom:25px;





}

    #header{

        padding-top:200px;

    }

    

            #contentinnen img{

    max-width:100%;

height:auto;

                margin-bottom: 25px;

   

}

    #immer{

	position:absolute;

}

body {
		background-image: none;
}

}