html, body {
	margin:0;
	padding:0;
}
body{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	background-color: #323232;
	color: #444;
	font-size: 100.01%;
}
a, a:link, a:visited { color: #444;
text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #000;
}


h1, h2  {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	margin: 0;
	font-style: italic;
}
h1{
	text-align: right;
	width: 312px;}


blockquote {
	text-align: left;
	margin: 16px 0 0 0;
	padding: 0;
	font-size: 13px;
	font-style: italic;
	
}
div#page {
	width: 850px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	padding: 0 
}
div#container {
	margin-top: 10px;
	padding: 0;
}
img.headline {
   padding: 6px 0 5px 0;
   margin: 0;
   border: 0;

}
img.headline_vita {
   padding: 8px 0 5px 237px;
   margin: 0;
   border: 0;

}

div.text {
	margin-left: 336px;
	/*padding-bottom: 51px;*/
	
}


div.vita {
	margin-left: 336px;
	padding-bottom: 20px;
	
}

div.text p, p {
   font-size: 12px;	
   line-height: 18px;
   margin: 12px 0 0 0;
}

div.text p.br, br {
	font-size: 12px;	
	margin: 0 0 0 8px
}
div.text p.copy {
	/*padding:18px 0 19px 0 */
	padding: 9px 0 0 0
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 10px 0 40px;
	text-align: center;
	font-size: 12px
}

/* Menue */
/* Menue */




#menue {
  position: relative;
  left: 336px;
  width: 475px;
  }

#menue ul {
  list-style: none;
  padding: 0;
  margin: 0.3em 0 1.7em 0; /*margin und padding left muss 0*/
}

#menue li {
  display: inline;
  margin-right: 13px;
  color: #000;
  font-style:italic;
  font-size: 15px;
  font-weight: bold
}
#menue li a {
  text-decoration: none;	
}
#menue li.active a {color: #E63300}
#menue li a img {
	border: 0;
}
a.impressum, a.impressum:link, a.impressum:visited {
 text-decoration: none;	
 color: #777;
}

a.impressum:focus, a.impressum:hover, a.impressum:active {
	color: #777;
	text-decoration: underline
}
.datenschutz {
	max-width: 510px;
	/*margin-top: 90px;*/
	padding: 0 10px 0 0;
	height: 300px;
    overflow: auto;
   /* margin: 40px auto;*/
  }
.strong {font-weight: bold}
.mediengestaltung {
	max-width: 510px;
	/*margin-top: 90px;*/
	padding: 0 10px 0 0;
	height: 360px;
    overflow: auto;
   /* margin: 40px auto;*/
   /*scrollbar-color:#444 #E63300;
   scrollbar-width: thin;*/}
   
.datenschutz h4  {
	text-align: left;
	margin: 2px 0;
	font-size: 13px;
	font-weight: bold;
	font-style: italic
	}
	.mediengestaltung h4 {
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
	color: #E63300}

.datenschutz ul, .mediengestaltung ul {position: relative;
      top: 0;
      left: 0;
      /*list-style: none;*/
	  padding: 0 0 2px 20px;
	  margin: 0;
	  
}
.datenschutz ul li, .mediengestaltung ul li {
line-height: 18px;
font-size: 12px;
/*padding-left: 8px;*/

}
/*div.2cols {display: flex}
*/div.intro {
	float: left;
	width: 290px;
	/*padding: 10px; */
	padding: 0 5px 0 40px; 

	}
div.mediengestaltung {
	margin-left: 10px
	}
	.mediengestaltung p {
		margin: 0;
		padding: 8px 0}
	

ul.medienliste {
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left:12px
}

 ul.medienliste li{
	padding-left: 0; 
    list-style-position: inside; 
	list-style: "\279c\00A0" !important;
	margin-left: 0 !important;
	/*list-style-position: outside;
list-style-image: none;
list-style-type: "→ ";*/
}
ul.medien li{
	margin-left: 15px; 
    list-style-position: inside; 
	list-style: "\279c\00A0" !important;
	/*list-style-position: outside;
list-style-image: none;
list-style-type: "→ ";*/
}

 ul.medienliste li::marker, .intro ul li::marker {color: #E63300}
 .intro h2 {color: #E63300;
 	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	font-weight: bold;
	margin: 0;
	font-style: italic;; 
	}
	.intro h5 {
 	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0; 
	}
.intro ul {
	font-size: 12px;
	line-height: 20px;
	padding-left: 0;
	list-style-position:inside}