* {padding: 0; margin: 0;}
html { }

body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: large;
	color: #777;
	background-color: #f0f0f0;
}

td {font-size: large;}




/*_____________________________________________________________________*/
/*_________________Headlines___________________________________________*/
/*_____________________________________________________________________*/


h1 {font-family: Arial, Helvetica, Verdana, sans-serif; margin-top: 15px; font-weight: bold;
color:#444; font-size: 1.7em;}/*fett, dunkler, größer und mehr Vorschub*/

h2 {font-family: Arial, Helvetica, Verdana, sans-serif; margin-top: 20px; font-weight: normal;
color:#444; font-size: 1.5em;}/* größer,dunkler und mehr Vorschub*/

h3 {font-family: Arial, Helvetica, Verdana, sans-serif; margin-top: 15px; font-weight: bold;
color:#444; font-size: 1em;}/*fett, dunkler, und mehr Vorschub*/

h4 {font-family: Arial, Helvetica, Verdana, sans-serif; margin-top: 15px; font-weight: bold;
font-size: 1em;}/*fett und mehr Vorschub*/

h5 {font-family: Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: bold;
font-size: 1em;}/*nur fett - nicht mehr Zeilenvorschub*/

h6 {font-family: Arial, Helvetica, Verdana, sans-serif; font-style: normal; font-weight: normal;
font-size: 1em;}/*keine besondere Auszeichnung, nur mehr Zeilenvorschub*/




/*_____________________________________________________________________*/
/*_________________Links_______________________________________________*/
/*_____________________________________________________________________*/

a {
	text-decoration: none; 
	color: #777;
	font-style:normal;
}
a:visited {
	text-decoration: none; 
	color: #777;
	font-style:normal;
}
a:hover {
	text-decoration: none; 
	color: #333; 
	font-weight:bold;
}
a:focused {
	text-decoration: none; 
	color: #666;
	font-style:normal;
}
a:active {
	text-decoration: none; 
	color: #777;
	font-style:normal;
}

.linkinactive {
text-decoration: none; color: #777;
 font-style:normal;
}




/*_____________________________________________________________________*/
/*_____________sonstige Textclasses____________________________________*/
/*_____________________________________________________________________*/

.textklein {font-size: 0.8em;}

.eng {font-style: italic;}

.absatz {margin-top: 10px;}/*wird in jedes p eingegeben um einen Abstand zu erzeugen*/
.abs p {margin-top: 10px;}/* "span class abs" wird vor einem größeren Text eingegeben um vor jedem p im Text einen Abstand zu erzeugen*/



/*Bildformatierung für meine Bilder/Fotos - Abstand etc. - vor allem auf den Inhaltseiten*/
.bildmabst {margin-top: 150px; margin-bottom: 10px; border: hidden;} /*Bild mit Abstand*/

/*Bildbeschreibung für meine Bilder - vor allem auf den Inhaltseiten*/
.bibeschcv {font-size: 0.85em; line-height: 1.5em; padding-top: 10px;}

.bildtrenner {
margin-top: 70px;
left:0;
width: 100%;
line-height: 1.5em;
height: 1px;
border-bottom: 1px solid grey; width: 100%;
background-color: none;
}



/*auf den Inhalt-Seiten - Links um wieder hoch oder zurück zur Site zu gelangen*/
.ankerlink {font-size: 0.9em;}
.backlink {font-size: 0.9em;}




/*_____________________________________________________________________*/
/*_____________Hauptseiten_____________________________________________*/
/*_____________________________________________________________________*/

#hauptseite {
	overflow: hidden;
}

#wrapper {height: 101%;
width: 100%;
top: 0;
left: 0;
}




/*_____________________________________________________________________*/
/*____________indexseite-i-Seite_______________________________________*/
/*_____________________________________________________________________*/

#vorneIndexdiv {
	position: absolute;
	left: 0px;/*vorher 26px*/
	top: 0px;
	margin-top: 0;
	width: 17%;
	height: 95%;
	background-color: #f0f0f0;
	text-align: right;
	overflow: visible;
	z-index: 10;}

/*Feld auf der Startseite mit Name und Beschreibung drin*/
#titeldiv {
	width: 60%; max-width: 300px;
	background-color:#f0f0f0;
	border-color:#999; border-style: solid; border-width: 2px 0px 4px 0px;
	padding: 10px;
	margin-left: 20%;
	z-index: 100;
}




/*_____________________________________________________________________*/
/*_____________i-Seiten________________________________________________*/
/*_____________________________________________________________________*/


#inhaltseite-i { max-width: 60%;}

/*erste Zeile oben auf den Inhaltseiten*/
.inhalthl {font-weight: bold; font-size: 1.2em;}


/*Inhaltseite mit Bild und Beschreibung drunter*/
#bildseite {padding-top: 5%;}

#grseite { }




/*_____________________________________________________________________*/
/*____________arbeiten-i-Seite_________________________________________*/
/*_____________________________________________________________________*/
.arbeitenbild {margin-top: 15px; margin-bottom: 15px; border: hidden;}
.arbeitenlink {margin-bottom: 50px; font-weight:bold; text-decoration: none;}
.arbeitenlink a:hover {color: #333; text-decoration: underline;}


.bildtrenner {
margin-top: 80px;
left:0;
width: 100%;
line-height: 1,5em;
height: 1px;
border-bottom: 1px solid grey; width: 100%;
background-color: none;
}




/*_____________________________________________________________________*/
/*____________aktuell-i-Seite.."_______________________________________*/
/*_____________________________________________________________________*/
#aktuellseite { }

.aktuellwann {font-size: 1em; line-height:45px; margin-top: 50px;}
.aktuellbild {margin-top: 15px; margin-bottom: 15px; border: hidden;}
.aktuellhead {font-size: 1em;}

.aktuellzwi {font-size: 1em;}/*aktuell-zwischenüberschrift wie "Ausstellung"*/
.aktuelltext {font-size: 1em;}
.aktuellinfo{line-height: 1.2em;}

.aktuelllink {font-weight:bold; text-decoration: none;}
/*.aktuelllink a {font-weight:bold; text-decoration: underline; background-color: none; color: #999;}*/
.aktuelllink a:hover {color: #777; text-decoration: underline;}

/*.aktuelllink a visited {font-weight:bold; color: #999; text-decoration: none; background-color: none; border-bottom: 5px solid #C4D6CB;}*/
.aktuelltrenner {
margin-top: 70px;
left:0;
width: 100%;
line-height: 1.5em;
height: 1px;
border-bottom: 1px solid grey; width: 100%;
background-color: none;
}

/*Bildbeschreibung für Bilder auf der Aktuell-Seite*/
.bibeschaktuell {
	font-size: 0.8em;
	line-height: 1.5em;
	padding-top: 10px;
	}




/*_____________________________________________________________________*/
/*____________links-i-Seite.."_________________________________________*/
/*_____________________________________________________________________*/
.linkslink {font-weight: normal; text-decoration: none;}
.linkslink a:hover {color: #333; text-decoration: underline;}
.linkstrenner {
margin-top: 40px;
left:0;
width: 100%;
line-height: 1.5em;
height: 1px;
border-bottom: 1px solid grey; width: 100%;
background-color: none;
}




/*_____________________________________________________________________*/
/*____________specials-Seite.._________________________________________*/
/*_____________________________________________________________________*/
#specialseite {margin-top: 30px; margin-left: 30px ; width: 45%;}
#specialtable {width: 80%;}
#specialdiv {width: 90%;}
.specialbild {margin-top: 2em; margin-bottom: 2em; border: hidden; max-width: 150%;}
.specialbox {margin-top: 0.5em; margin-bottom: 1em; border:none;}/*für die Bilder*/
.specialtext {margin-top: 1em; margin-bottom: 1em; color: #777;
}

.specialtrenner {
margin-top: 50px;
margin-bottom: 30px;
left:0;
width: 100%;
line-height: 1.5em;
height: 1px;
border-bottom: 1px solid grey; width: 100%;
background-color: none;
}




/*_____________________________________________________________________*/
/*____________noch-zuhaben-Seite.._____________________________________*/
/*_____________________________________________________________________*/

.nzhtrenner {
margin-top: 150px;
margin-bottom: 100px;
left:0;
width: 100%;
line-height: 1.5em;
height: 1px;
border-bottom: 1px solid grey;
background-color: none;
}




/*_____________________________________________________________________*/
/*____________info-Seite.._____________________________________________*/
/*_____________________________________________________________________*/

#infoseite {display: flex;
align-items: center;
justify-content: center;
}

#infodiv {
top: 0;
width: 98%;
font-weight: normal;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 200%;
color: #777;
text-align: center;
background-color: #f0f0f0;
}

.infotrenner {
margin-top: 5px;
margin-bottom: 5px;
left:0;
width: 50%;
height: 1px;
border-bottom: 1px solid grey;
background-color: none;
}



/*_____________________________________________________________________*/
/*_____________NAVIGATION______________________________________________*/
/*_____________________________________________________________________*/

/*_____________________________________________________________________*/
/*____________Navi_1.Ebene_____________________________________________*/
/*_____________________________________________________________________*/
/*erste Navi-Ebene oben zB: home, aktuell, links etc*/
#navi1div {
	z-index: 100;
	width: 80%;
	left: 8%;
	height: 4%;
	min-height: 25px;
	vertical-align: middle;
	color: #333;;
	position: relative;
	top: 0;
	right: 0;
}

#navi1liniediv {
	z-index: 101;
	margin-top:0;
	line-height:0;
	left:0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #888; 
	background-color: none;
}

#homemenue {width: 15%;}
#vitamenue {width: 10%;}
#aktuellmenue {width: 15%;}
#textemenue {width: 10%;}
#arbeitenmenue {width: 15%;}
#linksmenue {width: 10%;}
#fotosmenue {width: 10%;}
#kontaktmenue {width: 15%;}

/*Navi 1,2,3 .... aktuelle Seite / wo man sich befindent / fett oder dunkler oder so... */
.navi1aktivlink {font-weight: bold; font-size: 1em; color:#333 !important;}
.navi1aktivlink a {font-weight: bold; font-size: 1em; color:#666 !important;}
/*.navi1aktivlink a:hover{font-weight: bold; font:"Times New Roman", Times, serif; font-size: 2em;}
.navi1aktivlink a:visited {font-weight: bold; font:"Times New Roman", Times, serif; Times, serif; font-size: 2em;}
.navi1aktivlink a:active {font-weight: bold; font:"Times New Roman", Times, serif; Times, serif; font-size: 2em;}*/


/*_____________________________________________________________________*/
/*____________Navi_2.Ebene_____________________________________________*/
/*_____________________________________________________________________*/
/*zweite Navi-Ebene oben -----zB: 1.Radierung - 2.Aquarelle - 3.Ölbilder etc...*/
#navi2div {
	z-index: 90;
	position: relative;
	top: 0;
	margin: 0;
	width: 100%;
	height: 4%;
	min-height: 25px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #bbb;/*#ccc;*/
	padding-left: 22%;
}
.ohneLinie {border-bottom: 1px solid transparent !important;}


#navitable2 {width: 70%; height: 100%;}

#navi2stichwort1 {min-width: 14%; text-align:left;}
#navi2stichwort2 {min-width: 13%; text-align:left;}
#navi2stichwort3 {min-width: 18%; text-align:left;}
#navi2stichwort4 {min-width: 12%; text-align:left;}
#navi2stichwortrest {width: auto; text-align:left;}
#navi2punkt1 {min-width: 5%; text-align:left;}
#navi2punkt2 {min-width: 5%; text-align:left;}
#navi2punkt3 {min-width: 5%; text-align:left;}
#navi2punkt4 {min-width: 5%; text-align:left;}
#navi2punkt5 {min-width: 5%; text-align:left;}
#navi2punkt6 {min-width: 5%; text-align:left;}
#navi2punkt7 {min-width: 7%; text-align:left;}
#navi2zurueck {min-width: 13%; text-align:left;}
#navi2rest {width: auto;}

.navi2aktiv {font-weight: normal; color:#222;}
.navi2kat {font-weight: bold; color:#333;}/*Kategorie: Leinwand oder Papoer etc... wo man gerade ist... */



/*_____________________________________________________________________*/
/*______Navi_3.Ebene_z.B.vorne mit kleinen Bildchen im #vornediv_______*/
/*_____________________________________________________________________*/
.naviklein {
	padding: 10px;
	text-decoration: none;
	text-align: right;
}
.naviklein a {
	opacity: 0.54;
}
.naviklein a:hover{
	opacity:1;
}

.navibild {
	padding: 0px;
	text-decoration: none;}
.navibild a {opacity: 1;}
.navibild a:hover{opacity: 0.54;}

.navi3aktiv {font-weight: bold;}

/*Stil für das Navi, dritte Ebene -*/
.navi3stil {
line-height: normal;
}




/*_____________________________________________________________________*/
/*____________Seiten  unten____________________________________________*/
/*_____________________________________________________________________*/
/*____________i-frame etc _____________________________________________*/
/*_____________________________________________________________________*/
/*Einstellungen für den Iframe*/


/*für die Inhaltseiten mit Bildern und Fotos, die in den Iframe geladen werden*/
#inhaltdiv {
	z-index: 10;
	position: relative;
	left: 0%;
	margin-top: 0;
	width: 100%;
	height: 84%;
/*border-bottom: 1px solid #888;*/
	background-color: #f0f0f0;
}
/*der Ausgabe-Iframe für die Inhaltseiten mit Bildern, Fotos  etc*/
#ausgabediv {
	position: relative;
	z-index: 20;
	margin-left: 20%;
	padding-left: 1%;
	top: 0;
	width: 79%;
}

/*Box vorne mit den Navi3-Elementen mit denen der Iframe geladen wird*/
#vornediv {
	position: absolute;
	z-index: 30;
	left: 0px;/*vorher 26px*/
	top: 0px;
	margin-top: 0;
	width: 17%;
	height: 95%;
	background-color: #f0f0f0;
	text-align: right;
	overflow: hidden;
}



/*Streifen unten mit dem Impressumslink drin*/
#untendiv {
	z-index: 110!important; /*vorher 5*/
	width: 100%;
	height: 4%;
	padding: 0.5em;
	border-top: 1px solid #888;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
}





/*_____________________________________________________________________*/
/*keine Ahnung, ob ich das noch brauche..."*/
.untentext {vertical-align: middle;}