@media only screen and (min-width:600px){
html,body
{ min-width: 1000px; 
  background-color: #aaaaaa; 
  font-family:arial; 
  width: 920px; 
  margin-left: auto; 
  margin-right: auto; 
  counter-reset: ref_Berlin;
  }

hr {
  display: block;
  height: 0;
  border: 0;
  border-bottom: 1px solid #ebeced;
  margin: 0;
  padding: 0;
  clear: both;
  margin-bottom: 25px;
}

h1
{
 font-size:1.5em;
 font-weight:normal;
}

h2
{
 font-size:26px;
 margin-bottom:0em;
 margin-top:0em;
 font-weight:lighter;
}

ul { list-style: none }

h4
{
 margin-bottom:0em;
 margin-top:0em;

}
   
#underarticle
{
 position:absolute;
top:800px;
font-size:18px;

}
   
#header 
{
background-image: url("../images/leitung31.jpg");
min-height: 100px; /* Mindesthöhe für moderne Browser */
height:100px; /* Important Regel für moderne Browser */
height:100px; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */ 
margin:0px auto;
width:1000px;
position:relative;
padding-top:50px;
padding-left:10px;
}

#Inhalt
{
border-top-left-radius: 20px 10px;
min-width:1000px;
max-width:1000px;
background-color: #999999;
min-height: auto; /* Mindesthöhe für moderne Browser */
font-size: 13pt;
height:auto !important; /* Important Regel für moderne Browser */
height:auto;
overflow: hidden !important; /* FF Scroll-leiste */ 
margin:0px auto;
width:1000px;
padding-left:10px;
}

#nav
{
display: block;
border-top-left-radius: 10px 5px;
background-color: #999999; 
font-size: 11pt;
float:left;
margin-left:0px;
margin-top: 5px;
width: 150px;   
min-width:127px;
min-height: 79%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:79%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */ 
padding-top:0%
word-break: break-all;

} 


#article
{
display: block;
border-top-left-radius: 10px 5px; 
background-color: #eeeeee;
text-align: justify;
width: auto !important;
min-height: 500px; /* Mindesthöhe für moderne Browser */
font-size: 12pt;
height:auto !important; /* Important Regel für moderne Browser */
height:500px;
overflow: hidden !important; /* FF Scroll-leiste */ 
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
}

#footer
{
background-color: #999999;
width: 100%;
min-height: 5%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:auto; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */ 
}

#nav a:link {color:white; text-decoration:none}
#nav a:visited {color:white; text-decoration:none}
#nav a:active {color:white; text-decoration:none}
#nav a:hover {color:white; font-weight:bold}

#mobile_nav a:link {color:dark orange; text-decoration:none}
#mobile_nav a:visited {color:dark orange; text-decoration:none}
#mobile_nav a:active {color:dark orange; text-decoration:none}


//#map { height: 180px; }
 
#e_image {
  float:left;
  text-decoration:none;
  list-style-type: none;
  filter:alpha(opacity=75); 
  -moz-opacity: 0.75; 
  opacity: 0.75;
}
  
#e_image:hover {
  float:left;
   text-decoration:none;
   list-style-type: none;
   background-color: orange;
  filter:alpha(opacity=75); 
  -moz-opacity: 1; 
  opacity: 1;
}  
 
#image {
 text-align:right; 
 float: right; margin-left: 1em;
  margin-bottom: 0; 
  margin-right: 50px; 
  padding: 20px}
  
 
/* Bilder auf der Startseite*/

#article a:link {color:#FF7F00; text-decoration:none; font-weight:bold; } 
#article a:visited {color:#FF7F00; text-decoration:none; font-weight:bold;}
#article a:active {color:#FF7F00; text-decoration:none; font-weight:bold;}
#article a:hover {color:#FF7f00; font-weight:bold; text-decoration:none;}


 .headline{
 width:841px;
 }
 .button   
 {
   max-width:140px;
	 height:50px;
	 background: transparent url(../images/button1.svg) no-repeat center center;
	 background-repeat:no-repeat;
   background-size: 140px;
	 text-align: center;
	 vertical-align: top;
   line-height: 50px;
	 padding-top: 0px;
   font-size:  20px;
 }
 
 .button:hover   
 {
   max-width:140px;
	 height:50px;
	 background-image:url(../images/button2.svg);
	 background-repeat:no-repeat;
   background-size: 140px;
	 text-align: center;
	 vertical-align: top;
   line-height: 50px;
	 padding-top: 0px;
   font-size:  20px;
 }
 
.button_set
  {
   font-weight:bold;
   max-width:140px;
	 height:50px;
	 background-image:url(../images/button2.svg);
	 background-repeat:no-repeat;
   background-size: 140px;
	 vertical-align: top;
   text-align: center;
   line-height: 50px;
	 padding-top: 0px;
   font-size:  20px;
 }
 
.p_left { padding-left: 20px;}
.p_bottom { padding-bottom: 10px;}
.p_top { padding-top: 10px;}
.p_left_bottom { padding-left: 20px; padding-bottom: 10px;}  
.p_left_top { padding-left:20px; 
              padding-top:10px;}   

.links
{
background-color:#cccccc;
}

.links tr td:hover
{
background-color:#eeeeee;

}



.contact-person {
  margin-left: -4%;
  margin-bottom: 5px;
}



.contact-person > li {
  position: relative;
  width: 46%;
  margin-left: 3.9%;
  float: left;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.contact-person > li h4 {
  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
  font-size: 1.07142857em;
  font-weight: bold;
  margin-bottom: 0;
}




.contact-person > li .position {
  display: block;
  color: #747f83;
  font-size: 0.92857143em;
  margin-bottom: 10px;
}


.contact-person > li .icon-list {
  margin-bottom: 0;
}



.contact-person > li.with-image {
  padding-left: 130px;
  padding-top: 4px;
  min-height: 162px;
}


.contact-person > li.with-image img {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #dfdedf;
  padding: 5px;
  max-width: 100px;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
}

.contact-person > li.with-image ul li
{
margin-left:-40px;
}

.contact-person.single {
  margin-left: 0;
}

.contact-person.single > li {
  width: 100%;
  margin-left: 0;
}




/* slides styling */

.bild {max-width:850px;                       /* gesamte Div-Box der Bildshow*/
max-width:100%;
text-align:left;
position:relative;
height:635px;
margin:0 auto;}

.bild table.iso_gebiet {padding:0;           /*äußerer Bereich der Liste Registerkarten*/
margin:0;
list-style:none;
max-width:850px;
height:auto;
position:relative;
background-color:#cccccc;
}
.bild table.iso_gebiet tr td a img
{
border:0;
border-bottom:0;
text-decoration:none;

}

.bild table.iso_gebiet tr td {display:block;    /*Menüleiste der Listen*/
max-width:200px;
height:auto;
float:left;
border:0;
} 

       

.bild table.iso_gebiet tr td.aktive div.set {display:block;    /*Menüleiste der Listen*/
max-width:200px;
height:auto;
float:left;
border:0;
background-color:#eeeeee;
}   

.bild table.iso_gebiet tr:hover td.aktive div.set {display:block;    /*Menüleiste der Listen*/
max-width:200px;
height:auto;
float:left;
border:0;
background-color:#cccccc;
}   

.bild table.iso_gebiet tr:hover td.aktive:hover div.set {display:block;    /*Menüleiste der Listen*/
max-width:200px;
height:auto;
float:left;
border:0;
background-color:#eeeeee;
} 

.bild table.iso_gebiet tr:hover td.aktive div.set table {display:none;    /*Menüleiste der Listen*/
} 

.bild table.iso_gebiet tr:hover td.aktive:hover div.set table {display:block;
position:absolute;
left:0;
top:141px;
max-width:850px;
border:0px;
background-color:#eeeeee;
min-height:500px;
}


.bild table.iso_gebiet tr:hover td.aktive:hover  {display:block;    /*Menüleiste der Listen*/
max-width:200px;
height:auto;
float:left;
border:0;
background-color:#eeeeee;
} 
/*Inhalt normalerweise nicht anzeigen */
.bild table.iso_gebiet tr td table 
{display:none;}

.bild table.iso_gebiet tr td.aktive div.set table
{
vertical-align: top;
margin-top:1em;
display:block;
position:absolute;
left:0;
top:141px;
max-width:850px;
border:0px;
height:500px;
}

 /* mit Maus überfahrene Menüpunkte => Inhalt*/
.bild table.iso_gebiet tr td:hover table
{
vertical-align: top;
margin-top:1em;
display:block;
position:absolute;
left:0;
top:141px;
max-width:850px;
border:0px;
background-color:#eeeeee;
min-height:500px;
}

 /* mit Maus überfahrene Menüpunkte => Inhalt*/
.bild table.iso_gebiet tr td div.set table
{
vertical-align: top;

margin-top:1em;
display:block;
position:absolute;
//left:0;
top:141px;
max-width:850px;
border:0px;
background-color:#eeeeee;
min-height:500px;
}


.bild table.iso_gebiet tr td table tr td /* Listeneintrag*/
{
vertical-align: top;
text-align: justify;
display:inline; 
max-width:350px; 
height:auto;
border:0px;
font-size: 18px; 
}

.bild table.iso_gebiet tr td a img
{
filter:alpha(opacity=50); /* IE */
opacity:0.5; /* allgemein */
-moz-opacity:0.5; /* Mozilla */
-khtml-opacity:0.5; /* KTHML */
-opera-opacity:0.5; /* Opera */
border: 0px;
}

.bild table.iso_gebiet tr td:hover a img
{
filter:alpha(opacity=100); /* IE */
opacity:1.0; /* allgemein */
-moz-opacity:1.0; /* Mozilla */
-khtml-opacity:1.0; /* KTHML */
-opera-opacity:1.0; /* Opera */
border:0px;
}

#login
{
background-color:#bbbbbb;
font-size: 10pt;
position:absolute;
top:40px;
left:-115px;

}
#login2
{
background-color:#999999;
font-size: 10pt;
position:absolute;
top:710px;
right:300px;

}

.url-button {
  background: url('stock_insert_url.png') left center no-repeat;
  max-width: 35px;
  height: 35px;
  padding-left: 15px;
}

.fett-button {
  background: url('Button_fett.png') left center no-repeat;
  max-width: 35px;
  height: 35px;
  padding-left: 15px;
}

.kursiv-button {
  background: url('Button_kursiv.png') left center no-repeat;
  max-width: 35px;
  padding-left: 15px;
}

.iso_gebiet_hm {
display: none;
}

.profilbild{
width: 800px;
}

}



.berlin{ counter-increment: ref_berlin }
#box1{
    background-image: url("d_karte_pit.svg");
	 background-repeat:no-repeat;
   background-size: 800px;
   min-height: 1000px;
}

#berlin{
    background-color: orange;
    position: relative;
    width: 20px;
    height: 20px;
    padding-left: 200px;
    border: 1px solid black;
    text-align: center;
    opacity: .5; filter:Alpha(Opacity=50);
    border-radius: 10px;
}
#map {
  height: 86%;
  width: 96%;
  padding: 0; margin: 0;
}
 
#content {
  font-size: 1em;
} 
#osm {
  font-size: 0.7em;
  font-style: italic;
  margin-bottom: 20px;
}

@media only screen and (max-width:599px) {
html,body
{ min-width: 300px; 
  background-color: #aaaaaa; 
  font-family:arial; 
  width: 95%; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: justify;
 }  
  
  #nav a{color:white; text-decoration:none}
  #nav{
  float:left;
  padding-right:30px;
  padding-bottom: 30px;
  }
  
  /* Bilder auf der Startseite*/
  #article{
  background-color: #eeeeee;
  }

  #article a:link {color:#FF7F00; text-decoration:none; font-weight:bold; } 
  #article a:visited {color:#FF7F00; text-decoration:none; font-weight:bold;}
  #article a:active {color:#FF7F00; text-decoration:none; font-weight:bold;}
  #article a:hover {color:#FF7f00; font-weight:bold; text-decoration:none;}

  
//#map { height: 180px; }

 .headline{
 width:300px;
 }
 .button_set{
  float:left;
  padding-right:5px;
  background-color: #aa6600;
  width:95px;
 }
 .button{
  float:left;
  padding-right:5px;
  background-color: #cc8800;
  width:95px;
 }
 
.iso_gebiet_bsp_bild {display:none;
}
.iso_gebiet_h{display:none;
}

#footer
{     
 position:relative;
top:40px;
font-size:18px;

}

ul { list-style: none; }



.contact-person > li {
  position: relative;
  width: 100%;
  margin-left: 0%;
  float: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.contact-person > li h4 {
  font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
  font-size: 1.07142857em;
  font-weight: bold;
  margin-bottom: 0;
}

.contact-person > li.with-image ul li
{
margin-left:-40px;
}

.contact-person > li.with-image {
  padding-left: 10px;
  padding-top: 20px;
  min-height: 162px;
}


.contact-person > li.with-image img {
  position: relative;
  top: 0px;
  left: 0;
  background-color: #ffffff;
  border: 1px solid #dfdedf;
  padding: 5px;
  max-width: 100px;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.08);
}







/* slides styling */

.bild {                       /* gesamte Div-Box der Bildshow*/
max-width:100%;
clear:left; 
position:relative;
height:635px;
margin:0 auto;}

.bild table.iso_gebiet {padding:0;           /*äußerer Bereich der Liste Registerkarten*/
margin:0;
list-style:none;
height:auto;
position:relative;
background-color:#cccccc;
width:100%;
table-layout:fixed;
}
.bild table.iso_gebiet tr td img
{
border:0;
border-bottom:0;
text-decoration:none;
width: 50px;
}

.bild table.iso_gebiet tr td {display:block;    /*Menüleiste der Listen*/
max-width:200px;
min-width:70px;
height:auto;
float:left;
border:0;
} 

       

.bild table.iso_gebiet tr td.aktive div.set {display:block;    /*Menüleiste der Listen*/
max-width:100%;
height:auto;
float:left;
border:0;
background-color:#eeeeee;
}   

.bild table.iso_gebiet tr:hover td.aktive div.set {display:block;    /*Menüleiste der Listen*/
max-width:100%;
height:auto;
float:left;
border:0;
background-color:#cccccc;
}   


.bild table.iso_gebiet tr:hover td.aktive:hover div.set {display:block;    /*Menüleiste der Listen*/
max-width:100%;
height:auto;
float:left;
border:0;
background-color:#eeeeee;
} 

.bild table.iso_gebiet tr:hover td.aktive div.set table {display:none;    /*Menüleiste der Listen*/
} 

.bild table.iso_gebiet tr:hover td.aktive:hover div.set table {display:block;
left:0;
max-width:300px;
border:0px;
background-color:#eeeeee;
min-height:500px;
}


.bild table.iso_gebiet tr:hover td.aktive:hover  {display:block;    /*Menüleiste der Listen*/
max-width:200px;
height:auto;
float:left;
border:0;
background-color:#eeeeee;
} 
/*Inhalt normalerweise nicht anzeigen */
.bild table.iso_gebiet tr td table 
{display:none;}

.bild table.iso_gebiet tr td.aktive div.set table
{
vertical-align: top;
margin-top:1em;
display:block;
position:absolute;
left:0;
top:60px;
max-width:850px;
border:0px;
height:500px;
}

 /* mit Maus überfahrene Menüpunkte => Inhalt*/
.bild table.iso_gebiet tr td:hover table
{
vertical-align: top;
margin-top:1em;
display:block;
position:absolute;
left:0;
top:60px;
max-width:850px;
border:0px;
background-color:#eeeeee;
min-height:500px;
}

 /* mit Maus überfahrene Menüpunkte => Inhalt*/
.bild table.iso_gebiet tr td div.set table
{
vertical-align: top;

margin-top:1em;
display:block;
position:absolute;
//left:0;
top:141px;
max-width:850px;
border:0px;
background-color:#eeeeee;
min-height:500px;
}


.bild table.iso_gebiet tr td table tr td /* Listeneintrag*/
{
vertical-align: top;
text-align: justify;
display:inline; 
max-width:350px; 
height:auto;
border:0px;
font-size: 18px; 
}

.bild table.iso_gebiet tr td a img
{
filter:alpha(opacity=50); /* IE */
opacity:0.5; /* allgemein */
-moz-opacity:0.5; /* Mozilla */
-khtml-opacity:0.5; /* KTHML */
-opera-opacity:0.5; /* Opera */
border: 0px;
}

.bild table.iso_gebiet tr td:hover a img
{
filter:alpha(opacity=100); /* IE */
opacity:1.0; /* allgemein */
-moz-opacity:1.0; /* Mozilla */
-khtml-opacity:1.0; /* KTHML */
-opera-opacity:1.0; /* Opera */
border:0px;
}

.profilbild{
width: 100%;
}

 h1
{
 font-size:1.3em;
 font-weight:normal;
}

table tr td{
display: block;
}

}