/*Links*/
a:link { color:#000000;
text-decoration: underline}

a:visited {
	color:#666666;
	text-decoration: underline
}

a:active { color:#000000;
text-decoration: line-through}



/*Typo*/
.titel{
	font-size: 39px;
	letter-spacing:-1px}

.titel_D{
	font-size: 24px;
	/*align in prject-list_D*/
	}

.titel_F{
	font-size: 31px;
line-height: 0.8;
	width:400px;
	margin-top: 10px;
}


h{
	font-size: 39px;
	letter-spacing:-1px;
font-weight: normal;}


h2{
	font-size:27px;
	letter-spacing:-1px;
font-weight: normal;
	margin:0;
	}



.lauftext{
	font-size:19px;
	margin:0px 100px;
	width:600px;
	align:center;
	text-align:justify;
}

.flattertext{
	text-align: left;
	font-size:19px;
	margin:0px 100px;
	width:600px;
	line-height: 1.5;
}


.kurztext{
	font-size:19px;
	margin:0px 100px;
	width:600px;
	text-align:center;
}





/*Layout*/

html, body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
   font-family: 'Averia Libre', cursive;
   font-weight: normal;
   font-style: normal;
   font-size:15px;
}


div#container {
	background-color: #FFFFFF;
	background: url(http://simonkrebs.ch/nr1_101.jpg);
	background-attachment: fixed;
	margin: 0px; /* Div soll zentriert werden */
	height:auto !important; /* Important Regel für moderne Browser */
	overflow: hidden !important; /* FF Scroll-leiste */
 }





div#content {
	margin: 100px 5px 100px; /* Div soll zentriert werden */

	}


#leiste_R {
	position:fixed;
	right:0px;
	top:0px;
	width:auto;
	height:auto;
}
#leiste_L {
	position:absolute;
	left:47%;
	top:30px;
	width:auto;
	height:auto;
}




#footer {
	position:fixed;
	bottom:0px;
	width:100%;
	height:20;
	align:center;
	font-size:10px;
	margin:0;
	text-align: center;
}



/*BfP Category Layout*/
.spalte { padding:0px; text-align:left; width:250px; float:left; }



/*Tabelle der Projekte*/
.projekte{

}

details > summary {
  list-style: none;
	cursor: pointer;
}
details > summary::-webkit-details-marker {
  display: none;

}



  /* wellenlinie */
.holder {
  overflow: hidden;
  position: relative;
  width: 300px;
  height: 40px;
}

.ellipse {
  position: absolute;
  background: radial-gradient(ellipse, transparent, transparent 7px, black 7px, black 10px, transparent 11px);
  background-size: 36px 40px;
  width: 300px;
  height: 20px;
}

.ellipse2 {
  top: 20px;
  left: 18px;
  background-position: 0px -20px;
}








/*

#gallery-count{}
#project-count{}
#gallery-navigation{}
#page-navigation{}
.projekttitel{}
.date{}
.

*/

/* Layout */







/* NAVIGATION*/

ul#navigation, ul.projects { list-style: none; padding: 0px; margin: 0px; }

ul#navigation { margin: 20px 0px 0px 0px; }

ul#navigation li, ul.projects li { clear: ; }
ul#navigation ol { display: block /*Anzeige des Untermenüs*/  ; margin: 0px; padding: 0px 0px 0px 0px; }
ul.projects li {
	float: left;
	padding: 0px 0px 8px;
}





div.description div#images { padding: 0px 0px 0px 0px; }
div#media img { margin: 0px 0px 10px; }
p#project-count, p#gallery-count { margin: 2px 20px 0px 0px; }
p#gallery-count, div#gallery-navigation { display: none; }
p#gallery-count span { margin: -1px 0px 0px; display: block; }
div#project-navigation { margin: 0px 0px 0px 20px; }
div#project-navigation p, div#gallery-navigation p { margin: 0px 0px 1px; }

div#image-wrapper { overflow: hidden; width: 800px;}
div#image-wrapper div#image-holder {width: 1000000px ;}
div#image-wrapper div#image-holder div.image { float: left; width: 800px; }

img.project-thumb { padding: 5px; float: left; display: inline; }


/* Javascript-enabled styles */
body.js-enabled p#gallery-count, body.js-enabled div#gallery-navigation { display: block; }
body.js-enabled p#project-count { display: none; }
body.js-enabled div#media div.image { display: none; }
body.js-enabled div#media div.image:first-child { display: block; }