/*---------------------------------------------------------Logo Bereich------------------------------------------------------------*/

.table-logo tr td {							/*Tabelle für Logobild*/
	width: 100%;							/*Ausdehnung der Tabelle über volle Seitenbreite*/
}

.table-logo-img {	
	text-align: left;						/*Ausrichtung des Logobildes in Zelle*/
}

.table-flaggen-img {
	text-align: center;						/*Ausrichtung der Flaggen in Zelle*/
     
}

.logo-img {									/*Maße des Logobildes */
	width: 211px;							/*Breite , Höhe ergibt sich*/
	border: 0px;							/*kein Rahmen*/

}

.flagge-img {								/*Maße der Flaggen*/
	height: 18px;							/*Höhe , Breite ergibt sich*/
	border: 0;								/*kein Rahmen*/
	
}


/*---------------------------------------------------------Navigation Bereich index Seite ------------------------------------------------------------*/

#navigation-leiste {

	 width: 100%;						/*Ausdehnung der Leiste von links gezählt über die ganze Breite*/
	 height: 30px;						/*Höhe der Navigationsleiste*/
	 background: #808080;				/*Hintergrundfarbe der Leiste (dunkelgrau)*/
	 margin-bottom: 30px;		    	/*Freiraum unter der Navigationsleiste*/	 
	 margin-top: -15px					/*Freiraum über der Navigationsleiste*/	
}


.navigationsmenü-schrift a {

	font-family: Arial, Helvetica, sans-serif;					/*Schriftart für das Navigationsmenü*/
	color: white;												/*Schriftfarbe*/
	text-decoration: none;										/*Mit dem "a" hebt die Unterstreichung der Hyperlinks auf*/
	text-align: left;											/*Textausrichtung links */
	font-weight: normal;										/*Schriftdicke*/
	font-size: 12px;											/*Schriftgrösse*/
	padding-right: 15px;       									/*Abstand rechts von einem Wort. Sorgt für gleichen Abstand zwischen den Wörtern*/
	padding-left: 30px;       									/*Abstand links von einem Wort. Sorgt für gleichen Abstand zwischen den Wörtern*/
    vertical-align: -18px;										/*Verschiebt den Text in der Leiste nach unten zum vertikalen Zentrieren*/
	
}

/*---------------------------------------------------------Navigation Bereich index Seite Ende------------------------------------------------------------*/




/*---------------------------------------------------------Navigation Bereich------------------------------------------------------------*/

#navigationsleiste  {	
	margin-bottom: 30px;            						/*Freiraum unter der Leiste*/
	
}



/* Darstellung Navigation Leiste*/
ul {
    list-style-type: none;										/*Keine Aufzählungszeichen vor den Listeneinträgen*/
    margin: 0px;												/*Rand um die nav-leiste*/
    overflow: hidden;											/*Inhalt der Leiste ist unsichtbar, wenn der Platz nicht ausreicht*/
    background-color: gray;										/*Farbe der nav-leiste*/
    padding-left: 0px;       									/*Abstand links von einem Wort. Sorgt für gleichen Abstand zwischen den Wörtern*/
	padding-bottom: 0px;										/*Abstand vom Inhalt zum  Rahmen der Leiste*/
	


    }

/* Anordnung der Schrift in Navigation Leiste*/

li {
    float: left;
  
}

/* Linksdarstellung in Navigation Leiste*/
li a, .style-menü2 {
    display: inline-block;										/*Element ist sichtbar und erzeugt ggf. einen Zeilenumbruch*/    															
    font-weight: normal;										/*Schriftdicke*/	
    color: white;												/*Schriftarbe*/
    padding: 8px 12px;											/*Ausrichtung (horiz./vertik) der Schrift in Nav Leiste*/
    text-decoration: none;										/*Ausschalten der Standardformatierung für Links*/
	
}

/* Mausaktivität Flächenfarbe*/

li a:hover, .nav-leiste-schrift:hover .style-menü2 {
    background-color:#666666;
    
}

/* Schriftbild in Navileiste und Menüs*/

li.nav-leiste-schrift {
    display: inline-block;										/*Element ist sichtbar und erzeugt ggf. einen Zeilenumbruch*/
	font-family: Arial, Helvetica, sans-serif;					/*Schriftart für das Navigationsmenü*/
    font-weight: normal;										/*Schriftdicke*/
	font-size: 12px;											/*Schriftgrösse*/
	color: black;												/*Schriftfarbe*/	
	text-align: left;											/*Textausrichtung links */
	padding-right: 10px;       									/*Abstand rechts von einem Wort. Sorgt für gleichen Abstand zwischen den Wörtern*/
	padding-left: 10px;       									/*Abstand links von einem Wort. Sorgt für gleichen Abstand zwischen den Wörtern*/
	
}

/* Formatierung Menü 2 */

.menü2-schrift {
    display: none;												/*Element ist nicht sichtbar und erzeugt ggf. einen Zeilenumbruch*/
    position: absolute;											/*Fixiert Fenster von Menü 2 unter dem Link aus nav-leiste */
    background-color: #f9f9f9 ;									/*Hintergrundfarbe Fenster von Menü 2 #f9f9f9 */
    min-width: 160px;											/*Mindestbreite von Menü 2  */
    
}

/* Formatierung Menü 2 Schrift der Links */

.menü2-schrift a {
    color: black;												/*Schriftfarbe*/
    padding: 6px 16px;											/*Vertikale und horizontale Plazierung des textes im Menü 2 Fenster*/
    text-decoration: none;										/*Ausschalten der Link Standardformatierung*/
    display: block;												/*Standardblock*/
    text-align: left;											/*Ausrichtung der Links in Menü 2*/
    border-bottom: 1px solid #C0C0C0	;						/*Trennlinien für das Anzeigen der Menü 2. Ebene*/	
}

/* Mausaktivität in Menü 2 Fläche */

.menü2-schrift a:hover {background-color:#CCCCCC}

/* Anzeige Menü 2 */

.nav-leiste-schrift:hover .menü2-schrift {
    display: block;
}

/*---------------------------------------------------------Seitentitel Bereich------------------------------------------------------------*/

#Seitentitel {
	text-align: center;										/*Titelausrichtung*/
	width: 100%;											/*Verfügbarer Platz für den Titelbereich, gezählt von links*/
	background: white;										/*Hintergrundfarbe des Titelbereichs*/	
	margin-bottom: 40px;            						/*Freiraum unter dem Text*/
	
}


/*Seitentitel Schriftgrössen*/
	
.seitentitel-schrift {
 	font-family: Arial, Helvetica, sans-serif;						/*Schriftart des Titels*/
 	font-size: 25px; 												/*Schriftgröße*/
 	font-weight: normal;											/*Schriftdicke*/
 	color: #333333; 												/*Schriftfarbe*/
  	margin-bottom: 15px;            								/*Freiraum unter dem Text*/
	margin-top: 10px;            								    /*Freiraum über dem Text*/
 }


/*Horizontale Linien unter Seitentitel*/


.basislinie     {	
 	border :none;							/*keinen Rahmen, entfernt Standardwerte*/	
    background-color: #FFFFFF;				/*Hintergrundfarbe weiss, vorsorglich für saubere Darstellung*/
    border-top: 1px solid gray;				/*oberer Rahmen um die Linie, um an den Enden sauber abzuschliessen*/
    height: 1px;							/*Linienstärke*/
    margin: 0 auto;							/*Horizontale Zentrierung der Linie*/
	margin-top: 25px;		    			/*Freiraum über der Linie*/
	margin-bottom: 0px;            		    /*Freiraum unter der Linie*/
}

.seitentitel-linie3     {	
   	width: 3%;								/*Linienlänge*/	
}
.seitentitel-linie4 {	
   	width: 4%;								/*Linienlänge*/		
}
.seitentitel-linie6 {	
   	width: 6%;								/*Linienlänge*/	 	
}
.seitentitel-linie7 {	
   	width: 7%;								/*Linienlänge*/	 	
}
.seitentitel-linie8 {	
   	width: 8%;								/*Linienlänge*/	 	
}
.seitentitel-linie10 {	
   	width: 10%;								/*Linienlänge*/	 	
}
.seitentitel-linie12 {	
   	width: 12%;								/*Linienlänge*/	 	
}
.seitentitel-linie13 {	
   	width: 13%;								/*Linienlänge*/	
}
.seitentitel-linie14 {	
   	width: 14%;								/*Linienlänge*/	 
}



/*--<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>--*/
/*--<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<  Seiteninhalt Beginn  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>--*/
/*--<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>--*/

#inhalt {
    width: 100%;							/*Ausdehnung des Seitenbereichs Inhalt von links gezählt über die ganze Breite*/
    background: white;						/*Hintergrundfarbe des Seitenbereichs*/ 
    text-align: center;						/*Zentriert die Elemente horizontal im Seitenbereich (Schrift, Bilder usw.*/ 
	margin-bottom: 150px;            		/*Freiraum unter dem Text*/
	
}


.ueberschrift-basis { 
	font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	font-weight: bold;												/*Schriftdicke fett*/
	color: #333333;													/*Farbe dunkelgrau*/
	text-align: justify;											/*Blog Schrift*/
	margin-top: 0px;            								    /*Freiraum über dem Text*/
}

.ueberschrift-blocksatz-basis { 
	font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	font-size: 13px;												/*Schriftgrösse*/
	font-weight: bold;												/*Schriftdicke fett*/
	color: #333333;													/*Farbe dunkelgrau*/	
	text-align: justify;											/*Blog Schrift*/
	width: 50%;														/*Blog Breite*/
	margin: 0 auto;  												/*zentrieren des Blogs*/
	margin-bottom: 10px;            								/*Freiraum unter dem Text*/
}


.text-blocksatz-basis { 
	font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	font-size: 12px;												/*Schriftgrösse*/
	width: 50%;														/*Blog Breite*/ 
	font-weight: normal;											/*Schriftdicke*/
	color: #333333;													/*Farbe dunkelgrau*/
	text-align: justify;											/*Blog Schrift*/
	margin-top: 0px;            								    /*Freiraum über dem Text*/
	margin: 0 auto;  												/*zentrieren des Blogs*/
	margin-bottom: 40px;            								/*Freiraum unter dem Text*/
}


/*---------------------------------------------------------Seite INDEX Beginn------------------------------------------------------------*/


.ueberschrift-im-index { 
	text-align: center;								/*Blog Schrift*/
	font-size: 16px; 								/*Schriftgrösse*/
	font-weight: normal; 							/*Schriftdicke*/
	margin-top: 1em;            					/*Freiraum über dem Wort*/
    margin-bottom: 1em;            					/*Freiraum unter dem Wort*/
    
    
    
    
}


		
.ueberschrift-inhalt-index { 
	text-align: center;								/*Blog Schrift*/
	font-size: 12px; 								/*Schriftgrösse*/
	font-weight: normal; 							/*Schriftdicke*/
	margin-top: 1em;            					/*Freiraum über dem Wort*/
    margin-bottom: 1em;            					/*Freiraum unter dem Wort*/
}


.image-inhalt-index {  						
    width: 151px;							/*Bildbreite*/
    height: 188px;							/*Bildhöhe*/
    border: 0;								/*Bild ohne Rahmen*/
    margin-top: 30px;            			/*Freiraum über dem Bild*/
    margin-bottom: 0px;            			/*Freiraum unter dem Bild*/   
}
  
table.table-inhalt-index {				/*Tabelle*/ 	
 	border-collapse: collapse ;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 60%;							/* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 50px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 50px;            	/*Freiraum unter der Tabelle*/
}


table.table-inhalt-index th {			/*Tabelle Zellen*/	
	padding: 5px;						/* Abstand vom Inhalt zum  Rahmen der Zelle*/
	text-align: left;					/*Linksausrichtung in der Zelle*/
}


.textblocksatz-table-inhalt-index {
	width: 100%;													/*Blog Breite*/
	margin-bottom: 15px;            								/*Freiraum unter dem Text*/	
}



/*--------------------------------------------------------- Seite INDEX Ende------------------------------------------------------------*/

/*--------------------------------------------------------- GALERIEN-INDEX-Beginn-----------------------------------------------------------*/

.seitentitel-img-galerien-index {			/*Maße der Bilder*/
	width: 63px;							/*Breite*/
	height: 104px;							/*Höhe*/
	border: 0px;							/*kein Rahmen*/	
}

/*Tabelle Galerien Index*/
table.table-galerien-index {
    border-collapse: separate;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 70%;						    /* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 40px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 100px;            	/*Freiraum unter der Tabelle*/
    background-color: white;			/*Hintergrundfarbe der Tabelle*/
}

/*Zellen Tabelle Galerien Index*/
table.table-galerien-index th {			/*Alle Tabellenzellen als Kopfbereich (th) definiert*/
    text-align: center;					/*Ausrichtung des Textes oder Bildes in Zelle.*/
/*    padding: auto;					Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	width: 30%;							/* Breite aller Zellen bezogen auf Seitenbreite*/
}


/*Beschriftung der Bilder in den Zellen*/
.table-text-galerien-index {
	font-family: Arial, Helvetica, sans-serif;					/*Schriftart*/
	color: #333333;												/*Schriftfarbe*/
	text-align: center;											/*Textausrichtung links */
	font-weight: normal;										/*Schriftdicke*/
	font-size: 12px;											/*Schriftgrösse*/
}


.galerie-1-2-img-galerien-index {			/*Maße der Bilder obere Zeile*/
	height: 190px;							/*Höhe, Breite ergibt sich*/
	border: 0;								/*kein Rahmen*/
	margin-top: 0px;            			/*Freiraum über den Bildern*/
    margin-bottom: 0px;            			/*Freiraum unter den Bildern*/
}

.galerie-4-5-img-galerien-index {			/*Maße der Bilder mittlere und untere Zeile*/
	height: 190px;							/*Höhe, Breite ergibt sich*/
	border: 0;								/*kein Rahmen*/
	margin-top: 25px;            			/*Freiraum über den Bildern*/
    margin-bottom: 0px;            			/*Freiraum unter den Bildern*/
}

/*--------------------------------------------------------- GALERIEN Index-Ende-----------------------------------------------------------*/

/*--------------------------------------------------------- GALERIEN 1 bis 7 Beginn-----------------------------------------------------------*/

/*Tabelle Galerien*/

table.table1-galerien {
    border-collapse: separate;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 95%;						    /* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    Margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    Margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 80px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 50px;            	/*Freiraum unter der Tabelle*/
    background-color: white;			/*Hintergrundfarbe der Tabelle*/

}


/*Bilder Hochformat Ausrichtung in den Zellen*/
.zellen-table1-galerien-h {
	text-align: center;  								/*Bildzentrierung*/
	border-width: 0;									/*Rahmendicke um die Bilder*/
	border-color: white;    								/*Rahmenfarbe um die Bilder*/
	height: 170px;										/*Höhe der Hochformatbilder*/
}

/*Bilder Querformat Ausrichtung in den Zellen*/
.zellen-table1-galerien-q {
	text-align: center;  								/*Bildzentrierung*/
	border-width: 0;									/*Rahmendicke um die Bilder*/
	border-color: white;    								/*Rahmenfarbe um die Bilder*/
	width: 170px;										/*Breite der Querformatbilder*/
}

/*Beschriftung der Bilder in den Zellen*/
.zellen-table2-galerien {
	font-family: Arial, Helvetica, sans-serif;					/*Schriftart*/
	color: #333333;												/*Schriftfarbe*/
	text-align: center;											/*Textausrichtung links */
	font-weight: normal;										/*Schriftdicke*/
	font-size: 11px;											/*Schriftgrösse*/
	margin-top: 15px;            								/*Freiraum über dem Text*/
	margin-bottom: 70px;            							/*Freiraum unter dem Text*/
}



/*--------------------------------------------------------- GALERIEN 1 bis 7 Ende-----------------------------------------------------------*/
/*--------------------------------------------------------- Orientalismus-Beginn-----------------------------------------------------------*/
.ueberschrift-blocksatz-orientalismus {
	margin-top: 30px;            								    /*Freiraum über dem Text*/
	font-size: 14px;												/*Schriftgrösse*/
}

.textblocksatz-orientalismus {
	margin-bottom: 20px;            								/*Freiraum unter dem Text*/
	margin-top: 10px;            								    /*Freiraum über dem Text*/

}

.ueberschrift1-blocksatz-orientalism { 
	font-size: 12px;												/*Schriftgrösse*/
	font-weight: bold;												/*Schriftdicke fett*/
	
	
}


/*--------------------------------------------------------- Orientalismus-Ende-----------------------------------------------------------*/
/*--------------------------------------------------------- Projekte-Beginn-----------------------------------------------------------*/
/*Tabelle Galerien*/

table.table1-galerien-projekt {
    border-collapse: collapse;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 60%;						    /* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    Margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    Margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 80px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 50px;            	/*Freiraum unter der Tabelle*/
    background-color: white;			/*Hintergrundfarbe der Tabelle*/

}

/*Zellen (th) Tabelle Galerien*/
table.table1-galerien-projekt th {					
 	 
 	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 width: 20%;													/*Zellenbreite bezogen auf Tabellenbreite.*/
	 border: 1px solid #333333;										/*Gitternetz Zellen.*/
	 padding: 5px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 13px;												/*Schriftgrösse*/
	 text-align: left;												/*Textausrichtung*/
	 font-weight: bold;												/*Schriftdicke*/
	 color: #333333;												/*Schriftfarbe*/

	
}
/*Zellen (td) Tabelle Galerien*/
table.table1-galerien-projekt td {					
 	 
 	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 width: 80%;													/*Zellenbreite bezogen auf Tabellenbreite.*/
	 border: 1px solid #333333;										/*Gitternetz Zellen.*/
	 padding: 5px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 13px;												/*Schriftgrösse*/
	 text-align: left;												/*Textausrichtung*/
	 font-weight: normal;											/*Schriftdicke*/
	 color: #333333;												/*Schriftfarbe*/

	
}


.ueberschrift-blocksatz-projekte {
	width: 80%;														/*Blog Breite*/
	margin-top: 30px;            								    /*Freiraum über dem Text*/

}

.textblocksatz1-projekte {
	width: 80%;														/*Blog Breite*/
	margin-top: 10px;            								    /*Freiraum über dem Text*/

}
.textblocksatz2-projekte {
	width: 80%;														/*Blog Breite*/
	margin-top: 10px;            								    /*Freiraum über dem Text*/
	padding-left: 40px;												/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/

}

.linie1-projekte {	
   	width: 80%;														/*Linienlänge*/	
    border-top: 1px solid gray;										/*oberer Rahmen um die Linie, um an den Enden sauber abzuschliessen*/
	margin-top: 40px;		    									/*Freiraum über der Linie*/
	margin-bottom: 30px;            								/*Freiraum unter der Linie*/
}

.ueberschrift-projektliste-projekte {
	font-size: 25px;												/*Schriftgrösse*/ 
	text-align: center;												/*Blog Schrift*/
	width: 80%;														/*Blog Breite*/
	margin: 0 auto;  												/*zentrieren des Blogs*/
	margin-bottom: 10px;            								/*Freiraum unter dem Text*/
	margin-top: 30px;            								    /*Freiraum über dem Text*/

}

.copyright-projektliste-projekte {
	text-align: center;												/*Blog Schrift*/
	width: 80%;														/*Blog Breite*/
	margin-bottom: 0px;            									/*Freiraum unter dem Text*/
	margin-top: 10px;            								    /*Freiraum über dem Text*/

}

.update-projektliste-projekte {
	font-size: 14px;												/*Schriftgrösse*/ 
	font-weight: bold;												/*Schriftdicke fett*/	
	text-align: center;												/*Blog Schrift*/
	width: 80%;														/*Blog Breite*/
	margin-bottom: 0px;            									/*Freiraum unter dem Text*/
	margin-top: 80px;            								    /*Freiraum über dem Text*/

}


table.projektliste {
    border-collapse: collapse;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 80%;						    /* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    Margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    Margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 20px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 50px;            	/*Freiraum unter der Tabelle*/
    background-color: white;			/*Hintergrundfarbe der Tabelle*/

}

/*Zellen Tabelle Galerien*/
table.projektliste th {					/*Alle Tabellenzellen (th)*/
 	 
 	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 width: auto;													/*Zellenbreite bezogen auf Tabellenbreite.*/
	 border: 0px solid gray;										/*Gitternetz Zellen.*/
	 padding: 5px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 12px;												/*Schriftgrösse*/
	 text-align: left;												/*Textausrichtung*/
	 font-weight: bold;												/*Schriftdicke*/
	 color: #333333;												    /*Schriftfarbe*/
	 padding-top: 5px;												/*Schriftabstand von oberem Zellenrand*/
	 padding-bottom: 5px;											/*Schriftabstand von unteren Zellenrand*/
	background-color: #E3E3E3;

}


/*Zellen Tabelle Galerien*/
table.projektliste td {						/*Alle Tabellenzellen (th)*/
 	 
 	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
 	 text-decoration: none;
	 width: auto;													/*Zellenbreite bezogen auf Tabellenbreite.*/
	 border: 0px solid gray;										/*Gitternetz Zellen.*/
	 padding: 5px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 12px;												/*Schriftgrösse*/
	 text-align: left;												/*Textausrichtung*/
	 font-weight: normal;											/*Schriftdicke*/
	 color: #333333;												/*Schriftfarbe*/
	 padding-top: 10px;												/*Schriftabstand von oberem Zellenrand*/
	 padding-bottom: 5px;											/*Schriftabstand von unteren Zellenrand*/
}

table.projektliste td.land-maler {					/*Alle Tabellenzellen (th)*/
 	 
 	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 width: auto;													/*Zellenbreite bezogen auf Tabellenbreite.*/
	 border: 0px solid gray;										/*Gitternetz Zellen.*/
	 padding: 5px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 16px;												/*Schriftgrösse*/
	 text-align: left;												/*Textausrichtung*/
	 font-weight: bold;												/*Schriftdicke*/
	 color: black;												/*Schriftfarbe*/
	 background-color: white;											   /*#E3E3E3*/
	 padding-top: 50px;												/*Schriftabstand von oberem Zellenrand*/
	 padding-bottom: 15px;											/*Schriftabstand von unteren Zellenrand*/

}


table.projektliste td.links a {					/*Alle Tabellenzellen (th)*/
 	 text-decoration:underline;
 	 color: black;
 	
 	}

table.projektliste td.links {					/*Alle Tabellenzellen (th)*/
 	 text-align:center;
 	
}

table.projektliste td.verfügbarkeit {					/*Alle Tabellenzellen (th)*/
 	 text-align:center;
 	
}



table.projektliste-fussnoten {
	border-collapse: collapse;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 80%;						    /* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    Margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    Margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: -10px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 100px;	            /*Freiraum unter der Tabelle*/
    background-color: white;			/*Hintergrundfarbe der Tabelle*/


}

table.projektliste-fussnoten th {
	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 width: auto;													/*Zellenbreite bezogen auf Tabellenbreite.*/
	 text-decoration: underline;
	 padding: 0px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 14px;												/*Schriftgrösse*/
	 text-align: right;												/*Textausrichtung*/
	 font-weight: bold;												/*Schriftdicke*/
	 color: #333333;												/*Schriftfarbe*/
	 padding-top: 3px;												/*Schriftabstand von oberem Zellenrand*/
	 padding-bottom: 15px;											/*Schriftabstand von unteren Zellenrand*/

}

table.projektliste-fussnoten td {
	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 width: auto;													/*Zellenbreite bezogen auf Tabellenbreite.*/
	 padding: 0px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 12px;												/*Schriftgrösse*/
	 text-align: left;												/*Textausrichtung*/
	 font-weight: normal;												/*Schriftdicke*/
	 color: #333333;												/*Schriftfarbe*/
	 padding-top: 2px;												/*Schriftabstand von oberem Zellenrand*/
	 padding-bottom: 2px;											/*Schriftabstand von unteren Zellenrand*/
}

table.projektliste-fussnoten td.spalte1 {					/*Alle Tabellenzellen 1. Spalte*/
 	 text-align:right;

}

table.projektliste-fussnoten td.spalte2 {					/*Alle Tabellenzellen 1. Spalte*/
 	 text-align:center;

}

.sprungmarke-projektliste-projekte {									
 	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 font-size: 12px;												/*Schriftgrösse*/
	 font-weight: normal;											/*Schriftdicke*/
	 color: blue;													/*Schriftfarbe*/
	 
}

/*--------------------------------------------------------- Projekte-Ende-----------------------------------------------------------*/


/*---------------------------------------------------------ArtistInfo Beginn-----------------------------------------------------------*/

.ueberschrift-blocksatz-artistinfo {
	margin-top: 0px;            								    /*Freiraum über dem Text*/

}

.textblocksatz-inhalt-artistinfo {
	margin-bottom: 100px;            								/*Freiraum unter dem Text*/
	
}

/*---------------------------------------------------------ArtistInfo EndeEnde-----------------------------------------------------------*/
/*---------------------------------------------------------Datenschutz Beginn-----------------------------------------------------------*/

.ueberschrift-blocksatz-datenschutz {
	margin-top: 0px;            								    /*Freiraum über dem Text*/

}

.textblocksatz-inhalt-datenschutz {
	margin-bottom: 40px;            								/*Freiraum unter dem Text*/
	
}

/*---------------------------------------------------------Datenschutz EndeEnde-----------------------------------------------------------*/

/*---------------------------------------------------------Popup Datenschutz Beginn --------------------------------------------------------------------*/
.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

.closebtn:hover {
    color: black;
}

/*---------------------------------------------------------Popup Datenschutz Ende --------------------------------------------------------------------*/




/*---------------------------------------------------------Links Beginn------------------------------------------------------------------*/


.titel-hinweis-links {	
	font-size: 12px;												/*Schriftgrösse*/ 
	margin-top: 0px;            								    /*Freiraum über dem Text*/

}

.textblocksatz-hinweis-links {
	font-size: 10px;												/*Schriftgrösse*/ 
	margin-bottom: 80px;            								/*Freiraum unter dem Text*/

}


.hauptüberschrift-links {
	font-size: 18px;												/*Schriftgrösse*/ 
	text-decoration: underline;										/*Unterstreichung des Textes*/
	color: black;													/*Farbe dunkelgrau*/	
	width: 50%;														/*Blog Breite*/
	margin: 0 auto;  												/*zentrieren des Blogs*/
	margin-bottom: 50px;            								/*Freiraum unter dem Text*/

}



.ueberschrift-links {
	font-size: 16px;												/*Schriftgrösse*/ 
	width: 50%;														/*Blog Breite*/
	margin: 0 auto;  												/*zentrieren des Blogs*/
	margin-bottom: 20px;            								/*Freiraum unter dem Text*/

}


.linkliste-links a {
	color: #333333;												    /*Farbe dunkelgrau*/
}


.linkliste-links {
	font-size: 13px;												/*Schriftgrösse*/ 
	text-decoration: none;											/*Hebt die Unterstreichung der Hyperlinks auf*/	
	margin-bottom: 60px;            								/*Freiraum unter dem Text*/
}

.paintings-directory-img-links {									/*Maße des Logo*/
	border: 0px;
	width: 129px; 
    height: 33px;
}

.outsurfer-img-links {									/*Maße des Logo*/
	border: 0px;
	width: 88px; 
    height: 31px;
}

.artmajeur-art-img-links {									/*Maße des Logo*/
	border: 0px;
	width: 180px; 
    height: 120px;
}

.artmajeur-site-img-links {									/*Maße des Logo*/
	border: 0px;
	width: 180px; 
    height: 103px;
}

.artscad-img-links {									/*Maße des Logo*/
	border: 0px;
	width: 144px; 
    height: 107px;
}


/*---------------------------------------------------------Links Ende--------------------------------------------------------------------*/
/*---------------------------------------------------------Ausstellungen Beginn--------------------------------------------------------------------*/


/*Tabelle Ausstellungen*/

table.table4  {
 	
 	border-collapse: collapse;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 60%;							/* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    Margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    Margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 50px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 50px;            	/*Freiraum unter dem Tabelle*/

}

/*Tabelle Kopfzeile*/
table.table4 th {
	 
	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 border: 1px solid #333333 ;									/*Gitternetz Zellen.*/
	 text-align: left;												/*Ausrichtung des Textes oder Bildes in einem Element, hier in Zelle.*/
	 padding: 15px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 13px;												/*Schriftgrösse*/
	 font-weight: bold;												/*Schriftdicke fett*/
	 color: #333333;												/*Schriftfarbe*/
}

/*Tabelle restliche Zellen*/
table.table4 td {													/*Alle Tabellenzellen (innerer Tabellenbereich)*/
    
    font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
    border: 1px solid #333333;										/*Gitternetz Zellen.*/
    text-align: left;												/*Ausrichtung des Textes oder Bildes in einem Element, hier in Zelle.*/
    padding: 15px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	width: 10%;														/* Breite aller Zellen bezogen auf Seitenbreite*/
	color: #333333;													/*Schriftfarbe*/
	font-size: 12px;												/*Schriftgrösse*/
		
}


/*---------------------------------------------------------Ausstellungen Ende--------------------------------------------------------------------*/
/*---------------------------------------------------------Produkte Begin--------------------------------------------------------------------*/

table.table5-produkte  {
 	
 	border-collapse: collapse;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 60%;							/* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    Margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    Margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 50px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 50px;            	/*Freiraum unter dem Tabelle*/

}


table.table5-produkte td {
	 
	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 border: 1px solid #333333 ;									/*Gitternetz Zellen.*/
	 text-align: center;											/*Ausrichtung des Textes oder Bildes in einem Element, hier in Zelle.*/
	 padding: 15px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 14px;												/*Schriftgrösse*/
	 font-weight: bold;												/*Schriftdicke fett*/
	 color: #333333;												/*Schriftfarbe*/
}

table.table5-produkte th {
	 
	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 border: 1px solid #333333 ;									/*Gitternetz Zellen.*/
	 text-align: center;											/*Ausrichtung des Textes oder Bildes in einem Element, hier in Zelle.*/
	 padding: 15px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 16px;												/*Schriftgrösse*/
	 font-weight: bold;												/*Schriftdicke fett*/
	 color: #333333;												/*Schriftfarbe*/
}


.text-table5-produkte {
	width: 100%;													/*Blog Breite*/
	margin-bottom: 10px;            								/*Freiraum unter dem Text*/
		
}


.buch1-img-produkte {									/*Maße des Logo*/
	height: 97px;										/*Breite , Höhe ergibt sich*/
		
}

.buch2-img-produkte {									/*Maße des Logo*/
	height: 110px;										/*Breite , Höhe ergibt sich*/
	border: 1px solid #333333;							/*keinen Rahmen*/

}

.postkarten-h-img-produkte {									/*Maße des Logo*/
	width: 42px;												/*Breite , Höhe ergibt sich*/
	padding: 5px;												/* Abstand vom Inhalt zum  Rahmen des Elements*/


}

.postkarten-q-img-produkte {									/*Maße des Logo*/
	width: 72px;												/*Breite , Höhe ergibt sich*/
	padding: 5px;												/* Abstand vom Inhalt zum  Rahmen des Elements*/
}

.text-fussnote-produkte {
	font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	font-size: 10px;												/*Schriftgrösse*/ 
	text-align: left;												/*Textausrichtung*/
	font-weight: normal;											/*Schriftdicke fett*/
	color: #333333;													/*Schriftfarbe*/

}

/*---------------------------------------------------------Produkte Ende--------------------------------------------------------------------*/

/*---------------------------------------------------------Kontakt Beginn--------------------------------------------------------------------*/


.kontakt-img {  						
    width: 123px;							/*Bildbreite*/
    height: 114px;							/*Bildhöhe*/
    border: 0;								/*Bild ohne Rahmen*/
    margin-top: 10px;            			/*Freiraum über dem Bild*/
    margin-bottom: 10px;            		/*Freiraum unter dem Bild*/
   
}


.untertitel-bild-kontakt {
	text-align: center;												/*Blog Schrift*/
	margin-bottom: 50px;            								/*Freiraum unter dem Text*/
	
}

table.table3-kontakt  {
 	
 	border-collapse: collapse;	  		/*gemeinsamer Rahmen mit benachbarten Tabellenelementen; sonst „separate“ hat jedes Element seinen Rahmen*/
    width: 30%;							/* Tabellenbreite bezogen auf Seitenbreite und gezählt von links*/
    Margin-left: auto;					/* setzt die Tabelle an den linken Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    Margin-right: auto;					/* setzte die Tabelle an den rechten Rand; wenn links und rechts auf "auto" stehen wird zentriert über die Seite*/ 
    margin-top: 10px;            		/*Freiraum über der Tabelle*/
    margin-bottom: 50px;            	/*Freiraum unter dem Tabelle*/

}

/*Tabelle Kopfzeile*/
table.table3-kontakt th {
	 font-family: Arial, Helvetica, sans-serif;						/*Schriftart*/
	 border: 1px solid #333333;										/*Gitternetz Zellen.*/
	 padding: 5px;													/* Abstand vom Inhalt zum  Rahmen des Elements (hier Zelle)*/
	 font-size: 12px;												/*Schriftgrösse*/
	 font-weight: normal;											/*Schriftdicke*/
	 color: #333333;												/*Schriftfarbe*/
}


/*---------------------------------------------------------Kontakt Ende--------------------------------------------------------------------*/







/*--<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>--*/
/*--<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<  Seiteninhalt Ende  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>--*/
/*--<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>--*/




/* ------------------------------------------------Seitenende bis copyright ---------------------------------------------------*/ 

#Seitenende {
	 width: 100%;								/*Ausdehnung des Bereichs am Seitenende von links gezählt über die ganze Breite*/	 						
	 height: 1000px;							/*Senkrechte Ausdehnung des Bereichs*/
	 background: white;							/*Hintergrundfarbe des Bereichs*/
	 text-align: center;						/*Zentriert die Elemente horizontal im Seitenbereich (Schrift, Bilder usw.*/
}



.schrift-minimini-seitenende { 
	font-size: 10px; 								/*Schriftgrösse*/
	font-weight: normal; 							/*Schriftdicke*/	
	text-align: center;								/*Schrift Zentrierung Seitenzeile*/
	margin-top: 1em;          						/*Freiraum über dem Wort*/
    margin-bottom: 1em ;          					/*Freiraum unter dem Wort*/

}


.statcounter-image-seitenende {
    display: inline;							/*Anzeigeart des counters = sichtbar */
    border: none;								/*counter nicht eingerahmt*/
    margin-top: 0px;          					/*Freiraum über dem statcounter*/
								
	
}


.linie-seitenende {
	width: 100%;							/*Linienlänge*/	
	border :none;							/*keinen Rahmen, entfernt Standardwerte*/	
    background-color: #FFFFFF;				/*Hintergrundfarbe weiss, vorsorglich für saubere Darstellung*/
    border-top: 1px solid gray;				/*oberer Rahmen um die Linie, um an den Enden sauber abzuschliessen*/
    height: 1px;							/*Linienstärke*/
    margin: 0 auto;							/*Horizontale Zentrierung der Linie*/	
	margin-bottom: 0px;            		    /*Freiraum unter der Linie*/
	
} 
 
/* -------------------------------------------------------Fussbereich------------------------------------------------------------*/ 
 
#fussbereich {   
    width: 100%;					/*Ausdehnung des Fussbereichs von links gezählt über die ganze Breite*/							
    text-align: left;				/*Setzt die Elemente in den linken Seitenbereich (Schrift, Bilder usw.*/
    background-color: white;  		/*Hintergrundfarbe des Fussbereichs*/
    height: 100px;					/*Senkrechte Ausdehnung des Fussbereichs*/

}

/* ------------------------------------------------------Ende-------------------------------------------*/