* {
	margin:0;
	padding:0;
}

header,footer,
article,section,
hgroup,nav,
figure{
	display:block;
}

body{
	font-size:1em;
	color:#222222;
	background-color:#ffffff;
	font-family:"Trebuchet MS", Helvetica, sans-serif; }


/* Hyperlink Styles: */
a {
	color:#0196e3;
	text-decoration:none; outline:none; }
	a:hover{
	text-decoration:underline; }
	a img { border:none; }

h1 {
	display: none; }
h3 {
	font-size:1.5em;
	font-weight:normal;
	margin:0 0 0.5em; }
h2 { color: #a3c82f; font-size:2.2em; font-weight:normal;
	letter-spacing:0.01em;
	margin-bottom: 0.5em; }

p {
	line-height:1.5em;
	padding-bottom:1em; }
	#intro p { font-size:1.1em; line-height:1.8em; font-weight: 300; }

nav {
	padding:0 5px;
	position:absolute;
	left:1em;
	top:103px; }


/* The navigation styling: */

nav ul li{ display:inline; }

nav ul li a {
	color:#fff;
	display:block;
	float:left;
	font-size:1.25em;
	font-weight:bold;
	padding:7px 10px 4px;
	background-color:rgba(255,255,255,0.1); 
	margin: 0 10px 0 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px; }

nav ul li a:hover{
	text-decoration:none;
	background-color:rgba(0,0,0,0.1);}


.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

header {
	background: url(img/header.png) no-repeat top left;
	height: 164px; margin-bottom: 6em; }

#page{
	width:960px;
	margin:0 auto;
	position:relative; }

#articles {
	border-right: 2px solid #a3c82f;
	border-bottom: 2px solid #a3c82f;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	padding-right: 30px; }

article{
	margin: 3em 0 3em; }
	
#projekt {
	padding:20px; background-color: #a4cd21;
	-moz-border-radius:14px;
	-webkit-border-radius:10px;
	border-radius:10px; }
	#projekt h2 { color: #fff; }

figure{
	float:right; margin-left:15px; }


/* Footer styling: */

footer{
	margin-bottom:30px;
	font-size:0.825em; }

footer a,footer a:visited{
	color:#fff;
	background-color:#a4cd21;
	display:block;
	padding:2px 4px;
	z-index:100;
	position:relative;
}

footer a:hover{
	color: #a3c82f;
	text-decoration:none;
	background-color:#fff;
}

footer a.by{
	float:left;

}


footer a.up{
	float:right;
}




/* Table */


#data-table { border: none; border-collapse: collapse; margin: 0; padding: 0; }
#data-table td,
#data-table th { text-align: center; width: 120px;}
#data-table td { 
	vertical-align: bottom; padding: 0; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#data-table td div {
	border-radius: 3px 3px 0 0;
	cursor: pointer;	
	width: 50px; margin: 0 auto; 
	background-color:#fff;text-align: center; position: relative; }
#data-table td div span {
	position: absolute;
	top: -2em; left: -25px; width: 100px;}
	
#data-table th {
	padding-top: 10px; color: #fff
}