#menuebutton {
	display:none;
	width:28px;
	height:28px;
	margin-top:4px;
	margin-right:30px;
	float:left;
	background:url(images/menuebutt.png?ver=1.1);
	background-repeat:no-repeat;
	background-position:0px 0px;
	cursor:pointer;
}
#menuebutton:hover, #menuebutton:focus, #menuebutton:active {
	background-position:0px -40px;
}
.hauptnav-mobile {
	margin-top:0px;
	width:100%;
	display:none;
	overflow:hidden;
}

.hauptnav-mobile ul {
	position:relative;
	width:360px;
	margin:0px;
	margin-left:0px;
	padding:0px;
	margin-bottom:40px;
	border-bottom:1px solid #000;
}
.hauptnav-mobile ul li {
	list-style:none;
	border-top:1px solid #000;
	padding-top:2px;
	padding-bottom:2px;
}
.hauptnav-mobile ul li ul li {
	border:0;
	padding:0px;
	padding-left:20px;
}
.hauptnav-mobile ul li ul {
	display:none;
	border-bottom:0;
	padding-bottom:4px;
	width:100%;
	margin:0px;
}
.hauptnav-mobile .current_page_item ul, .hauptnav-mobile .current_page_ancestor ul, .hauptnav-mobile .current_page_parent ul {
	display:block;
}


/* haupnav ein-, mobilenav ausblenden */
@media only screen and (min-width: 1021px){
	.hauptnav {
		display:block;
	}
	.hauptnav-mobile, .hauptnav-mobile * {
		display:none;
		height:0px;
		width:0px;
		margin:0px;
		padding:0px;
		border:0;
		overflow:hidden;
		float:left;
	}
}


/* ipad
/////////////////////////////////////////////// */
@media only screen and (max-width: 1080px) {
	.konsole {
		width:960px;
	}
}



/* mobile
/////////////////////////////////////////////// */
@media only screen and (max-width: 1020px) {
	#menuebutton {
		display:block;
	}
	.hauptnav {
		display:none;
	}
	.konsole {
		width:620px;
	}
	.kopf {
		height:260px;
		width:100%;
	}
	.kopf .logo {
		width:360px;
		height:190px;
		margin-top:0px;
		padding-top:30px;
		margin-left:0px;
		float:left;
	}
	.topbuttons {
		width:158px;
		margin:0px;
		margin-top:186px;
		float:right;
	}
	.site-content {
		float:none;
	}
	
	/* fusszeile */
	.topscroll {
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}

}




/* mobile klein
/////////////////////////////////////////////// */
@media only screen and (max-width: 700px) {
	.konsole {
		width:300px;
	}
	.kopf {
		height:250px;
	}
	.kopf .logo {
		width:300px;
		height:160px;
		padding-top:20px;
		float:none;
	}
	.topbuttons {
		width:100%;
		margin:0px;
		padding-top:12px;
		float:none;
		clear:left;
	}
	#menuebutton {
		margin-right:172px;
	}
	.site-content {
		width:100%;
	}
	
	
	/* Textformate
	-------------------------------------------------------------- */
	body, td {
		font-size:14px;
		line-height:21px;
	}
	h1 {
		font-size:38px;
		line-height:38px;
		margin-bottom:21px;
	}	
	h2 {
		font-size:38px;
		line-height:38px;
		margin-bottom:21px;
	}	
	h3 {
		font-size:21px;
		line-height:24px;
		margin-top:24px;
		margin-bottom:14px;
	}	
	h4 {
		font-size:18px;
		line-height:21px;
		margin-top:24px;
		margin-bottom:14px;
	}	
	.site-content p {
		margin-bottom:14px;
	}
	.site-content p.lead {
		font-size:18px;
		line-height:21px;
	}
	.site-content ul {
		margin-bottom:14px;
	}
	.site-content ol {
		margin-bottom:14px;
	}


	/* Diaschau
	-------------------------------------------------------------- */
	.legendecontainer {
		margin-top:6px;
		padding-bottom:48px;
	}
	.legendecontainer.leer {
		padding-bottom:32px;
	}


	/* Filmliste
	-------------------------------------------------------------- */
	.site-content .filmblock h4 {
		font-size:21px;
		line-height:24px;
	}
	.filmvorschau {
		padding:25px 0px 12px 0px;
	}

	.filmvorschau .filmbildwrapper {
		width:100%;
		height:168px;
		margin-bottom:0px;
		float:none;
	}
	.filmvorschau .filmtextwrapper {
		margin-left:0px;
		width:100%;
	}
	.filmvorschau h3 {
		margin-top:8px;
	}
	.filmvorschau p {
		line-height:21px;
		margin-bottom:12px;
	}



	/* personenliste
	-------------------------------------------------------------- */
	
	.person-eintrag:first-of-type {/* erster div*/
		padding:25px 0px 12px 0px;
	}	
	.person-eintrag {/*uebrige*/
		padding:0px 0px 12px 0px;
	}
	.person-eintrag .person-bildwrapper {
		float:none;
		margin-bottom:0px;
	}
	.person-eintrag .person-textwrapper {
		margin-left:0px;
		width:100%;
	}
	.person-eintrag h3 {
			margin-top:8px;
	}
	.person-eintrag p {
		line-height:21px;
		margin-bottom:12px;
	}



	/* sponsoren (old)
	-------------------------------------------------------------- */
	.site-content .sponsorenlogos {
		text-align:center;
		padding-bottom:0px;
	}
	.site-content .sponsorenlogos img {
		margin-right:0px;
		margin-bottom:20px;
		max-width:100%;
		float:none;
		clear:left;
	}
	
	/* sponsoren
	-------------------------------------------------------------- */
	.sponsorentabelle td {
	}
	.sponsorentabelle td.zellelinks {
		width:130px;
		padding-right:40px;
	}
	.sponsorentabelle td.zellerechts {
		width:130px;
	}	

	.sponsorentabelle td.zellelinks img, .sponsorentabelle td.zellerechts img {
		max-width:130px;
	}

	
	/* fusszeile
	-------------------------------------------------------------- */
	.topscroll.unsichtbar {
		display:block;
	}

	.impressumtxt {
		display:none;
	}

}