/* common styles */

.responsivenavi, .nav_responsive {
	display: none;
}
/*
.csc-textpic-image, .csc-textpic-firstcol, .csc-textpic-lastcol {
	width: 49% !important;
}
*/
#responsiveShow, .nav_responsive {
	display: none;
}
#respNav{
	display:none;
}
/* #Media Queries
================================================== */

/*@media only screen and (min-width: 1482px) and (max-width: 1730px) {
	#headerImage .bx-wrapper ul.bgSlider li img {
    float: right;
    height: 100%;
    max-width: none;
}

}*/
@media only screen and (min-width: 1565px) and (max-width: 1814px) {
	#menue ul li a.menueebene04 {
		padding: 12px 5px 13px 56px;
	}
}

@media only screen and (min-width: 1382px) and (max-width: 1814px) {
	#wrap01 {
		width: 22.5%;
	}
	#wrap02 {
		width: calc(77.5% - 2px);
	}
	#layout01 {
		margin-left: 4.7%;
		margin-right: 4.7%;
		width: 90.6%;
	}
	#menue {
		font-size: 16px;
	}
	#layout03alles #homeQuick {
    width: 90%;
}
	
}
@media only screen and (min-width: 1150px) and (max-width: 1381px) {
		#menue ul li a.menueebene04 {
		padding: 12px 5px 13px 56px;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1381px) {
	
	.quick h4 {
		font-size: 16px;
	}
	#menue {
		font-size: 16px;
	}
	#blockRight {
		width: 69.5%;
	}
	#headerImage {
		height: 212px;
	}
	#headerImage ul.bgSlider li img {
		margin-left: -480px;
		margin-top: -70px;
		max-width: none;
	}
	#layout03alles #layout05 form, #blockLeft {
		width: 65.5%;
	}

	#layout01 {
		margin-left: 4.7%;
		margin-right: 4.7%;
		width: 90.6%;
	}
	#layout03alles #slogan {
		height: 246px;
		margin: 40px auto 0;
	}
	#layout05 {
		width: 82.5%;
	}
	#loginMask {
		left: 69%;
	}
	#navlinks {
		right: 3.2%;
	}
	#wrap01 {
		width: 30.5%;
	}
	#wrap02 {
		width: calc(69.5% - 2px);
	}
	#wrap.home.rat #layout03alles #homeQuick {
		width: 78%;
		margin: 0 auto;
	}
	#wrap.home.rat #headerImage {
		height: 100%;
	}
#wrap.home.rat #layout03alles #homeQuick a.quick {
    margin-right: 3.5%;
    margin-top: 20px;
    padding: 185px 5.1% 25px !important;
    width: 36% !important;
}
	#wrap.home.rat #layout03alles #homeQuick a.zwei {
		/*margin-right: 0;*/
	}
	#wrap.home.rat #headerImage img {
		height: auto;
		left: 0;
		max-width: none;
		position: fixed !important;
		top: -60px;
	}
	#wrap.home.rat #layout03alles {
		padding-bottom: 30px;
	}
	#menuequick {
		width: 42%;
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1024px) {
	
	.quick h4 {
		font-size: 16px;
	}
	#blockRight {
		width: 76.5%;
	}
	#headerImage {
		height: 212px;
	}
	#headerImage ul.bgSlider li img {
		margin-left: -480px;
		margin-top: -70px;
		max-width: none;
	}
	#layout03alles #layout05 form, #blockLeft {
		width: 72.5%;
	}
	#layout05 {
		width: 82.5%;
	}
	#loginMask {
		left: 69%;
	}
	#menue {
		font-size: 15px;
		line-height: 18px;
	}
	#menue ul li a.menueebene01 {
	}
	#navlinks {
		right: 3.2%;
	}
	#wrap01 {
		width: 27.5%;
	}
	#wrap02 {
		width: calc(72.5% - 2px);
	}
	#wrap.login #menue .homebild {
		padding: 4px 5px 17px 56px;
	}
	#wrap.login #menue .homebild span {
		line-height: 20px;
	}
	#wrap01 {
		width: 30.5%;
	}
	#wrap02 {
		width: calc(69.5% - 2px);
	}
	#wrap.home.rat #layout03alles #homeQuick {
		width: 78%;
		margin: 0 auto;
	}
	#wrap.home.rat #headerImage {
		height: 100%;
	}
#wrap.home.rat #layout03alles #homeQuick a.quick {
    margin-right: 3.5%;
    margin-top: 20px;
    padding: 185px 4.6% 25px !important;
    width: 37% !important;
}
	#wrap.home.rat #layout03alles #homeQuick a.zwei {
		/*margin-right: 0;*/
	}
	#wrap.home.rat #headerImage img {
		height: auto;
		left: 0;
		max-width: none;
		position: fixed !important;
		top: -60px;
	}
	#wrap.home.rat #layout03alles {
		padding-bottom: 30px;
	}
	#menue {
		font-size: 16px;
	}
	#menuequick {
		width: 42%;
	}
	#layout03alles #slogan {
		margin: 40px auto 0;
		height: 242px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 	width: 745px; */
	.quick h4 {
		font-size: 16px;
	}
	
	#blockRight {
		width: 100%;
	}
	#contentbereich strong {
		font-size: 16px;
	}
	#headerImage {
		height: 179px;
	}
	#headerImage ul.bgSlider li img {
		margin-left: -480px;
		margin-top: -70px;
		max-width: 1690px;
	}
	#kontrast {
		margin-right: 2%;
	}
	#kontrast img {
		margin-top: 0;
	}
	#kreistagMode8 .blockNewsDataMode8 {
		width: 21%;
	}
	#kreistagMode8 .blockNewsMode8TextLevel0 {
		width: calc(79% - 61px);
	}
	#layout03alles #layout05 form, #blockLeft {
		width: 96%;
	}
	#layout05 {
		width: 94.5%;
	}
	#loginMask {
		left: 69%;
	}
	#menue {
		font-size: 15px;
		line-height: 18px;
	}
	#menue ul li a {
		padding: 4px 5px 4px 56px;
	}
	#menue ul li a span {
		max-width: 140px;
		float: left;
	}
	#menuequick {
		width: 50%;
	}
	#menuequick a, #schrift p, #kontrast {
		font-size: 14px;
	}
	#navlinks {
		right: 1.7%;
		display:none !important;
	}
	#wrap02 #navlinks.resp {
		display: block !important;
		position: absolute;
		bottom: 0;
		right: 2%;
	}
	#schrift {
		display: none;
	}
#wrap01 {
    width: 33%;
}
#wrap02 {
    width: calc(67% - 2px);
}
	#wrap.login #menue .homebild {
		padding: 4px 5px 17px 56px;
	}
	#wrap.login #menue .homebild span {
		line-height: 20px;
	}
	#wrap.home.rat #layout03alles #homeQuick {
		width: 90%;
		margin: 0 auto;
	}
	#wrap.home.rat #headerImage {
		height: 100%;
	}
#wrap.home.rat #layout03alles #homeQuick a.quick {
    margin-right: 3%;
    margin-top: 20px;
    padding: 185px 3.6% 25px !important;
    width: 39.8% !important;
}
	#wrap.home.rat #layout03alles #homeQuick a.zwei {
		/*margin-right: 0;*/
	}
	#wrap.home.rat #headerImage img {
		height: auto;
		left: 0;
		max-width: none;
		position: fixed !important;
		top: -60px;
	}
	#wrap.home.rat #layout03alles {
		padding-bottom: 30px;
	}
	#layout03alles #slogan p b {
		font-size: 32px;
	}
	#layout03alles #slogan {
		height: 242px;
		margin: 30px auto 0;
	}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {






#wrap02 {
    width: 100% !important;
}
#layout03alles #homeQuick a.quick {
    background-position: center 5px;
    background-size: 75px auto;
    margin-left: 17%;
    margin-top: 15px !important;
    min-height: 115px !important;
    padding: 97px 1% 25px !important;
    width: 65.9% !important;
}
#layout03alles #homeQuick a:hover {
    background-size: 75px auto !important;
	background-position: center 5px !important;
}
#layout03alles #homeQuick {
    width: 91%!important;
}
#layout03alles #slogan {
    height: 222px;
}
#wrap01 {
    width: 100% !important;
	min-height: 660px !important;
	border-right:none!important;
}
#schrift {
	display: none;
}
#headerImage {
    width: 100%!important;
}
#layout03alles {
    margin-bottom: 60px;
}


/*Idee mit fixed*/

#headerImage img {
	position:fixed!important;
	max-width: none;
}
#menue {
    width: 100%!important;
}
#kontakt {
    margin-left: 0;
    margin-top: 25px !important;
    width: 100% !important;
}

.quick span {
    width: 46%!important;
}
#menue #home {
    margin-top: 4px;
}
#layout03alles #slogan p {
    font-size: 22px!important;
}
#layout03alles #slogan p b {
    font-size: 28px!important;
}
#layout03alles #slogan {
    margin: 60px auto 0!important;
    padding-top: 57px!important;
	height: 247px!important;
}


#kontrast {
    margin: 0 auto 5px;
	max-width: 90px;
	float: none;
}

#loginMask {
    left: 69%!important;
}

#layout03alles #layout05 form, #blockLeft {
    width: 96%;
}



.menueText {
    font-size: 16px;
}
#logo {
    margin: 0 auto 10px;
    text-align: center;
    width: 77%;
}
#topbalken {
    float: right;
    position: inherit;
    width: 100%;
}
#layout03alles #homeQuick a.quick {
    width: 44.8%;
}
#kreistagMode6Group .nameblockMode6GroupMembersRight {
    width: 47.4%;
}
#kreistagMode6Group .nameReserveNameMode6Group {
    width: 47.9%;
}
#kreistagMode8 .blockNewsMode8TextLevel0 {
    width: calc(75% - 61px);
}
#kreistagMode8 .blockNewsDataMode8 {
    width: 25%;
}
#navlinks {
    right: 4%;
	position: absolute;
}	
.formobjektklein {
    width: 97.8%;
}
#wrap01 {
    float: left;
    position: inherit;
    width: 26%;
}
#headerImage {
    width: 73.9%;
}
#wrap02 {
    width: 73.7%;
	 min-height: auto;
}
#layout03 #contentColRight form, #blockLeft {
    margin-left: 3.4%;
    margin-top: 20px;
    width: 92.5%!important;
}
#navlinks a {
    right: 0px;
}
#layout05 {
    margin-top: 50px;
	width: 94.2%;
	padding: 0 2.9% 0;
}
#blockRight {
    margin-top: 30px;
    width: 96.5%;
}
#layout03alles #homeQuick {
    width: 600px;
}
#Info {
    background: #fff none repeat scroll 0 0;
    width: 86%;
}
.quick h4 {
    font-size: 15px;
}
#alles {
    float: left;
    width: 100%;
	background:none;
	height: auto;
}
	
	
	
	
	
	/*STARTSEITE*/
	body {
		background:none;
	}
	#headerImage .bx-wrapper ul.bgSlider li img {
    height: 100%;
    max-width: none;
}
#headerImage {
    background: none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
#layout01 {
    float: none;
    margin: 0 auto;
    width: 74% !important;
}
.home #wrap02 {
    border: 0 none;
    width: 100%;
}
#wrap02 {
    min-height: auto;
	border: 0;
	width: 100%
}

	#kontakt {
    margin-top: 41px;
    padding: 0;
    width: 100%;
}
	#menuequick {
		font-size: 13px;
		margin: 3px 0 8px;
		width: 100%;
		text-align: center;
	}
	#layout02 {
		padding: 4px 0.5% 5px 2.8%!important;
		width: 95.3%;
	}
	.outside {
		width: 16.7%;
	}
	.itemsinnerwrap {
		height: 157px;
		padding: 2px 0 21px;
		 width: 107px;
	}
	#layout03-1 {
		padding-left: 4%;
		width: 96%;
	}
	#breadcrumb a.start {
		margin-right: 0px;
		margin-left: 0;
	}
	#breadcrumb a {
		float: left;
		margin-bottom: 7px;
		margin-left: 5px;
		padding: 5px 7px;
	}
		#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
		top: -24px;
		left: 22px;
	}
	#contentbereich .minigal .scrollable {
		height: 148px;
		 width: 108px;
	}
	#contentbereich .minigal .scrollWrap {
		height: 153px;
	}
	#contentbereich .minigal a.right, #contentbereich .minigal a.next {
		bottom: -19px;
		top: auto;
	}
	#contentbereich .minigal DIV.csc-textpic DIV.csc-textpic-imagerow {
		height: 50px;
	}
	#contentbereich #contentColLeft .minigal .scrollable img, #contentbereich #contentColRight .minigal .scrollable img {
		height: auto;
		width: 84px;
	}
	.minigal .csc-textpic {
		width: 115px;
	}
#layout05 #kreistagMode7, #layout05 #kreistagMode1, #layout05 #kreistagMode4, #layout05 #kreistagMode8 {
    width: 100%;
}
	#wrap03 {
		bottom: auto;
		float: none;
		margin-left: 0;
		padding: 0;
		position: absolute;
		right: 10px;
		top: 57px;
		width: auto;
	}
	#buergerportal.responsiveshow {
		display: block;
		margin-bottom: 50px;
		margin-top: 0;
	}
	#buergerportal.responsivenone {
		display:none;
	}
	#schliersee, #tegernsee {
		margin-left: 8px;
		padding: 6px;
		width: 80px;
	}
	#suchbereich .bereich2 {
		width: 22px;
	}
	#suche {
		width: 189px;
	}
	#wrap {
    float: left;
    position: relative;
}
.zurueck {
    margin-top: 0;
}
#layout03 #contentColRight form, #blockLeft {
    margin-left: 0;
    margin-top: 5px;
    width: 96%;
	margin-bottom: 25px;
}
#blockRight {
    width: 100%;
}
#loginCenter {
    padding: 50px 2%;
    width: 89%;
	position:relative;
}
#login #loginCenter form {
    width: 100%;
}
#loginCenter .tx-felogin-pi1 a {
    right: 0;
    top: -74px;
}
#alles {
    height: auto;
}
#layout03alles {
    min-height: 235px;
}
#navlinks a {
    float: left;
    right: 0;
}
	.home#wrap {
    float: none;
}
	#drucken {
		margin-bottom: 5px;
	}
	#menue ul li ul {
		width: 100%;
		float:left;
		position:static;
	}
	#menue ul li ul li {
		width: 131px;
		-moz-hyphens: auto;
	}
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
		max-width: 100%;
	}
	#dynamischeListe2 .newsText {
		width: 65%;
	}
	.homenews #carousel li, .homenews #carousel2 li, .homenews #carousel3 li, .homenews #carousel4 li {
		margin-right: 70px;
		width: 258px;
	}
	.homenews .jcarousel-container .jcarousel-clip {
		margin-left: 104px !important;
		width: 324px !important;
	}
	.homenews ul li .news .teaserText {
		width: 88.3%;
	}
	.homekalender {
    margin-left: 32px;
    width: 284px;
}
	.tagcloud {
		margin-left: 30px;
		margin-right: 33px;
		width: 400px;
	}
	.tagcloud table a {
		display: block;
	}
	#layout03-1 ul.tabs li {
		margin-left: 6px;
	}
	.rahmen.fuenfzig,.rahmen {
   		width: 100%;
	}
	#dynamischeListe2 .teaserPicture {
		width: 31%;
	}
	#breadcrumb #breadcrumbText p {
	float:none;
	 margin-bottom: 15px;
	
}	
	
	#respNav.show {
		display: block;
		float: left;
		width: 50%;
	}


	#menue ul#nav ul{
		visibility:hidden!important;
		display:none!important;
	}
	#menue ul#nav .noActive ul{
		visibility:hidden;
		display:block;
	}
	
	/*MAINMENÜ*/
	#mainMenue {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: 0 none;
		left: 51px;
		margin: 0 0 25px;
		width: 79%;
	}
	#menue ul li.menueebene0Active a, #menue ul li.menueebene1Active a, #menue ul li.menueebene2Active a, #menue ul li.menueebene3Active a, #menue ul li.menueebene4Active a {
		background: #fff;
	}

	#menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a:hover, #menue ul li.menueebene4 a {
		background: none repeat scroll 0 0;
		padding-bottom: 10px;
	}
	#menue ul li.menue04 a {
		padding: 0 8px 0 59px;
	}
	#menue {
		position: relative;
		 width: 100%;
		 max-width:none;
		  padding-top: 40px!important;
	}
	#menue ul li a {
		font-size: 19px;
		padding-left: 66px !important;
		text-align: center;
		padding: 0 0 0 10%;
	}

.menueText {
		display: table-cell;
		font-size: 17px;
		text-align: left;
		height: 44px;
		vertical-align: middle;
	}
	#menue ul li.menue04 {
		line-height: 18px;
		padding-bottom: 0;
		padding-top: 0;
	}
	#menue ul li.menueebene0Active, #menue ul li.menueebene0Active:hover, #menue ul li.menueebene0:hover, #menue ul li.menueebene1Active, #menue ul li.menueebene1Active:hover, #menue ul li.menueebene1:hover, #menue ul li.menueebene2Active, #menue ul li.menueebene2Active:hover, #menue ul li.menueebene2:hover, #menue ul li.menueebene3Active, #menue ul li.menueebene3Active:hover, #menue ul li.menueebene3:hover {
		background:#fff;
	}
	#menue ul li ul li {
		-webkit-border-radius: 0px;
        border-radius: 0px;
	}
	#menue ul li.menueebene0, #menue ul li.menueebene1, #menue ul li.menueebene2, #menue ul li.menueebene3, #menue ul li.menueebene4 {
		width: 99%;
	}

	#menue ul li.menueebene0Active, #menue ul li.menueebene1Active, #menue ul li.menueebene2Active, #menue ul li.menueebene3Active, #menue ul li.menueebene4Active{
		width: 99%;
	}
	#menue ul li.menueebene0Active, #menue ul li.menueebene0, #menue ul li.menueebene1Active, #menue ul li.menueebene1, #menue ul li.menueebene2Active, #menue ul li.menueebene2 {
		width: 99%;
	}
	#menue ul#nav li:hover > ul {
		display: none;
		visibility: hidden;
	}
	.responsiveMenue {
		display: none;
	}
	.responsiveMenue.show {
		display: block;
	}
	.nav_responsive {
		display: block;
		position: absolute;
		left: 0;
		top: -41px;
	}
	.nav_responsive_activate {
		background: url(../images/mainMenueResponsive.png) no-repeat scroll 10px 12px #676767;
		display: inline-block;
		float: left;
		height: 17px;
		overflow: hidden;
		padding: 10px 10px 14px;
		text-indent: 9999px;
		width: 21px;
		cursor: pointer;
		border:1px solid #fff;
		cursor: hand;
	}
	
	.nav_responsive_activate:hover, .nav_responsive_active:hover {
		background-color:#676767;
		cursor: pointer;
		cursor: hand;
	}
	
	.nav_responsive_active {
		background: url(../images/mainMenueResponsive.png) no-repeat scroll -31px 12px #676767;
		display: inline-block;
		float: left;
		height: 17px;
		overflow: hidden;
		padding: 10px 10px 14px;
		text-indent: 9999px;
		width: 21px;
		cursor: pointer;
		border:1px solid #fff;
		cursor: hand;
	}
	
	
		/*SUBNAVI*/ 
	.activatesub {
		background: url(../images/nav420px.png) no-repeat scroll center 19px #4FABE8;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
		
	.activesub {
		background: url(../images/nav420px.png) no-repeat scroll center -8px #4FABE8;
		color: #FFFFFF;
		cursor: pointer;
		display: none;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
		
	.responsivenavi {
		display: block;
		width: 100%;
		float: left;
	}

	.show {
		display: block !important;
	}
	#subnavi {
		display: none;
		margin-left: 0;
		width: 100%;
	}
	#subnavi ul {
		width: 100%;
	}
	#subnavi ul ul {
		padding: 0;
	}
	#subnavi ul li {
		width: 100%;
	}
	#subnavi ul li a {
		padding: 6px 0;
		text-align: center;
		width: 100%;
	}
	#subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		padding: 6px 0;
		text-align: center;
		width: 100%;
		background: #2278AB;
	}
	#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		padding: 6px 0;
		width: 100%;
	}
	#subnavi ul li a:hover {
		background: #2278AB;
	}
	#subnavi ul li ul li a, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
		background: none repeat scroll 0 0 #fff;
		color: #045783;
		font-size: 14px;
		padding: 6px 0;
		text-align: center;
		width: 100%;
	}	
	#subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
		text-decoration: underline;
	}
	#subnavi ul li ul li ul li a, #subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover	{
		font-size: 13px;
		padding: 6px 0 6px 0;
		text-align: center;
		width: 100%;
		background: none !important;
	}
	
	
	
	/*QUICKLINKS*/
	#quick {
		width: 0%;
		display: none;
	}
	
	/*######################################*/
	/*############ CONTENT #################*/
	#contentbereich {
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	
	/*### WETTER ###*/
	#weatherBox {
		background: url(../images/wetterboxBG_420-Kopie.jpg) no-repeat scroll 0 0 transparent;
		border: 1px solid #CCCCCC;
		clear: both;
		float: left;
		height: 290px;
		margin-bottom: 25px;
		padding: 123px 20% 0;
		width: 60%;
	}
	#weatherBox .today {
		float: left;
		width: 100%;
	}
	#weatherBox .tomorrow {
		float: right;
		width: 100%;
	}
	
	/*### FORM ###*/
	.formleft, .formright {
		width: 100%;
	}
	.formobjektsmall {
		width: 97% !important;
	}
	ul.schadensmeldung li {
		width: 50%;
	}
	.formobjektkleinVeranstaltung {
		width: 97.4%;
	}
	#contentbereich .export {
		width: 95.5%;
	}
	#kalender .list {
		width: 98%;
	}
	
	/*### KALENDER ###*/
	#kalender .date {
		padding-right: 3%;
	}
	#kalender .entry {
		width: 87%;
	}
	
	/*### NEWS ###*/
	#dynamischeListe2 .newsText {
		margin-top: 10px;
		width: 100%;
	}
	#photoListe .data {
		width: 80%;
	}
	
	/*### FOTO ###*/
	#photoListe ul li {
		width: 100%;
	}
	
	/*BILDER*/
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
		float: none;
		text-align: center;
	}
	#homelayout02 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
		float: left;
		text-align: center;
	}
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline;
		margin-left: 0px;
	}
	.csc-textpic-imagewrap {
    margin-bottom: 15px;
    margin-left: 0 !important;
    text-align: center;
    width: 100%;
}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}
	.clickenlarge-1 .csc-textpic-caption {
	}
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		margin-top: 25px;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {



#wrap02 {
    width: 100% !important;
}
#layout03alles #homeQuick a.quick {
    background-position: center 5px;
    background-size: 75px auto;
    margin-left: 0;
    margin-top: 15px !important;
    min-height: 115px !important;
    padding: 97px 1% 25px !important;
    width: 96.9% !important;
}
#layout03alles #homeQuick a:hover {
    background-size: 75px auto !important;
	background-position: center 5px !important;
}
#layout03alles #homeQuick {
    width: 91%!important;
}
#layout03alles #slogan {
    height: 222px;
}
#wrap01 {
    width: 100% !important;
	min-height: 660px !important;
	border-right:none!important;
}
#schrift {
	display: none;
}
#menuequick {
    text-align: center;
    width: 100%;
	margin: 5px 0 10px;
}
#headerImage {
    width: 100%!important;
}
#layout03alles {
    margin-bottom: 60px;
}


/*Idee mit fixed*/

#headerImage img {
	position:fixed!important;
	max-width: none;
}
#menue {
    width: 100%!important;
}
#kontakt {
    margin-left: 0;
    margin-top: 25px !important;
    width: 100% !important;
}

.quick span {
    width: 46%!important;
}


#menue #home {
    margin-top: 4px;
}



#layout03alles #slogan p {
    font-size: 15px!important;
}
#layout03alles #slogan p b {
    font-size: 21px!important;
}
#layout03alles #slogan {
    margin: 60px auto 0!important;
    padding-top: 57px!important;
	height: 247px!important;
}


#kontrast {
    float: none;
    margin: 0 auto 5px;
    max-width: 90px;
}


#loginMask {
    left: 102%!important;
    width: 87%!important;
}
#abx_loginButtonSbmt, #abx_changePwButtonSbmt {
    width: 70%!important;
}



.menueText {
    font-size: 16px;
}
#logo {
    margin: 31px auto 10px;
    text-align: center;
}
#topbalken {
    float: right;
    position: inherit;
    width: 100%;
}
#layout03alles #homeQuick a.quick {
    width: 44.8%;
}
#kreistagMode6Group .nameblockMode6GroupMembersRight {
    width: 47.4%;
}
#kreistagMode6Group .nameReserveNameMode6Group {
    width: 47.9%;
}
#kreistagMode8 .blockNewsMode8TextLevel0 {
    width: calc(65% - 61px);
}
#kreistagMode8 .blockNewsDataMode8 {
    width: 35%;
}
#navlinks {
    right: 4%;
	position: absolute;
}	
#layout05 ul {
    width: 88%;
}
#layout05 #kreistagMode8 #council2Document ul {
	width: 100%;
}
#kreistagMode1 li .nameBlockMode1 .lastNameMode1 {
    width: 62%;
}
#kreistagMode1 li .nameBlockMode1 .partyNameMode1 {
    width: 38%;
}
#layout05 #contentbereich div.subContent div {
    float: left !important;
	text-align: left !important;
}
.formobjektklein {
    width: 97.8%;
}
#headerImage {
    width: 73.9%;
}
input#fulltext.formobjektklein {
    width: 95.5%;
}
#wrap02 {
    width: 73.7%;
	 min-height: auto;
}
#layout03 #contentColRight form, #blockLeft {
    margin-left: 3.4%;
    margin-top: 20px;
    width: 83%;
}
#navlinks a {
    right: 0px;
}
#layout05 {
    margin-top: 50px;
    padding: 0 2.9%;
    width: 94.2%;
}
#blockRight {
    margin-top: 30px;
    width: 96.5%;
}
#layout03alles #homeQuick {
    width: 600px;
}
#Info {
    background: #fff none repeat scroll 0 0;
    width: 86%;
}
.quick h4 {
    font-size: 15px;
}
#layout03 {
    width: 100%;
	    min-height: auto;
}
#alles {
    float: left;
    width: 100%;
	background:none;
	height: auto;
}
	
	#layout03alles #layout05 form, #blockLeft {
    width: 96.5%!important;
}
	
	
	
	/*STARTSEITE*/
	body {
		background:none;
	}
	#headerImage .bx-wrapper ul.bgSlider li img {
    height: 100%;
    max-width: none;
}
#headerImage {
    background: none repeat scroll 0 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
#layout01 {
    float: none;
    margin: 0 auto;
    width: 91% !important;
}
.home #wrap02 {
    border: 0 none;
    width: 100%;
}
#wrap02 {
    min-height: auto;
    border: 0 none;
    width: 100%;
}

	#kontakt {
    margin-top: 41px;
    padding: 0;
    width: 100%;
}
	#layout02 {
		padding: 4px 0.5% 5px 2.8%!important;
		width: 95.3%;
	}
	.outside {
		width: 16.7%;
	}
	.itemsinnerwrap {
		height: 157px;
		padding: 2px 0 21px;
		 width: 107px;
	}
	#layout03-1 {
		padding-left: 4%;
		width: 96%;
	}
	#breadcrumb a.start {
		margin-right: 0px;
		margin-left: 0;
	}
	#breadcrumb a {
		float: left;
		margin-bottom: 7px;
		margin-left: 5px;
		padding: 5px 7px;
	}
		#contentbereich .minigal a.browse, #contentbereich .minigal a.prev {
		top: -24px;
		left: 22px;
	}
	#contentbereich .minigal .scrollable {
		height: 148px;
		 width: 108px;
	}
	#contentbereich .minigal .scrollWrap {
		height: 153px;
	}
	#contentbereich .minigal a.right, #contentbereich .minigal a.next {
		bottom: -19px;
		top: auto;
	}
	#contentbereich .minigal DIV.csc-textpic DIV.csc-textpic-imagerow {
		height: 50px;
	}
	#contentbereich #contentColLeft .minigal .scrollable img, #contentbereich #contentColRight .minigal .scrollable img {
		height: auto;
		width: 84px;
	}
	.minigal .csc-textpic {
		width: 115px;
	}
#layout05 #kreistagMode7, #layout05 #kreistagMode1, #layout05 #kreistagMode4, #layout05 #kreistagMode8 {
    width: 100%;
}
	#wrap03 {
		bottom: auto;
		float: none;
		margin-left: 0;
		padding: 0;
		position: absolute;
		right: 10px;
		top: 57px;
		width: auto;
	}
	#buergerportal.responsiveshow {
		display: block;
		margin-bottom: 50px;
		margin-top: 0;
	}
	#buergerportal.responsivenone {
		display:none;
	}
	#schliersee, #tegernsee {
		margin-left: 8px;
		padding: 6px;
		width: 80px;
	}
	#suchbereich .bereich2 {
		width: 22px;
	}
	#suche {
		width: 189px;
	}
	#wrap {
    float: left;
    position: relative;
}
.zurueck {
    margin-top: 0;
}
#layout03 #contentColRight form, #blockLeft {
    margin-left: 0;
    margin-top: 5px;
    width: 96%;
	margin-bottom: 25px;
}
#blockRight {
    width: 100%;
}
#layout03 {
    min-height: auto;
}
#loginCenter {
    padding: 50px 2%;
    width: 89%;
	position:relative;
}
#login #loginCenter form {
    width: 100%;
}
#loginCenter .tx-felogin-pi1 a {
    right: 0;
    top: -74px;
}
#alles {
    height: auto;
}
#layout03alles {
    min-height: 235px;
}
#navlinks a {
    float: left;
    right: 0;
}
	.home#wrap {
    float: none;
}
	#drucken {
		margin-bottom: 5px;
	}
	#menue ul li ul {
		width: 100%;
		float:left;
		position:static;
	}
	#menue ul li ul li {
		width: 131px;
		-moz-hyphens: auto;
	}
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
		max-width: 100%;
	}
	#dynamischeListe2 .newsText {
		width: 65%;
	}
	.homenews #carousel li, .homenews #carousel2 li, .homenews #carousel3 li, .homenews #carousel4 li {
		margin-right: 70px;
		width: 258px;
	}
	.homenews .jcarousel-container .jcarousel-clip {
		margin-left: 104px !important;
		width: 324px !important;
	}
	.homenews ul li .news .teaserText {
		width: 88.3%;
	}
	.homekalender {
    margin-left: 32px;
    width: 284px;
}
	.tagcloud {
		margin-left: 30px;
		margin-right: 33px;
		width: 400px;
	}
	.tagcloud table a {
		display: block;
	}
	#layout03-1 ul.tabs li {
		margin-left: 6px;
	}
	.rahmen.fuenfzig,.rahmen {
   		width: 100%;
	}
	#dynamischeListe2 .teaserPicture {
		width: 31%;
	}
	#breadcrumb #breadcrumbText p {
	float:none;
	 margin-bottom: 15px;
	
}	
	
	#respNav.show {
		display: block;
		float: left;
		width: 50%;
	}


	#menue ul#nav ul{
		visibility:hidden!important;
		display:none!important;
	}
	#menue ul#nav .noActive ul{
		visibility:hidden;
		display:block;
	}
	
	/*MAINMENÜ*/
	#mainMenue {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: 0 none;
		left: 51px;
		margin: 0 0 25px;
		width: 79%;
	}
	#menue ul li.menueebene0Active a, #menue ul li.menueebene1Active a, #menue ul li.menueebene2Active a, #menue ul li.menueebene3Active a, #menue ul li.menueebene4Active a {
		background: #fff;
	}

	#menue ul li.menueebene4Active a, #menue ul li.menueebene4Active a:hover, #menue ul li.menueebene4 a {
		background: none repeat scroll 0 0;
		padding-bottom: 10px;
	}
	#menue {
		position: relative;
		 width: 100%;
		 max-width:none;
		  padding-top: 40px!important;
	}
	#menue ul li a {
		font-size: 17px;
		padding-bottom: 0;
		padding-left: 55px !important;
		padding-right: 0;
		padding-top: 0;
		text-align: center;
		width: 80%;
	}
	#menue ul li.menue04 a {
		padding: 0 1px 0 59px;
	}
	#popUp {
		left: -123px;
	}
	.menueText {
		display: table-cell;
		font-size: 16px;
		text-align: left;
		height: 44px;
		vertical-align: middle;
	}
	#menue ul li.menue04 {
		line-height: 18px;
		padding-bottom: 0;
		padding-top: 0;
	}
	#menue ul li.menueebene0Active, #menue ul li.menueebene0Active:hover, #menue ul li.menueebene0:hover, #menue ul li.menueebene1Active, #menue ul li.menueebene1Active:hover, #menue ul li.menueebene1:hover, #menue ul li.menueebene2Active, #menue ul li.menueebene2Active:hover, #menue ul li.menueebene2:hover, #menue ul li.menueebene3Active, #menue ul li.menueebene3Active:hover, #menue ul li.menueebene3:hover {
		background:#fff;
	}
	#menue ul li ul li {
		-webkit-border-radius: 0px;
        border-radius: 0px;
	}
	#menue ul li.menueebene0, #menue ul li.menueebene1, #menue ul li.menueebene2, #menue ul li.menueebene3, #menue ul li.menueebene4 {
		width: 99%;
	}

	#menue ul li.menueebene0Active, #menue ul li.menueebene1Active, #menue ul li.menueebene2Active, #menue ul li.menueebene3Active, #menue ul li.menueebene4Active{
		width: 99%;
	}
	#menue ul li.menueebene0Active, #menue ul li.menueebene0, #menue ul li.menueebene1Active, #menue ul li.menueebene1, #menue ul li.menueebene2Active, #menue ul li.menueebene2 {
		width: 99%;
	}
	#menue ul#nav li:hover > ul {
		display: none;
		visibility: hidden;
	}
	.responsiveMenue {
		display: none;
	}
	.responsiveMenue.show {
		display: block;
	}
	.nav_responsive {
		display: block;
		position: absolute;
		left: 0;
		top: -41px;
	}
	.nav_responsive_activate {
		background: url(../images/mainMenueResponsive.png) no-repeat scroll 10px 12px #676767;
		display: inline-block;
		float: left;
		height: 17px;
		overflow: hidden;
		padding: 10px 10px 14px;
		text-indent: 9999px;
		width: 21px;
		cursor: pointer;
		border:1px solid #fff;
		cursor: hand;
	}
	
	.nav_responsive_activate:hover, .nav_responsive_active:hover {
		background-color:#676767;
		cursor: pointer;
		cursor: hand;
	}
	
	.nav_responsive_active {
		background: url(../images/mainMenueResponsive.png) no-repeat scroll -31px 12px #676767;
		display: inline-block;
		float: left;
		height: 17px;
		overflow: hidden;
		padding: 10px 10px 14px;
		text-indent: 9999px;
		width: 21px;
		cursor: pointer;
		border:1px solid #fff;
		cursor: hand;
	}
	
	
		/*SUBNAVI*/ 
	.activatesub {
		background: url(../images/nav420px.png) no-repeat scroll center 19px #4FABE8;
		color: #FFFFFF;
		cursor: pointer;
		display: block;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
		
	.activesub {
		background: url(../images/nav420px.png) no-repeat scroll center -8px #4FABE8;
		color: #FFFFFF;
		cursor: pointer;
		display: none;
		font-size: 15px;
		margin-bottom: 0;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
		
	.responsivenavi {
		display: block;
		width: 100%;
		float: left;
	}

	.show {
		display: block !important;
	}
	#subnavi {
		display: none;
		margin-left: 0;
		width: 100%;
	}
	#subnavi ul {
		width: 100%;
	}
	#subnavi ul ul {
		padding: 0;
	}
	#subnavi ul li {
		width: 100%;
	}
	#subnavi ul li a {
		padding: 6px 0;
		text-align: center;
		width: 100%;
	}
	#subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		padding: 6px 0;
		text-align: center;
		width: 100%;
		background: #2278AB;
	}
	#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
		padding: 6px 0;
		width: 100%;
	}
	#subnavi ul li a:hover {
		background: #2278AB;
	}
	#subnavi ul li ul li a, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
		background: none repeat scroll 0 0 #fff;
		color: #045783;
		font-size: 14px;
		padding: 6px 0;
		text-align: center;
		width: 100%;
	}	
	#subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
		text-decoration: underline;
	}
	#subnavi ul li ul li ul li a, #subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover	{
		font-size: 13px;
		padding: 6px 0 6px 0;
		text-align: center;
		width: 100%;
		background: none !important;
	}
	
	
	
	/*QUICKLINKS*/
	#quick {
		width: 0%;
		display: none;
	}
	
	/*######################################*/
	/*############ CONTENT #################*/
	#contentbereich {
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
	
	/*### WETTER ###*/
	#weatherBox {
		background: url(../images/wetterboxBG_420-Kopie.jpg) no-repeat scroll 0 0 transparent;
		border: 1px solid #CCCCCC;
		clear: both;
		float: left;
		height: 290px;
		margin-bottom: 25px;
		padding: 123px 20% 0;
		width: 60%;
	}
	#weatherBox .today {
		float: left;
		width: 100%;
	}
	#weatherBox .tomorrow {
		float: right;
		width: 100%;
	}
	
	/*### FORM ###*/
	.formleft, .formright {
		width: 100%;
	}
	.formobjektsmall {
		width: 97% !important;
	}
	ul.schadensmeldung li {
		width: 50%;
	}
	.formobjektkleinVeranstaltung {
		width: 97.4%;
	}
	#contentbereich .export {
		width: 95.5%;
	}
	#kalender .list {
		width: 98%;
	}
	
	/*### KALENDER ###*/
	#kalender .date {
		padding-right: 3%;
	}
	#kalender .entry {
		width: 87%;
	}
	
	/*### NEWS ###*/
	#dynamischeListe2 .newsText {
		margin-top: 10px;
		width: 100%;
	}
	#photoListe .data {
		width: 80%;
	}
	
	/*### FOTO ###*/
	#photoListe ul li {
		width: 100%;
	}
	
	/*BILDER*/
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
		float: none;
		text-align: center;
	}
	#homelayout02 DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
		float: left;
		text-align: center;
	}
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline;
		margin-left: 0px;
	}
	.csc-textpic-imagewrap {
    margin-bottom: 15px;
    margin-left: 0 !important;
    text-align: center;
    width: 100%;
}
	
	/*LIGTHBOX*/
	#lbOuterImageContainer {
		height: auto !important;
		width: 100% !important;
	}
	#lbLightbox img {
		width: 100% !important;
	}
	#prevLink, #nextLink {
		height: 100% !important;
	}
	#lbImageDataContainer {
		width: 100% !important;
	}
	.clickenlarge-1 .csc-textpic-caption {
	}
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
		margin-top: 25px;
	}
}