/************************************************************************************
smaller than 1200 -> bigger than 650 -> bühnenbreite = 980
*************************************************************************************/
@media screen and (max-width: 1220px) {

	#wrapper {
		width: 915px;
		margin: 0px auto 0px auto;	
		padding-left:10px; 
		padding-right:10px; 
		/*background-image:url(bg_wrapper_640_soft.png);*/
	}

#container_head{
	width:915px;
}
/* keine änderung nötig
#naviblock {
	width:820px;
}
*/

	#container_main {
		width:915px;
		margin-bottom:20px;
	}
	#container_main_wide {
		width:915px;
		margin-bottom:20px;
	}

#container_right,
#container_right_start{
	width:915px;
	min-height:200px;
	float:left;
	margin-bottom:70px;  /*footer*/
	margin-top:20px;
	z-index:1;
	background-color:transparent;
}
#container_right{
	margin-bottom:40px;  /*footer*/
}
#newsblock_start,
#newsblock {
	position:relative;
	width:915px;
}
.article_news_headline{
	display:none;
}
#newsblock_start .article_news,
#newsblock .article_news{
	width:285px;
	/*min-height:200px;*/
	margin-right:20px;
	display:block;
	float:left;
}
#newsblock_start .article_news{
	min-height:200px;
	margin-bottom:20px;
}

#newsblock .article_news_bot a{
/*	bottom:0;*/
}

#footer {
	position:absolute;
	width:895px;
}
#mainblock .article{
	float:left;
	position:relative;
	width:875px;
	/*margin-bottom:40px;*/
	z-index:5;
}
.clear_line {
	width:854px;
}


.clearer_adaptive {
	clear:none;
}

#footer .footblock2{
	margin-right:20px;
	padding-top:0;
}
#footer .footblock1{
	margin-right:0;
}


	.hide_on_phone {
		display:none;
		visibility:hidden;
		background-color:#ff0;
	}
	
}


/************************************************************************************
smaller than 650 -> bigger than 480 -> bühnenbreite = 320 **************************
*************************************************************************************/
/************************* für alle Browser zum Testen */
/*@media screen and (max-width: 580px) {*/
/************************* Endversion für Smartphones (nicht Tablets) */
/*@media screen and (max-width: 650px) and (min-device-width: 500px) {*/
@media screen and (min-width: 280px) and (max-width: 580px) {
	html {
		-webkit-text-size-adjust: none;
	}
	#wrapper {
		width: 320px;
		margin: 0px auto 0px auto;	
		/*margin-left: 0;	*/
		padding-left:10px; 
		padding-right:10px; 
		/*background-image:url(bg_wrapper_480_soft.png);*/
		/*background-color:#fcc;*/
	}

	#container_head{
		position:fixed;
		width: 320px;
		height:80px;
		/*height:170px;*/
		background-color:#fff;
		/*background-image:url(bg_header10.png);
		background-repeat:repeat-x;*/
		z-index:10;
	}
		
	#container_main {
		position:relative;
		width:320px;
		float:left;
		margin-bottom:0;
		margin-top:90px;
		margin-left:0;
		z-index:1;
		/*background-color:#f0f;*/
	}
	#container_right,
	#container_right_start{
		position:relative;
		width:320px;
		/*width:460px;*/
		height:auto;
		float:left;
		margin-bottom:130px;  /*footer*/
		margin-top:0;  /*fixed header*/
		z-index:1;
		background-color:transparent;
	}
	#container_right_start{
		background-color:#00a1cb;
	}


	#logoblock {
		margin-bottom:0;
		display:none;
		visibility:hidden;
	}
	#logoblock_ip {
		margin-top:20px;
		display:block;
		visibility:visible;
	}
	
	#naviblock {
		position:absolute;
		top:0px;
		left:5px;
		width:240px;
		overflow:visible;
		background-image:none;
	}

	.clear_line {
		width:320px;
	    margin-left:0;
	}
	#mainblock div.flLeft {
		margin-left:0;
		margin-right:0;
		margin-top:0;
	}
	#mainblock div.flRight {
		margin-right:0;
		margin-left:0;
		margin-top:0;
	}
	
	#mainblock .article_start{
		float:left;
		position:relative;
		background-image:none);
		width:320px;
		height:auto;
		margin-bottom:20px;
		background-image:url(none);
		background-color:#eeefea;
		z-index:5;
	}
	#mainblock .article_start h1{
		font-family: FreightBigProMedium-Regular, georgia, serif;
		font-size:3.5em;
		line-height:1em;
		margin-left:20px;
		margin-top:25px;
		margin-bottom:40px;
		width:auto;
		color:#000;
	}
	#mainblock .article_start h3,
	#mainblock .article_start p,
	#mainblock .startimage{
		display:none;
		visibility:hidden;
	}
	
	#mainblock .startimage_ip {
		display:block;
		float:right;
		visibility:visible;
	}
	#mainblock .article_start p.ip {
		font-family: arial, verdana, sans-serif;
		display:block;
		float:left;
		visibility:visible;
		margin-top:10px;
		margin-bottom:15px;
		width:auto;
		color:#000;
	}
	#mainblock .article_start p.ip a {
		text-decoration:underline;
	}
	#mainblock .article_start p.ip a:hover {
		text-decoration:none;
	}
	#mainblock .startbox{
		float:left;
		font-size:0.9em;
		margin-right:0;
		margin-bottom:20px;
		width:320px;
		min-height:420px;
		background-repeat:no-repeat;
	}
	
	#mainblock .startbox p{
		font-size:1.1em;
		line-height:1.15em;
		margin-left:40px;
		width:241px;
	}
	
	
	
	
	
	#newsblock_start,
	#newsblock {
		position:relative;
		width:320px;
	}
	.article_news_headline{
		display:block;
	}
	#newsblock_start .article_news,
	#newsblock .article_news{
		width:320px;
		min-height:0;
		height:auto;
		margin-right:0;
		margin-bottom:20px;
		padding-top:0;
		display:block;
		float:left;
	}
	
	#newsblock_start p,
	#newsblock_start ul,
	#newsblock_start ol,
	#newsblock p,
	#newsblock ul,
	#newsblock ol{
		margin-bottom:5px;
		font-size:1em;
		line-height:1.2em;
		color:inherit;
	}
	
	
	#footer {
		position:absolute;
		width:320px;
		height:100px;
		padding-top:10px;
	}
	#footer .footblock,
	#footer .footblock1,
	#footer .footblock2{
		float:left;
		width:305px;
		margin-right:0;
		padding-top:0;
		text-align:left;
	}
	#footer .footblock1{
		display:none;
	}
	
	#footer p {
		font-size:1em;
		line-height:1.4em;
		margin-bottom:0;
	}
	
		.clearer_adaptive {
			clear:none;
		}
	
	/*
		#mainblock ul.gallery li { 
			margin-right:3px;
			margin-bottom:9px;
			padding:0;
		}
	*/
		
	/*****************  Subcontainer zu container_head *****************/
	
	/*
	
		input.submit { 
			font-size:1em;
		}	
	*/
	/********* article_head **********/
	#mainblock .article_head{
		width:320px;
		margin-bottom:45px;
	}
	#mainblock .article_head h1{
		font-size:2.8em;
		line-height:1em;
		margin-left:20px;
		margin-right:20px;
		margin-top:25px;
		margin-bottom:20px;
		width:280px;
	}
	#mainblock .article_head h3{
		font-size:0.9em;
		margin-left:20px;
		margin-top:20px;
	}
	
	#mainblock .article_head p{
		font-size:1.1em;
		margin-left:20px;
		margin-right:20px;
		width:280px;
	}
	/********* article standard **********/
	#mainblock .article{
		width:320px;
		margin-left:0;
	}
	#mainblock .article p{
		font-size:1.1em;
		margin-bottom:10px;
		margin-right:0;
	}
	#mainblock .article h1{
		font-size:2em;
	}
	
	#mainblock ol,
	#mainblock ul {
		margin-left:20px;
		font-size:1.1em;
	}
	#mainblock table{
		width:100%;
		margin-bottom:15px;
		margin-left:0;
		font-size:1em;
	}
	
	
	
	
	
	
	/********* form module **********/
	#form-module,
	#form-module-news {
		margin-left:0;
		margin-bottom:20px;
		padding:0px;
		width:320px;
		font-size:0.9em;
	}

	#form-module .senden {
		min-width:320px;
	}
	
	#form-module .inputfull_nofl {
	   	padding:5px;
		width:315px;
		border:1px solid #999;
	}
	
	#form-module .inputfull{
		/*height:16px;*/
		width:315px;
	}
	
	#form-module .inputfull_dd,
	#form-module .selectfull{
		/*height:16px;*/
		width:315px;
	}
	
	#form-module .inputhalf{
		/*height:16px;*/
		width:152px;
	}
	
	#form-module .inputhalf_dd,
	#form-module .selecthalf {
		/*height:16px;*/
		width:158px;
	}
	
	#form-module .inputhalf_checkbox {
		/*height:16px;*/
		width:210px;
	}
	
	#form-module .inputfull_checkbox {
		/*height:16px;*/
		width:285px;
	}
	
	#form-module .inputplz,
	#form-module .plz {
		/*height:16px;*/
		width:80px;
	}
	
	#form-module .inputm2 {
		/*height:16px;*/
		width:40px;
	}
	
	#form-module .inputquart{
		/*height:16px;*/
		width:152px;
	}
	
	#form-module .inputquart_dd,
	#form-module .selectquart,
	#form-module .selectplz,
	#form-module .selectort{
		/*height:16px;*/
		width:158px;
	}
	
	#form-module .inputsml {
		/*height:16px;*/
		width:45px;
	}
	
	#form-module .inputort{
		/*height:16px;*/
		width:224px;
	}
	
	#form-module .textarea,
	#form-module .textareafull {
		width:315px;
		height:120px;
	}
	#form-module .textareahalf {
		width:315px;
		height:80px;
	}
	#form-module .textareaquart,
	#form-module .textareaplz,
	#form-module .textareaort{
		width:315px;
		height:40px;
	}
	
	#form-module .inpuptextareasml {
		width:315px;
		height:80px;
	}
	
	#form-module .inpuptextareahalfsml {
		width:315px;
		height:80px;
	}
	
	#form-module .inpuptextareabig {
		width:315px;
		height:160px;
	}
	#form-module label.checkbox {
		width:300px;
	}

/*****************  Navigation *****************/
			

	.mainmenu li {
	    height:auto;
		margin-left:-2px;
	}
	/* menu icon */
	#menu-icon {
		padding-top:3px;
		font-family: FreightTextProMedium-Regular, georgia, serif;
		color: #000;
		width: 240px;
		height: 52px;

	background-image:url(menu_icon_blk.png);
	background-repeat:no-repeat;
	background-position:205px 10px;

		cursor: pointer;
		/*border: solid 2px #e1000d;*/
		display: block; /* show menu icon */
		font-size:1.2em;
		line-height:1em;
	}
	#menu-icon:hover,
	#menu-icon.active {
		/*background-image:url(menu_icon_blk.png);*/
	}
				


	.mainmenu {
		clear: both;
		position: absolute;
		top: 55px;
		left:-80px;
		width: 309px;
		z-index: 1;
		padding: 5px;
		background: #f8f8f8;
		border: solid 1px #0082a4;
		display: none; /* visibility will be toggled with jquery */
	}
	.mainmenu a {
		display:inline-block;
		padding:0;
		/*margin:4px 10px 14px 1px;*/
		padding:0;
		text-decoration:none;
		width:auto;
		/*width:115px;*/
		color:#054c98;
	}
	.mainmenu a,
	.mainmenu a:link,
	.mainmenu a:visited,
	.mainmenu a:active {
		color:#333;
	}
	.mainmenu a:hover {
		color:#008baf;
	}

	.mainmenu li a:hover,
	.mainmenu li a.act,
	.mainmenu li a:hover.act{
		color:#008baf;
	}
	




	.mainmenu li ul, 
	.mainmenu li ul ul {
		background-image:none;
		padding-top:0px;
		background: #f8f8f8;
		border: solid 1px #0082a4;
		background: #ecebeb;
		padding-top:5px;
		padding-bottom:5px;
		width:185px;
		z-index:1200;
	}
				

	.mainmenu li {
		clear: both;
		float: none;
		margin:0;
		padding-bottom: 7px;
		padding-top:0;
		padding-left:7px;
		border-left: 1px solid transparent;
		/*background-color:#ff0;*/
		cursor: pointer;
	}

	.mainmenu li li,
	.mainmenu li li li{
		font-size:1em;
	}
	.mainmenu li li{
		padding-bottom:2px;
		width:175px;
		/*background-color:#00f;*/
	}
	.mainmenu li li li{
		padding-bottom:2px;
		width:175px;
		/*background-color:#009;*/
	}

	.mainmenu li:hover,
	.mainmenu li.noline:hover {
		border-left: 1px solid transparent;
		margin:0;
	}
	.mainmenu li:hover ul,
	.mainmenu li.sfHover ul {
		left:60px;
		top:-2px;
	}
	ul.mainmenu li li:hover ul,
	ul.mainmenu li li.sfHover ul {
		left:60px; 
		top:0;
	}
	ul.mainmenu li li li:hover ul,
	ul.mainmenu li li li.sfHover ul {
		left:60px; 
		top:0;
	}

			

	
	.mainmenu li li a,
	.mainmenu li li a:link,
	.mainmenu li li a:visited,
	.mainmenu li li a:active,
	.mainmenu li li li a,
	.mainmenu li li li a:link,
	.mainmenu li li li a:visited,
	.mainmenu li li li a:active { 
		line-height:1.1em;
		color:#666;
		max-width:180px;
		padding:inherit;
		z-index:1;
	}

	.mainmenu li li li a {
		max-width:180px;
	}
	
	.mainmenu li li a:hover,
	.mainmenu li li li a:hover,
	.mainmenu li li a.act,
	.mainmenu li li a:hover.act,
	.mainmenu li li li a.act,
	.mainmenu li li li a:hover.act{
		color:#008baf;
	}

	.mainmenu .arrow {
		background-position:170px 8px;
	}
	.mainmenu a.sf-with-ul {
		pointer-events: none;
		cursor: pointer;
	}

	
	/* prettyPhoto styling for small screens */
	.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
	div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
	div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
	.pp_content { width: 100%!important; height: auto!important; }
	.pp_fade { width: 100%!important; height: 100%!important; }
	a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
	#pp_full_res img { width: 100%!important; height: auto!important; }
	.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
	a.pp_close { right: 10px!important; top: 10px!important; }

	.pp_pic_holder.facebook { width: 100%!important; left: 0!important; overflow: hidden; }
	div.facebook .pp_content_container .pp_left { padding-left: 0!important; }
	div.facebook .pp_content_container .pp_right { padding-right: 0!important; }
}

@media screen and (min-width: 650px) {
	/* ensure #nav is visible on desktop version */
	.mainmenu {
		display: block !important;
	}
}