/* Artfully masterminded by ZURB  */

/* -----------------------------------------
   Content
----------------------------------------- */
body { color: #999; font-size: 15px;}

.box_1,
.box_1 a
{
font-size: 28px;
color: #000;
padding: 50px 0px 0px 0px;
}

.box_2
{
font-size: 28px;
padding: 10px 0px 70px 42px;
}

.box_3
{
}

.box_4
{
padding: 8px 0px 0px 0px;
}

/* -----------------------------------------
  Typografie
----------------------------------------- */



/* -----------------------------------------
  Links
----------------------------------------- */
	a { color: #999; text-decoration: none; line-height: inherit; }
	a:hover { color: #000; }
	a:focus { color: #000; outline: none; }
	p a, p a:visited { line-height: inherit; }
	

/* -----------------------------------------
  Tables
----------------------------------------- */
	table { background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 0px; border: none; width: 100%; }
	
	table thead, table tfoot { background: none; }
	table thead tr th,
	table tfoot tr th,
	table tbody tr td,
	table tr td,
	table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
	table thead tr th,
	table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #fff; }
	table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
	table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

	table tbody tr.even,
	table tbody tr.alt { background: none; }
	table tbody tr:nth-child(even) { background: none; }
	table tbody tr td { color: #fff; padding: 0px 0px; vertical-align: top; border: none; }


/* -----------------------------------------
   Navigation
----------------------------------------- */

	.navigation { margin: 0px; padding:0px; line-height: 1.8em; }
	.navigation ul { margin: 0px; padding:0px; list-style: none;}
	.navigation li { list-style: none; padding:0px; margin:0px;}
	.navigation li ul li { padding:0px 0px 0px 84px; margin:0px;}
	.navigation li ul { display: none;}
	.navigation li ul li ul li { display: none;}
	.navigation li.active ul { display: block;}
	.navigation li.active ul li.active ul li { display: block;}
	.navigation li ul li ul li { padding:0px 0px 0px 5px; margin:0px;}

	/* Link */
	.navigation a { color: #999; font-weight:bold; font-size: 14px;}
	.navigation li a {color: #999; font-weight:bold; font-size: 14px; }
	.navigation li li a { color: #999; font-weight:bold; font-size: 14px; }

	/* Hover */
	.navigation a:hover, .navigation li > span:hover { color: #000;}

	/* Current */
	.navigation li.current a { font-weight: bold; color: #999;} 
	.navigation li ul li.current a { font-weight: bold; color: #000;} 


	/* Active */
	.navigation li.active, .navigation li.active a { color: #000; font-weight:bold; font-size: 14px; }
	.navigation li.active a { font-weight: bold; color: #000;} 
	.navigation li.active li a { font-weight: bold; color: #999;}
	.navigation li.active li.active li a { font-weight: normal; color: #000;} 
	.navigation li ul li ul li.active { margin:0px -5px 0px -15px;  padding:2px 0px 2px 20px;}
	.navigation li ul li ul li.active a { background: none;}

/* -----------------------------------------
   Pic of the Day Nav
----------------------------------------- */
	.pagination { display: none;}
	.counter{display:none;}
	.pagination ul{list-style:none; margin:0 auto; padding:0px;}
	.pagination ul li {float:left;}
	.pagination-start{display:none;}
	.pagination-end{display:none;}
	.pagenav {padding: 0px 20px 0px 0px;}


/* -----------------------------------------
   Mobile
----------------------------------------- */

@media only screen and (max-width: 767px) {


/* -----------------------------------------
   Content
----------------------------------------- */
	.box_1,.box_1 a { font-size: 28px; color: #000; padding: 10px 0px 0px 0px; }
	.box_2 { font-size: 28px; padding: 0px 0px 30px 84px; }

/*	--------------------------------------------------
	:: Tables
	-------------------------------------------------- */
	table { background: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 0px; border: none; width: 50%;}
	
	table thead, table tfoot { background: none; }
	table thead tr th,
	table tfoot tr th,
	table tbody tr td,
	table tr td,
	table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
	table thead tr th,
	table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #fff; }
	table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
	table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

	table tbody tr.even,
	table tbody tr.alt { background: none; }
	table tbody tr:nth-child(even) { background: none; }
	table tbody tr td { color: #fff; padding: 0px 0px; vertical-align: top; border: none; }


/* -----------------------------------------
   Mobile Navigation
----------------------------------------- */

	.navigation { margin: 0px 0px 40px 0px; padding:0px; line-height: 1.8em; }
	.navigation ul { margin:0px; padding:0px; list-style: none;}
	.navigation li { list-style: none; padding:0px; margin:0px;}
	.navigation li ul li { padding:0px 0px 0px 84px; margin:0px;}
	.navigation li ul { display: none;}
	.navigation li ul li ul li { display: none;}
	.navigation li.active ul { display: block;}
	.navigation li.active ul li.active ul li { display: block;}
	.navigation li ul li ul li { padding:0px 0px 0px 5px; margin:0px;}

	/* Link */
	.navigation a { color: #999; font-weight:bold; font-size: 14px;}
	.navigation li a {color: #999; font-weight:bold; font-size: 14px; }
	.navigation li li a { color: #999; font-weight:bold; font-size: 14px; }

	/* Hover */
	.navigation a:hover, .navigation li > span:hover { color: #000;}

	/* Current */
	.navigation li.current a { font-weight: bold; color: #999;} 
	.navigation li ul li.current a { font-weight: bold; color: #000;} 


	/* Active */
	.navigation li.active, .navigation li.active a { color: #000; font-weight:bold; font-size: 14px; }
	.navigation li.active a { font-weight: bold; color: #000;} 
	.navigation li.active li a { font-weight: bold; color: #999;}
	.navigation li.active li.active li a { font-weight: normal; color: #000;} 
	.navigation li ul li ul li.active { margin:0px -5px 0px -15px;  padding:2px 0px 2px 20px;}
	.navigation li ul li ul li.active a { background: none;}



}


	@media only screen and (max-width: 1280px) and (min-width: 768px) {
			.box_2 { font-size: 28px; padding: 10px 0px 30px 52px; }
	}