/* Website iapn-goettingen.de
Autor: Gerd H. Pfotzer
Version: 2.0 - 23.06.2016


Spezelle Styles f�r bestimmte Aufl�sungen und Retina Displays.
Handynavi in H�he anpassen.
*/

@media only screen and (min-height: 300px) {
	#navprimary {
		max-height:250px;
	}

}

@media only screen and (min-height: 400px) {
	#navprimary {
		max-height:350px;
	}
}

@media only screen and (min-height: 500px) {
	#navprimary {
		max-height:450px;
	}
}

@media only screen and (min-height: 600px) {
	#navprimary {
		max-height:550px;
	}
}

@media only screen and (min-height: 1000px) {
	#navprimary {
		max-height:950px;
		overflow:hidden;
	}
}


/*
Handyscreens
*/

@media only screen and (min-width: 320px) {

  /* Small screen, non-retina */
  /* Mobile */


}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 320px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 320px),
only screen and (                min-resolution: 192dpi) and (min-width: 320px),
only screen and (                min-resolution: 2dppx)  and (min-width: 320px) { 

  /* iPhone 5 und hTC getestet. Small screen, retina, stuff to override above media query */
	

}





@media only screen and (min-width: 760px) {

  /* Medium screen, non-retina */
  /* Normaler PC Monitor und Tablets */
  /* ZWEISPALTIG */
	
	#farbbalkenfueraufloesung { background-color:orange; }
	body { font-size:1em; }

	#seite, #kopfinnen {
		width:94%;
	}
	#seite {
		box-shadow:0px 0px 10px 5px rgba(207,185,152,0.95);
	}
	#navprimary {
		overflow:hidden;
	}
	#navprimary.geschlossen {
		margin-top:20px;
		max-height:none;
		transition:none;
	}
	#navprimary span.mobileOnlyVisible {
		display:none;
	}
	span.DesktopOnlyVisibleBlock {
		display:block;
	}
	span.DesktopOnlyVisibleInLineBlock {
		display:inline-block;
	}
	span.DesktopOnlyVisibleInLine {
		display:inline;
	}
	#kopf.kopffixed {
		padding-top:24px;
	}
	#kopf {
		padding-top:61px;
	}
	#logoabstand {
		/*padding-bottom:88px;*/
		padding-bottom:5.5em;
	}
	#logo {
		padding-right:3%;
		/*min-height:120px;*/
		/*min-height:5.9em;*/
	}
	
	#kopfDesktopNav {
		display:inline;
	}
	#kopfMobileButton {
		display:none;
	}
	#navprimary.kopffixed {
		margin-top:0px;
	}
	#navprimary {
		padding-left:3%;
	}
	#navprimary a {
		display:inline-block;
		padding:0.75em 1.5em;
	}
	#navprimary.kopffixed a {
		padding:0.3em 1.5em;
	}

	#logo img {
		/*width:40%;*/
		/*max-width:390px;*/
		/*max-width:25em;*/
	}

	#content { 
	}
	#fussCopyright {
	}
	#fuss {
		width:50%;
		margin-left:23%;
	}
	#fussHome {
		width:50%;
		margin-left:3%;
	}

	#ersteSpalteHome {
		float:left;
		width:52%;
		margin-left:3%;
		margin-right:2%;
	}
	#zweiteSpalteHome {
		float:left;
		width:38%;
		margin-left:2%;
		margin-right:3%;
	}
	#ersteSpalteHome .contentkasten {
		-webkit-border-top-left-radius:30px;
		-moz-border-radius-topleft:30px;
		border-top-left-radius:30px;
		padding:20px 20px 20px 20px;
	}	
	#zweiteSpalteHome .contentkasten {
		-webkit-border-top-left-radius:30px;
		-moz-border-radius-topleft:30px;
		border-top-left-radius:30px;
		padding:20px 20px 20px 20px;
	}
	
	#ersteSpalte {
		width:17%;
		float:left;
		margin-left:3%;
		margin-right:1.5%;
		/*background-color:#66FF99;*/
	}
	
	#zweiteSpalte {
		width:54%;
		float:left;
		margin-left:1.5%;
		margin-right:1.5%;
		/*background-color:#66FF99;*/
	}
	
	#zweiteSpalteFull{
		width:74%;
		float:left;
		margin-left:1.5%;
		margin-right:3%;
	}
	
	#dritteSpalte {
		width:17%;
		float:left;
		margin-left:1.5%;
		margin-right:3%;
		/*background-color:#864321;*/
	}
	#ersteSpalte .contentkasten {
	}
	#zweiteSpalte .contentkasten {
	}
	#dritteSpalte .contentkasten {
	}
	#ersteSpalte .contentkastennav {
		-webkit-border-top-left-radius:30px;
		-moz-border-radius-topleft:30px;
		border-top-left-radius:30px;
		margin:30px 0px 0px 0px;
		padding:15px 0px 10px 15px;
		display:block;
	}

	.bildlinkscaption {
		line-height:150%;
	}
	ul#submenu li { 
		padding-left:0;
	}
	li.navabschluss {
		margin-left:0;
	}
        #content .contentkastennav a.normal3 {
            width:auto;
        }

	#SuchFenster {
		margin-top:15%;
		margin-left:30%;
		margin-right:30%;
		width:40%;
		max-width:750px;
	}

	.MehrLinks img, .MehrRechts img {
		width:90%;
		max-width:300px;
	}
	#dritteSpalte .contentkasten p.MarginalLinkFotoPlusLink a img {
		max-width:300px;
	}
	
	#dritteSpalte img{
		max-width:100%;
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 760px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 760px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 760px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 760px),
only screen and (                min-resolution: 192dpi) and (min-width: 760px),
only screen and (                min-resolution: 2dppx)  and (min-width: 760px),
only screen and (    -webkit-device-pixel-ratio: 3)      and (min-width: 760px) { 

  /* Medium screen, retina, stuff to override above media query */
  /* ZWEISPALTIG */

	#farbbalkenfueraufloesung { height:15px; background-color:green; }

}


@media only screen and (min-width: 1025px) {
	body { font-size:1.1em; }
	#seite, #kopfinnen {
		width:86%;
	}
	#kopf.kopffixed {
		padding-top:28px;
	}
	#navprimary.kopffixed {
		margin-top:5px;
	}
	#logoabstand {
		/*padding-bottom:90px;*/
		padding-bottom:5.1em;
	}
	
	#SuchFenster {
		margin-top:10%;
		margin-left:30%;
		margin-right:30%;
		width:40%;
		max-width:750px;
	}
	
	.MehrLinks img, .MehrRechts img {
		width:85%;
	}
}



@media only screen and (min-width: 1281px) {

  /* Large screen, non-retina */
  /* Gro�er PC Monitor und Tablets */
  /* Hier steht nur noch ganz Spezielles f�r die hohe Aufl�sung. Alles Wesentliche steht weiter oben bei 700px. */

	#farbbalkenfueraufloesung { background-color:blue; }
	body { font-size:1.2em; }
	#seite, #kopfinnen {
		width:82%;
	}
	#logo {
		padding-top:30px;
		padding-bottom:10px;
	}
	#kopf.kopffixed {
		padding-top:40px;
	}
	#navprimary.kopffixed {
		margin-top:5px;
	}
	#kopf { 
	}
	#kopfnavigation { display:none; }
	#kopfnavigationLang {
	}
	#kopfnavigationLang a { color: #550000; text-decoration:none; display:inline-block; padding:1.5% 2.5%; }
	#kopfnavigationLang a:link { color: #550000; text-decoration:none; }
	#kopfnavigationLang a:visited { color: #550000; text-decoration:none; }
	#kopfnavigationLang a:active { color: #a8101b; text-decoration:none; }
	#kopfnavigationLang a:hover { color: #a8101b; text-decoration:none; }
	#kopfnavigationLang a:focus { color: #a8101b; text-decoration:none; }

	#logo img {
	}
	#logoabstand {
		/*padding-bottom:8em;*/
		padding-bottom:5.4em;
	}
	#abstandkopfcontent {
	}
	#content { 
	}
	
	#fuss {
	}
	#fussCopyright {
	}
	
	.MehrLinks img, .MehrRechts img {
		width:75%;
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1281px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1281px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1281px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1281px),
only screen and (                min-resolution: 192dpi) and (min-width: 1281px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1281px) { 

  /* Large screen, retina, stuff to override above media query */

	#farbbalkenfueraufloesung { height:15px; background-color:blue; }
	body { font-size:2em; }
	body { font-size:1.2em; }

}


@media only screen and (min-width: 1401px) {

  /* Large screen, non-retina */
  /* Gro�er PC Monitor und Tablets */
  /* Hier steht nur noch ganz Spezielles f�r die hohe Aufl�sung. Alles Wesentliche steht weiter oben bei 700px. */

	#seite, #kopfinnen {
		width:80%;
	}
	#kopf.kopffixed {
		padding-top:45px;
	}
	.newsItem{
		/*margin-bottom:45px;*/
	}
}






@media only screen and (min-width: 1940px) {

  /* Large screen, non-retina */
  /* Gro�er PC Monitor und Tablets */
  /* Hier steht nur noch ganz Spezielles f�r die hohe Aufl�sung. Alles Wesentliche steht weiter oben bei 700px. */

	#farbbalkenfueraufloesung { height:5px; background-color:yellow; }
	body { font-size:1.4em; }
	#seite, #kopfinnen {
		width:78%;
	}
	#logo {
		padding-top:40px;
		padding-bottom:10px;
	}
	#kopf.kopffixed {
		padding-top:48px;
	}
	#kopf { 
	}
	#kopfnavigationLang {
		width:55%;
		max-width:1000px;
		font-size:0.7em;
		color:#550000;
	}
	#kopfnavigationLang a { padding:1% 2%; }
	#content { 
	}
	#fuss {
	}
	#fussCopyright {
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1940px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1940px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1940px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1940px),
only screen and (                min-resolution: 192dpi) and (min-width: 1940px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1940px) { 

  /* Large screen, retina, stuff to override above media query */

	#farbbalkenfueraufloesung { height:15px; background-color:yellow; }
	body { font-size:3em; }
	body { font-size:1.4em; }

}