p {
    font-family:arial, sans-serif;
    color:black;
    font-size:100%;
    font-style:normal;
    font-weight:normal;
    line-height:2em;
    /* letter-spacing:0.3em; */
    /* word-spacing:0.5em;   */
}
a:link {
    color:#0000ff;
    text-decoration:none;
}
a:active {
    color:#ff0000;
    text-decoration:none;
}
a:visited {
    color:#0000ff;
    text-decoration:none;
}
a:hover {
    color:#666666;
    text-decoration:none;
}

/* Bilder skalieren */
#inhalt img { 
    width:100%; 
    height:auto;
    max-width:100%;
    min-width:80%;
}


/* NAVLEISTE */

/*Strip the ul of padding and list styling*/
#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}
/*Create a horizontal list with spacing*/
#nav li {
	display:inline-block;
	float: left;               
	margin-right: 1px;
}

/* STYLE */

/*Style Menu-Links*/
#nav li a {
	display:block;
	min-width: 247px;                          
        height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;               
        color: #000000;                
	background: #ffcc99;           
	text-decoration: none;
}

/*Hover fuer Menu-Links*/
#nav li:hover a {
	background: #ffcccc;           
        color: #000000;
}

/*Style Dropdown-Links*/
#nav li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover fuer Dropdown-Links*/
#nav li:hover ul a:hover {
	background: #0099ff;
	color: #000000;
}


/*Verstecken der Dropdown-Links bis sie benoetigt werden*/
#nav li ul {
	display: none;
}

/* Dropdown-Links auf vertikal einstellen */
#nav li ul li {
	display: block;
	float: none;
}

/*Kein Text-Umbruch*/
#nav li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#nav 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;
	font-size: 16px;                
        color: #000000;                 
	background: #ffcc99;            
	text-decoration: none;
	text-align: center;
	padding: 10px 0;
}

/* Desktop Displays und Notebooks */
@media only screen and (min-width : 789px) {
  input[type=checkbox]#show-menu,
  label[for=show-menu] {
    display: none;
  }
}

/* Smartphones */
@media only screen and (max-width : 788px) {
  #nav ul {
	position: static;
	display: none;
  }
  /*Create vertical spacing*/
  #nav li {
	margin-bottom: 1px;
  }
  /*Make all menu links full width*/
  #nav ul li, li a {
	width: 100%;
  }
  /*Display 'show menu' link*/
  .show-menu {
	display:block;
  }
  #nav {
    width: 90%;
  }
  input[type=checkbox]#show-menu {
    position: absolute;
    z-index: -9999px;
    top: -9999px;
    left: -9999px;
  }
  label[for=show-menu] {
    width: 100%;
  }
  #menu {
    display: none;
  }
  input[type=checkbox]#show-menu:checked ~ #menu {
    display: block;
  }
  input[type=checkbox]#show-menu:checked ~ #menu li {
    display: block;
  }
/* Schrift groesser */
  #inhalt p {
    font-weight: 700;
    line-height:2.5em;
  }
}