@charset "utf-8";
/* CSS Document */
html { overflow-y: scroll;}
a:link { font-weight:bold; color:rgb(192, 192, 192); text-decoration:none; }
a:visited { font-weight:bold; color:black; text-decoration:none; }
/*a:focus { font-weight:bold; color:grey; text-decoration:underline; }*/
a:focus { font-weight:bold; color:gray; text-decoration:none; }
a:hover { font-weight:bold; color:grey ; text-decoration:none; }
a:active { font-weight:bold; color:black; text-decoration:none; }


h1:focus { background-color:grey; }
h1:hover { background-color:silver; }
h1:active { background-color:rgb(192, 192, 192); }

/* free palestine
h1:active { background-color:black; }
h1:hover { background-color:red }
h1:focus { background-color:rgb(192, 192, 192); }
*/

#header { 
	left: 0px;
	right: 0px;	
	height: 0px;
	/*margin: auto;*/
	top: 10px;
	z-index: 100;
/*	position: relative;*/
	/*position:center;*/
	background-color: none;
/*	font-family: "Monaco", monospace;
	font-family:Verdana, Helvetica, sans-serif;*/
	font-family: "Verdana", monospace;

	/*font-family:  "Verdana", sanserif;*/
	font-size-adjust: inherit;
}

  
  
/*menu good: */
/*body {font-size: 60%;}*/
body {font-size: 77.5%;}
/**o: h1 {font-size:2.5em;}**/ /* 40px/16=2.5em */
/*o:h1 {font-size:1.5em;} * 40px/16=2.5em */
/*o:h2 {font-size:1.875em;} * 30px/16=1.875em */
/*o: p {font-size:0.775em; line-height:1.5em;*/
h1 {font-size: 0.8em;} 
h2 {font-size: 0.8em;} 


 p {font-size: 0.8em; line-height:1.5em;
/*page-break-inside: always;*/
width:100%;
  text-align: left;/*justify;*/
} /* 14px/16=0.875em */
h1{
	/*o: font-size: 1em;*/
	font-size: 0.8em;
	}

/*li {font-size:0.875em;}*/
/*o: li {font-size:0.775em;line-height:1.7em; } */
li {font-size: 0.8em;line-height:1.7em; } 



#data {
/*o: font-size:0.8em;*/ 
	font-size: 1em; 
 line-height:1.5em; 

}


#name {

	font-size: 60%;
	/*list-style-type:none;*/
	/*display: inline;*/
	/*width: 10em;*/
    /*padding:0px;*/
	/*margin: 0px;*/
	padding-left: 10px;
	top: 0px;
    text-align:left;
	text-decoration: none;
    font-weight: bold; /*normal*/
}
#log {
	font-size:58%;
	top: auto;
	padding-left: 10px;
	/*list-style-type:none;*/
	/*display: inline;*/
	/*width: 10em;*/
    text-align: left;
	text-decoration: none;
    font-weight: bold; /*normal*/
}
#menuname{
/*	font-family: "Monaco", monospace;*/
	font-family:Verdana, Helvetica, sans-serif;
	position:relative;
	text-align:left;
	left:10px;
}
#menuname li{
	list-style-type:none;
	display:inline-block;
	width:20em;
	position:relative;
    padding:0px;
	/*padding-right:0px;*/
	/*margin: 5px;*/
    /*text-align: left;*/
	text-decoration: none;
    font-weight: bold; /*normal*/
		
}
#menu {
/*	font-family: "Monaco", monospace;*/
	font-family:Verdana, Helvetica, sans-serif;
	position:relative;
	text-align:left;
	left:10px;
	width:100%;

}

#menu li{
	list-style-type:none;
	display:inline-block;
	width:4em;
	position:relative;
    padding:0px;
	padding-right:10px;
	/*margin: 5px;*/
    /*text-align: left;*/
	text-decoration: none;
    font-weight: bold; /*normal*/
}
#menu li a {/*color: #FFFFFF;*/
            text-decoration: none;
            font-weight: normal;
            }
#menu li a:hover {color: #aaaaaa;}
#menu dl li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#menu dl a {
	display:		block;
	position:		relative;
}
#menu dl{
	display:		block;
	position:		relative;
}



/*#topmenu ul { list-style-type:none; padding:0; margin:0; }
#topmenu ul li { display:block; margin:0; padding:0; float:left; width:240px; }
*/



#floatspalten {
    font-family:Verdana, Helvetica, sans-serif;
	text-align:left;
	width:90%;	
	/*font-size:0.775em;*/ 
	line-height:1.5em; 

	 -webkit-column-width: 150px;
	/* -webkit-column-count: 3; */ 
    -webkit-column-gap: 30px;  
    -webkit-column-rule-color: white;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
 
    /*-moz-column-count: 3;  */
	 -moz-column-width: 150px;  
    -moz-column-gap: 30px;
    -moz-column-rule-color: white;
    -moz-column-rule-style: solid;
    -moz-column-rule-width:1px;
 
    /*column-count: 3;*/  
	 column-width: 150px;  
    column-gap: 30px;
    column-rule-color: white;
    column-rule-style: solid;
    column-rule-width: 1px;	
	    font-weight: normal; 
		padding-top: 0;
}
#floatmenu {
	margin-left: 40px;
	margin-right: 40px;	
	list-style-type:none;
	display:float;
	font-family:Verdana, Helvetica, sans-serif;
	position:relative;
	text-align:left;
	width:90%;
	height:50px;
	text-decoration: none;
    font-weight: normal; 
	padding:0;
	margin-top:0;
	/*li {font-size:0.775em;line-height:1.7em; }*/
	font-size:0.875em;
}
#floatmenu a {/*color: #FFFFFF;*/
            text-decoration: none;
            font-weight: normal;
            }
#floatmenu ul{
	list-style-type:none;
    padding:0px;
	margin-top:0; padding-top:0;
	/*padding-right:0px;*/
	/*margin: 5px;*/
	text-decoration: none;
    font-weight: normal; /*normal*/
	
}
#floatmenu li a {/*color: #FFFFFF;*/
            text-decoration: none;
            font-weight: normal;
			
            }
/*#floatmenu ul li{
	list-style-type:none;
	display:block;
	+**width:10em;**
	position:relative;
    padding:0px;
	width:100px;
	***padding-right:0px;**
	padding-right:10px;
	***margin: 5px;****
    float: left;
	text-decoration: none;
    font-weight: normal; 
	
}*/


#submenu {
/*	font-family: "Monaco", monospace;*/
	font-family:Verdana, Helvetica, sans-serif;
	position:relative;
	text-align:left;
	left:40px;
	width:90%;
	text-decoration: none;
    font-weight: bold; /*normal*/
	 padding:0px;
	/*padding-right:0px;*/
	padding-right:10px;
	word-spacing:3em;
}

#submenu li{
	list-style-type:float;
	display:float;/*inline-block;*/
	width:10em;
	position:relative;
    padding:0px;
	/*padding-right:0px;*/
	padding-right:10px;
	/*margin: 5px;*/
    text-align: left;
	text-decoration: none;
    font-weight: normal; /*normal*/
}


#submenu a {/*color: #FFFFFF;*/
            text-decoration: none;
            font-weight: normal;
            }
#submenu a:hover {color: #aaaaaa;}
#submenu a:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}




#submenu li a {/*color: #FFFFFF;*/
            text-decoration: none;
            font-weight: normal;
            }
#submenu li a:hover {color: #aaaaaa;}
#submenu dl li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

#submenu dl a {
	display:		block;
	position:		relative;
}
#submenu dl{
	display:		block;
	position:		relative;
}


#leftmenu{
	top: 50px;
	height:100%;
	width:auto;
	float:left;
	padding-bottom:10px;
/*		font-family: "Monaco", monospace;*/

		font-family:Verdana, Helvetica, sans-serif;

	
}

#leftmenu dl a {
	display:		block;
	position:		relative;
}
#leftmenu dl{
	display:		block;
	position:		relative;
}

#leftmenu li{
	list-style-type:none;
	width: 10em;
	/*position:inherit;*/
    padding:0px;
	padding-right:25px;
	padding-left:5px;
	
	/*margin: 5px;*/
    text-align: left;
	text-decoration: none;
    font-weight: bold; /*normal*/
	/*font-size:9px;*/
	line-height:1.5em;
	
/*list-style-type:none;
	display:inline-block;
	width:6em;
	position:relative;
    padding:0px;
	
	text-decoration: none;
    font-weight: bold;*/
	
	
	
	
}

#divideo{
	 padding-top:20px;
	 
    object-fit: fill;

}


#texts {
	
	 padding-top:30px;
	 padding-bottom:20px;
	  /*padding-bottom:20px;*/
	margin-top:0;
    font-family:Verdana, Helvetica, sans-serif;
	line-height:1.5em;
	text-align:left;
	width:90%;	
	/*font-size:0.775em;*/ 
	line-height:1.5em; 
	

}


#textspalte{
  width: 200px;
  column-width: 200px;
   column-height: 100px;
  column-gap: 40px;
  font-family:Verdana, Helvetica, sans-serif;
	line-height:1.5em;
	text-align:left;
	left:40px;
}
#textspalten {
	
	 padding-top:30px;
	 padding-bottom:20px;
	margin-top:0;
    font-family:Verdana, Helvetica, sans-serif;
	line-height:1.5em;
	text-align:left;
	width:90%;	
	/*font-size:0.775em;*/ 
	line-height:1.5em; 
	 -webkit-column-width: 400px;
	/* -webkit-column-count: 3; */ 
    -webkit-column-gap: 50px;  
    -webkit-column-rule-color: white;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 10px;
    /*-moz-column-count: 3;  */
	 -moz-column-width: 400px;  
    -moz-column-gap: 50px;
    -moz-column-rule-color: white;
    -moz-column-rule-style: solid;
    -moz-column-rule-width:10px;
    /*column-count: 3;*/  
	 column-width: 400px;  
    column-gap: 50px;
    column-rule-color: white;
    column-rule-style: solid;
    column-rule-width: 10px;

}
#datum{
	align:left;
	text-align:top;
}

#dtext{
	margin-left:6em;
	align:right;
}

#dtext ul {
text-decoration:none;

	list-style-type:none;
	display:block;
	/*width:10em;*/
	position:relative;
    padding:0px;
	width:300px;
	/*padding-right:0px;*/
	padding-right:10px;
	/*margin: 5px;*/
    float: left;
	text-decoration: none;
    font-weight: normal; /*normal*/
}

#dtext ul li {
text-decoration:none;

	list-style-type:none;
	display:block;
	/*width:10em;*/
	position:relative;
    padding:0px;
	width:300px;
	/*padding-right:0px;*/
	padding-right:10px;
	/*margin: 5px;*/
    float: left;
	text-decoration: none;
    font-weight: normal; /*normal*/
}
#audiospalten {
	 padding-top:0px;
	  padding-bottom:20px;
	margin-top:0;
    font-family:Verdana, Helvetica, sans-serif;
	line-height:1. em;
	text-align:left;
	width:90%;	
	/*font-size:0.775em;*/ 
	line-height:1.5em; 
	 -webkit-column-width: 380px;
	/* -webkit-column-count: 3; */ 
    -webkit-column-gap: 10px;  
    -webkit-column-rule-color: white;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 10px;
    /*-moz-column-count: 3;  */
	 -moz-column-width: 380px;  
    -moz-column-gap: 10px;
    -moz-column-rule-color: white;
    -moz-column-rule-style: solid;
    -moz-column-rule-width:10px;
    /*column-count: 3;*/  
	 column-width:380px;  
    column-gap: 10px;
    column-rule-color: white;
    column-rule-style: solid;
    column-rule-width: 10px;

}



#images_0{
	/*width:80%;*/
	width:50%;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-right: 20px;
	vertical-align:top;
	
}
#images_1 li{
padding: 50px;
}

#images_1{
	width:80%;
	display:inline-block;
	vertical-align:top;
	position: relative;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-top: 30px;
	/*width: 80%;*/
	/*border-color:#FFF;
	border-width:20%;*/
	/*background-color:#CCC;*/
	line-height: 1.5em;
}
/*
#images_1 {
padding: 50px;
}*/
#images_2 {
	width:80%;
	display:inline-block;
	vertical-align:middle;
	position: relative;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-top: 10px;
	width: 80%;
	/*border-color:#FFF;
	border-width:20%;*/
	/*background-color:#CCC;*/
	line-height:1.5em;
}


 #minigalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
     
 #minigalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: middle;
    }
#minigalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;

    }
#minigalerie img:target {
    /*width: 720px;
    height: 548px;*/
	/*width: 1200px;
	height: 960px;
    */
	width: 100%;
	height: 100%;
	/*height: 960px;*/
	}
	
	 #breathgalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
     
 #breathgalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: bottom;
    }
#breathgalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#breathgalerie img:target {
  /**  width: 640px;
   height: 535px;**/
   width: 1200px;
   height: 960px;
    }
	
	 #paintinggalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
  #paintinggalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: bottom;
    }
#paintinggalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#paintinggalerie img:target {
    width: 680px;
   height: 680px;
    }
	   
 #oxigengalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: bottom;
    }
#oxigengalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#oxigengalerie img:target {
    width: 680px;
   height: 680px;
    }
	
	
	
	
	
		 #songgalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
     
 #songgalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: bottom;
    }
#songgalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#songgalerie img:target {
    width: 1000px;
   height: 542px;
    }
	
	
	 #seeyougalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
     
 #seeyoualerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: middle;
    }
#seeyougalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#seeyougalerie img:target {
	  width: 800px;
   height: 533px;
    /*width: 1110px;
   height: 786px;*/
    }
 #arsenalgalerie {
	 display: inline-block;
    }
     
 #arsenalgalerie a {
    display: inline-block;
    vertical-align: middle;
    }
#arsenalgalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#arsenalgalerie img:target {
	  width: 1200px;
   height: 1200px;
    }
	
 #barrieregalerie {
	 display: inline-block;
    }
     
 #barrieregalerie a {
    display: inline-block;
    vertical-align: middle;
    }
#barrieregalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#barrieregalerie img:target {
	  width: 640px;
   height: 432px;
    }	
	
	
	
	
	
	
	 #terrain02galerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
     
 #terrain02galerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: middle;
    }
#terrain02galerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#terrain02galerie img:target {
	  width: 700px;
   height: 500px;
    /*width: 1110px;
   height: 786px;*/
    }
	
	 #flowgalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
	 padding-top: 20px;
	 
    /*border-spacing: 10px;*/
    }
     
 #flowgalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: middle;
    }
#flowgalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#flowgalerie img:target {
	  width: 80%;
   height: 80%;
    /*width: 1110px;
   height: 786px;*/
    }
	
	 #trashhitsgalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
     
 #trashhitsgalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: middle;
    }
#trashhitsgalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#trashhitsgalerie img:target {
	  width: 1280px;
   height: 854px;
    /*width: 1110px;
   height: 786px;*/
    }
	
	 #trashhits_pgalerie {
    /*display: table;*/
	 display: inline-block;/*table-cell;*/
    /*border-spacing: 10px;*/
    }
     
 #trashhits_pgalerie a {
    display: inline-block;/*table-cell;*/
    vertical-align: middle;
    }
#trashhits_pgalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
	
    }
	#trashhits_pgalerie img:target {
	  width: 2000px;
	  }
#oskarinegalerie img:target {
	  width: 1000px;
	  height: 500px;
	  vertical-align: middle;
    }
	
		 #oskarinegalerie {
	 display: inline-block;
  
    }
     
 #oskarinegalerie a {
    display: inline-block;
    vertical-align: middle;
    }
#oskarinegalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#oskarinegalerie img:target {
	  width: 1000px;
	  height: 500px;
  
    }
			 #galerie {
	 display: inline-block;
  
    }
     
 #memorygalerie a {
    display: inline-block;
    vertical-align: middle;
    }
#memorygalerie img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
	padding-top: 0.5em;
	padding-right: 0.5em;
    }
#memorygalerie img:target {
	  width: 720px;
	  height: 518px;
  
    }
	
#minigalerie2 {  
	 display: inline-block;
    border-spacing: 10px;
    }
     
 #minigalerie2 a {
    display: inline-block;
    vertical-align: middle;
    }
#minigalerie2 img {
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    }
	
#minigalerie2 img:target {
    width: 640px;
	/*height: 480px;*/
    }
	
#leftmenu li a {/*color: #FFFFFF;*/
            text-decoration: none;
            font-weight: normal;
            }
#leftmenu li a:hover {color: #aaaaaa;}

#content {
position:relative;
top: 20px;
	}

#work { 
margin-top:0; padding-top:0;
width:auto;
	left: 40px;
	right: 40px;	
	
	/*margin: auto;*/
	top: 10px;
	position: relative;
	padding-right: 20px;
	/*position: relative;*/
	/*position:center;*/
	background-color: none;
	font-family:Verdana, Helvetica, sans-serif;
	/*font-family: "Arial", "Verdana", sanserif;*/
	
}


@media only screen and (max-width: 768px) {
  body {
    font-size: 1rem;
	max-width: 100%
    /*padding: 10px;*/
  }

  img {
    max-width: 100%;
    height: auto;
  }

  .container,
  table {
    width: 100% !important;
  }

  td, th {
    display: block;
    width: 100%;
  }

  nav,
  .navigation {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
