@media only screen and (min-width: 760px) {
#wrapper {
	width: 98.75%;
	max-width: 959px;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	margin-left:0.5%;
	margin-top:5px;
	border:1px solid #550000;
}
#logokl {
	display:none;	
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	width: 24.0506%;
	display: block;
	text-align:center;
	background-color:#550000;
}
#open, #close {
		display:none;
	}

.logofooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
	text-align:center;
	background-color:#550000;
}

.subnav {display:block;}

#subnavi {margin:0;float:left;width:54%;text-align:right;margin-left:150px;border:0px solid red; }
#subnavi ul{float:right;}
#subnavi li{float:left;}
#subnavi ul li a {
	float: left;
	font-size: 0.95em;
	padding:0.7em 0.2em 0.8em 0.2em;
	
}	
#offcanvas {
		display:none;
		}
#subnavibo {display:none;}
#piranesi {
	clear: both;
	float: left;
	margin-top:2px;
	margin-left: 0.2%;
	margin-right: 0.2%;
	width: 24.0506%;
	width: 23.6506%;
	display: block;
	text-align:center;
	overflow:hidden;
}
.piranesitext {display:block;}
#headpic {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 74.6835%;
	display: block;
	margin-top:0.0em;
}
#headpicbo {
	display:none;
}
#maincontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image:url(content_bg.png);
	background-size:contain;
	border-bottom:none;
	
	
}
h1 {font-size:1.2em;
margin:1.5em 0em 1.5em 0em;
}
p {font-size:0.80em; line-height:1.4em;
margin:1em 0em 1em 0em;
}
#article {
	clear: none;
	float: left;
	margin-left: 0.0%;
	width: 75.8%;
	display: block;
	min-height:600px;
	}
	
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:0;
}

/*Aenderung für englische Navigation*/
#nav {display:block;width:75.4%;float:left;margin-top:1%;margin-bottom:0;}
#nav ul{;margin-top:0em;margin-bottom:0;margin-left: 1.0%;width:100%;border:0px solid red;}
#nav  ul ul { margin-top:7px;}	
.sf-menu li a{font-size:0.8em;text-transform:uppercase;padding: 0.6em  0.3em  0.1em 0.3em;
}
.sf-menu ul li ul li a{color:red;font-size:0.8em;text-transform:uppercase;padding: 0.6em  0.3em  0.1em 0.3em;
}



.content {
	clear: none;
	float: left;
	margin-left: 2%;
	margin-right: 0;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	
}

.contentfoot {	
	width: 74%; margin-left:1%;margin-top:1.5em;border:0px solid red;	
}
#footer .contentfoot ul li {  font-size:0.75em;margin-right:0.1em;border:0px solid red;}
}

@media only screen and (min-width: 960px) {
#wrapper {
	width:98%;
	max-width: 999px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	margin-right: 0;
	margin-left:0.8%;
	margin-top:5px;
	border:1px solid #550000;	
}

#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position:relative;
	margin-bottom:0px;
	border-bottom:  double #550000;
}

#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
	width:228px;
	border:none;
	}
	
.logofooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 24.0506%;
	display: block;
	width:228px;
	border:none;
	}	
#subnavi {margin-left:170px;border:0px solid red;text-align:right; }

#headpic {
	clear: none;
	float: left;
	margin-left: 1.2658%;
	width: 73%;
	display: block;
	border:0px solid red;
	margin-top:0.7em;
}
#nav {width:75.2%;float:left;margin-top:1.0em;margin-bottom:0;}
#nav ul {width:100%;float:left;margin-top:0em;margin-bottom:0;}
#nav ul{margin-left: 0.9%;width:100%;}
#nav  ul ul { margin-top:4px;}	

.sf-menu li a{font-size:0.80rem;text-transform:uppercase;padding: 0.6em  0.5em  0.0em 0.50em;}



#piranesi {
	margin-left:2px;
	margin-right: 2px;	
margin-top: 2px;
	width: 224px;
	
}
.pirasize {width:222px;}
#maincontent {
	background-image:url(content_bg.png);
	background-size:contain;
}
#article {
	clear: none;
	float: left;
	margin-left: 0;
	width: 75.0%;
	min-height:500px;
	display: block;
	border-right:0px solid green;
	
}
.content {
	clear: none;
	float: left;
	margin-left: 2%;
	
	margin-right: 5%;
	display: block;
}
#footer {	
	margin-top: 0px;
	}
.contentfoot {	
	margin-left:1%;width:74.0%;text-align:left;;margin-top:2.0em;	
}
.contentfoot ul {text-align:left;margin-left:0;padding-left:0}
#footer .contentfoot ul li {;display:inline;color:#550000; font-size:0.9em;margin-right:0.7em;}
.contentfoot ul li:last-child  {margin-right:0em;}

}
@media only screen and (min-width: 1000px) {
	#wrapper {
	width:98%;
	max-width: 1129px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	margin-right: 0;
	margin-left:0.8%;
	margin-top:5px;
	border:1px solid #550000;	
}
	#nav {width:75.9%;float:left;margin-top:1.0em;margin-bottom:0;}
#nav ul {width:100%;float:left;margin-top:0em;margin-bottom:0;}
#nav ul{margin-left: 0.9%;width:100%;}
#nav  ul ul { margin-top:4px;}	

.sf-menu li a{font-size:0.85rem;text-transform:uppercase;padding: 0.6em  0.3em  0.0em 0.3em;}

}
@media only screen and (min-width: 1130px) {
#wrapper{
	width:95%;
	max-width: 1199px;
	margin-left:4.5%;
}
#headpic {	
	margin-left: 3%;margin-top:0.7em;
	}
#nav {width:76.9%;margin-top:1.1em;}
#nav ul {margin-left: 3%;width:100%;}
#nav  ul ul { margin-top:4px;}		

.sf-menu li a{font-size:0.85em;text-transform:uppercase;padding: 0.6em  0.7em  0.0em 0.7em;}

.sf-menuf a {
		padding: 0.3em  0.8em 0.3em 0em;	
}
#article {	
	width: 77%;	
	}
.content {	
	margin-left: 3%;
	margin-right: 12%;	
}
.contentfoot {	
	margin-left: 2.2%;margin-top:2em;text-align:left;	
}
#footer .contentfoot ul li { font-size:0.95em;}	
}

@media only screen and (min-width: 1200px) {
#wrapper {
	width:90%;
	max-width: 1399px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	margin-top:5px;
	margin-right: 0;
	margin-left:8%;
}
#headpic {	
	margin-left: 4.5%;
	widthd: 74%;
	}
#nav ul {margin-left: 4.5%;width:70%;}	
#nav ul {margin-left: 5.0%;width:100%;}	
.sf-menu a {
		padding: 0.3%  1.3em 0.3em 0em;	
}
#head {
	clear: none;
	float: left;
	margin-left:5%;
	width: 710px;
	display: block;
}
#article {
		width: 78%;
		}
		
.content {	
	margin-left: 5.5%;
	margin-right: 13%;	
}		
.contentfoot {	
	margin-left: 4%;margin-top:2em;	
}

#footer .contentfoot ul li { margin-right:1.1em;}	
		
}

@media only screen and (min-width: 1400px) {
#wrapper {
	width: 85%;
	max-width: 1649px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	margin-top:5px;
	margin-right:0px;
	margin-left:14%;
}

#head {
	clear: none;
	float: left;
	margin-left:5%;
	width: 730px;
	display: block;
}

#headpic {	
	margin-left: 5%;
	}
#nav ul {margin-left: 5.8%;width:100%;}


#article {
	margin-left:0;
		width: 78%;
		}

.content {	
	margin-left: 7%;
	margin-right:20%;	
}	
#footer .contentfoot ul li {margin-right:1.5em;}			
.contentfoot {	
	margin-left: 5.5%;
}
}
@media only screen and (min-width: 1650px) {
#wrapper {
	width: 81%;
	max-width: 1920px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	margin-top:5px;
	margin-right:0px;
	margin-left:18%;
}

#head {
	clear: none;
	float: left;
	margin-left:5%;
	width: 730px;
	display: block;
}

#headpic {	
	margin-left: 5%;
	}
#nav ul {margin-left: 6.1%;width:100%;}
.sf-menu li a{font-size:0.85em;text-transform:uppercase;padding: 0.6em  0.8em  0.0em 0.8em;}

#article {
	margin-left:0;
		width: 78%;
		}

.content {	
	margin-left: 7%;
	margin-right:24%;	
}	
#footer .contentfoot ul li {margin-right:1.5em;}			
.contentfoot {	
	margin-left: 5.5%;
}
}