@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 : 16px; 
	background : #f9f9f9 url(../grafik/WP_000706.jpg) repeat-y center top; 
}

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

	background-color : rgba(255,255,255,.9); 
	
	-moz-border-radius : .2em;
	-webkit-border-radius : .2em;
	border-radius : .2em;
	
	-moz-box-shadow : 0 0 1px #fff;
	-webkit-box-shadow : 0 0 1px #fff;
	box-shadow : 0 0 1px #fff;
	
	color : #000;
}


header{
	text-align : center;
	padding-top : .5em;
}
header h1 a{
	font-family : Quicksand,arial, lucida, sans-serif;	
	font-size : 60px;
	letter-spacing : -2px;
	font-variant : small-caps;
	text-decoration : none;
	font-weight : bold;
	color : #333;
	
}
	header h1 a:hover{
		text-decoration : none;
	}	

		header h1 a span{
			font-size : .3em;
			letter-spacing : 0;
			font-weight : normal;
		}



/* NAV */

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

nav a{
	display : block;
	float : left;
	padding : .1em;
	width : 8em;
	margin-right : .2em;
	text-align : center;
	
	background : rgba(255,255,255,.4);
	color : #000;
	font-size : 16px;
	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 : #c00;
	background-color:#fff;
	border-color : #ccc;
	opacity : .9;
	filter : alpha(opacity=10);
	font-variant : small-caps;
}

a{
	text-decoration : none;
}

a:hover{
	text-decoration : underline;
}

a.inzeile{
	display : inline;
	padding : 0 .2em;
	text-decoration : none;
	background-color : rgba(255,255,255,.6);
	color : #009;
	font-size : 1em;
	font-family : courier,'courier new',monotype;
}

	a.inzeile:hover{
		background-color : rgba(255,255,255,.9);
	}


a.mehr{
	font-size : 80%;
	color : #600;
	text-decoration : none;
}

a.mehr:hover{
	text-decoration : underline;
}



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

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

/* ... */


section{
	background : transparent;
}

	section.av{
		border : 1px solid #336;
		-moz-border-radius : 4px;
		-webkit-border-radius : 4px;
		border-radius : 4px;
		padding : 10px;
		margin-bottom : 16px;
	}

	section h1{
		font-size : 10px;
		font-variant : small-caps;
		font-weight : normal;
		display : none;
	}

	section h2{
		font-size : 16px;
		font-variant : small-caps;
		font-weight : normal;
	}

	section.data{
		font-size:16px;
	}


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

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

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


div#preview{
	width : 352px;
	height : 288px;
	background : #eee;
	margin : 0 auto;

	-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;
}

div#vortrag, div#anmerkungen {
	width : 700px;
	height : 400px;
	background-color : rgba(255,255,255,.4); 
	margin : 0 auto;
	overflow : auto;
	padding : .5em;

	border : 1px solid #900;
	-moz-border-radius : 4px;
	-webkit-border-radius : 4px;
	border-radius : 4px;
}
div#anmerkungen {
	height : 200px;
	margin-top : 1em;
}

h2{
	font-size : 20px;
	font-weight : normal;
	letter-spacing : -1px;
	text-align : center;
}


p{
	font-size : 14px;
	text-align : justify;
}

.zentriert{
	text-align:center;
}

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

	.ohne{
		text-indent : 0;
	}

.rechz{
	text-align:right;
}


.anker{
	cursor : pointer;
	color : #00c;
}

.mini{
	font-size : 10px;
}




/* IMG */

figure {
	font-size : 10px;
	color : #999;
	background : transparent;
}

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

	dd{
		margin-left : 0;	
	}