body {
	margin:0px;
	padding:0px;
	font-family: 'Lato', Helvetica, Arial, sans-serif;	
}
body.startpage {

	background: url(img/301_thum_1.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

}
body.subpage {
	background: url(img/background-startpage8.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;		
}
body.subpage.white, body.startpage.white {
	color:white;
}
body.subpage.white ul.menu li a, body.subpage.white ul.submenu li a {
	color:white;
}

h1, h2 {
	font-family: 'Gruppo', Georgia, Times, serif;
	line-height:50px;
	text-align:center;
	font-weight:bold;
}
h1 {
	font-size:70px;
	letter-spacing:-3px;
}
h1 strong {
	color:#9FF3FA;
}
h2 {
	font-size:35px;
	letter-spacing:2px;
	margin:0px;
}
p {
	font-size: 16px;
	line-height: 25px;
}
p.padding {
	padding-top:10px !important;
	padding-bottom:20px !important;
	padding-right:7px !important;
	border-radius:4px;
}
.logo {
	height:250px;
	position:absolute;
	top:60px;
	left:20px;
	z-index:-100;
}
#search a {
	color:white;
}
.content {
	margin-left:auto;
	margin-right:auto;
	width:75%;
	background:white;
}
.content.start, .content.subpage {
	background:none;	
}
.content.subpage p {
	background: rgba(0, 0, 0, 0.2) url("img/black-box.png") repeat scroll 0 0;
	margin:0px;
	padding:10px;
}
.content.subpage.noback p {
	background:none;
	padding:none;	
}
.content.subpage.noback li p {
	background: rgba(0, 0, 0, 0.5) url("img/black-box.png") repeat scroll 0 0;
}	
.content.subpage li p {
	padding:0px;
}
.content.start {
	color:white;
}
.content.start a {
	color:#ABFF81;
}
#container {
	width:100%;
}
.footer {
    width: 100%;
}
.clear {
	clear:both;
}
.active a {
	text-decoration:underline !important;
}

.startpage.img {
	margin-top:20px;
	text-align:center;
	float:left;
	background: rgba(0, 0, 0, 0.5) url("img/black-box.png") repeat scroll 0 0;
}
.startpage.img a {
	color:white;
	text-decoration: none;	
}
.startpage.img a p {
	text-decoration: underline;
}
.startpage ul {
	text-align:left;
}

/* UL - MENU */
ul.menu {
	margin:0px;
	height:40px;
	margin-left:-30px;
}
ul.menu li {
	float:left;
	list-style-type:none;
	height:20px;
	padding:10px;
}
.footer ul.menu {
	margin-left:0px;
	margin-top:40px;
}
.footer ul.menu li  a {
	color:white;
}
ul.submenu {
	margin:0px;
	height:15px;
	margin-left:0px;
}
ul.submenu li {
	float:left;
	list-style-type:circle;
	height:20px;
	padding-right:40px;
}
ul.listmenu {
	margin-left:-30px;
	z-index:100;
	background:#fff;
	border-top:1px solid;
	padding-top:10px;
	padding-bottom:10px;	
}
ul.listmenu li { 
	list-style-type:none;
	float:none;
}
ul.menu li  a, ul.submenu li a, ul.listmenu li a {
	text-decoration:none;
	color:black;
}
body.startpage ul.menu li  a {
	color:white;
}

/* UL - GALLERY */
ul.gallery li {
	float:left;
	list-style-type:none;
	margin:4px;
}
ul.gallery li a p {
	text-decoration:underline;
	color:#CCE878;
	font-size:14pt;
	font-family: 'Lato', Georgia, Times, serif;	
}
ul.gallery {
	padding:0px;
	margin:0px;	
}
ul.gallery li p {
	margin:0px;
	color:white;
	text-align:center;
}	
ul.gallery img {
	border:4px solid white;	
}
ul.gallery li p.date {
	height:25px;
}
ul.gallery.dairy li p.date {
	font-size:16px;
}
ul.gallery.dairy li {	
	height:350px;
}
.gallery li a .icon {
	text-align:center;
}		
.gallery li a .icon img {
	border:none;
}

/* RESPONSIVE  */	
@media (max-width: 480px) {
	.content { width:99% !important; }
	ul.gallery img, ul.gallery li p { width:100% !important; max-height:none !important; }	
	ul.gallery.dairy li {	height:auto !important; }
	ul.gallery.dairy li p { height:auto !important; }
	ul.menu { height:100px; }
	.startpage.img img { width:98% !important; }	
	.startpage.img { width:98% !important; float:none !important; margin-left:0px !important; }	
	.startpage.img.second { margin-top:20px !important; }
	.iframe { display:none; }
	.gallery li a .icon img { width:100px !important; }
	.gallery li a .icon { margin-top:-140px !important; }	
}
@media (max-width: 768px) {	
	.content { width:480px; }	
	ul.gallery img, ul.gallery li p { width:224px; max-height: 149px; }
	.startpage.img img { width:130px; }
	.startpage.img { border:3px solid white; width:130px; }	
	.startpage.img.second { margin-left: 36px; margin-right: 36px; }	
	h2 { font-size:20px; letter-spacing: 0; line-height: 30px; }
	.iframe { width:480px; height:220px; }
	.logo { height:200px; }
	.gallery li a .icon img { width:60px; }	
	.gallery li a .icon { margin-top:-90px; margin-bottom:30px; }
}
@media (min-width: 768px) {
	.content { width:768px; }
	ul.gallery img, ul.gallery li p { width:240px; max-height:159px; }
	.startpage.img.second { margin-left: 125px; margin-right: 125px; }
	.startpage.img img { width:200px; }
	.startpage.img { border:4px solid white; width:200px; }
	.startpage.img.second { margin-left: 72px; margin-right: 72px; }	
	.iframe { width:750px; height:275px; }
	.gallery li a .icon img { width:70px; }	
	.gallery li a .icon { margin-top:-100px; margin-bottom:30px; }	
}
@media (min-width: 1224px) {
	.content { width:1224px; }
	ul.gallery img, ul.gallery li p { width:290px; max-height: 193px; }
	ul.gallery li { height:250px; }
	.startpage.img img { width:300px; }	
	.startpage.img { border:6px solid white; width:300px; }	
	.startpage.img.second { margin-left: 144px; margin-right: 144px; }
	.iframe { width:1200px; height:400px; }	
	.gallery li a .icon { margin-top:-125px }
	.gallery li a .icon img { width:95px; }
}