table,p,h1,h2,h3,h4,li,ul,dl,b,body {font-family: "Century Gothic", Verdana, Tahoma, Arial, sans-serif;}
h1{font-size:1.6em;font-weight:400;margin:0;}
table,p,ul,dd {font-size:0.80em;margin:0;}
ul{list-style-type:none;}
dd{padding-bottom:10px;}
a{text-decoration:none;}
.city-1,.city-2 {float: left;padding: 0%;height: auto;border: 0px solid black;width: 98%;margin:1%;}
.inner-1,.inner-2{margin-bottom:10px;border:1px solid #ccc;border-radius:5px 5px 0px 0px;}
.inner-1 h2,.inner-2 h2{background:#f7f792;margin:0px;padding:5px 10px;color:#6e6e6e;font-size:0.85em;}
.inner-1 h3,.inner-2 h3,.inner-1 h4,.inner-2 h4{margin:0px;padding:5px 10px;color:#6e6e6e;font-size:0.8em;}

.inner-1 p,.inner-2 p,.inner-1 ul,.inner-2 ul,.inner-1 dl,.inner-2 dl {padding:10px;margin:0;}
.hinweis2{width:340px;padding:10px;float:left;}
.path p{padding-left:20px;}
.clear{clear:both;}
.categories-home p{}
.footer{clear:both;width:96%;margin:1%;padding:1%;border-top:5px solid #efefef;background:#f9f9f9;color:#555;}
.header{clear:both;width:96%;margin:0px;margin:1%;padding: 1%;}
.header p{font-size:0.75em;}
.headline {float:right;}
.mymenu{height:60px;width:98%;margin:0px;margin:1%;padding: 0%;background:#f7f792;padding:0px 0px;border-radius:5px;border:1px solid #ccc;}
body{width:1080px;margin:0 auto;}
img {margin:10px 0 5px;max-width:95%;border:0px;}
 .header img{float:left; border:0; margin-left:5px; margin-right:2px;margin-bottom:20px;} 

@media (min-width: 300px) {
      body {font-size: 1.0em;width:auto;}
	  .categories-home p{width:88%;}
    }
    
@media (min-width: 600px) {
      body {font-size: 1.2em;width:auto;}
	  .city-1 {width: 71%;}
	  .city-2 {width: 25%;}
	  .categories-home p{width:45%;float:left;}
	  
     }
@media (min-width: 900px) {
      body {font-size: 1.2em;width:auto;}
	  .categories-home p{width:30%;float:left;}
/*	  .city {width: 29%;}
	  .footer{width: 95%;}
	  .header{width: 95%;}*/
	  
     }	 
@media (min-width: 1080px) {
	body {font-size: 1.2em;width:1080px;margin:0 auto;}
	 }
	 
/*Strip the ul of padding and list styling*/
.mymenu ul {list-style-type:none;margin:0;padding:0;
/*position: absolute;*/
float:right;width:100%;
}


/*Create a horizontal list with spacing*/
.mymenu li {display:inline-block;float: left;margin-right: 2px;min-width:14%;margin-left:2px;margin-top:4px;}

/*Style for menu links*/
.mymenu li a {display:block;width:auto;min-width:100px;height: 50px;text-align: center;line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold;color: #555;background: #fff;text-decoration: none;border:1px solid #555;border-radius:3px;}

/*Hover state for top level links*/
.mymenu li:hover a {background: #19c589;}

/*Style for dropdown links*/
.mymenu li:hover ul a {background: #f3f3f3;color: #2f3036;	height: 60px;line-height: 60px;}

/*Hover state for dropdown links*/
.mymenu li:hover ul a:hover {background: #19c589;color: #fff;}

/*Hide dropdown links until they are needed*/
.mymenu li ul {display: none;}

/*Make dropdown links vertical*/
.mymenu li ul li {display: block;float: none;}

/*Prevent text wrapping*/
.mymenu li ul li a {width: auto;min-width: 100px;padding: 0 20px;}

/*Display the dropdown on hover*/
.mymenu ul li a:hover + .hidden, .hidden:hover {display: block;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration: none;font-weight:bold;
	color: #fff;background: #19c589;text-align: center;padding: 21px 0;display: none;}

/*Hide checkbox*/
input[type=checkbox]{display: none;}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{display: block;}



/*Responsive Styles*/

@media screen and (max-width : 900px){
	
	/*Make dropdown links appear inline*/
	.mymenu ul {position: static;display: none;}
	
	/*Create vertical spacing*/
	.mymenu li {margin-bottom: 1px;}
	
	/*Make all menu links full width*/
	.mymenu ul li, li a {width: 100%;border:0px;border-top:1px solid #888;margin:0px;padding:0px;height:60px;line-height:60px;}
	
	/*Display 'show menu' link*/
	.show-menu {	display:block;}
}
	 
	 
	 
