* {
	marging: 0;
	padding: 0;
}

.wrapper {
   
   width: 99%;
   font-family: arial;
}


.presentdiv1 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #E0FFFF;
text-align: center;
}

.presentdiv1:hover { 
border: 3px solid red;
}

.presentdiv2 { 
width: 80%;
margin: 20px;
height: 165px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #F0FFF0;
text-align: center;
}

.presentdiv2:hover { 
border: 3px solid red;
}


.presentdiv3 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #FFDEAD;
text-align: center;
}

.presentdiv3:hover { 
border: 3px solid red;
}

.presentdiv31 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #FFDEAD;
text-align: center;
}

.presentdiv31:hover { 
border: 3px solid red;
}


.presentdiv41 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #E0FFFF;
text-align: center;
}

.presentdiv41:hover { 
border: 3px solid red;
}

.presentdiv4 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #E0FFFF;
text-align: center;
}

.presentdiv4:hover { 
border: 3px solid red;
}

.presentdiv51 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #F0FFF0;
text-align: center;
}

.presentdiv51:hover { 
border: 3px solid red;
}

.presentdiv5 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #F0FFF0;
text-align: center;
}


.presentdiv5:hover { 
border: 3px solid red;
}


.presentdiv61 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #FFDEAD;
text-align: center;
}

.presentdiv61:hover { 
border: 3px solid red;
}

.presentdiv6 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #FFDEAD;
text-align: center;
}

.presentdiv6:hover { 
border: 3px solid red;
}

.presentdiv7 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #E0FFFF;
text-align: center;
}

.presentdiv7:hover { 
border: 3px solid red;
}

.presentdiv71 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #E0FFFF;
text-align: center;
}

.presentdiv71:hover { 
border: 3px solid red;
}
.presentdiv72 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #F0FFF0;
text-align: center;
}

.presentdiv72:hover { 
border: 3px solid red;
}
.presentdiv73 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #FFDEAD;
text-align: center;
}

.presentdiv73:hover { 
border: 3px solid red;
}
.presentdiv8 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #F0FFF0;
text-align: center;
}

.presentdiv8:hover { 
border: 3px solid red;
}

.presentdiv9 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #FFDEAD;
text-align: center;
}
.presentdiv9:hover { 
border: 3px solid red;
}


.presentdiv10 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #E0FFFF;
text-align: center;
}
.presentdiv10:hover { 
border: 3px solid red;
}


.presentdiv11 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #F0FFF0;
text-align: center;
}
.presentdiv11:hover { 
border: 3px solid red;
}


.presentdiv12 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #FFDEAD;
text-align: center;
}
.presentdiv12:hover { 
border: 3px solid red;
}


.presentdeutsch1 { 
width: 80%;
height: 165px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: blue;
background-color: #E0FFFF;
text-align: center;
}
.presentdeutsch1:hover { 
border: 3px solid red;
}

.presentdiv13 { 
width: 80%;
height: 91px;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: black;
background-color: #ffadce;
text-align: center;
}

.presentdivdank { 
width: 90%;
margin: 20px;
padding-left: 1px;
padding-top: 5px;
border: 1px solid #333333;
border-color: "yellow";
color: black;
background-color: #F0FFF0;
text-align: center;
}

.presentdivdank:hover { 
border: 3px solid red;
}



 .img-pres {
     width: 375px;
     padding-top: 2px;      
   }   

/*Smartphone ausgehend von IphoneSE - Samsung Galaxy hoch*/
@media only screen and (min-width: 319px) and (min-height: 567px) {
 
   .img-pres {
     width: 220px;
     padding-top: 2px;     
   }
}

/*Smartphone ausgehend von IPhoneSE - Samsung Galaxy quer*/
@media only screen and (min-width: 567px) and (min-height: 319px) {
	
   .img-pres {
     width: 320px;
     padding-top: 2px;      
   }   
}
   
/*Tablet Hochformat*/
@media only screen and (min-width: 762px) and (min-height: 1000px) {
	
   .img-pres {  
    width: 375px;
    padding-top: 2px;      
   }
  
}	

/*Tablet Quer und PC*/
@media only screen and (min-width: 1000px) and (min-width: 762px)  {
	
   .img-pres {
    width: 375px;
    padding-top: 2px;     
   }
 
}

/*-----------------------------------Menu Bar-------------*/
#menu-bar {  
          position:relative; top:10px; z-index:3;
        width: 975px;		  
		  line-height: 100%;  
		  margin: 0px 0px 0px 0px;  
		  padding: 6px 4px 3px 3px;  
		  height: 34px; 
		  border-radius: 5px;  
		  -webkit-border-radius: 5px;
		  -moz-border-radius: 5px;  
		  box-shadow: 3px 5px 2px #C5C7AF;  
		  -webkit-box-shadow: 3px 5px 2px #C5C7AF;  
		  -moz-box-shadow: 3px 5px 2px #C5C7AF;  
		  background: #B5ADFF;
		  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CDC9FF, endColorstr=#938CCF);  
		  background: -webkit-gradient(linear, left top, left bottom, from(#CDC9FF), to(#938CCF));
		  background: -moz-linear-gradient(top,  #CDC9FF,  #938CCF);  
		  border: solid 1px #E3004F;
		  }
		  
#menu-bar li {
                  margin: 0px 3px 0px 4px;
		  padding: 0px 0px 6px 0px;  
		  float: left;  
		  position: relative;  
		  list-style: none;
		  }
		  
#menu-bar a {  
		  font-weight: bold;  
		  font-family: helvetica;  
		  font-style: normal;  
		  font-size: 12px;  
		  color: #0C190A;  
		  text-decoration: none;  
		  display: block;  
		  padding: 8px 20px 8px 20px;  
		  margin: 0;  
		  border-radius: 10px;  
		  -webkit-border-radius: 10px;  
		  -moz-border-radius: 10px;  
		  text-shadow: 2px 2px 3px #FFFFFF;
		  }
#menu-bar .current a, 
#menu-bar li:hover > a { 
		  position:z-index:1;
		  background: #0399D4;  
		  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#FF0033);  
		  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#FF0033));  
		  background: -moz-linear-gradient(top,  #EBEBEB,  #FF0033);  
		  color: #444444;  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);  
		  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);  
		  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);  
		  text-shadow: 2px 2px 4px #FFFFFF;
		  }
		  
#menu-bar ul li:hover a, 
#menu-bar li:hover li a {  
		  background: none;  
		  border: none;  
		  color: #666;  
		  -box-shadow: none;  
		  -webkit-box-shadow: none;  
		  -moz-box-shadow: none;
		  }
#menu-bar ul a:hover {  
           background: #0399D4 !important;
		   filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#04ACEC, endColorstr=#0186BA);  
		   background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;  
		   background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;  
		   color: #FFFFFF !important;  
		   border-radius: 0;  
		   -webkit-border-radius: 0;  
		   -moz-border-radius: 0;  
		   text-shadow: 2px 2px 3px #FFFFFF;
		   }
#menu-bar ul {  background: #B5ADFF;  
           filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#CFCFCF);  
		   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));  
		   background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);  
		   display: none;  
		   margin: 0;  
		   padding: 0;  
		   width: 185px;  
		   position: absolute;  
		   top: 30px;  
		   left: 0;  
		   border: solid 1px #B4B4B4;  
		   border-radius: 10px;  
		   -webkit-border-radius: 10px;  
		   -moz-border-radius: 10px;  
		   -webkit-box-shadow: 2px 2px 3px #222222;  
		   -moz-box-shadow: 2px 2px 3px #222222;  
		   box-shadow: 2px 2px 3px #222222;
		   }
#menu-bar li:hover > ul {  display: block;}
#menu-bar ul li {  float: none;  margin: 0;  padding: 0;}
#menu-bar ul a {  padding:10px 0px 10px 15px;  
             color:#424242 !important;  
			 font-size:12px;  
			 font-style:normal;  
			 font-family:arial;  
			 font-weight: normal;  
			 text-shadow: 2px 2px 3px #FFFFFF;
			 }
#menu-bar ul li:first-child > a {  
                            border-top-left-radius: 10px;
							-webkit-border-top-left-radius: 10px;
							-moz-border-radius-topleft: 10px;
							border-top-right-radius: 10px;
							-webkit-border-top-right-radius: 10px;
							-moz-border-radius-topright: 10px;
							}

#menu-bar ul li:last-child > a {  
							border-bottom-left-radius: 10px;  
							-webkit-border-bottom-left-radius: 10px;  
							-moz-border-radius-bottomleft: 10px;  
							border-bottom-right-radius: 10px;  
							-webkit-border-bottom-right-radius: 10px;  
							-moz-border-radius-bottomright: 10px;
							}

#menu-bar:after {  content: ".";  
                  display: block;  
				  clear: both;  
				  visibility: hidden;  
				  line-height: 0;  
				  height: 0;
				  }
#menu-bar {  display: inline-block;}  html[xmlns] 
#menu-bar {  display: block;}* html 
#menu-bar {  height: 1%;} 							

#menu-bar form {
                position:relative; top:6px; z-index:3;
 	        margin: 0px 0px 0px 0px;  
               }