*{
	margin:0;
	padding:0;
	border:0px solid #eee;
	list-style:none;
}

body 
{
	font-family:Verdana;
	font-size:13px;
	color:#000;
	text-align: center;
	height:100%;
	/*background-color:#eeeeee;*/
	overflow-y: scroll;
	overflow-x: hidden;
}
/*
.snowflake
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; 
  opacity:1;
  position:absolute;
  z-index:1;
}
*/
@media only screen and (min-width: 480px) 
{
	html {
		/*background: url(partypeople.jpg);*/
		background: url("holz2.jpg");
		background-repeat:repeat-y; /*no-repeat*/
		background-attachment:scroll; /*fixed*/
		background-position:left top; 
		/*-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
		background-size:cover;*/
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
}

a
{
	color:#000000;
	font-style:normal; /*italic*/
	font-weight:bold;
	text-decoration:none; /*underline*/
}

a:hover 
{
	color:#000000;
	cursor:pointer;
}


#layout-content
{
	height:100%;
	margin: 2px auto 100px auto; /*aussen - top right bottom left*/
	text-align: left;
	width: 870px;
	/*white-space:nowrap; */
	overflow: hidden; /* http://herr-schuessler.de/blog/div-an-float-hoehe-anpassen/ */
}

/*320x480,180ppi*/

@media only screen and (max-width: 480px) 
{
	#layout-content
	{
		height:100%;
		margin: 0px auto 100px auto; /*aussen - top right bottom left*/
		width: 440px;
	}
	html 
	{
		background-color: #8fb2fc;
		background-image: none;
	}
}

.noFloat
{
	clear:left;
}


/*
@media(min-width: 480px){#layout-content
{
	height:100%;
	margin: 50px auto 50px auto;
	text-align: left;
	width: 450px;
}}
*/

/* ---------------------------------------------------------------------------------------------- */
/* Main Menu */

.menu-block
{
	/*padding:1px 3px 1px 3px;
	margin:3px;*/
}

.menu-block li 
{
	color:#ffffff;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	margin:10px 6px 0px 0px;
	float:left;
}

.menu-block  li a
{
	color:#ffffff;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	background-color:#bf2f1f;
	padding:3px 5px 3px 5px;
}

.menu-block li span
{
	color:#bf2f1f;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	background-color:#ffffff;
	padding:3px 5px 3px 5px;
}

.menu-block > .image *
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color:transparent;
}

.menu-block  > .image img
{
	height:26px;
	margin:-3px 0px 0px 0px;
}

/* ---------------------------------------------------------------------------------------------- */
/* Event Box */

#schleier 
{/*
	position:fixed;
	width:100%;
	height:100%;
	background-color:#000;
	-ms-filter: "Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75; 
	-webkit-opacity: 0.75;
	opacity: 0.75;

	padding:0;
	margin:0;
	left:0;
	top:0;
	text-align: center;
	z-index: 5;*/
}

#schleier
{
	background-color:#000;
	-ms-filter: "Alpha(Opacity=75)";
	filter:alpha(opacity=75);
	-moz-opacity: 0.75; 
	-webkit-opacity: 0.75;
	opacity: 0.75;
	position:fixed;
	padding:0;
	margin:0;
	left:0;
	top:0;
	z-index: 10000;
}

#eventbox-ontop
{
	position:absolute;
	/*min-height:50%;*/
	display:block;
	/*aussen - top right bottom left*/
	padding:10px;
	text-align: left;
	width: 700px;
	z-index: 11000;
	/*background-image:url("90_white.png");*/
	background-color:#ffffff;
	box-shadow: 3px 3px 30px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 30px rgba(0,0,0,0.5);
}

#eventbox-ontop h1
{
	font-size:22px;
}
#eventbox-ontop h2
{
	font-size:20px;
	padding-top:20px;
	vertical-align:bottom;
}

@media only screen and (max-width: 480px) 
{
	#eventbox-ontop
	{
		width: 400px;
	}
	#eventbox-ontop h1
	{
	font-size:16px;
	padding-top:0px;
	vertical-align:bottom;
	}
}

#eventbox-ontop a
{
	color:#3b5b99;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}

#eventbox-description
{
	padding-top:10px;
	white-space:pre-wrap;
	word-wrap: break-word;
	overflow:hidden;

}

#eventbox-ontop h1
{

}
	
#eventbox-ontop a span
{
	text-align:center;
}

#eventbox-ontop hr
{
	height:4px;
	margin:12px 0px 7px 0px;
	display:block;
	background-color:#000000;
}

#eventbox-ontop h2 span
{
	font-size:16px;
	padding-left:10px;
	vertical-align:bottom;
}

#eventbox-image
{
	float:left;
	display:block;
	padding:0 10px 0 0;
	overflow:hidden;
}

#eventbox-image img
{
	width:180px;
}

#eventbox-close
{
	vertical-align:right;
	float:right;
	cursor:pointer;
}

/* ---------- imageBox ------------------ */

#imagebox-ontop
{
	position:absolute;
	/*min-height:50%;*/
	display:block;
	margin:0 0 0 50px; /*aussen - top right bottom left*/
	padding:15px;
	text-align: left;
	width: 720px;
	z-index: 11000;
	/*background-image:url("90_white.png");*/
	background-color:#ffffff;
	box-shadow: 3px 3px 30px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 30px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 30px rgba(0,0,0,0.5);
}

#imagebox-image
{
	padding-top:10px;
	width:100%;
}

.imagebox-close
{/*
	position:absolute;
	right:0;
	top:0;
	padding:10px;*/
	vertical-align:right;
	float:right;
	cursor:pointer;
}

@media only screen and (max-width: 480px) 
{
	#imagebox-ontop
	{
		width: 400px;
	}
}

/* ---------------------------------------------------------------------------------------------- */
/* Standard Block */

.standard-block-clean
{
	padding:0px;
	margin:8px;
	display:block;
	width:200px;
	height:200px;
	float:left;
	/*background-color:#ffffff;*/
	overflow:hidden;
	position:relative;
}

.standard-block p,.standard-block2 p
{
	color:#000000;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	background-color:#ffffff;
	width:100%;
	height:100%;
	/*padding:6px 100px 6px 6px;*/
	text-align:center;
	padding-top:90px;
}

div.standard-block,div.standard-block2
{
	padding:0px;
	margin:4px;
	display:block;
	width:200px;
	height:200px;
	float:left;
	/*background-color:#ffffff;*/
	overflow:hidden;
	position:relative;
	border:4px solid #fff;
	
	box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
}

a.standard-block,a.standard-block2
{
	padding:0px;
	margin:4px;
	display:block;
	width:200px;
	height:200px;
	float:left;
	/*background-color:#ffffff;*/
	overflow:hidden;
	position:relative;
	border:4px solid #fff;
	
	box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
}

a.standard-block:hover,a.standard-block2:hover
{
	/*border:4px solid #bf2f1f;*/
	box-shadow: 0px 0px 80px rgb(255,255,255);
	-moz-box-shadow: 0px 0px 80px rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 80px rgb(255,255,255);
}

a.image-block
{
	padding:0px;
	margin:3px;
	display:block;
	width:190px;
	height:190px;
	float:left;
	/*background-color:#ffffff;*/
	overflow:hidden;
	position:relative;
	border:4px solid #fff;
	box-shadow: 1px 1px 4px rgba(0,0,0,1);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,1);
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,1);
}

a.image-block:hover
{
	border:4px solid #c14c25;
	box-shadow: 1px 1px 1px rgba(0,0,0,1);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,1);

}

/* Content Standard Block */

.event-title
{
	position:absolute;
	width:100%;
	background-image:url("70_white.png");
	bottom:0;
	left:0;
	padding:6px;
}

.event-title
{
	color:#000000;
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}

.event-date
{
	font-weight:bold;
	color:#000000;
	font-size:18px;
}

.event-date
{
	top:0;
	left:0;
	position:absolute;
	/*background-image:url("70_white.png");*/
	background-color:#ffffff;
	padding:6px;
}

.event-month
{
	color:#000000;
	font-size:24px;
	font-style:normal;
	font-weight:bold;
	background-color:#ffffff;
	padding:6px;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:90px;
}

.rotate {
	display:block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	float:left;
	text-align:right;
}

.event-image {
	/*position:absolute;*/
	width:200px;
	height:100%;
	/*overflow:hidden;*/
}


.event-image img {
	min-height:100%;
  	height:auto !important;
  	height:100%;
	min-width:100%;
  	width:auto !important;
  	width:100%;
	margin:0 auto;
	display:block;
}


/* ---------------------------------------------------------------------------------------------- */
/* Large Block */

.whiteboard 
{
	background-color:#ffffff;
	display:block;
}

.large-block
{
	padding:7px;
	margin:4px;
	display:block;
	width:410px; /* 512 - 2x4 margins*/
	/*height:1024px;*/
	float:left;
	background-color:#ffffff;
	/*overflow:hidden;*/
	position:relative;
	/*border:4px solid #fff;*/
	/*min-height:1066px;*/
	
	box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
}

.large-block p
{

}

.large-block h2
{
	padding:0px;
	margin:4pt 0px 6pt 0px;
	
	font-size:16px;
	color:#000000;
	font-style:normal; /*italic*/
	font-weight:bold;
	text-decoration:none; /*underline*/
}

.large-block h3
{
	padding:0px;
	margin:4pt 0px 6pt 0px;
	
	font-size:14px;
	color:#000000;
	font-style:normal; /*italic*/
	font-weight:bold;
	text-decoration:none; /*underline*/
}

.large-block p
{
	padding:0px;
	margin:2pt 0px 8pt 0px;
	white-space:pre-wrap;
}



/* ---------------------------------------------------------------------------------------------- */
/* youtube */


.ytvid
{
	display:block;
	height:200px;
	width:100%;
	overflow:hidden;
}

.ytvid img
{
	width:100%;
	margin-top:-15%;
}

.ytvid div span
{
	position:absolute;
	padding:20px 0px 0px 20px;
	font-size:50px;
	color:#ffffff;
	text-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-moz-text-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-text-shadow: 3px 3px 10px rgba(0,0,0,0.5);
}