body {
font-size: 110%;
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#inhalt {
	font-size: 110%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
section {
	font-size: 110%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

strong {
	font-weight: bold;
}

a {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}

td {
	padding: 15px;
}

tr.zweitezeile {	
	background-color: #ECEBEB;
}

a:link {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

a:visited {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

a:active {
	color: inherit;
	font-family: inherit;
	text-decoration: none;
}

#container {
	width: inherit;		
	margin: 0 auto 0 auto;
}





#kopfleiste h1 {
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	line-height: 80px;
	color: #08AB10;
	width: inherit;
	height: 80px;
	background-color: #BBC0CB;
}




#art1 section {	
	float: left;
}
#art2 section {
	clear: both;
}



#menu {
	float: left;
	width: auto;
	height: auto;
	margin: 0px 15px 0px 0px;
	padding: 10px;
	background-color: #6BFF7B;
	-moz-box-shadow: 2px 2px 2px 0px #515151;
	-webkit-box-shadow: 2px 2px 2px 0px #515151;
	box-shadow: 2px 2px 2px 0px #515151;
}

#menu a:hover {
	background-color: #f2f1f0;
}

#menu ul {
	padding: 0px;
	list-style-type: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#menu li {
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 0px 10px;
	font-size: 110%;
}

#menu li.current {
	color: #FAF9F8;
	background-color: #366BF4;
	font-size: 110%;
}

#inhalt {
	width: auto;
	height: auto;
	overflow: hidden; /*Damit das Layout mit float funktioniert*/
	padding: 10px 15px 10px 15px;
	
	background-color: #FAF9F8;
	-moz-box-shadow: 2px 2px 2px 0px #515151;
	-webkit-box-shadow: 2px 2px 2px 0px #515151;
	box-shadow: 2px 2px 2px 0px #515151;
}

#inhalt a {
	color: inherit;
	font: inherit;
	font-size: 110%;
	text-decoration: underline;
}

#inhalt h2 {
	text-align: left;
	font-size: 110%;
	line-height: 1.4;
}

#inhalt p {
	font-size: 110%;
	line-height: 1.3;
}.fett {
	font-style: normal;
	font-weight: bold;
}


body {
	font-family: "Aller", "sans-serif";  /* just a custom font */
}
	

a:-webkit-any-link {
  	text-decoration: none;	/* ignoring default link settings */
}


ul	
{
	list-style-type: none;	/* hiding the bullets from ul */
}

.fade {
   opacity: 0.8;		/* sets default view to a 80% opacity */
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
      opacity: 1;	/* sets default view to a 100% opacity when on hover state */
}

.img-wrapper {
	width: 300px;
	height: 240px;
	border: 0.1em solid #ccc;
	border-radius: 0.4em;
	background-color: #f3f3f3;
	box-shadow: 0.1em 0.1em 0.5em -0.2em #777;
	margin: 1em 1em;
}



.gallery-wrapper ul li{				
	display: inline-block;		/* sit wrappers in rows, not column block */

}



h4 {							/* style the photos titles */
	text-align: left;
	font-size: 1em;
	margin: 0;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0.5em;	
	font-weight: bold;
	color: black;
}
#inhalt h3 {
	text-align: left;
	font-size: 120%;
	line-height: 1.4;
}



#art1 section img {
	border-style: solid;
	border-color: #777777;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}


#art3 section img {
	border-style: solid;
	border-color: #777777;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}

tr td a {
	color: #091AD3;
	background-color: #6DF574;
}
#art3 section {
	font-size: 110%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}