@charset "utf-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}
body {background:#fffff0;}
h1 {font-size:1.4em; font-weight:normal;
margin:1.5em 0em 1.5em 0em;
}
h2.ani1 {font-size:0.9em;font-weight:normal;}
.ani { opacity: 0;
	filter: alpha(opacity = 0); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 0)"; /* ab IE 8 zusätzlich möglich *
	/ opacity: .75; /* alle anderen Browser einschließlich IE 9 */
		font-size:1.4em;
margin:0.8em 0em 0em 0em;
}

h2 {font-size: 1.125em;font-weight:normal;margin:1.5em 0em 1.5em 0em;}

h3 {font-size: 1.0625em;font-weight:normal;margin: 1em 0em 1em 0em;}


.back,.startlinks,.logo,.logo1, .focus,.kom1, .kom2, .kom3 { opacity: 0;
	filter: alpha(opacity = 0); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 0)"; /* ab IE 8 zusätzlich möglich *
	/ opacity: .75; /* alle anderen Browser einschließlich IE 9 */
	margin:0;
}
#wrapper1 {position:absolute;padding:0;margin:0 auto;background:#550000;z-index:20;width:98%;left:1%;
}
.test { opacity: 0;
	filter: alpha(opacity = 0); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 0)"; /* ab IE 8 zusätzlich möglich *
	/ opacity: .75; /* alle anderen Browser einschließlich IE 9 */
		font-size:1.4em;
margin:0.8em 0em 0em 0em;
}
.ani1 { opacity: 0;
	filter: alpha(opacity = 0); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 0)"; /* ab IE 8 zusätzlich möglich *
	/ opacity: .75; /* alle anderen Browser einschließlich IE 9 */
		font-size0:1.0em;
margin:1.1em 0em 1.5em 0em;
}

.ani2 { opacity: 0;
	filter: alpha(opacity = 0); /* IE 6, 7, 8 */ 
	-ms-filter: "alpha(opacity = 0)"; /* ab IE 8 zusätzlich möglich *
	/ opacity: .75; /* alle anderen Browser einschließlich IE 9 */
}

p {font-size:0.7em; line-height:1.2em;
margin:1em 0em 1em 0em;
}
div#anfahrttext p {margin-left:3%;}
#start1, #start2,#start3 {margin-left:10%;text-align:left;margin-right:2%;}
.komani {text-align:center;margin-top:1em;}
#subnavi {float:left;width:53%;text-align:right;}
#subnavi ul {margin-top:0em;}
#subnavi ul li {display:inline;color:#550000; font-size:0.85em;margin-top:1.8em;}
#subnavi ul li a{color:#550000;padding-right:0.4em;}

/*#nav ul {width:100%;float:left;border:1px solid red;margin-top:1.2em;margin-top:0;margin-bottom:0;}
#nav ul li {display:inline;color:#550000;}
#nav ul li a{font-size:0.90em;text-transform:uppercase;margin-right:1.5em;}
#nav ul li a:hover{color:#640c0c}
#nav ul li:last-child a{margin-right:0em;}*/

#piranesi p {padding:0 0.3em 0 0.6em}
.piramargin {float:left;margin-right:10px;}
.pira {float:left}
.logofooter{float:left;}
.contentfoot {float:left;min-width:60%;}
#footer .contentfoot ul {margin-top:3em;list-style:none; }
#footer .contentfoot ul li {display:inline;color:#550000; margin-top:1.95em; font-size:0.9em;margin-right:1em;}
.contentfoot ul li:last-child  {margin-right:0em;}

/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		16;
	dw-num-cols-desktop:	16;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. */

#container {
    height:100%;
    min-height:100%;
    overflow-x:hidden;
    overflow-y:auto; /* for IE8 */
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	width: 98.36%;
	padding-left:0.625%;
	padding-right:0.625%;
	background:#fffff0;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	text-align:center;
	background-color:#550000;
	display:none;	
}
#logokl {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	text-align:center;
	background-color:#550000;
}
#logo320 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	text-align:center;
	background-color#550000;
}



#piranesi {
	clear: both;
	float: left;
	margin-left: 0;
	widthj: 100%;
	display: none;
	text-align7:center;
	font-size:0.9em;
	color:#550000;
}

#piranesi p {
	text-align:left;
	font-size:0.85em;
	line-height:1.2em;	
	color:#550000;
}
#headpic {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
	margin-top: 1.5em;
}
#headpicbo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -0.5em;
}
#maincontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:10px;
	display: block;
	border:0px solid red;
	min-height7:50em;
	height:auto;
	border-bottom:  double #550000;
	
}
#article {
	clear: both;	
	float: left;	
	margin-left: 0;
	margin-right: 0;	
	width:100%;
	display: block;
	background:#550000;	
}
.content {
	clear: none;
	float: left;
	margin-left:2%;
	margin-right: 2%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-bottom: double #550000;
}
#subnavi1 ul {margin-top:0em;;border:1px solid green;}
#subnavi1 ul li {display:inline;color:#550000; font-size:0.80em;margin-top:1.8em;border:1px solid black;}
#subnavi1 {float:left;width:100%;text-align:left;border:1px solid red;margin-bottom:0;}
#subnavig,#subnavibo ul {margin-top:0em;;border:0px solid green;}
#subnavig,#subnavibo ul li {display:inline;color:#550000; fon4t-size:0.70em;margin-top:1.8em;border:0px solid black;}
#subnavig,#subnavibo {float:left;width:100%;text-align:left;border:0px solid red;margin-bottom:0;}

#subnavibo {float:left;width:100%;text-align:left;border:0px solid red;margin-bottom:0;}
#subnavibo ul {margin-top:1em;;border:0px solid green;}
#subnavibo ul li {display:inline;}
#subnavibo ul li a {display:inline;color:#550000; font-size:0.95em;padding:0.8em 0em;}
#picprofil {width:99%;px;margin-top:2em;}

/*#nav ul {width:100%;float:left;border:0px solid red;margin-top:0.2em;margin-bottom:0;}
#nav ul li a{font-size:0.80em;text-transform:uppercase;margin-right:0.25em;}
*/

#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	border-top:  double #550000;
}
.logofooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align:center;
	background-color:#550000;
}
.logofooter {display:none;}
h1 {font-size:0.8em;
margin:1.0em 0em 1.0em 0em;
}
/* off canvas area */
#offcanvasd {
	display:none;
	overflow:hidden;
	position:fixed;
	top:0;
	left:3px;
	min-height:100%;
	width:60%;
	background:#3333332;
	font-size:16px;
	font-size:0.9rem;
	overflow:auto;
}

/* off canvas menu */
#offcanvasg nav ul {
	border-bottom:1px solid rgb(72,72,72);
}

#offcanvasg nav ul li {
	border-bottom:1px solid rgb(36,36,36);
	padding:0 5%;
}

#offcanvasg nav ul li + li {
	border-top:1px solid rgb(72,72,72);
}

#offcanvasg nav ul li a {
	display:block;
	color:rgb(200,200,200);
	text-decoration:none;
	height:49px;
	line-height:20px;
	font-size:1.0em;
}

/* off canvas area */
#offcanvas {
	display:none;
	overflow:auto;
	position:fixed;
        
	top:3px;
	left:3px;
	height:600px;
        heightg:auto;
	width:70%;
	background:#3333332;
	font-sizeg:18px;
	font-sizeg:1.8rem;
}

/* off canvas menu */
#offcanvash nav ul {
	border-bottom:1px solid rgb(72,72,72);
}

#offcanvash nav ul li {
	border-bottom:1px solid rgb(36,36,36);
	padding:0 5%;
width:60%;
}
#offcanvas nav ul li {
	borderh-bottom:1px solid rgb(36,36,36);
	padding:0 0%;
width:70%;
}
#offcanvas nav ul li + li {
	border-top:0px solid rgb(72,72,72);
width:100%;
width:70%;

}

#offcanvas nav ul li a {
	display:block;
	colore:rgb(200,200,200);
	text-decoration:none;
	min-height:20px;
width:70%;
        padding:5px 40px 5px 5px;
		padding:9px 40px 5px 5px;
		
	line-height:17px;
	font-size:15px;
border-top:1px solid rgb(72,72,72);
}

#offcanvas nav ul li ul li a {
	-webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
	display:block;
	text-decoration:none;
	min-height:20px;
	 width:100%;   
      padding:5px 20px 5px 15px;
	  padding:9px 20px 5px 15px;
	line-height:17px;
	font-size:14px;
}



/* mobile menu buttons */
#ope1n,
#close1
 {
	font-size:22px;
	font-size:2.2rem;
	color:white;
	text-decoration:none;
	padding:0px 15px;
	height:50px;
	line-height:50px;
	display:none4;
	}
.piranesitextgr {width:100%;}

@media only screen and (max-width: 480px) {
	#wrapper {
	width: 98.75%;
	padding-left:0;
	padding-right:0;
	margin-top: 0.625%;
	margin-left: 0.625%;
	padding-right: 0.625%;
	position:relative;
	background:white;
	min-height:100%;
	background:#fffff0;
}
	#open {
		display:block;
	}
	
	#close {
		display:none;
	}
  
  
	/* make offcanvas visible */
	#offcanvas {
		display:block;
		
	}
	#offcanvask nav ul {
	border-bottom:0px solid rgb(72,72,72);
}

#offcanvasf nav ul li {
	border-bottom:0px solid /*rgb(36,36,36)*/red;
	padding:0 5%;
}

#offcanvasf nav ul li + li {
	border-top:1px solid rgb(72,72,72);
}

#offcanvasf nav ul li a {
	display:block;
	color:#550000;
	text-decoration:none;
	height:auto;
	padding:3% 0%;
	line-height:1.3em;
	font-size:1.1em;
	border-bottom:0px solid /*rgb(36,36,36)*/red;
}
#offcanvasf nav ul li ul li a {
	display:block;
	color:#550000;
	text-decoration:none;
	height:auto;
	padding:2% 0%;
	line-height:1.3em;
	font-size:1.0em;
	border-bottom:0px solid /*rgb(36,36,36)*/red;
}



	/* assign transitions to wrapper */
	#wrapper {
		transition:transform 0.8s ease-in-out, ms-transform 0.8s ease-in-out; /* all others */
		-webkit-transition:-webkit-transform 0.8s ease-in-out; /* Safari and Chrome */
	}
    
     /* when offcanvas is selected, hide open menu button */
	#offcanvas:target + #offcanvas {
		display:block;
	}
	/* when offcanvas is selected, translate wrapper */
	#offcanvas:target + #wrapper {
		        transform:translateX(55%);
		     ms-transform:translateX(55%); /* IE 9 */
		-webkit-transform:translateX(55%); /* Safari and Chrome */
		box-shadow:0px 0px 20px 0px rgba(0,0,0,0.65);
	}

	/* when offcanvas is selected, hide open menu button */
	#offcanvas:target + #wrapper #open {
		display:none;
	}

	/* when offcanvas is selected, show close menu button */
	#offcanvas:target + #wrapper #close {
		display:block;
	}
	
	#menu-button {
        font-size:30px; /* Change to alter button size */
        font-family:verdana !important;
        font-weight:normal !important;
        font-style:normal !important;
        height:0.9em;
        width:0.9em;
        background:#777;
		background:#2d2c2c;
        cursor:pointer;
        position:relative; /* Also works with absolute */
        border:0.05em solid #2d2c2c;
		margin-top:-0.1em;
}

#menu-button:after {
        content:'\2261';
        color:#fff;
        position:absolute;
        top:0.4em;
        left:0.036em;
		left:0em;
        line-height:0em;
}

#menu-button:active {
        top:0px;
        left:0px;
}
	
	
	#nav {display:none;}

#subnavibo {text-align:center;}
 #subnavi {margin-left: 1%;float:left;width:98%;border:0px solid red;margin-bottom:15px;}
#subnavi ul li {float:left;font-size:0.80em;margin-top:0;border:0px solid black;}
#subnavi ul li a{float:left;font-size:1.0rem;padding:0.8em 0.4em 0em 0em;margin-top:0;border:0px solid black;}	
.weg {display:none;}
.anzeigen {display:inline;}
p {font-size:0.95em; line-height:1.3em;
margin:1em 0em 1em 0em;
}

.content p {text-align:justify;}
.contentfoot {	
	margin-left: 1%;margin-top:0.9em;	
}
#footer .contentfoot ul { margin:0em;}
#footer .contentfoot ul li { margin-top:0em; font-size:0.95em;margin-right:0.1em;}
#footer {background:#fffff0;
}

#headpicbo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin: 0.6em 0em;
	text-align:center;
}
.focusbild {position:relative;margin-top:-5em;border:0px solid white;max-width:100%;}
.startflex {background:none;border:0px solid white;width:100%;margin-top:3.5em;}
.startcontent {margin-left:1%;}
.profiltext {width:98%;margin-left:1%;text-align:justify;}

}

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
	
	
		#menu-button {
        font-size:30px; /* Change to alter button size */
        font-family:verdana !important;
        font-weight:normal !important;
        font-style:normal !important;
        height:0.9em;
        width:0.9em;
        background:#777;
		background:#2d2c2c;
        cursor:pointer;
        position:relative; /* Also works with absolute */
        border:0.05em solid #2d2c2c;
		margin-top:-0.1em;
}

#menu-button:after {
        content:'\2261';
        color:#fff;
        position:absolute;
        top:0.4em;
        left:0.036em;
		left:0em;
        line-height:0em;
}

#menu-button:active {
        top:0px;
        left:0px;
}
	
	
	#wrapper {
	width: 98.75%;
	padding-left:0;
	padding-right:0;
	margin-top: 0.625%;
	margin-left: 0.625%;
	position:relative;
	min-height:100%;
	background:#fffff0;
}
	#open {
		display:block;
	}
	
	#close {
		display:none;
	}
  
  
	/* make offcanvas visible */
	#offcanvas {
		display:block;
		
	}

#offcanvas {
		
	position:fixed;
    top:5px;
	left:5px;       
	width:50%;
	background:#3333332;
	font-sizeg:18px;
	font-sizeg:1.8rem;
	
}

#offcanvas .sf-menu {
	 min-height:800px;
	overflow:scroll;
	
}
	/* assign transitions to wrapper */
	#wrapper {
		transition:transform 0.8s ease-in-out, ms-transform 0.8s ease-in-out; /* all others */
		-webkit-transition:-webkit-transform 0.8s ease-in-out; /* Safari and Chrome */
	}
    
     /* when offcanvas is selected, hide open menu button */
	#offcanvas:target + #offcanvas {
		display:none;
	}
	/* when offcanvas is selected, translate wrapper */
	#offcanvas:target + #wrapper {
		        transform:translateX(50%);
		     ms-transform:translateX(50%); /* IE 9 */
		-webkit-transform:translateX(50%); /* Safari and Chrome */
		box-shadow:0px 0px 20px 0px rgba(0,0,0,0.65);
	}

	/* when offcanvas is selected, hide open menu button */
	#offcanvas:target + #wrapper #open {
		display:none;
	}

	/* when offcanvas is selected, show close menu button */
	#offcanvas:target + #wrapper #close {
		display:block;
	}
	
	#offcanvasd nav ul {
	border-bottom:0px solid rgb(72,72,72);
}

#offcanvasd nav ul li {
	border-bottom:0px solid /*rgb(36,36,36)*/red;
	padding:0 5%;
}

#offcanvasd nav ul li + li {
	border-top:1px solid rgb(72,72,72);
}

#offcanvasd nav ul li a {
	display:block;
	color:#550000;
	text-decoration:none;
	height:auto;
	padding:3% 0%;
	line-height:1.3em;
	font-size:1.1em;
	border-bottom:0px solid /*rgb(36,36,36)*/red;
}
#offcanvasd nav ul li ul li a {
	display:block;
	color:#550000;
	text-decoration:none;
	height:auto;
	padding:2% 0%;
	line-height:1.3em;
	font-size:1.0em;
	border-bottom:0px solid /*rgb(36,36,36)*/red;
}

.anzeigen {display7:inline;}
.gridContainer {
	width: 98.75%;
	padding-left:0;
	padding-right:0;
	margin-left: 0.625%;
	paddingf-right: 0.625%;
	border:1px solid #550000;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom:3px;
}
#logo320 {	
}

#subnavibo {text-align:center;}

#subnavi {margin-left: 1%;float:left;width:98%;margin:0.7em 0em 1.2em 0.2em;}
#subnavi ul li {
	float: left;
	font-size: 0.85em;
	margin-top: 0;
	border: 0px solid black;
}	
#subnavi ul li a {
	float: left;
	font-size: 1.0rem;
	margin-top: 0;
	padding-top:0.8em;
	padding-bottom: 0.6em;  
}	

.subnav {display:block;}
.weg {display:none;}
.kweg {display:block;}

.anzeigen {display:inline;}
#nav {display:none;}

/*#nav ul {width:100%;float:left;border:0px solid red;margin-top:0.2em;margin-bottom:0;}
#nav ul li a{font-size:0.80em;text-transform:uppercase;margin-right:0.25em;}
*/

#piranesi {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0;
	width: 25.7215%;
	display: block;
}
#maincontent {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;
	display: block;
	border-bottom:  double #550000;
	border-bottom:  none;
	min-height7:50em;
	height:auto;
}
#headpic {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	margin-top: -0.5em;
	display:none;
	
}

#maincontent {
	clear: both;
	float: left;
	margin-left: 0;
	margin-top:0.0em;
	width: 100%;
	display: block;	
	border-bottom:double #550000;
}
#article {
	clear: none;
	float: left;
	margin-left: 0.4%;
	width: 73.7726%;
	display: block;
	
}

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


h1 {font-size:1.0em;
margin:1.3em 0em 1.3em 0em;
}
p {font-size:0.75em; line-height:1.3em;
margin:1em 0em 1em 0em;
}
p {font-size:0.95em; line-height:1.3em;
margin:1em 0em 1em 0em;
}
.content p {text-align:justify;}

#headpicbo {
	display: block;margin:0.7em 0em;
	text-align:center;
}
.contentfoot { width:100%;	
	margin-top:0;padding:0;margin:0;
		
}
#footer .contentfoot ul {margin:0.5em 0em 0.5em 0em;list-style:none;
 }

#footer .contentfoot ul li { margin-top:0.95em; font-size:0.85em; }

#picprofil {width:85%;px;margin-top:2em;}
#piraslidegr {width:80%;margin-top:2em;}

div#subnavibo .carcerilink {display:none;}
.profiltext {width:95%;margin-left:3%;text-align:justify;}
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@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;
}
#wrapper1 {position:absolute;padding:0;margin:0 auto;background:#550000;z-index:20;
width:80%;left: 50%;
margin-left: -40%;}
#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;
}


#nav {display:block;width:75.4%;float:left;margin-top:1%;margin-bottom:0;border:0px solid green;}
#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;
}

.content p{
	
	margin-right: 2%;
	
}
#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;}

.responsiveContainer {
  float:left;
  margin-top: 1em;;
  margin-left: 1%;
  margin-right:2%;
  padding-bottom: 40%;
  width:50%;
  height:0; 
  overflow: visible;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
   height:100%;
  
}
#anfahrttext{float:left;width:43%;border:0px solid white;}
div#anfahrttext p {line-height:1.1em;}
.kartenlinkoben {display:none;}
#picprofil {width:358px;margin-top:2em;margin-left:5em;border:0px solid red;}
#piraslidegr {width:300px;margin-top:2em;margin-right:1em;border:0px solid red;}
.piranesitextgr {width:50%;margin-top:1.0em}
.piranesitextgr p {linfont-size:0.75em;text-align:left; margin-left:1em;}
#start1 {float:left;width:25%;margin-left:6%;text-align:left;}
#start2 {float:left;width:25%;text-align:left;margin-left:2em;}
#start3 {float:left;width:25%;text-align:left;margin-left:2em;}
.komani {text-align:center;margin-top:3em;}
.focusbild {position:relative;margin-top:-5em;border:0px solid white;max-width:500px;}
.startflex {background:none;border:0px solid white;width:100%;margin-top:3.5em;}
.startcontent {margin-left:15%;}
.profiltext {width:80%;margin-left:1%;
text-align:justify;}
}

@media only screen and (min-width: 960px) {
#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;	
}

#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%;float:left;margin-top:1.0em;margin-bottom:0;border:none;}
#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.90em;text-transform:uppercase;padding: 0.6em  0.7em  0.0em 0.65em;}



#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;}

#anfahrttext{float: right;width:43%;border:0px solid white;}
div#anfahrttext p {line-height:1.1em;}
.profiltext {width:80%;margin-left:1%;}
.startcontent {margin-left:20%;}

}

@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 {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.9em  0.0em 0.8em;}

.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;}	
.profiltext {width:75%;margin-left:1%;}
.startcontent {margin-left:25%;}
}

@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;}
.profiltext {width:65%;margin-left:1%;}	
		
}

@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%;
	.profiltext {width:55%;margin-left:1%;}	

}
@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%;}


#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%;
}
.piranesitextgr {width:55%;}
}