/*------------------------------------------------------------------

# Default Stylesheet

Filename:    style.css
Site:        agva1_ciat.com
Version:     1.0
Last change: 20/05/14 [anpassung_nav_engl]
Author:		 brainbraincoop 
Description:  Default styles to be applied to all pages in the site!


-------------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/






/* RESET
-------------------------------------------------------------------*/

/*** CSS3 VQS | Chapter 13 | cssreset-ericmeyer.css
RESET um Bugs des Browser zu clearen ***/

/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*-----------------------------------------------------*/

header, nav, a, div, footer, li{
	display: block; /* Sets HTML5 elements to block */
	overflow: hidden; /* Fixes Child Float Problem */ 
	
}
*{
-moz-box-sizing: border-box; /* Preventing float drops */
box-sizing: border-box;
}	


/*-------------------------------------------------------*/
/*--------------ALLG. FORMATTIERUNGEN--------------------*/
/*--------------NACH D.PRINZIP: MOBILE FIRST-------------*/
/*---------------VON AUSSEN NACH INNEN!!!----------------*/
/*-------------------------------------------------------*/
/*----------------VIEWPORT < 420px ----------------------*/
/*-------------------1.LAYOUT----------------------------*/
/*--(1- Spalte: Content_gewesen :Bild Text untereinander-*/


/* HTML Selectors (Default)
-------------------------------------------------------------------*/

/*  BODY < 420px
(Default)
(body bleibt auf allen html-Seiten vom Konzept her gleich, 
lediglich das hg bild ändert sich nach Viewport)
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/

body, html {
	width: 100%;
	height: 100%;
}
			
body {
	background: url('./../images/klein_DSC1269_E_v1.png') 
	no-repeat center center fixed; /*-- Image für kleine screens von width bis 420px!)
	-webkit-background-size: cover; /*--blog.codingpeople.com mit css background-size zum Fullsize (Background-)Image --*/
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/*  WRAPPER < 420px
(Default)
(bleibt auf allen html Seiten gleich)
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/

#wrapper { 
	width: 100%;
	
	/*--border: 1px solid orange;--*/
}


/*  NAVIGATION < 420px
(Default)
-----Hinweis: layoutausrichtung ist iphone 320px x480px
(Hauptnavigation bleibt auf allen html-Seiten
vom Konzept her gleich, lediglich die Größe ändert sich mit dem View-
port)---------------------------------------------------------------*/

	
#menu {
	max-width: 55%;
	position: relative;
	margin-bottom:4%;
	margin-left:11%;
	margin-top:4%;
	
	/*--border:2px solid blue;--*/
}

#menu li a{
	padding: 0.2em; 
	background-color:#FFFFFF;  /*--box farbe der li -nav punkte----*/
	/*--border:2px solid yellow;--*/
}

nav li{
	white-space:nowrap;/*--verhindert den zeilenumbruch beim vergrößern--*/
	margin-bottom: 4%;
	margin-left: 1%;
	padding-left: 3%;
	/*-- border: 2px solid red;--*/
}


/*vergrössern der nav - punkte beim hovern-----------------------*/

.bewegung {
 -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.bewegung:hover {
	-webkit-transform: scale(1.1);
	-moz-transform:   scale(1.1);
	-o-transform:   scale(1.1);
	-ms-transform:   scale(1.1);
	transform:   scale(1.1);
}


.sg{ /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet für navigation--*/
	display: none;
}
#sign_42_30{ /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet für aktuellen nav-punkt--*/
	display: none;
}
/*------------------ANORDNUNG NAV-Punkte< 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/
/*----english/deutsch----*/
#nav_2, #nav_36  {
	width: 60%; 
}
/*----jetzt/zuletzt----*/  
#nav_1 {
	width: 65%;
	padding: 0.3em;
}

/*----kontakt/contact----*/
#nav_9 , #nav_41 {
	width: 64%;
}

/*----(gewesen)archiv_projekte/archive projects----*/
#nav_4, #nav_30  {
	width: 69%;
}

/*----hilfe/support----*/
#nav_10, #nav_40 {
	width: 71%;
	
}

/*----agva/ciat----*/
#nav_11, #nav_39  {
	width: 64%;
}

/*----format (dialog format)----*/
/*--#nav_8 {
	width: 60%;
}-- navpunkt_gestrichen*/

/*----thanxx----*/
#nav_12, , #nav_44  {
	width: 58%;
}

/*----impressum----*/
#nav_13  {					
	width: 74%;
}

/*----NAVIGATIONS ANGABEN FÜR ENGLISCH NAVICATION nur ÄNDERUNGEN wo NÖTIG-----*/
/*----currently/has been----*/  
#nav_38{
	width: 74%;
	padding: 0.3em;
}
/*----imprint----*/
#nav_43{
	width: 85%;
}
	
/*
Formattierung für den aktuellen Navigationspunkt nav strong--------*/

#aktueller_nav_punkt_gewesen{
		max-width: 50%;
		
}
.aktueller_nav_punkt {
	color: #FFFFFF;
	background-color:#000000;
	padding: 0.4em;
}	

/*--++++--*/
/*--++++--*/
/** Content < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 11%;
	margin-right: 2%;
	background-color: #000000;
}
#all_container_margin {
	margin: 1em 1em 1em 1em;
}

/*--++++--*/
/*--++++--*/
/*** Content | JETZT_ZULETZT < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/
#info_jetzt_zuletzt{
	margin-bottom: 2em;
	/*--border: 2px solid pink;--*/
}

#flyer_jetzt_zuletzt{
	margin-left: 0em; /*--LAYOUT des FLYER IM WRAPPER--*/
	margin-top: 1em;
}
#flyer_jetzt_zuletzt img{   /*--Angabe für flexible Image!!! --*/
	max-width:100%;
	height: auto;
	width: auto\9; /*--für ie8 damit er es versteht --*/
	
}

#text_jetzt_zuletzt{
	margin-left: 0em; /*--LAYOUT des TEXTS IM WRAPPER--*/
	margin-top: 1em;
	margin-bottom: 1em;
	/*--border: 2px solid blue;--*/
}

#sign_white_gross_jetzt_zuletzt{ /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet--*/
	display: none;
}
#foerderung_gross_jetzt_zuletzt{
	display: none;
}

/*--++++--*/
/*--++++--*/
/*** Content | KONTAKT < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/


#content_weiss_kontakt img{   /*--Angabe für flexible Image!!! --*/
	max-width:100%;
	height: auto;
	width: auto\9; /*--für ie8 damit er es versteht --*/
}
#text_kontakt{
	margin-top: 1.5em;
}
#adresse_kontakt {
	margin-bottom: 4%;
}
#haltestelle_kontakt{ 
	margin-bottom: 8%; 
}
#zeiten_kontakt a{  
  display:inline;
}

#sign_white_gross_kontakt{  /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet--*/
	display: none;
}
/*--++++--*/
/*--++++--*/
/*** Content | GEWESEN < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px--------*/
#content_gewesen li{
	background-color: #000000;  /*--alternativer hg _dunkler:#F2F0F1, #f4f4f4 oder#faf9f9--*/
	color: #FFFFFF;
	min-height: 167px; /*--damit nedrigerer Plakate zumindest eine min.Listenhöhe haben--*/
}

#content_gewesen li{
	margin: 0em 0em 4em 0em;  /*-- achtung margin kombi mit wrapper contentgewesen beachten--*/
}

.gewesen_item_text {
	margin-top: 0.6em;
}
/*--footer content gewesen--*/
#footer_gewesen{
	margin: 0em 0em 1em 0em;
}
/*--++++--*/
/*--++++--*/
/*** Content | GEWESEN_PROJEKTE < 420px (Hinweis: auf diese Seite
 kommt man nur über die Seite gewesen) 
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/

#wrapper_content_gewesen_projekte img{   /*--Angabe für flexible Image!!! --*/
	max-width:100%;
	height: auto;
	width: auto\9; /*--für ie8 damit er es versteht --*/
}
/*----------HEADER CONTENT GEWESEN PROJEKTE ------*/
header {
	margin-bottom: 20%;
}
#layout_zurueck_zum_archiv{
	text-align: right;
	
	/*--border:2px solid green;--*/
/}
#layout_pfeile_projekte_gewesen li {
	float:right;
	margin-left: 2%;
}
/*----Titel der Ausstellung sowie Künstlerinnen-----*/
#content_projekte_headline{
    margin-top:5%;
	margin-bottom: 9%;
	text-align: right;
}
#namen_artists{
	margin-top: 2.5%;
}
/*---initium angabe-----*/
#iiii{
	margin-top: 1%;
}
/*----------HEADER PLAKAT GEWESEN PROJEKTE  ------*/
#gewesen_projekte_item_flyer img{
	float: right;
	
}
/*----------MAIN CONTENT GEWESEN PROJEKTE ------*/
#gewesen_projekte_text_box{
	display: none;
}

/*--GEWESEN PROJEKTE_item_image ab 320px--*//*--damit die hochformate nicht zu groß werden proportional--*/
.item_image_hoch_gewesen_projekte img{
	width: 65%;
	
}

.item_image_quer_gewesen_projekte img {
	float: right;
	margin-bottom: 5%;
	width: 95%;
}

#dokumentation_images_titel img{
	float: right;
	margin-bottom: 5%;
}

#dokumentation_images_titel li {
	margin-bottom: 20%;
} 
.link_text{
	float: right;
}
/*----------FOOTER CONTENT GEWESEN PROJEKTE ------*/
#layout_zurueck_zum_archiv{
	text-align: right;
	
	/*--border:2px solid green;--*/
/}
#layout_pfeile_projekte_gewesen li {
	float:right;
	margin-left: 2%;
}
#top_content_gewesen_projekte{
	float: right;
	margin-bottom: 0.75em;
}
#content_gewesen_projekte_menu_footer li{
	
	margin-left: 2%;
	margin-bottom: 2%;
}

/*--++++--*/
/*--++++--*/
/*** Content | HILFE < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/
.image_ev_20_11{    /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet--*/
	display: none;
}
.sign_white_support_18_13{   /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet--*/
	display: none;
}
.Image_Kontoverbindung_243_144{ /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet--*/
	display: none;
}
#kontakt_image_157_13{
	display: none;
}
#text_support a{
	display: inline;  /*--damit die links im text von support keinen zeilenumbruch verursachen (haben oben alla a als block element definiert--*/
}

/*--++++--*/
/*--++++--*/
/*** Content | Agva_sign,CIAT < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/

#wrapper_agva_ciat img{   /*--Angabe für flexible Image!!! --*/
	max-width:100%;
	height: auto;
	width: auto\9; /*--für ie8 damit er es versteht --*/
}

.sign_white_18_13{  /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet--*/
	display: none;
}
/*--++++--*/
/*--++++--*/
/*** Content | THANXX < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/

#wrapper_thanxx img{   /*--Angabe für flexible Image!!! --*/
	max-width:100%;
	height: auto;
	width: auto\9; /*--für ie8 damit er es versteht --*/
}

#thanxx_515{     /*--Schrift als Images-größere SchriftImage wird erst ab 700px eingeblendet usw--*/
	display: none;
}

#thanxx_707{
	display: none;
}

#thanxx_874{
	display: none;
}
#thanxx_1118{
	display: none;
}
/*--++++--*/
/*--++++--*/
/*** Content | IMPRESSUM < 420px
-----Hinweis: layoutausrichtung ist iphone 320px x480px------------*/
#sw_impressum_18_13{
	display: none;
}
.image_ev_impressum_20_11{    /*--Schrift als Images-größere SchriftImage wird erst ab 1224px eingeblendet--*/
	display: none;
}
#text_impressum{
	margin-bottom: 8%;
}

#impressumadresse_image_200_79{
	display: none;
}




#traunstein_image_71_13{
	display: none;
}
#traunstein_image_53_10{
	display: inline;
}

#registernummer_image_72_12{
	display: none;
}
#registernummer_image_58_11{
	display: inline;
}

/*--}--*/

/*--++++--*/
/*--++++--*/
/*----------------------- SCHRIFT < 420px----------------*/
/*Hinweis: layoutausrichtung ist iphone 320px x480px-----*/
/*Angaben: Mobile First - alle Änderung sind in den einzelnen Media 
Queries angegeben Angaben von Außen nach Innen---------------------*/	
/*-----------------------------------------------------------------*/
	
body {
	color: #FFFFFF;
	font-size: 16px;/*-- standard größe der schrift: 16px=1em definiert--*/
	font-family: "Myriad Pro", Myriad, Arial,Helvetica, Sans-Serif;
	text-decoration: none;
	line-height: 1.3;
}

h2{
 font-size:1.2em;
 font-style:italic;
}
h2{
 font-size:1.2em;
 font-style:italic;
}
h3{
  font-size: 1em; 
}

#menu a, #content_gewesen a, .aktueller_nav_punkt {
	font-family: "Myriad Pro", Myriad, Arial, Helvetica, Sans-Serif;
	font-weight: bolder;
	font-size: 1em; 
	font-style: italic;
	letter-spacing: 1px;
	
}
 
#menu a{
	font-size: 1.15em; /*-- alle links der navigation erhalten die größe 
					  em bezogen auf den Standard von 1em=16px--*/
	line-height: 1;
	background-color: #FFFFFF; /*-----ACHTUNG: box farbe der Links  der nav punkte---------------*/
	
}
 
#hochzahl{
	font-weight: normal;
}
 
.aktueller_nav_punkt{
	font-size: 1.15em;
	line-height: 1;
}

/*-----------SCHRIFT spezielle angaben content jetzt-letzt--------------------*/

#info_jetzt_zuletzt h1 {
	font-size: 1em;
	font-style: italic;
	color: #FFFFFF;
}

#info_jetzt_zuletzt h2, #info_jetzt_zuletzt h3{
	font-size: 0.8em;
	color: #FFFFFF;
}

#adresse_jetzt_zuletzt, #signatur_jetzt_zuletzt{
	font-style: italic;
}

#info_jetzt_zuletzt h1, h2, h3 {
	font-size: 1em;
}

#text_jetzt_zuletzt p {
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: normal;
}

/*--------------spezielle Angaben CONTENT KONTAKT------------------------------------------------*/
#content_weiss_kontakt{
	font-size: 0.8em;
	line-height: 1.5;
}
#adresse_kontakt {
	font-weight: bold;
}

/*-----------SCHRIFT spezielle angaben content gewesen--------------------*/
#ul_content_gewesen p, h1, #footer_gewesen{
	font-size: 0.8em;
}
#ul_content_gewesen h2{
	font-size: 1em;
}
#initial_gewesen, .initial_mehr{
 color: #FFFFFF;
}
.gewesen_item_text{
	color:#FFFFFF;
}
.item_title_exhibition h2{
	color: #FFFFFF;
}
/*-----------SCHRIFT < 420px-----------------------------------------------*/
/*--------------spezielle Angaben CONTENT GEWESEN_PROJEKTE------------------------------------------------*/
.naechstes_vorheriges_projekt span{
	/*--vertical-align: top;--*/
	font-size: 0.7em;
}
#content_projekte_headline h1 {
    font-weight: lighter;
	
}
#content_projekte_headline h2 {
	font-size: 1em;
}

.item_text h1{
	font-size: 1em;
	font-weight: lighter;
}
.item_text{
	font-size: 0.8em;
	text-align: right;
}

/*----------------Schrift für text description ---------------------------*/

.item_title_description em{
	 font-weight: normal;
}
/*----------------Schrift für copyright ---------------------------*/
#impressum_fotos_gewesen_projekte p{
	font-size: 0.7em;
	text-align: right;
}
/*--Angaben FOOTER Content gewesen projekte---------------------------------*/
#top_content_gewesen_projekte{
	font-size: 0.8em;
	font-weight: normal;
	color: #FFFFFF;
}


/*--------------spezielle Angaben CONTENT SUPPORT------------------------------------------------*/
#wrapper_support{
	font-size: 0.8em;
	line-height: 1.5;
}




/*-----------SCHRIFT spezielle angaben content agva_sign,ciat--------------------*/
#text_agva_ciat{
	font-size: 0.8em;
	line-height: 1.5;
}
#text_agva_ciat h1, h2, h3{
	font-size: 1.2em;
}

#top_agva_ciat{
	float: left;
}

/*--------------spezielle Angaben CONTENT IMPRESSUM-----------------------------------------------*/
#ul_impressum h3{
	font-weight: normal;
}
#text_impressum h3{
	display: inline;
	line-height: 1.5;
}
#text_impressum  h3{
	font-size: 1em;
}
#text_impressum  h2{
	font-size: 1.2em;
}
#text_impressum {
	font-size: 0.8em;
}
/*--------------------------------------------------------------------------------*/ 



/*-------------------------------------------------------*/
/*----------------------- LINKS < 420px------------------*/
/*-------------------------------------------------------*/

/*----------allg. Formatierung für -links-----------------------------------------*/
/*--besuchte links, etc aller Seiten ---------------------------------------------*/
/*--------------------------------------------------------------------------------*/

a:link {color: #FFFFFF; text-decoration:none;} 
a:visited {color:#FFFFFF; background-color:transparent; text-decoration:none;}
a:focus {color:#FFFFFF; text-decoration:none; background-color:transparent; opacity:0.5;}
a:hover {color:#FFFFFF; text-decoration:none;background-color:transparent; opacity:0.5;}
a:active {color:#FFFFFF; text-decoration:none; background-color:transparent; opacity:0.5;} 
 
/*--------------------------------------------------------------------------------*/ 
/*--besondere link definitionen--------------------------FFFF-------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------LINK_DEFINITION - CLASS LINK UNTERSTRICHEN------------------------------------------*/

a.link_unterstrichen:link {color:#FFFFFF; text-decoration:underline;} 
a.link_unterstrichen:visited {color:#FFFFFF; text-decoration:underline; background-color:transparent; opacity:0.5;}
a.link_unterstrichen:focus {color:#FFFFFF; text-decoration:underline; background-color:transparent; opacity:0.5;} /*--hier richtige hg einstellem!--*/
a.link_unterstrichen:hover {color:#FFFFFF; text-decoration:underline; background-color:transparent; opacity:0.5;}
a.link_unterstrichen:active {color:#FFFFFF; text-decoration:underline; background-color:transparent; opacity:0.5;}
/*--------------------------------------------------------------------------------*/
/*--------------------link nav----------------------------------------------------*/

#menu a:link {color:#000000; text-decoration:none;} 
#menu a:visited {color:#000000; text-decoration:none; background-color:#FFFFFF;}
#menu a:focus {color:#FFFFFF; text-decoration:none; background-color:#000000;opacity:1;}
#menu a:hover {color:#FFFFFF; text-decoration:none; background-color:#000000;opacity:1;}
#menu a:active {color:#FFFFFF; text-decoration:none; background-color:#000000;opacity:1;}

/*---------------------------------------------------------------------------------*/
/*-------------------------LINK DEFINITIONEN GEWESEN--------------------------------------------------------*/
#ul_content_gewesen a:link {color: #FFFFFF; text-decoration:none;} 
#ul_content_gewesen a:visited {color:#FFFFFF; background-color:transparent; text-decoration:none;}
#ul_content_gewesen a:focus {color:#FFFFFF; text-decoration:none; background-color:transparent; opacity:0.5;}
#ul_content_gewesen a:hover {color:#FFFFFF; text-decoration:none;background-color:transparent; opacity:0.5;}
#ul_content_gewesen a:active {color:#FFFFFF; text-decoration:none; background-color:transparent; opacity:0.5;}

#footer_gewesen a:link {color: #FFFFFF; text-decoration:none;} 
#footer_gewesen a:visited {color:#FFFFFF; background-color:transparent; text-decoration:none;}
#footer_gewesen a:focus {color:#FFFFFF; background-color:transparent; text-decoration:none; opacity:0.5;}
#footer_gewesen a:hover {color:#FFFFFF; background-color:transparent; text-decoration:none; opacity:0.5;}
#footer_gewesen a:active {color:#FFFFFF; background-color:transparent; text-decoration:none; opacity:0.5;}

/*----------------LINK-Definition gewesen_projekte:---------------------------------------*/ 

.link_projekte_flyer_images a:link {color: #000000; text-decoration:none;} 
.link_projekte_flyer_images a:visited {color:#000000; text-decoration:none; }
.link_projekte_flyer_images a:focus {color:#000000; text-decoration:none; background-color:#FFFFFF; opacity:0.5;}
.link_projekte_flyer_images a:hover {color:#000000; text-decoration:none; background-color:#FFFFFF; opacity:0.5;}
.link_projekte_flyer_images a:active {color:#000000; text-decoration:none; background-color:#FFFFFF; opacity:0.5;}


/*-------------------------------------------------------*/
/*--------------------- CSS-HACKS < 420px----------------*/
/*-------------------------------------------------------*/


/*-----------------------------------------------------------------*/
/*------------------END ALLG. FORMATTIERUNGEN < 420px--------------*/
/*-----------------------------------------------------------------*/


/*-------------------------------------------------------*/
/*--------------------MEDIA-QUERIES ---------------------*/
/*-------------------------------------------------------*/

/*---nach dem PRINZIP MOBILE FIRST - alle Veränderungsangab
en nach obiger Reihenfolge da wo notwendig gegenüber der er-
sten Angabe (kleinster viewport ist smartphones)---------*/


/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 420px ---------------------*/
/*-------------------------------------------------------*/
/*---------Ab hier folgen die Angaben und Änderungen für das 2.LAYOUT 
(2 - Spalten: Content_gewesen :Bild Text untereinander-------------*/


/*--START--*/
@media screen and (min-width: 420px) {

/* BODY ab 420 px
--------------------------------------------------------------------------------*/	
	
body {					
	background:  url('./../images/gross_DSC1269_E_v1.png') 
	no-repeat center center fixed;/*--hintergrund bild für viewports ab 420px--*/
	-webkit-background-size: cover; /*--blog.codingpeople.com mit css background-size 
									zum Fullsize (Background-)Image --*/
	-moz-background-size: cover;
	-o-background-size: cover;
		background-size: cover;		
}
						

/* WRAPPER
(Default)
(bleibt auf allen html Seiten gleich)
-------------------------------------------------------------------*/

/* NAVIGATION ab 420 px
---------------------------------------------------------------*/
#menu{
	width: 20.17%;  /*184px/960px=0.1917*/
	min-width: 184px;
	margin-top: 1%;  /*-- 38/960=0.039 um einen abstand von oben von 10 px zu haben--*/
	margin-bottom: 1%;/*-- 10/960=0.010um einen abstand von unten von 10 px zu haben--*/
	margin-left: 3%; /*-- 29/960=0.03um einen seitenabstand von 25px zu haben--*/
	float:left;  /*-- LAYOUT der nav mit float und margin------*/
	position: relative; /*--um alle navigationselemente absolut positionieren zu können--*/
	/*--border: 2px solid green;--*/
}
	
#menu li a{
	display: block;
	padding: 0.4em; /*-- anklickbaren bereich eines links vergrößern - zuerst li padding: 0 (li {
					padding: 0;} ist oben bei eric meyer reset bereits gemacht!!! und dann li a 
					display block und mit padding kann dann der link wieder eingerichtet werden, 
					ohne padding wird nicht der gesamte link erfasst!---*/
	background-color: #FFFFFF;
	/*--border: 3px solid orange;--*/
}

/*
ANORDNUNG NAV-Punkte_ ab 420px------------------------------*/	
						 
/*--english--*/
#nav_2, #nav_36  {
	width: 70%; /*--einzelne navigationslisten erhalten eine breite in%(ausprobieren)--*/
	margin-bottom: 22%;  /*-- die einzelnen listenelemente werden mit Hilfe von margin-bottom 
						und left jeweils in der navigation platziert - da flexibles layout haben 
						wir die absolute positionierung mit top und left mit margin gemacht - 
						Umrechnungen der abstände im Design abgemessen und dann angeglichen!--*/
	margin-left: 3.02%; /*--29px/960px=0.0302--*/
	position: relative;
	/*--border: 2px solid blue;--*/
}
						
/*--jetzt-zuletzt--*/
#nav_1  {   
	width: 70%;
	margin-bottom:10%;
	margin-left:4.39%;  /*--vertauscht zum ausgangsdesign 22.17--*/
	position: relative;
	/*--border: 2px solid pink;--*/
}
		
/*--kontakt--*/
#nav_9, #nav_41  {
	width: 70%;
	margin-bottom: 10%; /*--ohne format , daher +9% (vorher 3%)=12% 13.1.14--*/
	margin-left: 27.39%; /*--32px/184px(Breite der navigation(ausgangsdesign))=0.1739 und dann angepaßt--*/
	position: relative;
	/*--border: 2px solid pink;--*/
}

/*--archiv/projekte--*/
#nav_4, #nav_30  {
	width: 75%;
	margin-bottom: 16%; 
	margin-left: 7%; /*--vertauscht zum ausgangsdesign--*/
	position: relative;
	/*--border: 2px solid green;--*/
}
					
/*--support--*/
#nav_10, #nav_40 {
	width: 72%;
	margin-left: 10%;
	margin-bottom:10%; /*--ohne format , daher +3% (vorher 3%)=9% 13.1.14--/
	margin-left: 13.59%;  /*--25px/184px(Breite der navigation (ausgangsdeseign)=0.1359 und dann angepaßt--*/
	position: relative;
	/*--border: 2px solid green;--*/
}

/*--newsletter--*/
/*--#nav_6  {
	width: 170px;--*/ /*--ebenso die größe der box, ansonsten ist der hintergrund gesamt weiß!--*/
	/*--height: 50px;
	top: 420px;
	position: relative;
	border: 2px solid pink;
}--*/

/*--agva sign,ciat--*/
#nav_11, #nav_39  {
	width: 75%;
	margin-bottom: 3%; 
	margin-left: 19.02%; /*--35px/184px(Breite der navigation (ausgangsdeseign)=0.1902 und dann angepaßt--*/
	position: relative;
	/*--	border: 2px solid pink;--*/
}

/*--format-(dialog format)-*/
/*--#nav_8 {
	width: 75%;
	margin-bottom: 1%;
	margin-left: 14.67%;--*/   /*--27x/184px(Breite der navigation (ausgangsdeseign)=0.1467 und dann angepaßt--*/
	/*--position: relative;
	
}--*/

/*--thanxx--*/		
#nav_12, #nav_44  {
	width: 65%;
	margin-bottom: 3%;
	margin-left: 26.09%;  /*--48x/184px(Breite der navigation (ausgangsdeseign)=0.2609 und dann angepaßt--*/
	position: relative;
	/*--border: 2px solid pink;--*/
}

/*--impressum--*/
#nav_13  {
	width: 85%;
	margin-bottom: 1%;  /*--550px/600px(Höhe der navigation(ausgangsdesign))=0.9166 und dann angepaßt--*/ 
	margin-left: 1.8%;
	position: relative;
}


/*----NAVIGATIONS ANGABEN FÜR ENGLISCH NAVICATION nur ÄNDERUNGEN wo NÖTIG-----*/
/*----currently/has been----*/  
#nav_38{
	width: 74%;
	margin-bottom: 10%;
	margin-left:4.39%;
	padding: 0.3em;
}
/*----imprint----*/
#nav_43{
	width: 87%;
	
}
	
/*
Formattierung für den aktuellen Navigationspunkt nav strong--------*/

#aktueller_nav_punkt_gewesen{
		max-width: 65%;	
		margin-left: 13.59%;
}

/*--++++--*/
/*--++++--*/
/** Content ab 420px ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{   /*--schwarzer block: allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 36%;
	margin-right: 8%;
	margin-bottom: 100%;
	margin-top: 8%;
}


/*** Content | JETZT_ZULETZT ab 420px
-------------------------------------------------------------------*/
/*** Content | KONTAKT ab 420px
-------------------------------------------------------------------*/

/*--++++--*/
/*--++++--*/
/*** Content | GEWESEN ab 420px
-------------------------------------------------------------------*/

#content_gewesen li{		
	background-color: #000000;  /*--alternativer hg _dunkler:#F2F0F1, #f4f4f4 oder#faf9f9--*/
	/*--margin: 0.5em 1em 0.5em 1em;--*/
}

#ul_content_gewesen, #ul_content_gewesen li , #footer_gewesen a, #content_gewesen{
    background-color:#000000;   /*--hgfarbe dergewesenliste--*/
}				
	
#gewesen_top{
	background-color: black;
}

/*--++++--*/
/*--++++--*/
/*** Content | GEWESEN_PROJEKTE (Hinweis: auf diese Seite kommt man
 nur über die Seite gewesen) ab 420px
-------------------------------------------------------------------*/


/*----------HEADER CONTENT GEWESEN PROJEKTE ------*/

/*----Titel der Ausstellung sowie Künstlerinnen-----------------*/
#content_projekte_headline{
    margin-top:8%;
	margin-bottom: 9%;
	text-align: right;
}
#content_projekte_headline h2{
	margin-top:6%;
}
#namen_artists{
	margin-top: 4%;
}
/*----------HEADER PLAKAT GEWESEN PROJEKTE  ------*/

/*----------MAIN CONTENT GEWESEN PROJEKTE ------*/
/*----/Dokumentation/Text der Ausstellung-------------------------------------------*/
/*----------FOOTER CONTENT GEWESEN PROJEKTE ------*/

/*--++++--*/
/*--++++--*/
/*** Content | HILFE ab 420px
-------------------------------------------------------------------*/

#wrapper_support{
	margin-bottom: 2em;
	/*--border: 2px solid red;--*/
}

/*--++++--*/
/*--++++--*/
/*** Content | Agva_sign,CIAT ab 420px
-------------------------------------------------------------------*/


/*--++++--*/
/*--++++--*/
/*** Content | THANXX ab 420px
-------------------------------------------------------------------*/

#wrapper_thanxx{

	/*--border: 2px solid red;--*/
}

/*--++++--*/
/*--++++--*/
/*** Content | IMPRESSUM ab 420px
-------------------------------------------------------------------*/

/*-------------------------------------------------------*/
/*---------------------SCHRIFT ab 420px -----------------*/
/*-------------------------------------------------------*/
#menu a, .aktueller_nav_punkt{
	font-weight: bolder;
	font-size: 1.15em; /*-- alle links der navigation erhalten die
							Standardgröße 1.6 em bezogen auf den Standard
							von 1em=16px--*/
}

/*--------------spezielle Angaben gewesen------------------------------------------------*/

#pinker_punkt {
	visibility: hidden;
}
.gewesen_item_text{
	color: #FFFFFF;
}

/*-------------------------------------------------------*/
/*----------------------- LINKS ab 420px-----------------*/
/*-------------------------------------------------------*/
/*-------------------------LINK DEFINITIONEN GEWESEN--------------------------------------------------------*/

 
/*-------------------------------------------------------*/
/*--------------------- CSS-HACKS ab 420px---------------*/
/*-------------------------------------------------------*/

}/*--END media queries ab 420px--*/


/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-----EXTRA -----VIEWPORT min-width: 420px -------------*/
/*-------------------und min- height: 485px--------------*/



/*--START--*/
@media screen and (min-width: 420px) and (min-height: 485px) { /*----extra angabe damit nav bei kleinen viewports mitscrolled und erst ab 
																height:430px fixed ist------------------------------------------------------*/
#menu{
	position: fixed;
}
}/*--END media queries 420px and min-height:485px--*/



/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 640px ---------------------*/
/*-------------------------------------------------------*/

/*--START--*/
@media screen and (min-width: 640px) {


/* BODY ab 640px
------------------------------------------------------------------*/
/* WRAPPER ab 640px
-------------------------------------------------------------------*/
/* NAVIGATION ab 640px
---------------------------------------------------------------*/


/*--jetzt-zuletzt--*/
#nav_1  {   
	margin-bottom:15%;	
	margin-bottom: 15%; 
}

/*----NAVIGATIONS ANGABEN FÜR ENGLISCH NAVICATION nur ÄNDERUNGEN wo NÖTIG-----*/
/*----currently/has been----*/  
#nav_44{
	width: 79%;
}

#aktueller_nav_punkt_gewesen{
	max-width: 65%;	
}

/** Content ab 640px ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 33%;
	margin-right: 10%;
	margin-top: 6%;	
}

#all_container_margin{
	
}
/*--++--*/
/*--++--*/
/*** Content | JETZT_ZULETZT ab 640px
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab 640px
-------------------------------------------------------------------*/

#adresse_haltestelle_kontakt{
	float:left;
}
#zeiten_kontakt p{
	margin-left: 2em;	
}

/*--++--*/
/*--++--*/
/*** Content | GEWESEN ab 640px
-------------------------------------------------------------------*/
/*--(2-Spalten: Content_gewesen nebeneinander )--------------------*/
									

.gewesen_item_flyer{          
	float:right;  /*-- Anordnung des Images rechts in li--*/
	margin-left: 2em;
	margin-top: 0.3em; /*--um flyer und textauf eine höhe zu bringen--*/
}	

.gewesen_item_text {
	margin-top: 0em;
}	
/*--++--*/
/*--++--*/

/*** Content | GEWESEN_PROJEKTE ab 640px (Hinweis: auf diese Seite
 kommt man nur über die Seite gewesen) 
-------------------------------------------------------------------*/

/*----------HEADER CONTENT GEWESEN PROJEKTE ------*/
/*----------HEADER PLAKAT GEWESEN PROJEKTE  ---- -*/
/*----------MAIN CONTENT GEWESEN PROJEKTE --------*/
/*----------FOOTER CONTENT GEWESEN PROJEKTE ------*/

/*--++--*/
/*--++--*/
/*** Content | HILFE ab 640px
-------------------------------------------------------------------*/
 
/*--++--*/
/*--++--*/ 
/*** Content | Agva_sign,CIAT ab 640px
-----------/*** Content | HILFE ab 640px
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | THANXX ab 640px
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | IMPRESSUM ab 640px
-------------------------------------------------------------------*/

#text_impressum ul{
	margin-bottom: 6%;
    /*--border:2px solid green;--*/
}
.initium_impressum , #dasein_impressum{
	float:left;
	width:5em;
	margin-right: 2%;
	text-align: right;
	/*--border: 2px solid yellow;--*/
}
.initium_namen_impressum, #dasein_namen_impressum{

	margin-left: 3%;
	/*--border: 2px solid red;--*/
}

/*-------------------------------------------------------*/
/*------------------ SCHRIFT ab 640px -------------------*/
/*-------------------------------------------------------*/
#menu a{
	font-size: 1.3em; /*-- alle links der navigation erhalten die Standardgröße 1.6 em bezogen auf den Standard von 1em=16px--*/ 
}
 
.aktueller_nav_punkt{
	font-size: 1.3em;
}

/*-------------content_jetzt_zuletzt------------------------------------------*/
l#wrapper_jetzt_zuletzt p, h1, h2, h3{
	line-height: 1.5;
}
/*-------------------------------------------------------*/
/*----------------------- LINKS ab 640px-----------------*/
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*--------------------- CSS-HACKS ab 640px---------------*/
/*-------------------------------------------------------*/

}/*--END media queries 640px--*/
/*--------------------------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 700px ---------------------*/
/*-------------------------------------------------------*/

/*--START--*/
@media screen and (min-width: 700px) {

/* BODY ab 700px
-------------------------------------------------------------------*/
/* WRAPPER ab 700px
-------------------------------------------------------------------*/

/* NAVIGATION ab 700px
---------------------------------------------------------------*/


/*--english--*/
#nav_2, #nav_36  {
	width: 76%; /*--einzelne navigationslisten erhalten eine breite in%(ausprobieren)--*/
}
						
/*--jetzt-zuletzt--*/
#nav_1  {   
	width: 76%;
}
		
/*--kontakt--*/
#nav_9, #nav_41  {
	width: 79%;
}

/*--archiv/projekte--*/
#nav_4, #nav_30  {
	width: 92%;
}
					
/*--support--*/
#nav_10, #nav_40 {
	width: 83%;
}

/*--newsletter--*/
/*--#nav_6  {
	width: 170px;--*/ /*--ebenso die größe der box, ansonsten ist der hintergrund gesamt weiß!--*/
	/*--height: 50px;
	top: 420px;
	position: relative;
	border: 2px solid pink;
}--*/

/*--agva sign,ciat--*/
#nav_11, #nav_39  {
	width: 84%;
}


/*--thanxx--*/		
#nav_12, #nav_44  {
	width: 74%;
}

/*--impressum--*/
#nav_13  {
	width: 96%;
}
/*----NAVIGATIONS ANGABEN FÜR ENGLISCH NAVICATION nur ÄNDERUNGEN wo NÖTIG-----*/
/*----currently/has been----*/  
#nav_38{
	width: 98%;

}
#nav_43{
	width: 95%;
}
/** Content ab 700px ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 30%;
	margin-right: 8%;
}

#all_container_margin{
	margin: 1.5em 1.5em 1.5em 1.5em;
}

/*--++--*/
/*--++--*/
/*** Content | JETZT_ZULETZT ab 700px 
-------------------------------------------------------------------*/
#top_jetzt_zuletzt{   /*--top link wird nicht mehr angezeigt--*/
	display:none;
}

/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab 700px 
-------------------------------------------------------------------*/


#zeiten_kontakt p{
	margin-left: 3em;	
}

/*--++--*/
/*--++--*/
/*** Content | GEWESEN ab 700px 
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | GEWESEN_PROJEKTE ab 700px  (Hinweis: auf diese Seite kommt man
 nur über die Seite gewesen) 
-------------------------------------------------------------------*/


/*----------HEADER CONTENT GEWESEN PROJEKTE ab 700px------*/
header {
	width: 54.8%;
	/*--border: 2px solid green;--*/
}

/*----------HEADER PLAKAT GEWESEN PROJEKTE ab 700px ---- -*/
/*----------MAIN CONTENT GEWESEN PROJEKTE ab 700px--------*/
#main_content_gewesen_projekte {
	width: 54.8%;
	/*--border: 2px solid blue;--*/
}

/*--GEWESEN PROJEKTE_item_text ab 700px--*/
#gewesen_projekte_text_box{
	display: block;
}
.gewesen_projekte_item_text{
	width: 34.8%;
	float: right;
	max-height: 100%;
	margin-right: 5%; /*--Begrenzung des Texts so, daß er genauso breit ist wie image hochformat--*/
	overflow: visible;
	/*--border: 2px solid orange;--*/
}


/*--#dokumentation_images_titel img{
	max-height: 23.9%;
	max-width: 34,8%;
}--*/
/*----------FOOTER CONTENT GEWESEN PROJEKTE ------*/
#footer_content_gewesen_projekte {
	width: 54.8%;
	/*--border: 2px solid teal;--*/
}

/*--++--*/
/*--++--*/
/*** Content | HILFE ab 700px 
-------------------------------------------------------------------*/
#wrapper_support{
   margin-right: 7%;
}

#top_support{
	display: none;    /*-- ab hier ist der scrollaufwand so gering, daß top nicht mehr benötigt wird--*/
}

/*--++--*/
/*--++--*/
/*** Content | Agva_sign,CIAT ab 700px 
-------------------------------------------------------------------*/
#wrapper_agva_ciat{
   margin-right: 7%;
}

/*--++--*/
/*--++--*/
/*** Content | THANXX ab 700px 
-------------------------------------------------------------------*/
#wrapper_thanxx{
   margin-right: 7%;
}

#thanxx_325{      /*--Schrift als Images-größere SchriftImage --*/
	display: none;
}

#thanxx_515{    
	display: inline;
}

#thanxx_707{
	display: none;
}
#thanxx_874{
	display: none;
}

#thanxx_1118{
	display: none;
}

#top_thanxx{     /*--top link wird nicht mehr angezeigt--*/
	display:none;
}

/*--++--*/
/*--++--*/
/*** Content | IMPRESSUM ab 700px 
-------------------------------------------------------------------*/
#top_impressum{     /*--top link wird nicht mehr angezeigt--*/
	display:none;
}

/*-------------------------------------------------------*/
/*------------------ SCHRIFT ab 700px -------------------*/
/*-------------------------------------------------------*/

#menu a{
	font-size: 1.52em;
}

.aktueller_nav_punkt{
	font-size: 1.555em;
}	
/*----------------Schrift für gewesen_projekte_item_text ab 960px-----------------*/
.gewesen_projekte_item_text{
	font-size: 0.8em;
} 

/*-------------------------------------------------------*/
/*-----------------LINKS ab 700p-------------------------*/
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*------------------CSS-HACKS ab 700px ------------------*/
/*-------------------------------------------------------*/

}/*--END media queries 700px--*/

/*--------------------------------------------------------------------------*/

/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 960px ---------------------*/
/*-------------------------------------------------------*/


/*--START--*/
@media screen and (min-width: 960px) {

/* BODY ab 960px
-------------------------------------------------------------------*/
/* WRAPPER ab 960px
-------------------------------------------------------------------*/
/* NAVIGATION ab 960px
---------------------------------------------------------------*/
						 
/*--english--*/
#nav_2, #nav_36  {
	width: 74%; /*--einzelne navigationslisten erhalten eine breite in%(ausprobieren)--*/
}
							
/*--jetzt-zuletzt--*/
#nav_1  {   
	width: 70%;
}
		
/*--kontakt--*/
#nav_9, #nav_41 {
	width: 75%;
}

/*--archiv/projekte--*/
#nav_4, #nav_30  {
	width: 80%;
}
					
/*--support--*/
#nav_10, #nav_40 {
	width: 75%;
}

/*--newsletter--*/
/*--#nav_6  {
	width: 170px;--*/ /*--ebenso die größe der box, ansonsten ist der hintergrund gesamt weiß!--*/
	/*--height: 50px;
	top: 420px;
	position: relative;
	border: 2px solid pink;
}--*/

/*--agva sign,ciat--*/
#nav_11, #nav_39  {
	width: 77%;
}

/*--thanxx--*/		
#nav_12, #nav_44  {
	width: 68%;
	
}

/*--impressum--*/
#nav_13  {
	width: 92%;
	
}

/*--++--*/
/*--++--*/
/** Content ab 960px ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 27%;
	margin-right: 8%;
}

#all_container_margin{
	margin: 2em 2em 2em 2em;
}

/*--++--*/
/*--++--*/
/*** Content | JETZT_ZU LETZT ab 960px
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab 960px
-------------------------------------------------------------------*/


/*--++--*/
/*--++--*/
/*** Content | GEWESEN ab 960px
-------------------------------------------------------------------*/
								

/*** Content | GEWESEN_PROJEKTE ab 960px (Hinweis: auf diese Seite
 kommt man nur über die Seite gewesen) 
-------------------------------------------------------------------*/


/*----------HEADER CONTENT GEWESEN PROJEKTE ab 960px------*/
header {
	width: 54.8%;
	/*--border: 2px solid green;--*/
}

/*----------HEADER PLAKAT GEWESEN PROJEKTE ab 960px ---- -*/
/*----------MAIN CONTENT GEWESEN PROJEKTE ab 960px--------*/
#main_content_gewesen_projekte {
	width: 54.8%;
	/*--border: 2px solid blue;--*/
}

/*--GEWESEN PROJEKTE_item_text ab 960px--*/
.gewesen_projekte_item_text{    /*--definition breite, margin etc. vom text feld projekte_gewesen--*/
	width: 35.8%;
	float: right;
	max-height: 100%;
	margin-right: 4%;
	overflow: visible;
	/*--border: 2px solid orange;--*/
}


/*--GEWESEN PROJEKTE_item_image ab 960px--*/
.item_image_hoch_gewesen_projekte img{
	width: 65%;
	margin-bottom: 5%;
	float: right;
	/*--border: 2px solid magenta;--*/
}


/*--#dokumentation_images_titel img{
	max-height: 23.9%;
	max-width: 34,8%;
}--*/
#footer_content_gewesen_projekte {
	width: 54.8%;
	/*--border: 2px solid teal;--*/
}
/*----------FOOTER CONTENT GEWESEN PROJEKTE ab 960px------*/

/*--++--*/
/*--++--*/
/*** Content | HILFE ab 960px
-------------------------------------------------------------------*/
#wrapper_hilfe{
   /*-- margin:...--*/ 
}

/*--++--*/
/*--++--*/
/*** Content | Agva_sign,CIAT ab 960px
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | THANXX ab 960px
-------------------------------------------------------------------*/
#wrapper_thanxx{
 /*-- margin:...--*/ 
}
#thanxx_325{      /*--Schrift als Images-größere SchriftImage --*/
	display: none;
}

#thanxx_515{    
	display: none;
}

#thanxx_707{
	display: inline;
}

#thanxx_874{
	display: none;
}

#thanxx_1118{
	display: none;
}
/*--++--*/
/*--++--*/
/*** Content | IMPRESSUM ab 960px
-------------------------------------------------------------------*/


/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 960px -----------------------*/
/*-------------------------------------------------------*/

#menu a{
	font-size: 1.55em;
}

.aktueller_nav_punkt{
	font-size: 1.55em;
}	
/*-------------- Schrift content jetzt zuletzt ab 960px -----------------------*/


/*----------------Schrift für gewesen_projekte_item_text ab 960px-----------------*/

/*-------------------------------------------------------*/
/*----------------LINKS ab 960px-------------------------*/
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*--------------CSS-HACKS ab 960px-----------------------*/
/*-------------------------------------------------------*/
}/*--END media queries 960px--*/

/*--------------------------------------------------------------------------*/



/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1024px ---------------------*/
/*-------------------------------------------------------*/


/*--START--*/
@media screen and (min-width: 1024px) {


/* BODY ab 1024px
-------------------------------------------------------------------*/
/* WRAPPER ab 1024px
-------------------------------------------------------------------*/
/* NAVIGATION ab 1024px
-------------------------------------------------------------------*/
#menu {
 /*--background-color: yellow;--*/ /*--------hg - navigation--*/
}
/*------------------ANORDNUNG NAV-Punkte-----------------------*/
/*--jetzt-zuletzt--*/
#nav_1  {   
	width: 73%;
}

/*--kontakt--*/
#nav_9, #nav_41  {
	width: 76%;
}

/*--archiv-projekte-*/
#nav_4, #nav_30  {
	width: 78%;
}

/*--++--*/
/*--++--*/
/** Content ab 1024px ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-right: 8%;
}

/*--++--*/
/*--++--*/
/*** Content | JETZT_ZU LETZT ab 1024px
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab 1024px
-------------------------------------------------------------------*/
#content_weiss_kontakt{
	margin-bottom: 10%
}


/*--++--*/
/*--++--*/
/*** Content | GEWESEN ab 1024px
-------------------------------------------------------------------*/


/*--footer content gewesen--*/


/*--++--*/
/*--++--*/
/*** Content | GEWESEN_PROJEKTE ab 1024px (Hinweis: auf diese Seite
 kommt man nur über die Seite gewesen) 
-------------------------------------------------------------------*/
/*----------HEADER CONTENT GEWESEN PROJEKTE ------*/
/*----------HEADER PLAKAT GEWESEN PROJEKTE  ---- -*/
/*----------MAIN CONTENT GEWESEN PROJEKTE --------*/
/*----------FOOTER CONTENT GEWESEN PROJEKTE ------*/
#gewesen_top{
	margin-bottom: 2%;
}

/*--++--*/
/*--++--*/
/*** Content | HILFE ab 1024px
-------------------------------------------------------------------*/
#wrapper_support{
   margin-right: 11%;
}

/*--++--*/
/*--++--*/
/*** Content | Agva_sign,CIAT ab 1024px
-------------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | THANXX ab 1024px
-------------------------------------------------------------------*/
#wrapper_thanxx{
  /*-- margin:...--*/  
}

/*--++--*/
/*--++--*/
/*** Content | IMPRESSUM ab 1024px
-------------------------------------------------------------------*/

#initium_impressum , #dasein_impressum{
	margin-right: 2%;
}

#initium_namen_impressum, #dasein_namen_impressum{

	margin-left: 3%;
} 

/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 1024px -----------------------*/
/*-------------------------------------------------------*/

#menu a{
	font-size: 1.55em;
}

.aktueller_nav_punkt{
	font-size: 1.55em;
}


/*--------------------CONTENT JETZT_ZULETZT ab 1024px---------------------------------*/	

#info_jetzt_zuletzt h1 {
	font-size: 1.3em;
}

#info_jetzt_zuletzt h2, #info_jetzt_zuletzt h3{
	font-size: 1.1em;
}

#text_jetzt_zuletzt p {
	font-size: 1.0em;
}
/*-----------Content_gewesen:text: h1,h2 grösser ab 1024px------------------*/
.item_title_exhibition h2 em{         
	font-size: 1.3em;
}

.item_title_exhibition h1,.item_title_exhibition p{
	font-size: 1.1em;
}

.gruppenausstellung26{
	font-size: 0.9em;
}		

/*--------------------CONTENT GEWESEN PROJEKTE ab 1024px---------------------------------*/		

/*--------------spezielle Angaben CONTENT SUPPORT ab 1024px------------------------------------------------*/
#text_support h3 {
	font-weight: bolder;
	font-size: 1.4em; 
}


/*-------------------------------------------------------*/
/*----------------LINKS ab 1024px-------------------------*/
/*-------------------------------------------------------*/

/*-------------------------------------------------------*/
/*--------------CSS-HACKS ab 1024px----------------------*/
/*-------------------------------------------------------*/

}/*--END media queries 1024px--*/

/*--------------------------------------------------------------------------*/



/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1224px --------------------*/
/*-----------------and min-height:500px------------------*/



/*--START MAC--*/
@media screen and (min-width: 1224px)  and (min-height:500px) {

/* BODY ab 1224px and min-height:500px
-------------------------------------------------------------------*/
/* WRAPPER ab 1224px and min-height:500px
-------------------------------------------------------------------*/
/* NAVIGATION ab 1224px and min-height:500px
---------------------------------------------------------------*/
.sk{     /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet für navigation--*/
	display: none;
}
.sg{     /*--für nav--*/
	display: inline;
}


#sign_32_23{     /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet hier für aktuellen navpunkt--*/
	display: none;
}
#sign_42_30{
	display: inline;
}

/*------------------ANORDNUNG NAV-Punkte-----------------------*/
/*----english/deutsch----*/
#nav_2, #nav_36  {
	width: 74%; 
	

}

/*----jetzt/zuletzt----*/
#nav_1 {
	width: 84%;
	padding: 0.3em;
}

/*----kontakt/contact----*/
#nav_9, #nav_41  {
	width: 76%;
	margin-bottom: 12%;
}

/*----archiv/projekte/archive projects----*/
#nav_4, #nav_30  {
	width: 76%;
	margin-bottom: 11%;
}

/*----support----*/
#nav_10, #nav_40 {
	width: 80%;
	margin-left: 10%;
	margin-bottom:7%;
}

/*----agva_sign_ciat----*/
#nav_11, #nav_39  {
	width: 78%;
}


/*----thanxx----*/
#nav_12, #nav_44  {
	width: 76%;
}

/*----impressum----*/
#nav_13  {					
	width: 100%;
}


/*--++--*/
/*--++--*/
/** Content ab 1224px and min-height:500px ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-right: 8%;
}
#all_container_margin{
	margin: 2.5em 2.5em 2.5em 2.5em;
}

/*--++--*/
/*--++--*/
/*** Content | JETZT_ZU LETZT ab 1224px and min-height:500px
-------------------------------------------------------------------*/
#sign_white_klein_jetzt_zuletzt{    /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet--*/
	display: none;
}
#sign_white_gross_jetzt_zuletzt{
	display: inline;
}

#foerderung_klein_jetzt_zuletzt{
	display: none;
}
#foerderung_gross_jetzt_zuletzt{
	display: inline;
}

/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab 1224px and min-height:500px
-------------------------------------------------------------------*/
#sign_white_klein_kontakt  {    /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet--*/
	display: none;
}
#sign_white_gross_kontakt{
	display: inline;
}
/*--++--*/
/*--++--*/
/*** Content | GEWESEN ab 1224px and min-height:500px
-------------------------------------------------------------------*/

/*** Content | GEWESEN_PROJEKTE ab 1224px and min-height:500px (Hinweis: auf diese Seite
 kommt man nur über die Seite gewesen) 
-------------------------------------------------------------------*/


/*--++--*/
/*--++--*/
/*** Content | HILFE ab 1224px and min-height:500px
-------------------------------------------------------------------*/
.image_ev_16_09{      /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet--*/
	display: none;
}
.image_ev_20_11{
	display: inline;
}
.sign_white_support_16_11{     /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet--*/
	display: none;
}
.sign_white_support_18_13{
	display: inline;
}

.Image_Kontoverbindung_198_121{     /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet--*/
	display: none;
}
.Image_Kontoverbindung_243_144{
	display: inline;
}

#kontakt_image_127_13{
	display: none;
}
#kontakt_image_157_13{
	display: inline;
}
/*--++--*/
/*--++--*/
/*** Content | Agva_sign,CIAT ab 1224px and min-height:500px
-------------------------------------------------------------------*/
.sign_white_16_11{   /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet--*/
	display: none;
}
.sign_white_18_13{
	display: inline;
}

/*--++--*/
/*--++--*/
/*** Content | THANXX ab 1224px and min-height:500px
-------------------------------------------------------------------*/
#content_weiss_thanxx{
	/*-- margin-bottom:40%;--*/   /*--damit schwarzer block bis endeUnten vom viewport--*/
}


#thanxx_325{      /*--Schrift als Images-groessere SchriftImage --*/
	display: none;
} 

#thanxx_515{  
	display: none;
}

#thanxx_707{  
	display: none;
}

#thanxx_874{
	display: inline;
}

#thanxx_1118{
	display: none;
}
/*--++--*/
/*--++--*/
/*** Content | IMPRESSUM ab 1224px and min-height:500px
-------------------------------------------------------------------*/
#sw_impressum_16_11{
	display: none;
}
#sw_impressum_18_13{
	display: inline;
}
.image_ev_impressum_16_09{      /*--Schriftimage_klein wird ausgeblendet und Schriftimage_gross eingeblendet--*/
	display: none;
}
.image_ev_impressum_20_11{
	display: inline;
}
#impressumadresse_image_163_70{
	display: none;
}
#impressumadresse_image_200_79{
	display: inline;
}

#traunstein_image_57_10{
	display: none;
}
#traunstein_image_71_13{
	display: inline;
}

#registernummer_image_58_11{
	display: none;
}
#registernummer_image_72_12{
	display: inline;
}


/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 1224px and min-height:500px -----------------------*/
/*-------------------------------------------------------*/
#menu a{ 
	font-size: 1.25em;
}

.aktueller_nav_punkt{
	font-size: 1.25em;
}

#all_pages_content{     /*--ACHTUNG STANDARD für alle_pages_conten: 1.2em 
						damit werden kontakt, support, agva-sign ciat in 
						einem go auf eine größere schrift gebarcht - diese ist jedoch für
						jetzt zuletzt zu groß, ebenso andere beispiele und es bezieht sich
						alle folgenden Angaben nun auf diese ANGABE !!!	=> extra Angaben muß nun kleiner als 1.2em werden!!!!--*/
	font-size: 1.2em;	
}    



/*--------------------CONTENT JETZT_ZULETZT ab 1224px and min-height:500px---------------------------------*/	

#info_jetzt_zuletzt h1 {
	font-size: 1.1em;
}

#info_jetzt_zuletzt h2, #info_jetzt_zuletzt h3{
	font-size: 0.9em;
}

#text_jetzt_zuletzt p {
	font-size: 0.8em;
}

/*-----------Content_gewesen:text: h1,h2 grösser ab 1224px and min-height:500px------------------*/

	

.item_title_exhibition h2 em{         
	font-size: 1.1em;
}

.item_title_exhibition h1,.item_title_exhibition p{
	font-size: 1em;
}

.gruppenausstellung26{
	font-size: 0.9em;
}		
/*------------------------------------------
-------------*/
/*--------------------SCHRIFT CONTENT GEWESEN PROJEKTE---------------------------------*/		
/*----------SCHRIFT HEADER CONTENT GEWESEN PROJEKTE ------*/
#content_projekte_headline h2 {
    font-size: 1.03em;
}
#content_projekte_headline h1 {
    font-size: 1.03em;
}

/*----------SCHRIFT MAIN CONTENT GEWESEN PROJEKTE --------*/
		
#top_content_gewesen_projekte{
	font-size: 1em;
}



} /*--END media queries 1224px and min-height:500px--*/

/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1224px --------------------*/
/*-----------------and min-height:610px------------------*/

/*--START MAC--*/
@media screen and (min-width: 1224px)  and (min-height:610px) {
/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 1224px  and min-height:610px-----------------------*/
/*-------------------------------------------------------*/
#menu a{ 
	font-size: 1.4em;
}

.aktueller_nav_punkt{
	font-size: 1.4em;
}

} /*--END media queries 1224px and min-height:610px--*/


/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1224px --------------------*/
/*-----------------and min-height:680px------------------*/

/*--START MAC SAFARI--*/
@media screen and (min-width: 1224px)  and (min-height:680px) {
/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 1224px  and min-height:610px-----------------------*/
/*-------------------------------------------------------*/
#menu a{ 
	font-size: 1.6em;
}

.aktueller_nav_punkt{
	font-size: 1.6em;
}

} /*--END media queries 1224px and min-height:680px--*/

/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1224px --------------------*/
/*-----------------and min-height:715px------------------*/


/*--START NONMAC--*/
@media screen and (min-width: 1224px)  and (min-height:715px) {

/* BODY ab 1224px and min-height:715px
-------------------------------------------------------------------*/
/* WRAPPER ab 1224px and min-height:715px
-------------------------------------------------------------------*/
/* NAVIGATION ab 1224px and min-height:715px
---------------------------------------------------------------*/


/*------------------ANORDNUNG NAV-Punkte-----------------------*/


/*--++--*/
/*--++--*/
/** Content ab 1224px and min-height:715px( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-right: 6.5%;

}
#all_container_margin{
	margin: 2.5em 2.5em 2.5em 2.5em;
}

/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 1224px and min-height:715px -----------------------*/
/*-------------------------------------------------------*/
#menu a{ 
	font-size: 2.1em;
}

.aktueller_nav_punkt{
	font-size: 2.1em;
}

}

/*--END media queries 1224px and min-height:715px--*/



/*--------------------------------------------------------------------------*/

/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1324px --------------------*/
/*-------------------------------------------------------*/

/*--START--*/
@media screen and (min-width: 1324px) {

/* BODY ab 1324px
-------------------------------------------------------------------*/
/* WRAPPER ab 1324px
-------------------------------------------------------------------*/
/* NAVIGATION ab 1324px
-------------------------------------------------------------------*/
#menu {
	margin-top: 2%;
	/*--background-color: red;--*/ /*--------hg - navigation------------------*/
}

/*** Content | KONTAKT ab 1324px
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-right: 8.5%;
}

/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab 1324px
-------------------------------------------------------------------*/
#wrapper_kontakt{
	margin-right: 15%;   /*--um schrift unter bi
ld zu belassen und nicht darüber hinaus gehen zu lassen--*/
}



/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 1324px -----
------------------*/
/*-------------------------------------------------------*/
h3{
  font-size:1.1em;
}
h2{
 font-size:1.4em;
 font-style:italic;
}
#menu a{
	
	font-size: 2.2em;
}

.aktueller_nav_punkt{
	font-size: 2.2em;
}	

/*--------------------CONTENT JETZT_ZULETZT---------------------------------*/	

/*--------------------CONTENT GEWESEN PROJEKTE ab 1324px---------------------------------*/		
.gewesen_projekte_item_text{
	font-size: 0.9em;
}
/*--------------------SCHRIFT CONTENT GEWESEN PROJEKTE---------------------------------*/		
/*----------SCHRIFT HEADER CONTENT GEWESEN PROJEKTE ------*/
#content_projekte_headline h2 {
    font-size: 1.1em;
}
#content_projekte_headline h1 {
    font-size: 1.1em;
}

}/*--END media queries 1324px--*/

/*--------------------------------------------------------------------------*/
/*-------------------------------------------------------*/
/*----------------VIEWPORT ab min-width: 1350px
                  and  min-height: 750px --------------*/
/*-------------------------------------------------------*/

/*--START MAC!!!!--*/
@media screen and (min-width: 1350px)and (min-height: 750px) {
/* NAVIGATION SCHRIFT ab 1324px
-------------------------------------------------------------------*/
#menu a{
	font-size: 1.75em;
}

.aktueller_nav_punkt{
	font-size: 1.75em;
}	
}/*--END media queries width: 1350px minheight:750px--*/

/*-------------------------------------------------------*/
/*----------------VIEWPORT ab min-width: 1409px
                  and  min-height: 733px --------------*/
/*-------------------------------------------------------*/

/*--START MAC!!!!--*/
@media screen and (min-width: 1409px)and (min-height: 730px) {

/* BODY ab min-width: 1409px and min-height: 733px
-------------------------------------------------------------------*/




/* WRAPPER ab min-width: 1409px and min-height: 733px
-------------------------------------------------------------------*/
/* NAVIGATION ab min-width: 1409px and min-height: 733px
---------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/** Content ab min-width: 1409px and min-height: 733px
 ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 27%;
	margin-right: 11%;
}

/*--++--*/
/*--++--*/
/*** Content | THANXX ab 1409px and min-height: 733px
-------------------------------------------------------------------*/
#thanxx_325{      /*--Schrift als Images-größere SchriftImage --*/
	display: none;
}

#thanxx_515{    
	display: none;
}

#thanxx_707{
	display: none;
}
#thanxx_874{
	display: none;
}
#thanxx_1118{
	display: inline;
}

/*-------------------------------------------------------*/
/*---SCHRIFT ab min-width: 1409px and min-height: 733px -*/
/*-------------------------------------------------------*/
#menu a{
	
	font-size: 1.80em;
}

.aktueller_nav_punkt{
	font-size: 1.80em;
}	

}

 /*--END media queries min-width: 1409px and min-height: 733px--*/


 /*--------------------------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----------------VIEWPORT ab min-width: 1409px
                  and  min-height: 780px --------------*/
/*-------------------------------------------------------*/

/*--START NONMAC!!!!--*/
@media screen and (min-width: 1409px)and (min-height: 780px) {

/* BODY ab min-width: 1409px and min-height: 780px
-------------------------------------------------------------------*/

/* WRAPPER ab min-width: 1409px and min-height: 780px
-------------------------------------------------------------------*/
/* NAVIGATION ab min-width: 1409px and min-height: 780px
---------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/** Content ab min-width: 1409px and min-height: 780px
 ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 27%;
	margin-right: 9%;
}



/*-------------------------------------------------------*/
/*---SCHRIFT ab min-width: 1409px and min-height: 780px -*/
/*-------------------------------------------------------*/
#menu a{
	
	font-size: 2.0em;
}

.aktueller_nav_punkt{
	font-size: 2.0em;
}	

}

 /*--END media queries min-width: 1409px and min-height: 780px--*/



/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1564px --------------------*/
/*-------------------------------------------------------*/


/*--START--*/
@media screen and (min-width: 1564px) {

/* BODY ab 1564px
-------------------------------------------------------------------*/
/* WRAPPER ab 1564px
-------------------------------------------------------------------*/
/* NAVIGATION ab 1564px
---------------------------------------------------------------*/

/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab 1564px
-------------------------------------------------------------------*/
#wrapper_kontakt{
	margin-right: 20%;   /*--um schrift unter bild zu belassen und nicht darüber hinaus gehen zu lassen--*/
}

/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab 1564px -----------------------*/
/*-------------------------------------------------------*/
#menu a{
		font-size: 2.3em;
}

.aktueller_nav_punkt{
	font-size: 2.3em;
}

/*--------------------SCHRIFT CONTENT GEWESEN PROJEKTE---------------------------------*/		
/*----------SCHRIFT HEADER CONTENT GEWESEN PROJEKTE ------*/
#content_projekte_headline h2 {
    font-size: 1.2em;
}
#content_projekte_headline h1 {
    font-size: 1.2em;
}


}/*--END media queries 1564px--*/

/*--------------------------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----------------VIEWPORT ab 1678px ---------------------*/
/*-------------------------------------------------------*/

/*--START--*/
@media screen and (min-width: 1678px) {

/* BODY ab 1678px
-------------------------------------------------------------------*/
/* WRAPPER ab 1678px
-------------------------------------------------------------------*/
/* NAVIGATION ab 1678px
---------------------------------------------------------------*/
/*--english--*/
#nav_2, #nav_36  {
	margin-bottom: 16%; 
}

/*--++--*/
/*--++--*/
/** Content ab 1678px ( der verschiedenen html Seiten)
-------------------------------------------------------------------*/
#all_pages_content{           /*--allg. Angaben des Hauptteils auf allen Seiten gleich--*/
	margin-left: 28%;
	margin-right: 8.5%;
}



/*-------------------------------------------------------*/
/*-------------- SCHRIFT ab px -----------------------*/
/*-------------------------------------------------------*/
#menu a{
		font-size: 2.35em;
} 

.aktueller_nav_punkt{
	font-size: 2.35em;
}



	 
}/*--END media queries 1678px--*/


/*--------------------LAB-S-N----------------------------*/
/*----------------VIEWPORT ab 1678px --------------------*/
/*--------------- and min-height_820px-------------------*/


/*--START--*/
@media screen and (min-width: 1678px)and (min-height: 820px) {



/* BODY ab 1678px and min-height_820px
-------------------------------------------------------------------*/
/* WRAPPER ab 1678px and min-height_820px
-------------------------------------------------------------------*/
/* NAVIGATION ab 1678px and min-height_820px
---------------------------------------------------------------*/
/*----english/deutsch----*/
#nav_2, #nav_36{
	margin-bottom: 13%;
}



/*-------------------------------------------------------*/
/*----- SCHRIFT 1678px and min-height_820px px -----------*/
/*-------------------------------------------------------*/

#menu a{
		font-size: 2.2em;
} 

.aktueller_nav_punkt{
	font-size: 2.2em;
}
/*----currently/has been----*/
#nav_38{
	width: 90%;

}
}/*--END media queries  ab 1678px and min-height_820px------------*/

/*--------------------------------------------------------------------------*/






/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----------------VIEWPORT ab min-width: 1824px
                  and  min-height: 990px --------------*/
/*-------------------------------------------------------*/

/*--START--*/
@media screen and (min-width: 1824px)and (min-height: 990px) {

/* BODY ab min-width: 1824px and min-height: 990px
-------------------------------------------------------------------*/


/* WRAPPER ab min-width: 1824px and min-height: 990px
-------------------------------------------------------------------*/
/* NAVIGATION ab min-width: 1824px and min-height: 990px
---------------------------------------------------------------*/
/*----thanxx----*/

/*-------------------------------------------------------*/
/*---SCHRIFT ab min-width: 1824px and min-height: 990px -*/
/*-------------------------------------------------------*/
#menu a{
		font-size: 2.7em;
} 

.aktueller_nav_punkt{
	font-size: 2.7em;
}



}/*--END media queries 1824px and min-height: 990px--*/

/*--------------------------------------------------------------------------*/
/*-------------------------------------------------------*/
/*----------------VIEWPORT ab min-width: 1824px
                  and  min-height: 1000px --------------*/
/*-------------------------------------------------------*/


/*--START--*/

@media screen and (min-width: 1824px)and (min-height: 1000px) {
/* BODY ab min-width: 1824px and min-height: 1000px
-------------------------------------------------------------------*/
/* WRAPPER ab min-width: 1824px and min-height: 1000px
-------------------------------------------------------------------*/
/* NAVIGATION ab min-width: 1824px and min-height: 1000px
---------------------------------------------------------------*/



/*--++--*/
/*--++--*/
/*** Content | KONTAKT ab min-width: 1824px and min-height: 1000px
-------------------------------------------------------------------*/
#wrapper_kontakt{
	margin-right: 25%;   /*--um schrift unter bild zu belassen und nicht darüber hinaus gehen zu lassen--*/
}



}/*--END media queries 1824px and min-height: 1000px--*/




/*--STARTMAC 27 Zoll--*/

@media screen and (min-width: 1918px)and (min-height: 1200px) {
/* BODY ab min-width: 1918px and min-height: 1200px
-------------------------------------------------------------------*/
/* WRAPPER ab min-width: 1918px and min-height: 1200px
-------------------------------------------------------------------*/
/* NAVIGATION ab min-width: 1918px and min-height: 1200px
---------------------------------------------------------------*/
#menu a{
		font-size: 2.95em;
} 

.aktueller_nav_punkt{
	font-size: 2.95em;
}

/*--++--*/
/*--++--*/
/*** Content | JETZT/ZULETZT ab min-width: 1918px and min-height: 1200px
-------------------------------------------------------------------*/
#wrapper_jetzt_zuletzt{
	margin-right: 25%;   /*--um schrift unter bild zu belassen und nicht darüber hinaus gehen zu lassen--*/
}
}/*--END media queries 1824px and min-height: 1000px--*/