* { 
    margin: 0%; 
    padding: 0%;
}

html,body{ 
    height:100%;
    width:100%;
    background: #fff; font: normal 13px Arial;
    text-align: justify;
    text-justify: inter-word;
}

.li_p_element{ 
   color:blue;
}

/*
p{ line-height: 25px;}
ul, ol{ list-style: none;}
a{ text-decoration: none; color: #000;}
.clear{ clear: both;}
*/


/**********/

#fotosection {
    width: 100%;  /*1000px; */
    overflow: hidden;
    margin: 0px 0px 2% 0px;
    /*background: white;*/
}
#photobanner {
    height: 5px; */ /*600px;*/
    width: 10800px; 
    background-color: #f1f1f1;
    
    /margin-bottom: 80px; */

}

#photobanner img { 
   /* 
   margin: 0px; 
   padding: 0px;
   border: 0px solid #999;
 */ 
/*
  line-height: 0;
   float: left;
*/
}


/*keyframe animations*/
.first {
    -webkit-animation: bannermove 120s linear infinite;
       -moz-animation: bannermove 120s linear infinite;
        -ms-animation: bannermove 120s linear infinite;
         -o-animation: bannermove 120s linear infinite;
            animation: bannermove 120s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -9000px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -9000px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -9000px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -9000px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -9000px;
 }
 }

/**********/



/***************/


.text_header {  
     
    font-weight: bold;
    color: blue;
    font-size:18px;
    /*background-color: #98bf21;*/
    text-align: left;
    
   /* text-transform: uppercase; */
 
}

a.menu_b {
   display: block;
   padding: 0px;
   marging: 0px;
    /*width: 40px;*/
    /*background-color: #FFFFFF;*/
}

a.menu_a {
    display: block;
    /*width: 40px;*/
    /*background-color: #FFFFFF;*/
}

a.menu_a:link, a.menu_a:visited {   
    font-weight: bold;
    color: #111111;
    /*background-color: #98bf21;*/
    /*text-align: center;*/
    padding: 0px;
   /* text-transform: uppercase; */
 
    text-decoration: none;
   
}

a.menu_a:hover, a.menu_a:active {
    background-color: #FFFFFF;
}


.menuItem {
    /*margin: 0%;*/  
    color: blue;
    width:130px;
    /*border-right: 1px solid #e9e9e9;*/
    
    cursor: pointer;
   text-align: left;
}

.logo {
    padding: 2%;  
    /*width:50px;*/
    /*border-right: 1px solid #e9e9e9;*/
   
}

#imagefirst{
 width:50px;*/
}

.menu_image {
    text-align: right;  
    /*width:150px;*/
    /*border-right: 1px solid #e9e9e9;*/
  float:right;   

}

.textcontent {    
    text-align: center;
    padding-left: 0%;
    
}

#footer {
    padding: 1%;
    text-align: center;
    background-color: #f1f1f1;
    /*border: 1px solid #e9e9e9;*/
    font-size: 16px;
}

/*
.nextpage {
   display:block;
    background-color: #f1f1f1;
    width:100%;
    height:20px;
}
*/

.gridright {
        width: 100%;
}

.right {
    padding-right: 1%;
    /*background-color: #CDF0F6;*/
}

/***************/

.wrapper{ 
       margin-left: 3%; 
       margin-right: 3%; 
       padding: 0; 
      
}


.nav{ 
     margin: 0px auto;
} 

.nav-container{ 
  background-color: #f1f1f1;
}
.f-nav{   
z-index: 9999; position: fixed; top: 0; width: 94%; 
}
	
.nav { 
height: 70px;

}
.nav ul { 
   list-style: none;
}
.nav ul li{
float: left; margin-top: 6px; padding: 6px;
} 
.nav ul li:first-child
{ padding-left: 2%;
}
.nav ul li a {
}
.nav ul li a:hover{ 
text-decoration: none;
}





.pagesection {
    display:block;    
    marging:2%;
    padding:0px;
    overflow: hidden;

    border:0px solid gray; 
 
}

div.pagecontainer
{
width:100%;
margin:0px;
/*padding:0;*/
padding-top: 95px;

/*line-height:150%;*/
}

div.pageheader
{
max-width: 800px;
padding-bottom:2em;


}

div.pageleft1
{
max-width: 800px;
background: url('wasserzeichen.png') no-repeat center; 
float:left;
/*width:75%;*/
margin:0;
padding-right:2em;

}
div.pageright1
{
float:left;
width:25%;
margin:0;
padding:0;
/*border:1px solid gray;*/

}
div.pageleft2
{
float:left;
width:25%;
margin:0;
padding-right:2em;

/*border-left:1px solid gray;*/
/*padding:1em;*/
}
div.pageright2
{
max-width: 800px;
/*min-width: 420px;*/

float:left;
background: url('wasserzeichen.png') no-repeat center; 
margin:0;
padding:0;
/*width:auto; *75%;*/
height:auto;


/*border-left:1px solid gray;*/
/*padding:1em;*/

/*
   width:250px;
   max-width:250px; 
   display: inline-block;
*/
}


#submenuservice ul li{
/*list-style: block;*/
}

/*
#div-wrapper {
    white-space: nowrap;
    max-width: 99%;
}
 
.single-div {
    width: 27%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 3%;
    white-space: normal;
}



/* Mobile */
@media screen and (max-width: 480px) {
 
    .single-div {
        display: block;
        width: 65%;
        margin: 0 auto;
    }
 
}

*/


ol {
  /*background: #ff9999;*/
  padding: 20px;
}

ul {
  /*background: #3399ff;*/
  padding: 20px;
}

/*
ol li {
  background: #ffe5e5;
  color: darkred;
  padding: 5px;
  margin-left: 35px;
}

ul li {
  background: #cce5ff;
  color: darkblue;
  margin: 5px;
}
*/


.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;

  color: blue;
  width:130px;
  /*border-right: 1px solid #e9e9e9;*/
    
  cursor: pointer;
  text-align: left;

}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.blink {
                animation: blinker 1.5s linear infinite;
                color: red;
                font-family: sans-serif;
                font-size:16px;
                font-weight: bold  
}
@keyframes blinker {
                50% {
                    opacity: 0;
                }
}