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

	#container {
		width:100%;
	}
	
	#pageheader {
		margin-top:5px;
		height:40px;
		position:fixed;
		top:0px;
		z-index:20;
	}

	#headerspacer {
		display:block;
	}

	#title {
		height:40px;
	}

	#headtext {
		font-size:1.2em;
		font-family:"Avenir Next IT Pro", arial, sans-serif;
		margin-right:80px;
	}

	#dgslogo {
		width:109px;
		float:right;
		position:relative;
		top:-73px;
		left:-10px;
	}

	#dgslogoimg {
		width:45%;
		height:45%;
	}

	#menubar {
		display:none;
	}
	
	#menubutton {
		margin-top:0px;
		width:60px;
		height:40px;
		padding-top:0px;
		position:absolute;
		left:0px;
		top:0px;
		background:white;
		border-radius:10px 0px 0px 10px;
		text-align:center;
		vertical-align:middle;
		cursor:pointer;
		display:block;
		opacity:0.7;
	}
	
	#menublockpad {
		margin-top:5px;
		width:200px;
		height:296px;
		background:gray;
		border-radius:0px 10px 10px 10px;
		opacity:0.9;
		position:fixed;
		left:62px;
		top:0px;
		font-size:1.0em;
		z-index:21;
	}
		
	#padmenu_01, #padmenu_02, #padmenu_03, #padmenu_04, #padmenu_05, #padmenu_06, #padmenu_07, #padmenu_08 {
		width:98%;
		height:25px;
		margin-bottom:8px;
		padding:2px;
		color:white;
	} 

	#newsheader {
		width:100%;
		height:380px;
		overflow:hidden;
		position:relative;
		top:5px;
		margin-bottom:15px;
	}

	#newsheader_navleft, #newsheader_navright {
		width:50px;
		height:100%;
		position:relative;
		top:-380px;
		opacity:0;
		cursor:pointer;
		transition:all ease 0.5s;
	}
	
	#newsheader_navleft:hover, #newsheader_navright:hover, #newsheader_navleft:active, #newsheader_navright:active {
		background:red;
		opacity:0.5;
	}

	#newsheader_navleft {
		float:left;
	}

	#newsheader_navright {
		float:right;
		text-align:right;
	}

	#newsheader_picturebox {
		width:100%;
		height:100%;
		margin:0;
		text-align:center;
	}
	
	#picture_frame {
		width:100%;
		overflow:hidden;
	}

	#picture_singleframe {
		width:10%;
		height:380px;
		float:left;
		overflow:hidden;
	}

	#picture_innerbox {
		height:100%;
		overflow:hidden;
	}

	#picture_content {
		width:100%;
		height:auto;
	}

	#newsintro_content {
		padding:0px;
		background:white;
		position:relative;
		right:10px;
		float:right;
		top:-130px;
		width:600px;
		height:120px;
		border-radius:5px;
		opacity:0.8;
		overflow:hidden;
		text-align:left;
		font-size:0.9em;
		z-index:10;
	}
	
	#newsintro_content_phone {
		display:none;
	}
	
	#newsintro_content_height {
		height:45px;
		overflow:hidden;
	}

	#navigation_bar {
		width:100%;
	}
	
	
	/* ------------------- */
	/* URL-Bereich         */
	/* ------------------- */

	#url_group {
		width:50%;
		float:left;
	}

	#url_group_inner {
		font-size:0.9em;
		padding-left:5px;
	}

	/* ------------------- */
	/* Info-Bereich        */
	/* ------------------- */

	#extralink_btn {
		width:190px;
		height:100px;
		float:left;
		text-align:center;
	}

	#extralink_image {
		width:150px;
	}
	
	#schedule_area {
		width:none;
		margin-right:8px;
		height:500px;
		float:left;
		display:block;
	}

	#box_events {
		max-height:430px;
	}

	#box_schedules {
		max-height:430px;
	}

	#dgs-info_area {
		display:none;
	}
	
	#dgs-info_area_pad {
		width:100%;
		height:auto;
		background:white;
		border-radius:10px;
		font-size:0.8em;
		margin-top:10px;
		display:block;
	}
	
	#twitter_area {
		width:400px;
		height:500px;
		display:block;
		float:right;
	}
	
	#newscontent {
		margin-top:15px;
		font-size:1.0em;
	}

	#newstitle {
		font-size:1.6em;
		font-weight:bold;
		margin-left:0px;
		margin-top:30px;
		margin-bottom:20px;
	}

	#newsauthor {
		text-align:right;
		margin-bottom:12px;
		margin-right:0px;
		font-size:75%;
		border-bottom:solid 1px #e0e0e0;
	}

	#newstext {
		clear:both;
		font-size:1.2em;
		margin-bottom:20px;
		font-family:serif;
		padding-left:5px;
		padding-right:5px;
		line-height:1.8em;
		text-align:left;
	}
	
	#newsinfobox {
		width:350px;
		float:right;
		margin-left:10px;
		background:#e0e0e0;
		border-radius:10px;
		margin-top:4px;
		box-shadow:0px 4px 8px gray;
		margin-bottom:20px;
		padding:0px;
	}
	
	#newsblock_outerframe {
			width:50%;
			height:120px;
			float:left;
			margin:auto 0;
			margin-bottom:20px;
	}
	
	#logoarea {
		width:200px;
	}

	#areawidth {
		width:100%;
	}

	#logowidth {
		width:70px;
	}
}