/* body restliche seite nicht angepasst 
body  { width:1000px; }

hier4 gilt: wenn 2 regeln zutreffen setzt sich die SPÄTERE durch!!!
*/
@media (max-width: 999px) {
	body.Ausgabe { 
		width:100%; 
		min-width:371px;
	}
	body.Editor { 
		width:100%; 
		min-width:520px;
	}
}

@media (min-width: 1000px) {
	body  { width:1000px; }

}

@media (min-width: 800px) {
	.CMS  { 
			padding:1.5em !important; 
	}

}
/*----------- Font + FUX Logo skalierung*/


@media (min-width: 800px) {
	body  { font-size: 1.15em; }
	#logo img {   height: 100px;}
	#logo { width:280px;}

}
@media (max-width: 800px) {
	body  { font-size: 1em; }
	#logo img {	height: 80px;}
	#logo { width:240px;}
}
@media (max-width: 599px) {
	body  { font-size: 0.9em; }
}
@media (max-width: 400px) {
	body  { font-size: 0.88em; }
	#logo img {	height: 77px;}
	#logo { width:220px;}
}
/*---------------- LOGOs SKalierung*/
@media (max-width: 738px) {
	#oeawlogo img{
		height: 40px;
	}
	.additionallogo img{
		padding-top:5px;
		height: 28px;
	}
	div.alllogos {
		width: 133px ; 
		/*background-color:#aaccaa;*/
	}
	#oeawlogo,
	.additionallogo{
			height: 40px;
	}
}

@media (min-width: 739px) {
	#oeawlogo img{
		height: 56px;
	}
	.additionallogo img{
		padding-top:10px;
		height: 36px;
	}
	div.alllogos {
		padding-bottom:15px;
	
	}
	#oeawlogo,
	.additionallogo{
			height: 56px;
	}
}

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

}

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

}

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

}

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

}
/* rahmen zum testen:*/
.drop-down li{
	/*border-style:solid;*/
	border-width:1px;
	/*	border-color:#000000;	*/

}

/*-------------------- TOPMENU --------------------*/

@media (max-width: 780px) { /*768 = ipad hochformat, soll noch als "mittel" gelten*/
	
	.drop-down li ul {
	    padding: 3 2px 3 5px;  /* y x mittlere submenues für mittlere displays*/
	}
	.drop-down li { /* mittlere topmenu einträge*/
		padding : 0 14px 0 3px;    
		min-width:51px;
	}
	.drop-down li ul { /* schmälere menuzellen*/
    		width: 155px; /*125 - 180  ... könnt man auch zB iphone versus größer unterscheiden*/
			min-height: 100px; /*damit gesicht ganz*/
	}
	
}
@media (max-width: 700px) { /*768 = ipad hochformat, soll noch als "mittel" gelten*/
	
	.drop-down li { /*  topmenu einträge*/
		padding : 0 11px 0 3px;    /*..phone*/
		min-width:43px;
	}

}
@media (max-width: 645px) { /*768 = ipad hochformat, soll noch als "mittel" gelten*/
	
	.drop-down li { /*  topmenu einträge*/
		padding : 0 10px 0 2px;    /*..phone*/
		min-width:40px;
	}
	
}

/*bei sehr geringer breite */
@media (max-width: 620px) { /*<600 soll  als "klein" gelten*/
	.drop-down li { /* schmälere topmenu einträge*/
		padding : 0 8px 0 2px;    /*..phone*/
		min-width:39px;
	}	
	.drop-down li ul {
	    padding: 3px 1px 3px 3px;  /* y x kleinere submenues für kleine displays*/
	}

	.drop-down li ul { /* schmälere menuzellen*/
    		width: 135px; /*125 - 180  ... könnt man auch zB iphone versus größer unterscheiden*/
			line-height:1em;
			font-size:0.88em;
			min-height: 85px; /*damit gesicht ganz*/			
	}
	
}
@media (max-width: 564px) { /*<600 soll  als "klein" gelten*/
	.drop-down li { /* schmälere topmenu einträge*/
		padding : 0 35px 0 3px;    /*..phone*/
		min-width:41px;
	}	
}
@media (max-width: 509px) { /* ab nier menu ohneides zweizeilig, also ruhig wieder abstände*/
	.drop-down li { /* schmälere topmenu einträge*/
		padding : 0 33px 0 0px;    /*..phone*/
		min-width:42px;
	}	
}
@media (max-width: 500px) { /*<600 soll  als "klein" gelten*/
	
	.drop-down li ul { /* schmälere menuzellen*/
    		width: 125px; /*125 - 180  ... könnt man auch zB iphone versus größer unterscheiden*/
			min-height: 100px;
			font-size:0.86em;
			min-height: 75px; /*damit gesicht ganz*/	
	}
	.drop-down li ul li{
	    padding-top: 6px;   /*abstand damit man kleine menues "erwischt"*/
	}	
}


@media (min-width: 780px) {
	.drop-down li ul {
	    padding: 5 7px 5 10px;;  /*größere menues für große displays*/
	}
	/*PC */
	.drop-down li {
		padding : 0 20px 0 3px;    
		min-width:52px;
		text-align: left;
	}
	.drop-down li ul {
    		width: 185px; /*125 - 180  ... könnt man auch zB iphone versus größer unterscheiden*/
			min-height: 125px; /*damit gesicht ganz*/
	}
	.drop-down li ul a{	
			line-height:1.1em;	
			padding-top: 12px;
			/*			font-size:1.08em;*/
	}
}
@media (min-width: 870px) {
	.drop-down li {
		padding : 0 23px 0 8px;    
		min-width: 55px;
		text-align: left;
	}
}
@media (min-width: 950px) {
	.drop-down li {
		padding : 0 33px 0 9px;    
		min-width: 61px;
		text-align: left;
	}
}
@media (min-width: 1000px) {
	.drop-down li {
		padding : 0 40px 0 10px;    
		min-width:70px;
		text-align: left;
	}
	.drop-down li ul a{	
		/*font-size:1em;*/
	}
}

/*--------------------END TOPMENU --------------------*/

/*anzahl news spalten - handy/ geringe schirmbreite*/
 @media (max-width: 780px) { /*768 = ipad hochformat, soll noch als "klein" gelten*/
	 div.news{
		width:100%;
	}
	/*bei geringer breite auf 2 pseudospalten reduzieren*/
	div.news_bildmaterial_einzelbild{
			width:50%; /*bei nur 2 Spalten ist fixer %-Satz besser wiel gleichmäßiger*/
			/*min-width:140px;*/
			padding:2% 1em;    	
			padding-bottom:2% 1.8em;    	
			    	/*damit klar ist wohin die beschrftung gehört brauchts unterhalb abstand*/
			float:left;
		}	
		div.news_bildmaterial_einzelbild br{
			line-height: 0.2em; /*damit beschriftungen beim Bild bleiben*/
		}
		div.news_bildmaterial_einzelbild img {
			margin-bottom: 0.2em; /*damit beschriftungen beim Bild bleiben*/
		}	
	div.news_bildmaterial_einzelbild:nth-child(odd){
 		clear: both;
 	}
	div.news_bildmaterial_subrow{
		display:table-row;
	}
	table#suchformtabelle td{
		min-width: 20%; 
	}	
	table#suchformtabelle input[type="text"] { 
		/*max-width: 99%;*/ 
	}
	
	
}

/*bei sehr geringer breite auf 1 pseudospalte reduzieren*/

 @media (max-width: 361px) { /* iphone 5 = 320 6-10 = 414*/

	div.news_bildmaterial_einzelbild{
			width:100%;
			max-width:100%;
			min-width:140px;		
		}	
	}


/*anzahl news spalten - PC / große schirmbreite*/

@media (min-width: 780px) {

	div.news{
		width:100%;/*50%;*/
	}
	div.news_bildmaterial_row{
		display:table-row;
	}
	div.news_bildmaterial_einzelbild{
		    /*idee statt 25%:*/
		display:table-cell; /*... responsive */ 
		    
			max-width:30%;
			min-width:20%;
			padding:1em;    				
	}
	/*suchform , normale variante */
	div.suchformrow{
		display:table-row;
	}
	div.suchformcell{
		display:table-cell; /*... responsive */ 
	}
	div.suchlabel{
			text-align: right;
			padding-right:0.4em;
	}
	div#suchformtabelle{	
		display:table;
	}
}



@media (max-width: 570px) { 
	/*grezwert vergrößern, denn am iphone passt nur "eine würdige und "
		neben das ild, Rest unterhalb bei 570 bei seite Lit - 50 Jahre
		... oder schrift etwas kleiner?
	*/
	div.topBildUnterhalbKleiner{
		max-width:95% !important;

	}
	div.topBildUnterhalbKleiner + p{
		/* unklar ob nötig */
		display:block;
		clear:both;
		width:100%;
	}

}


/*ERGEBNISLISTE*/

@media (max-width: 2000px) { /*erstmal immer*/
	td.quellen_spalte1{
		width:34%;
	}
	td.quellen_spalte2{
		width:54%;
	}
	td.werke_spalte2{
		width:68%;
	}
	
}
@media (max-width: 960px) { /*erstmal immer*/
	td.quellen_spalte2{
		width:50%;
	}
}
@media (max-width: 770px) {

	td.werke_spalte2{
		width:65%;
	}
}	
@media (max-width: 650px) { 
	td.quellen_spalte1{
		width:37%;
	}
	td.erglist_viewIconSpalte img[src*="vorschau.gif"]{
		display: none;
	}
}
@media (max-width: 520px) { 
	td.werke_spalte1{
		width:20%;
	}
	td.werke_spalte2{
		width:60%;
	}
}
@media (max-width: 480px) {
	td.quellen_spalte2{
		width:50%;
	}
}
@media (max-width: 490px) { 
	
	input.gensuchtextfeld{
		max-width:250px !important;
	}
}
@media (max-width: 470px) { 
	
	input.gensuchtextfeld{
		max-width:240px !important;
	}
}
@media (max-width: 450px) { 
	
	input.gensuchtextfeld{
		max-width:252px !important;
	}
}
@media (max-width: 427px) { 
	
	input.gensuchtextfeld{
		max-width:237px/*225px*/ !important; 
	}
}
@media (max-width: 411px) { 
	
	input.gensuchtextfeld{
		max-width:232/*220px*/ !important;
	}
}
@media (max-width: 400px) { 
	
	input.gensuchtextfeld{
		max-width:214px/*202px*/ !important;
	}
}
@media (max-width: 389px) { 
	
	input.gensuchtextfeld{
		max-width:208px/*196px*/ !important;
	}
}
@media (max-width: 378px) { 
	
	input.gensuchtextfeld{
		max-width:200px/*188px*/ !important;
	}
}
@media (max-width: 360px) { 
	
	input.gensuchtextfeld{
		max-width:194px/*182px*/ !important;
	}
}

@media (max-width: 450px) { 
	tr.navigationmenu input[name='zurueck']{
		width:52px !important;
	}
	#textcontent {
		padding-left: 5px; /*statt sonst: 11px*/
		padding-right: 5px;
	}
}