@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,500i,700,700i');

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

html {
	margin: 0px;
	padding: 0px;
	background-color: skyblue;
	heigth: 101%;
	}


body {
	/*background-image: url(../images/bg.gif);*/
	
}


body,input {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	margin: 0px;
	letter-spacing: 0.05em;
	font-weight: 500;	
}

table th {
  display: none !important;
}


	
img {
	max-width: 100%;
	height: auto;
} 

p {
	font-weight: 500;	
}


h1 {
	
	color: skyblue;
	font-size: 1.8em;
	padding: 0px;
    margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-weight: 500;
}
h2 {
	
	color: black;
	font-size: 1.12em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-weight: 500;
    line-height: 1.4em;
}

h1.index {
	color: skyblue;
	font-size: 1.8em;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 500;	
}

h2.index {
	
	color: black;
	font-size: 1.8em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 500;	
}

h2.ok {
	
	color: black;
	font-size: 1.8em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 300;	
}
.sponsorentitel h2 {
	margin-top: 18px;
	color: black;
	font-size: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 500;	
}




.schlank {
	color: black;
	font-size: 1.8em;
	font-weight: 300;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	line-height:1em;
}

.schlankwenigabstand {
	color: black;
	font-size: 1.8em;
	font-weight: 300;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height:1em;
}

h3 {
	color: black;
	font-size: 1.1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: 500;
    line-height: 1.4em;
}

h4 {
	color: black;
	font-size: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 500;	

}

.h3 sponsor

{
	color: black;
	font-size: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 400;
}

.hauptsponsoren h3

{
	color: black;
	font-size: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight:500;
}


.hellblau {
	color: skyblue;
	font-weight: 500;
	
	}
.hellblaunormal {
	color: skyblue;
	
	}
	
.rot {
	color: #cc0000;	
	
	}	
	
.fett {
	font-weight: 500;	
	
	}

.icons {
	clear: both;
}
.links {
	max-width: 65%;
	min-width: 65%;
	float: left;
	padding: 0px;
	margin: 0px;
	}
	
.rechts {
	max-width: 30%;
	min-width: 30%;
	float: right;
	margin: 0px;
	padding: 0px;
	}
tr.hellblauhinterlegt {
	color: #000;
	
	background-color: skyblue;

}

tr.hellblauhinterlegt a:link, a:visited {
	color: #000;
	text-decoration: underline;
	
    font-weight: 500;

}

tr.hellblauhinterlegt a:hover, a:active {
	color: #FFF;
	
	
    font-weight: 500;

}
tr.hellgrauhinterlegt {
	color: #000;
	text-decoration: none;
	background-color: #f2f2f2;

}



/*********************************************************************************/
/* link formations
/*********************************************************************************/
a:link,
a:visited {
	color: #333;
	text-decoration: underline;
	font-size: 1em;
}
a:hover {
	color: skyblue;	
	text-decoration: underline;
	font-size: 1em;
}


a.hinterlegt:link,
a.hinterlegt:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #666;
	margin: 0px;
	padding: 10px;
	display: inline-block;
}
a.hinterlegt:hover, a.hinterlegt:active {
	color: skyblue;
	text-decoration: none;
	background-color: #666;
	margin: 0px;
	padding: 10px;
	display: inline-block;
}

/*********************************************************************************/
/* navigation dmenu
/*********************************************************************************/
/*#nav {
	width: 100%;
	bottom: 60px;
	position: relative;
	z-index: 1000;
	text-align: center;
}*/

#nav {
	width: 100%;
	height: auto!important;
	position: relative;
	display: inline-block;
	background-color: skyblue;	
}

/*.nav_center {
	font-size: 1em;
	list-style-type: none;
	position: relative;
	text-align:left;
	display: inline-block;
	background-color: skyblue;
	max-width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;	
}*/

.navbox {
	font-size: 1em;
	list-style-type: none;
	position: relative;
	
	/*display: inline-block;*/
	background-color: skyblue;
	max-width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.navig {
	width: 90%;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	
	}

.facebook {
	width: 10%;
	float: right;
	text-align: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
/*.navi {
	letter-spacing: 0.5px;
	font-weight: bold;
	padding-top: 10px;
	position: relative;
	z-index:1;

}*/

li.topMenu
{
	font-size: 1.1em;
	line-height: 1.5em;	/*background-image: url();
	background-repeat: no-repeat;
	background-position: 2px top;*/
}

li.topMenu_a
{
	font-size: 1.1em;
	line-height: 1.5em;	
	
	/*background-image: url();
	background-repeat: no-repeat;
	background-position: 2px top;*/
}

li.topMenu .active { color: #333; }


ul.menu li ul li a {
	color: #666;
	line-height: 1.3em;
	font-weight: 500;
	padding-bottom: 0px;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 1em;
}
ul.menu li ul li a:hover {
	color: white;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
}
ul.menu li ul li .hlink_a {
	color: white;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
}




ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul { display: block; }

ul.menu ul li {
	float: none;
	background-color: transparent;
	
}



/*********************************************************************************/
/* home und slider
/*********************************************************************************/

.top {
	width: 100%;
}
.logo {
	width: 100%;
	text-align: center;
	margin-top: 30px;
	position: absolute;
	z-index: 500;
}
.logo img {
	max-width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.slider_out {
	width: 100%;
	height: auto!important;
	position: relative;
	display: inline-block;
	background-color: gainsboro;	
}
.slider {
	height: auto!important;
	background-color: gainsboro;
}
/*.splr .DynPG_Gallery_Slideshow,
.spr .DynPG_Gallery_Slideshow,
.spl .DynPG_Gallery_Slideshow,
.einsp .DynPG_Gallery_Slideshow,
.zweisp .DynPG_Gallery_Slideshow,
.acc .DynPG_Gallery_Slideshow,
.aktuell .DynPG_Gallery_Slideshow {
	max-height: 300px;
	top: -100px;
}*/
.DynPG_Gallery_Slideshow img { width:100%; }
#layer_background {
	position:relative;
	z-index:1;
	width:100%;
	height: 470px;
	overflow: hidden;
}
/*.header .container {
	top: 30px;
	position: relative;
	z-index: 10;
}
.footer {
	width: 100%;
	float: left;
	
	color: grey;
}
.footer .container {
	padding: 20px;
}
*/
.news .dynpg_H {
	width: 25%;
	float: left;
	padding: 1%;
}

/*********************************************************************************/
/* usely side
/*********************************************************************************/

.bmcontainer{
	background-color: white;
	max-width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 5px;
}

.seitencontainer {
	background-color: white !important;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	flex-direction: row;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	background-color: transparent;
	clear: both;
	}
	
.inhalte {
	-webkit-box-flex: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 2;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 2;
	flex: 2 auto;               /* NEW, Spec - Firefox, Chrome, Opera */
	background-color: white;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
	/*max-width: 100%;*/
	}
	
.newsspalte {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;
	flex: 1 auto;               /* NEW, Spec - Firefox, Chrome, Opera */
	background-color: #f2f2f2;
	max-width: 350px;
	min-width: 350px;
	margin: 0px;
	float: left;
	padding: 10px;
	}
	
.newsspalte p {
	font-size: 1em;	
	}
	
.newsspalte h2 {
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
	
.newsspalte h3 {
	
	font-size: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: 500;	
}

footer {
	
	margin: 0px;
	padding: 0px;
	background-color: white;
	max-width: 1085px;
	}
	
	
	
	
.sponsorentitel {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	


	}
	

.sponsorenzeile {
	background-color: transparent !important;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
  	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	flex-direction: row;
	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}	
	
.hauptsponsoren {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;
	flex: 1 auto;               /* NEW, Spec - Firefox, Chrome, Opera */
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
.sponsor {
	-webkit-box-flex: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex: 1;       /* Safari 6.1+. iOS 7.1+, BB10 */
	-ms-flex: 1;
	flex: 1 auto;               /* NEW, Spec - Firefox, Chrome, Opera */
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	}		

.inhalte img {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.sidebar {
	float: left;
}
.byline {
	text-transform: uppercase;
	color: #666;
}
header {
	margin-bottom: 12px;
}
/*.footer h2 {
	color: #CCC;
	font-size: 1em;
	margin-top: 10px;
}
.footer section,
.footer .byline,
.footer .dynpg_A_header,
.footer .dynpg_A_content {
	color: #CCC;
	font-size: 1em;
}
.footer .dynpg_A_header_text {
	font-size: 1em;
	margin-top: 16px;
}
.footer .dynpg_A_header_lead {
	text-transform: uppercase;	
	font-weight: normal!important;
}
.footer .byline {
	text-transform: none;
}
.footer .dynpg_A_content {
	margin-top: 12px;
}
.footer-img {
	max-width: 30%;
	border-radius: 8px;
	margin: 5px 10px 5px 0;
}*/

.copyright {
	font-size: 0.8em;

	color: #000;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}



.copyright p {
	color: black;
	margin: 0px;
	padding: 0px;	
}
.copyright a {
	color: #ccc;
	text-decoration: none;
}

/*table {
  border-collapse:collapse;
}

tr {
	vertical-align: top;	
	}
	
td {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	}*/

	
.seitenanfang {
	background-color: transparent !important;
	max-width: 1100px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 1em;
	text-align: right;
	color: #FFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
}
	
	
/*********************************************************************************/
/* news
/*********************************************************************************/

.aktuell .dynpg_AA_row_Table img {
	display: none;
}
.aktuell h2 {
	font-size: 1.2em;
}
.aktuell .byline {
	text-transform: none;
}
.aktuell .dynpg_A_header_lead {
	text-transform: uppercase;
	color: #666;
}
/*********************************************************************************/
/* accordion
/*********************************************************************************/




/*********************************************************************************/
/* no sidebar
/*********************************************************************************/


/*********************************************************************************/
/* two colomns
/*********************************************************************************/



/*********************************************************************************/
/* config_general
/*********************************************************************************/

/*********************************************************************************/
/* navigation
/*********************************************************************************/

/*------------------------------- gallery inhalt ---------------------------------*/
.DynPG_Gallery_P_div_0 {
	float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
}
.DynPG_Gallery_P_div_0 .play_button_overlay { position: absolute; left: 0; top: 0;}
.DynPG_Gallery_P_div_1 { 

float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}
.DynPG_Gallery_P_div_2 { 

float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}
.DynPG_Gallery_P_div_3 { 
float: left;
	width: 24%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}
	
	.DynPG_Gallery_P_div_4 { 
float: left;
	width: 20%;
	padding: 0px;
	margin-top: 0%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0%;
	}



/*------------------------------- galery home ---------------------------------*/
.content_h .DynPG_Gallery_P_div_0 { float: left; width: 24%; padding: 1% 3% 2% 0; }
.content_h .DynPG_Gallery_P_div_0 .play_button_overlay { position: absolute; left: 0; top: 0;}
.content_h .DynPG_Gallery_P_div_1 { float: left; width: 24%; padding: 1% 3% 2% 0; text-align: center;}
.content_h .DynPG_Gallery_P_div_2 { float: left; width: 24%; padding: 1% 3% 2% 0; text-align: center;}
.content_h .DynPG_Gallery_P_div_3 { float: left; width: 24%; padding: 1% 3% 2% 0; text-align: center;}

/*------------------------------- galery aktuell ---------------------------------*/
.content_aktuell .DynPG_Gallery_P_row_0 { clear: left; }
.content_aktuell .DynPG_Gallery_P_row_1 { clear: left; }
.content_aktuell .DynPG_Gallery_P_row_2 { clear: left; }
.content_aktuell .DynPG_Gallery_P_row_3 { clear: left; }
.content_aktuell .DynPG_Gallery_P_row_4 { clear: left; }
.content_aktuell .DynPG_Gallery_P_row_5 { clear: left; }

.content_aktuell .DynPG_Gallery_P_div_0 { float: left; width: 19%; padding: 1% 3% 2% 0; text-align: center;}
.content_aktuell .DynPG_Gallery_P_div_0 .play_button_overlay { position: absolute; left: 0; top: 0;}
.content_aktuell .DynPG_Gallery_P_div_1 { float: left; width: 19%; padding: 1% 3% 2% 0; text-align: center;}
.content_aktuell .DynPG_Gallery_P_div_2 { float: left; width: 19%; padding: 1% 3% 2% 0; text-align: center;}
.content_aktuell .DynPG_Gallery_P_div_3 { float: left; width: 19%; padding: 1% 3% 2% 0; text-align: center;}
.content_aktuell .DynPG_Gallery_P_div_4 { float: left; width: 19%; padding: 1% 3% 2% 0; text-align: center;}
.content_aktuell .DynPG_Gallery_P_div_5 { float: left; width: 19%; padding: 1% 3% 2% 0; text-align: center;}
.content_aktuell .DynPG_Gallery_P_div_6 { float: left; width: 19%; padding: 1% 3% 2% 0; text-align: center;}



/*------------------------------- google-maps und youtube ---------------------------------*/
.google-maps {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.google-blog {
	padding-bottom: 75%; // This is the aspect ratio
	height: 1px;
	border-radius: 10px!important;
}
.google-blog iframe {
	position: absolute;
	top: 50px;
	left: 0px;
	width: 95% !important;
	height: 88% !important;
	clear:both;
	left: 3%;
	overflow-x: hidden !important;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*------------------------------- config_general.css ---------------------------------*/
.dynpg_AG_row_Description {
	clear: both;
	}
.news .dynpg_H_header {
	padding-top: 20px;
}
.news .dynpg_H_header_lead p {
	margin: 0px;
	font-size: 1em;
}
div.dynpg_H_header div.dynpg_H_header_lead {
    font-size: 1em;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
div.dynpg_H_header div.dynpg_H_header_text h2 {
	padding: 0px;
	font-size: 3em;
}
.dynpg_H_header_lead img {
	border-radius: 0px;
	margin: 0px;
	padding: 0px;
}


.dynpg_AA_row_HeadtextA, .dynpg_AA_row_HeadtextB {
	
	font-size: 1.1em;
	font-weight: 500;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 140px;
    color: skyblue;
    
}


div.dynpg_AA_row_DescriptionA, div.dynpg_AA_row_DescriptionB {
	

    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
    margin-left: 140px;
    
	
}

div.dynpg_AA_row_DescriptionA p, div.dynpg_AA_row_DescriptionB p {	
	
    padding: 5px;
	
}



	
.dynpg_AA_row_Main_Col_01A img {
	max-width: 130px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;	
	}

.dynpg_AA_row_Main_Col_01B img {
	max-width: 130px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;	
	}

div.dynpg_AA_row_DescriptionA {

    background: skyblue;
}
div.dynpg_AA_row_DescriptionB {
	
    background: whitesmoke;
}


div.dynpg_AA_row_DescriptionA a:hover, a:active {	
	
    color: white;
	
}




/*------------------------------- bootstrap css ---------------------------------*/



/*------------------------------- mobile devices ---------------------------------*/

@media screen and (max-width: 991px) {
    
    .links {
	float: left;
	background-color: transparent;
	/*max-width: 350px;
	min-width: 350px;*/
	min-width: 100%;
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.rechts {
	float: right;
	background-color: transparent;
	min-width: 100%;
	max-width: 100%;
	
}
    
    div.dynpg_AA_row_HeadtextA, div.dynpg_AA_row_HeadtextB
    
    {
	

    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
    margin-left: 0px;
    
	
}
 div.dynpg_AA_row_DescriptionA, div.dynpg_AA_row_DescriptionB {
	

    margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
    margin-left: 0px;
    
	
}
.dynpg_AA_row_Main_Col_01A img {
	display: none;
	}

.dynpg_AA_row_Main_Col_01B img {
	display: none;
		
	}


.slider {
	
		max-width: 100%;
		height:auto;
		}	

.seitencontainer {

	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	padding: 0px;
	max-width: 100%;
	height: 1000px
	margin-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	}
	
.newsspalte {
	background-color: #f2f2f2;
	min-width: 100% !important;
	
	}
		
.navbox {
display: none;	
	
	}

.inhalte {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;	/*max-width: 100%;*/
	}		

.seitenanfang {
	text-align: left;
	padding-left: 5px;	
	}		

footer {
	
	padding: 0px;
	background-color: white;
	width: 100%;
	}
	

	
.sponsorenzeile {
background-color: transparent !important;
	display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  	display: -ms-flexbox;  /* TWEENER - IE 10 */
  	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	flex-direction: column;
	
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}	
	
	
	#nav {
		width: 100%;
		position: relative;
		z-index: 1000;
	}
	.news .dynpg_H {
		width: 48%;
		float: left;
		padding: 1%;
	}



	ul.menu a, ul.menu a:hover, ul.menu a.hlink_a {
    	padding: 4px 15px 5px 0;
		font-weight: 400;	
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
		position: fixed;
		float: inherit
		padding: 9px 10px;
		margin: 0px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0px;
		border: none;
		bottom: 20px;
		right: 20px;
		width: 50px;
		height: 50px;
		border-radius: 100px;
		background: #60bdeb;
	}
	.navbar-default .navbar-toggle:hover {
		background-color: #60bdeb; 
	}
	.navbar-default .navbar-toggle:focus {
		background-color: #60bdeb;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 30px;
		height: 4px;
		border-radius: 1px;
	}
	ul.nav.navbar-nav {
		background: #60bdeb;
	}
.nav_m {
	display: block !important;
	position: fixed;
	bottom: 50px;
	width: 100% !important;
	background-color: transparent;
	background-image: url(../images/silver.png);
	margin: 0px;
	padding: 0px;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-collapse.collapse.in {
	  	display: block!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav li {
		float: none;
	}
	.navbar-nav li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.scroller,
	.dropdown-toggle {
		margin: 3px;
		font-size: 1em;
		font-weight: 500;
	}
	
	.dropdown-menu .d_2 .hlink {
	margin: 3px;
	font-weight: 500;

	}
	.dropdown-menu .d_2 .hover {
		margin: 3px;
		color: #214b7d!important;
	}
	.dropdown-menu .d_2 .hlink_a {
		margin: 3px;
		font-weight: 500;
	}

    
	.navbar-default .navbar-nav li .hlink {
		color: #666;
	}
	.navbar-default .navbar-nav li a {
		color: #214b7d;
	}
	.navbar-default .navbar-nav li .hlink {
		color: #333;
		text-decoration: none;
	}
	.navbar-default .navbar-nav li a {
		color: #214b7d;
		background-color: #eee;
	}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: #d7d7d7;
		color: #444;
		text-decoration: none;
	}
	.dropdown-toggle:hover{
		background-color: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu li a  {
		color: #333;
		text-decoration: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a.hlink_a {
		background-color: #d7d7d7;
	}
	.navbar-collapse.in {
	  overflow-y: visible;
	}
	.navbar-collapse {
	  max-height: none!important;
	}
	.navbar-collapse.collapse {
	  display: none !important;
	}
	.navbar-nav {
	  float: none !important;
	  margin-bottom: 10px;
	  margin-top: 7.5px;
	}
	.navbar-nav > li {
	  float: none;
	}
	.navbar-nav .open .dropdown-menu {
	  border: 0 none;
	  box-shadow: none;
	  float: none;
	  margin-top: 0;
	  position: static;
	  width: auto;
	}
	.dropdown-menu {
	  font-size: 1em;
	  left: 15px;
	}
	.left_inner {
		padding: 0 5% 0 5%;
	}
	.btn-pdf,
	.btn-print {
		display: none;
	}
}



/*  ----------------------formular--------------------------- */
td {
	padding: 3px 0 3px 0;
}
.input{
	width: 100% !important;
	margin: 3px;
	border: none;
	background-color: #eee;
}
input.formfield_error,
textarea.formfield_error {
	background-color: #B90000;
}	
span.form_error{
	font-size: 1.2em;
	color: red;
	line-height: 30px;
}
span.form_success {
	font-size: 1.2em;
	color: #6AA84F;
	line-height: 30px;
}
textarea {
	width: 100% !important;	
	border: none;
	background-color: #eee;
}
textarea:focus {
	background: #ccc;
	width: 300px;
	font-weight: bold;
	color: #000;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;

}  
.input:focus {
	width: 200px;
	background: #CCC;
	color: #FFF;
	font-weight: bold;
}
.select {
	margin: 5px auto 0 0;
	background: #ffffff;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.select:focus {
	background-color: #ccc;
}



hr {
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: gray;
	}
	
.bildlegende {
	font-size: 0.7em;
	line-height: 1.3em;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
	
.blauertext {
	color: steelblue;	
	
	
	}
	
.kleintext {
	font-size: 0.9em;

	padding: 0px;
	margin: 0px;
	
	}
	
	

/*********************************************************************************/
/* dmenu
/*********************************************************************************/



/*********************************************************************************/
/* recommend und icons
/*********************************************************************************/

/*.icons {
	background-color: transparent !important;
	float: right;
	color: #03F;
	padding: 0px  !important;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
}*/

.shariff .mail .fa-envelope {
	font-size: 1em;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;

}

.shariff .info .fa-info {
	display: none;
}

.shariff .theme-white .shariff-button a:link, .shariff .theme-white .shariff-button a:visited {
	background-color: #CCCCCC;
	color: #666;
	
}

.shariff .theme-white .shariff-button a:hover, .shariff .theme-white .shariff-button a:active {
	background-color: skyblue;
	
}

/*.shariff .article-social  {
	
		display: none;
}*/

.shariff li .fa {
    line-height: 30px;
    width: 30px;
}

.shariff .orientation-horizontal.col-1 li, .shariff .orientation-horizontal.col-2 li {
	max-width: 30px;
	min-width: 30px !important;
	margin: 0px;
	padding: 0px;    
}



.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: auto;
overflow: hidden;
}
/*********************************************************************************/
/* media queries
/*********************************************************************************/

@media (min-width: 300px) and (max-width: 480px) {
    

	




.inhalte {
width: 100%;

	}
.bm tr td {
	display: block !important;
	background-color: whitesmoke;
	}
.eventbuehne tr td {
	display: block !important;
	background-color: transparent;
	}
    

.gb {
	display: block !important;
	background-color: whitesmoke;
	width: 100% !important;
	}
.links {
	float: left;
	background-color: transparent;
	/*max-width: 350px;
	min-width: 350px;*/
	min-width: 100%;
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.rechts {
	float: right;
	background-color: transparent;
	min-width: 100%;
	max-width: 100%;
	
}
	



tr.hellblauhinterlegt {
	color: #000;
	text-decoration: none;
	background-color: skyblue;

}
}

.reset {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

.d_3{
padding-left: 15px !important;
    
}

a.rot:link, a.rot:visited {
	color: #cc0000;	
	
	}

a.rot:hover, a.rot:active {
	color: skyblue;	
	
	}

.blauspaltenav {
color: #64abc8;
}


.fb-page {
    
  width: 100%;
    height: auto;
    
}

.cycle-overlay {
    
    display: none !important;
}