* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
/**fixes CSS box-model in fluid layouts**/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	color: black;
	font-size: 100%;
	font-family: "Segoe UI", sans-serif;
	background-color: #505050;
	padding: 0 2.5%;
}
p, ol {
	font-size: 100%;
	margin-bottom: .4em;
	line-height: 140%;
	font-weight: 400;
}
p a:link, #project a:link, .list a:link, h3 a:link {
	color: black;
	text-decoration: none;
	border-bottom: 1px dashed #888;
}
p a:visited, #project a:visited, .list a:visited {
	color: black;
	text-decoration: none;
	border-bottom: 1px dashed #888;
}
p a:hover, .list a:hover { background-color: #ffc; }

a:focus {outline:none;}

.spaceabove {margin-top: 1em;}
.spacebelow {margin-bottom: 1em;}

.super {vertical-align: super; font-size: 70%;}

.footnote
	{font-size: 80%; font-style: italic; margin-left: 2%;}

#wrapper {
	margin: 20px auto;
	padding: 20px 2%;
	width: 96%;
	max-width: 1200px;
	background-color: #f4f4f4;
	border-radius: 2px;
	overflow: hidden;
}
header {
	margin:0 auto 30px auto;
	display:block;
	width: 100%;
}
/**toggle language buttons**/
#language {margin: 20px 0 0 24%;}
.english, .deutsch {display:none;}

#en, #no, #de
		{padding:2px 1em;
		margin-right: 2em;
		font-family: "Segoe UI", sans-serif;
		background-color: #f4f4f4;
		border: 1px dotted #505050;
		border-radius: 2px;
		cursor: pointer;
		}
		
#menu {background-color: #d3d3d3;
		width: 18%; 
		max-width: 190px;
		min-width: 160px;
		border: 1px dotted black;
		border-radius: 2px;
		float: left;
}
		

#accordion {
	padding: 80px 0;
	font: normal 600 76% "Segoe UI", sans-serif;
	background-color: #d3d3d3;
}


.textpage {margin-top: -53px;}

#accordion a { display: block;}
#accordion ul a, #accordion li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 4px 0;
	font-size: 100%;
	margin-top: -2px;
	margin-bottom: 2px;
	padding-left: 5px;
}
#accordion ul, li, ul li {
	font-size: 100%;
	margin-bottom: 2px;
}
#accordion ul a:hover, #accordion li a:hover {
	text-decoration: none;
	color: black;
	font-weight: 600;
	background-color: #f4f4f4;
}

.level_1a {
	text-indent: 10px;
	margin-bottom: 2px;
	background-color: #d3d3d3;
	border-bottom: 2px solid white;
}
.level_1b {
	text-indent: 10px;
	margin-bottom: 0;
	background-color: #d3d3d3;
	border-bottom: 2px solid white;
	color: black;
}
.level_2a {
	text-indent: 40px;
	padding-bottom: 0;
}
.level_2b {
	margin-left: 15px;
	border-bottom: 1px solid black;
}
.level_3a {
	margin-left: 20px;
	border-bottom: 1px dashed black;
	font-style: italic;
}

.level_3b {
	margin-left: 20px;
	border-bottom: 1px dotted black;
}
.level_4a {
	margin-left: 25px;
	padding-bottom: 0;
	border-bottom: 1px dashed black;
	font-style: italic;
}
.level_4b { text-indent: 10px; }

ul, ul li { list-style: none; }

.bulletlist {font-size: 90%;
			margin-bottom: .4em;
			line-height: 140%;
			font-weight: 400;
			list-style: inside;
			list-style-type:disc;}
			
.text-center { text-align: center;}

.selected {
	background-color: #f4f4f4;
}

.slicknav_menu { display: none;}

#text {width: 60%;
	   margin-left: 3%;
	   float: left;
	   line-height: 140%;
	   padding-bottom: 10px;}

#col_0 {width: 77%; /* 500px:1200px */
		background-color: #f4f4f4;
		float: left;
		margin-top: 0;
		margin-left: 2%;
		}
	
#col_1 {width: 41.666666%; /* 500px:1200px */
		padding: 0 2%;
		background-color: #f4f4f4;
		float: left;
		border-right: 1px dotted black;
		margin-top: 0px;
		}
		
#col_1 img{
	max-width: 100%;
	margin: .5em 0 .5em 0;
	}
		
#col_2 {width: 31.91666%; /* 383px:1200px */
		padding-right: .5%;
		background-color: #f4f4f4;
		float: right;
		border: none;
		margin-top:0;
		/*margin-left: 1.5%;*/
		}
			
#col_2 img{
	max-width: 100%;
	border: .5em solid white;
	margin-top: 20px;
}

.zerotop {margin-top: 0;}


#copyright, #copyright_n {
	margin-bottom: 20px;
}

h1 {
	font: normal 300 125% "Segoe UI", sans-serif;
	color: white;
	background-color: #505050;
	letter-spacing: 2px;
	word-spacing: 3px;
	text-align: center;
	padding: 1%;
 /* context = header */
	border-radius: 2px;
}

h2 {
	font: normal 400 150% "Segoe UI", sans-serif;
	color: #000;
	padding: 0 0;
	margin: 20px 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #505050;
}

.h2-h4 {font: italic 100 70% "Segoe UI", sans-serif;
		line-height: 90%;}

h3 {
	font-family: "Segoe UI", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 100%;
	color: #505050;
	margin-top: 1.5em;
	margin-bottom: .5em;
	padding: .4em;
	background-color: #D3D3D3;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	overflow: hidden;
}

.h3top {margin-top: 0;}

.title {font-weight: 900;}

h4 {font: italic 400 90% ""Segoe UI", sans-serif;
	letter-spacing: 1px;
	margin: -10px 0 10px 0;
	padding-bottom: 5px;
	}
	
.aboutsiteh4 {font: italic 600 100% "Segoe UI", sans-serif;
	letter-spacing: 0;
	color: black;
	margin: 0 0 5px 0;
	padding-bottom: 0;
	}
	
.place-date {font: italic 400 76% "Segoe UI", sans-serif;
	margin: -10px 0 10px 0;
	padding-bottom: 5px;
	}

.clickme {margin-top: 0; font-size: 125%; font-weight: normal; background-color: #e7e7e7; border-color: #e7e7e7; cursor: pointer;}
 
.noclick {cursor: default;}

/* Table styles ---------------------------------------------------------- */

.cvtable {
	background-color: #f4f4f4;
	width: 100%;
	padding: 1%;
	margin: 1%;
	float: left;
	font-size: 90%
}
col.c1 { width: 17%;}
col.c2 { width: 3%; }
col.c3 { width: 75%; }

.tableheading {
	font-size: 110%;
	color: #505050;
	font-weight: 600;
	padding: 1em 0 .3em 1.3em;
	border-bottom: 1px solid #505050;
}
td { font-size: 100%; }

th {
	font-size: 70%;
	font-weight: normal;
	line-height: 150%;
	border: 1px solid black;
	padding: 10px 0;
	background-color: #CCC;
}

td {border-bottom: 1px dotted #505050; padding: 2px 0;}

.year {
	padding-left: 3px;
	text-align: right;
}
.text {
	width: auto;

	text-align: left;
}
.pricetable {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	margin: 25px 0 15px 0;
	text-align: center;
	font-size: 90%;
}

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.pricetable td, tr { border: 1px solid black; }
.pricetable td { padding: 4px 0; }
.rowheading {
	background-color: #d3d3d3;
	font-family: "Segoe UI", sans-serif;
}

#next {overflow:hidden; margin: 10px 0 -10px 0; display: block;}
#next p   {float: left; padding: 2px; margin-left: 5px;}
#next p~p {float: left;padding: 2px; margin-left: 30px;}

#thumbs, #thumbs2 { margin-top: 20px;}

#thumbs img, #thumbs2 img {
	border: 5px solid white;
	margin-bottom: 5px;
	max-width: 100%;
	max-height: 100%;
}
#col_0 #thumbs li, #col_0 #thumbs2 li {
	max-width: 155px;
	float: left;
	margin: 0 1.5% 20px 0;
	text-align: center;
	font-size: 76%;
	font-weight: 400;
	color: #505050;
	list-style:none;
}

.lineheight {line-height: 200%;}

.box {margin-bottom: 20px; overflow: hidden;}
.box p {width: 45%; float: left; margin-top: 10px;}
.box p~p {width: 48%; float: right; margin: 10px 0 0 3%;}
.showhide {margin:.5% 1em 0 0; float:right; font-family: inherit; background-color:#e7e7e7;}
.details-margin {margin-top: -1.5%}

img { max-width: 100%; }

.clear {clear: both;}

.h3first { margin-top: 0; }

#col_2 img, #col_2n img {
	max-width: 100%;
	border: .5em solid white;
	margin-top: 20px;
}
.caption { font-size: 76%; text-indent: 3%; }
.caption-tut {font-size: 76%; margin-top:-10px; margin-bottom: 25px;}

.abigimage-img {
    border: 20px solid white;
    border-bottom: 25px solid white;
}

.rephoto {
	width: 130%;
	margin: 20px 0 0 0;
	overflow: hidden;}
	
.rephoto li {
	max-width: 200px;
	/*height: 14em;*/
	float: left;
	margin: 0 .5em 20px 0;
	text-align: left;
	font-size: 76%;
	font-weight: 400;
	color: #505050;
	list-style:none;
}

/* End Table styles ------------------------------------------------------- */

@media screen and (max-width: 2000px) {
	#language {margin: 20px 0 0 20%;}
	#col_0 {width: 77%;}
	#col_2 {width: 38%;}
}

@media screen and (max-width: 1100px) {
	#language {margin: 20px 0 0 22%;}
	#col_1 {width: 40%;}
	#col_2 {width: 36%;}
}

@media screen and (max-width: 900px) {
	 #language {margin: 20px 0 0 27%;}
	 p	{font-size: 90%;}
	 h1 {font-size: 100%;}
	 h3 {font-size: 90%;}
	 #col_0 {width: 73%;}
	 #col_1 {width: 40%;}
	 #col_2 {width: 34%;}
	 .rephoto {width: 100%;}
}

@media screen and (max-width:760px) {
	 #language {margin: 20px 0 0 30%;}
	 p	{font-size: 90%;}
	 h1 {font-size: 100%;}
	 h3 {font-size: 80%;}
	 #col_0 {width: 65%;}
	 #col_1 {width: 38%;}
	 #col_2 {width: 32%;}
	 nav {margin: 20px 0 0 14em;}
}

@media screen and (max-width:640px) {
	 header {width: 95%;}
	 #language {margin: 20px 0 0 1%;}
	 p, ol	{font-size: 100%; padding: 5px 3%;}
	 h1 {font-size: 100%; padding: 3%;}
	 h3 {margin: 0; font-size: 100%;}
	 #en2 {margin-right: 1em;}
	 #col_0 {width: 95%;}
	 .box {display:none}
	 #col_1 {display:table-footer-group; width: 100%; float: none;}
	 #col_2 {display:table-header-group; width: 100%; float: none;}
	 #col_2 img, #col_2 p {margin-left: 3%;}
	 #col_2 img {text-align: center; max-width: 80%; margin-left: 9%;}
	 .caption {font-size: 90%; text-indent: 5%;}
	 #fullwidth {margin: 0 3%;}
	 .extraspacebelow {margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed black;}
	 #menu {display:none;}
	.slicknav_menu {display:block; width:95%; font-weight: bold; margin: 0 auto;}
	.abigimage-img {border: 10px solid white; border-bottom: 12px solid white;}
	#next {display: block;}
    
}