/*

    Responsive Style Sheet Definition for katrin-heydeck.de 2015/12/03

*/


/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v19-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


body {
    color: black;
    background-color: #fff;
    font-size: 100.01%;
    font-family: 'Roboto';
    margin: auto; padding: 1em 0;
    text-align: center; 
}

p { font-family: 'Roboto'; }

img {
	max-width: 100%;
	height: auto;
}


.rot{color: #B41621;}

.grau{color: #868577;}

.zitat{color:#000; font-size: 14px;}





 div#Blatt {

	width:935px; 

    margin-left: auto;

    margin-right: auto;

	text-align: left;    

    padding: 8px;

	border: 0.0px solid rgba(255,255,255,0.55); 

	border-radius: 0px;

 	-moz-border-radius: 0px;

 	-webkit-border-radius: 0px;

 background: rgba(255,255,255,1.0);

/* box-shadow: 2px 2px 2px #999;*/

  }



div#child

{

position: relative;
left: -9px;
bottom: -12px;
width: 955px;
background:rgba(255,255,255,0.0);

}



div#eml{

text align: left;
margin-top:-100px;
margin-left: 540px;
background:#fff;
color:#fff;
font-size: 12px;
vertical-align:text-middle;

}



a.toplink {

text-decoration:none;

font-size:1em;

 }



a.toplink:link    { color:#868577; }

a.toplink:visited { color:#868577;  }

a.footerlink:hover   { color:#B41621;  }

a.footerlink:active  { color:#B41621;  }





div#xi{

text align: left;

margin-top:-23px;

margin-left: 828px;

background:#fff;

color:#888;

font-size: 12px;

}



.footer {

color: #000;
font-size: 12px;
text-align: center;
 
}



#menunav {

	position: relative;
    margin-left: 23.2em;
	width: 650px;
    top:1.4em;
    padding: 0;

}



#menu {

	position: absolute;
	margin-left: 18em;
	width: 650px;
	top:4.1em;

}



#menu ul {

	position: absolute;

	margin: 0 auto;

	list-style: none;

}



#menu ul li {

	float: left;

	margin: 0 0 0 20px;

}





#menu ul ul {

	position: absolute;

	top: 10px;

	padding: 0;

	margin: 0;

}



#menu ul ul li {

	float: none;

	margin: 0;

}



#menu ul ul {

	top: -9999px;

}



#menu ul li:hover ul {

	top: 1px;

}





#menu h3 {

	font-size: 6px;

	color: #fff;

	padding: 10px;

	margin: 0;

	background: #999;

	line-height: 20px;

}



#menu ul {

	position: absolute;

	margin: 0 auto;

	list-style: none;

}



#menu ul li {

	float: left;

	margin: 0 0 0 20px;

	font-size: 14px;                

	line-height: 80px;

                  color: #B41621;

}



#menu ul li a {

	color: #999;

	text-decoration: none;	

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

	color: #B41621;

}



#menu ul li a:hover {

	color: #999;

}



#menu ul li img {

	float: left;

	width: 16px;

	height: 16px;

	margin: 14px 5px;

	padding: 6px;

	background: #999;

	-webkit-border-radius: 25px;

	-moz-border-radius: 25px;

	border-radius: 25px;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}



#menu ul li:hover img {

	background: #999;

}



#menu ul ul {

	position: absolute;

	top: -9999px;

	background: #fff;

	padding: 0;

	margin: 0 0 0 -5px;

	-webkit-box-shadow: 0 10px 15px #888;

	-moz-box-shadow: 0 10px 15px #888;

	box-shadow: 0 10px 15px #888;

}



#menu ul ul:before {

	position: absolute;

	content:"";

	width: 0px;

	height: 0px;

	top: -10px;

	left: 20px;

	background: #fff;



}



#menu ul li:hover ul {

	top: 55px;

background:#fff;

}



#menu ul ul li {

	float: none;

	font-size: 14px;

	padding: 5px 10px;

	text-align: left;

	background: #fff;

	margin: 0;

	border-bottom: 1px solid #ddd;

	line-height: 20px;

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	-o-transition: all .5s ease-in-out;

	-ms-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out;

}



#menu ul ul a {

	color: #333;

	text-decoration: none;

}



#menu ul ul li.all {

	font-size: 11px;

	border-bottom: none;

	text-transform: none;

	

}



#menu ul ul li:hover {

	background: #777;

	color: #fff;

}





  div#Logo {

    margin-top: 0.5em;

    margin-left: 0em;

    padding: 0 1em;

    border: 0px dashed #B41621;

color: #000;

  }


div#textbox

{
width: 100%;
	/* width: 935px; */
	margin-bottom: 1px;
	/* margin-bottom: 20px; */
   background: #fff;
	font-size: 14px;
	color:#333;
	float:left;
	
	}
	
	div#textboxfooter

{
width: 100%;
	/* width: 935px; */
	margin-bottom: 20px;
   background: #fff;
	font-size: 14px;
	color:#333;
text-align: center;
	
	}
	
div#textboxtopic

{
width: 100%;
/*
	width: 935px;*/
	margin-bottom: 2px;
   background: #fff;
	font-size: 14px;
	color:#333;
	float:left;
	
	}

 div#Inhalt {

    margin-top: 0.0em;
    margin-left: 0em;
    padding: 0 0em;
    border-bottom: 1px dashed #B41621;
    border-top: 1px dashed #B41621;
	color: #000;
	background:#fff;

  }
  
 
  div#Inhalt h1 {

    font-size: 18px;
	font-family: 'Roboto';
	color:   #B41621;
    font-weight: normal;
    

  }
  
  
  div#Inhalthp {

    margin-top: 5.0em;
    margin-left: 0em;
    padding: 0 1em;
    border-bottom: 1px dashed #B41621;
    border-top: 1px dashed #B41621;
	color: #000;
	background:#fff;

  }
  
 
  div#Inhalthp h1 {

    font-size: 18px;
	color:   #B41621;
    font-weight: normal;

  }
  
  
  div#Intro {

    margin-top: 4.0em;
    margin-left: 0em;
    padding: 0 1em;
    border-bottom: 1px dashed white;
    border-top: 1px dashed white;
	color: #000;

  }


  div#topic {

    margin-top: 25em;
    margin-left: 0em;
    padding: 0 1em;
    border-top: 1px dashed #B41621;
    border-bottom: 1px dashed #B41621;
	color: #000;
	background:#fff;

  }

  div#topic h1 {

    font-size: 18px;
	color:   #B41621;
    font-weight: normal;

  }


  div#topic1 {

    margin-top: 29em;
    margin-left: 0em;
    padding: 0 1em;
    border-top: 1px dashed #B41621;
    border-bottom: 1px dashed #B41621;
	color: #000;
	background:#fff;

  }

div#topic1 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }



  div#topic132 {

    margin-top: 32em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic132 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





div#topic131 {

    margin-top: 31em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic131 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





  div#topic1a {

    margin-top: 28em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic1a h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }



  div#topic2 {

    margin-top: 19em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic2 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





div#topic218 {

    margin-top: 18em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic218 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





  div#topic3 {

    margin-top: 17em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic3 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }

  div#topic4 {

    margin-top: 21em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }



div#topic4 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }



div#topic422 {

    margin-top: 22em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }



div#topic422 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





div#topic423 {

    margin-top: 23em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }



div#topic423 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





div#topic424 {

    margin-top: 24em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }



div#topic424 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





  div#topic5 {

    margin-top: 16em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;background:#fff;

  }

div#topic5 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }



  div#topic7 {

    margin-top: 14em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic7 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }





  div#Inhaltfooter {

    margin-top: 3em;

    margin-left: 0em;

    padding: 0 1em;



color: #000;

  }





  div#Inhalt h2 {

    font-size: 1.1em;

    margin: 0 0 1em;

  }

  div#Inhalt h6 {

    font-size: 0.75em;

    margin: 0 0 1em;

   font-weight: normal;

  }



  div#Inhalt p,

div#topic p,

div#topic1 p,

div#topic2 p,

div#topic3 p,

div#topic4 p,

div#topic5 p,

div#topic6 {

    font-size:16px;

    margin: 1em 0;

  }



  div#Inhaltfooter h6 {

    font-size: 0.75em;

    margin: 0 0 1em;

   font-weight: normal;

  }



  div#Inhaltfooter p {

    font-size:1em;
    margin: 10em 0;
    width="100%;

  }



	a.footerlink {

	text-decoration:none;

	font-size:1em;

 }



a.footerlink:link    { color:#000000; }

a.footerlink:visited { color:#000000;  }

a.footerlink:hover   { color:#B41621;  }

a.footerlink:active  { color:#B41621;  }





#spalte1 {

position absolute;

 padding: 0 1em;

margin-top: 2em;

margin-left: 0px;

width: 700px;

font-size: 14px;

color:#333;



}







div#textspalte_links,
div#textspalte_mitte

{

	width: 272px;
	margin: 20px 15px 0px 0px;
	margin-bottom: 20px;
    padding: 0 1em;
	font-size: 14px;
	color:#333;
	float:left;}

div#textspalte_doppelt

{

	width: 587px;
	margin: 20px 15px 0px 0px;
	margin-bottom: 20px;
    padding: 0 1em;
	font-size: 14px;
	color:#333;
	float:left;}
	
	div#textspalte_doppelt2

{

	width: 587px;
	margin: 20px 15px 0px 0px;
	margin-bottom: 20px;
	
    padding: 40 1em;
	font-size: 14px;
	color:#333;
	float:left;}

div#textspalte_rechts

{

	width: 272px;
	margin: 20px 5px 0px 0px;
	padding: 0 1em;
	font-size: 14px;
	color:#333;
	float:left;
	margin-bottom: 20px;}


div#main { border-radius: 18px; }

span.strand { unicode-bidi:bidi-override; direction: rtl; }

span.displaynone { display:none; }


	a.khlink {

	text-decoration:none;

	font-size:14px;

 }



a.khlink:link    { color:#B41621; text-decoration:underline;}

a.khlink:visited { color:#B41621;text-decoration:underline;  }

a.khlink:hover   { color:#999999;  }

a.khlink:active  { color:#999999;  }





	a.khlink3 {

	text-decoration:none;

	font-size:18px;

 }



a.khlink3:link    { color:#B41621; text-decoration:none;}

a.khlink3:visited { color:#B41621;text-decoration:none;  }

a.khlink3:hover   { color:#999999;  }

a.khlink3:active  { color:#999999;  }





	a.khlink2 {

	text-decoration:none;

	font-size:14px;

 }



a.khlink2:link    { color:#000; }

a.khlink2:visited { color:#000;  }

a.khlink2:hover   { color:#999999;  }

a.khlink2:active  { color:#999999;  }








 /* - Mediaqueries -----------------------------------------------
  
    ---------------------------------------------------------*/ 

    @media screen and (max-width:480px) {	
    	.showquery::before {
    		content: "< 480px ";
    	}
 		 
    	    	
   #menunav {

	position: relative;

	 margin-left: 0em;

        top:4.6em;
        padding: 0;

             }	 

body {

    color: black;

    background-color: #fff;

  
}

 div#Blatt {

width:95%; 

    margin-left: auto;

    margin-right: auto;

  text-align: left;    


padding: 8px;

  }


div#eml{

text align: left;

margin-top:10px;

margin-left: 8px;

background:#fff;

color:#fff;

font-size: 12px;

vertical-align:text-middle;

}

div#xi{

display:none;

}
    
 div#Inhalthp {
width:80%; 

    margin-top: 6.0em;

    margin-left: 0em;

    padding: 0 1em;

    border-bottom: 1px dashed #B41621;

    border-top: 1px dashed #B41621;

color: #000;

background:#fff;

  }


  div#Inhalthp h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }


div#child

{

position: relative;

left: 0px;

bottom: -12px;

width: 100%;

background:rgba(255,255,255,0.0);

}


div#topic1 {
width:80%; 

    margin-top: 75em;

    margin-left: 0em;

    padding: 0 1em;

    border-top: 1px dashed #B41621;

    border-bottom: 1px dashed #B41621;

color: #000;

background:#fff;

  }

div#topic1 h1 {

    font-size: 18px;

color:   #B41621;

    font-weight: normal;

  }

 
 .footer {
width: 90%;
color: #000;

font-size: 11px;



}


div#textspalte_links,
div#textspalte_mitte

{

	width: 80%;
	margin: 20px 15px 0px 0px;
	margin-bottom: 20px;
    padding: 0 1em;
	font-size: 14px;
	color:#333;
	float:left;}

div#textspalte_doppelt

{

	width: 80%;
	margin: 20px 15px 0px 0px;
	margin-bottom: 20px;
    padding: 0 1em;
	font-size: 14px;
	color:#333;
	float:left;}
	
	div#textspalte_doppelt2

{

	width: 80%;
	margin: 20px 15px 0px 0px;
	margin-bottom: 20px;
    padding: 0 1em;
	font-size: 14px;
	color:#333;
	float:left;}

div#textspalte_rechts

{

	width: 80%;
	margin: 20px 5px 0px 0px;
	padding: 0 1em;
	font-size: 14px;
	color:#333;
	float:left;
	margin-bottom: 20px;}
 

	div#textboxfooter

{
width: 90%;
	/* width: 935px; */
	margin-bottom: 20px;
   background: #fff;
	font-size: 14px;
	color:#333;
text-align: left;
	
	}
 
   }
 
   
#map{
	position: relative;
  display: block;
  width: 100%;
  height: 464px;
  margin: 0 auto;
}
.overlay{
  display:block;
  z-index:10;
  text-align:center;
  height:80px;
  width:102px;
  background:transparent url(../images/marker.png)no-repeat bottom center;
}
.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-13px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #000;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #000;
}

.iframe { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(grayscale.svg); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */
}