@import url(http://fonts.googleapis.com/css?family=Michroma);
@import url(http://fonts.googleapis.com/css?family=Quicksand);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);


html{
	font-family : arial,lucida,sans-serif; 
	font-size : 100.01%; 
	background : #333; 
}

body{
	position : relative;
	width : 58em;
	margin : 1em auto;
	padding : 0;

	background-color : rgba(255,255,255,.7); 
	background-image : url(../gfk/traflogo.gif); 
	background-size : 100%;
	
	-moz-border-radius : .2em;
	-webkit-border-radius : .2em;
	border-radius : .2em;
	
	-moz-box-shadow : 0 0 1em #fff;
	-webkit-box-shadow : 0 0 1em #fff;
	box-shadow : 0 0 1em #fff;
	
	color : #000;
}


header{
	text-align : center;
}
header h1 a{
	font-family : Michroma, arial, lucida, sans-serif;	
	font-size : 2em;
	letter-spacing : -4px;
	font-variant : small-caps;
	text-decoration : none;
	font-weight : normal;
	color : #003;
	-moz-text-shadow : 1px 1px 2px #000;	
	-webkit-text-shadow : 1px 1px 2px #000;	
	text-shadow : 1px 1px 2px #000;	
}

header h1 a:hover{
	text-decoration : none;
}


/* NAV */

nav{
	background : transparent;
	padding-left : 14.5em;
	border : 0;
	height : 1.5em;
}

	nav a{
		display : block;
		float : left;
		padding : .4em;
		width : 6em;
		margin-right : .4em;
		text-align : center;

		background : rgba(255,255,255,.4);
		color : #000;
		font-size : 1em;
		text-decoration : none;

		-moz-border-radius : 4px;
		-webkit-border-radius : 4px;
		border-radius : 4px;

		-moz-box-shadow : 0 0 4px #003;
		-webkit-box-shadow : 0 0 4px #003;
		box-shadow : 0 0 4px #003;
	}

	nav a:hover{
		text-decoration : none;
		color : #600;
		background : rgba(255,255,255,.9);
		border-color : #006;
		font-variant : small-caps;
	}

	nav a.aktiv{
		text-decoration : none;
		color : #600;
		background-color:#fff;
		border-color : #ccc;
		opacity : .9;
		filter : alpha(opacity=10);
		font-variant : small-caps;
	}

article{
	clear : both;
	width : 50em;
	minheight : 44em;
	font-size : 1em;
	background : transparent;
	margin : 0 auto 6em auto;
	padding : 2em;
	min-height : 20em;
	text-align : left;
}

	article.schmal{
		width : 30em;
		margin : 0 auto;
	}

footer{
	margin-top : 6em;
	text-align : center;
	font-size : .7em;
	color : #999;
	padding : 1em;
}

	footer a{
		color : #999;
		text-decoration : none;
	}

	footer a:hover{
		text-decoration : underline;
	}



h2{
	font-size : 1em;
	color : #300;
}

p{
	font-size : 1em;
}

.zentriert{
	text-align:center;
}

.blocksatz{
	text-align:justify;
	text-indent : 1em;
}

.rechz{
	text-align:right;
}

.grau{
	font-size : .8em;
	color : #666;
}

div.grau a{
	text-decoration : none;
	color : #33c;
}



/* IMG */


img{
	border:0;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	border-radius : 4px;
}


img#starter{
	opacity : .4;
	filter:alpha(opacity=60);
	margin-top : 2em;
}