@charset "UTF-8";
/* CSS Document */

/* +++ GENERIC +++ */

	html, body {
		height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
	}

	body{
		text-align:center;
		font-family:Helvetica, Arial,  sans-serif;
		font-size:13px;
		line-height:16px;
		font-variant:normal;
		color:#333333;
		margin:0;
		background-color:#FFFFFF;
	}
	
	#hintergrund
	{
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 0;
	
	    margin: 0;
	    padding: 0;
	}
	
	
	a:link,
	a:visited,
	h1 a:link,
	h1 a:visited{
		color:#000000;
		text-decoration:none;
	}
	
	a:hover,
	h1 a:hover{
		color:#000000;
		text-decoration:underline;
	}
	
	a.green:link,
	a.green:visited{
		color:#006633;
		text-decoration:none;
	}
	
	a.green:hover{
		color:#000000;
		text-decoration:underline;
	}
	span.blue {
		color: #000000;
	}
	
	table,
	select{
		font-size:12px;
	}
	
	
	
/* +++ END: GENERIC +++ */

div#wrapper{
	z-index: 1;
	position:relative;
	top:0px;
	color:#333333;  /*262626;*/
	text-align:left;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	width:890px;
	/*min-height: 100%; Mindesthöhe in modernen Browsern */
	/*height: auto !important;  !important-Regel für moderne Browser */
	/*height: 100%;  Mindesthöhe in IE (<7) */
	
	
}

/* NAVIGATION */
	div#gen-nav ul{
		float:right;
		font-size:11px;
		margin:0;
		list-style:none;
	}
	
	div#prim-nav ul{
		position:relative;
		top:0;
		left:0;
		font-size:12px;
		margin:0px;
		padding:0;
		list-style:none;
	}
	
	div#gen-nav ul li,
	div#prim-nav ul li{
		float:left;
		background-color:#FFFFFF;
		margin-left:1px;
	}
	
	div#gen-nav ul li a{
		float:left;
		padding: 4px 5px 3px 5px;
		margin-left:1px;
	}
	div#gen-nav a:link,
	div#gen-nav a:visited{
		color:#999999;
		text-decoration:none;
	}
	
	div#gen-nav a:hover{
		color:#cccccc;
		text-decoration:none;
	}
	
	div#gen-nav a.hit:link,
	div#gen-nav a.hit:visited{
		color:#333333;
		text-decoration:none;
	}
	
	div#gen-nav a.hit:hover{
		color:#cccccc;
		text-decoration:none;
	}
	
	div#prim-nav a:link,
	div#prim-nav a:visited{
		color:#333333;
		text-decoration:none;
	}
	
	div#prim-nav a:hover{
		text-decoration:none;
		color:#FFFFFF;
		background-color:#003300;
		border-top:1px solid #ffffff;
	}
	
	div#prim-nav a.hit:link,
	div#prim-nav a.hit:visited{
		color:#cccccc;
		text-decoration:none;
	}
	
	div#prim-nav a.hit:hover{
		color:#333333;
		text-decoration:none;
		background-color:#FFFFFF;
		border-top:none;
	}
	
	
	
	div#prim-nav li:hover{
		
	}
	
	div#prim-nav ul li a{
		float:left;
		padding: 4px 5px 2px 4px;
	}



div#logo{
	z-index:2;
	position:absolute;
	top:0;
	left:0;
	background-color:#FFFFFF;
	width:890px;
	height:81px;
	
}
div#gen-nav{
	z-index:3;
	position:absolute;
	top:52px;
	right:0;
	height:20px;
	width:422px;
	text-align:right;
}

div#prim-nav{
	z-index:4;
	position:absolute;
	top:80px;
	left:20px;
	height:19px;
	width:860px;
	text-align:left;
}

div#content-area{
	z-index:5;
	position:absolute;
	top:184px;
	left:0;
}


div#content-area div#content-left{
	z-index:6;
	position:absolute;
	float:left;
	top:0;
	left:20px;
	width:645px;
	margin-right:20px;	/*background-color:#99FF00;*/
}

div#content-area div#content-right{
	z-index:7;
	position:absolute;
	top:0;
	left:683px;
	float:left;
	width:207px;
	/*background-color:#99FF00;*/
}

div#content-area div#content-right-shop{
	z-index:77;
	position:absolute;
	top:420px;
	left:683px;
	float:left;
	width:207px;
	/*background-color:#99FF00;*/
}

div#content-area div#content-left h1,
div#content-area div#content-right h1,
div#content-area div#content-right-shop h1{
	margin:0px;
	padding:12px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:-12px;
}

div#content-area div#content-left h1{
	margin:0px;
	padding:12px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:1px;
}

div#content-area div#content-left h1.csc-firstHeader {
	margin-bottom:1px;
}

div#content-area div#content-left div.content,
div#content-area div#content-left div.content-news-short,
div#content-area div#content-right div.content-small{
	position:relative;
	margin-bottom:-12px;
	width:100%;
}

div#content-area div#content-left div.content{
	margin-bottom:-12px;
}

div#content-area div#content-left div.content-gallery-thumbs-new,
div#content-area div#content-left div.content-news-short{
	position:relative;
	margin-bottom:1px;
	diplay:block;
	height:auto;
}
div#content-area div#content-left div.content p,
div#content-area div#content-right div.content-small p{
	padding:12px;
}





	div#content-area div#content-left h1,
	div#content-area div#content-left div.content,
	div#content-area div#content-left div.content-news-short,
	div#content-area div#content-left div.content-gallery-thumbs-new,
	div#content-area div#content-right h1,
	div#content-area div#content-right div.content-small,
	div#content-area div#content-right-shop h1,
	div#content-area div#content-right-shop div.content-small{
		/*background-color:#FFFFFF;
		filter:alpha(opacity=70);  Internet Explorer */
		/*-moz-opacity: 0.70;  Mozilla Browser */
		/*opacity: 0.70;  Opera */
		background-image:url(img/bg_trans.png);
		background-repeat:repeat;
	}
	


div#content-area div#content-left div.content-gallery-thumbs-new{
	display:block;
	padding:1px 0 0 1px;
}

div#content-area div#content-left div.content-gallery-thumbs-new img{
	padding:0 1px 1px 0;
}



/* NEWS */
div#content-area div#content-left div.content-news-short p.date{
	padding:12px;
	margin:0;
	font-size:14px;
	color:#006633;
	display:block;
}

div#content-area div#content-left div.content-news-short img{
	float:left;
	max-width:232px;
	padding-left:1px;
}

div#content-area div#content-left div.content-news-short p.content{
	float:left;
	max-width:373px;
	padding-top:0;
	margin-top:0;
	padding-left:12px;
}


/* GALLERY-Template*/

	div#content-area-gallery{
		z-index:5;
		position:absolute;
		top:130px;
		left:0;	
		width:100%;
		
	}
	
	div#content-area-gallery div#content-left{
		z-index:6;
		position:absolute;
		top:0;
		left:34px;
		display:block;
		width:852px;
	}
	
	div#content-area-gallery div#content-left div.content-gallery-thumbs-new{
		position:relative;
		margin-bottom:1px;
		width:600px;
		height:auto;
	}
	div#content-area-gallery  div#content-left div.content-gallery-thumbs-new img{
		padding:0 1px 1px 0;
	}
	
	div#content-area-gallery div#content-left div.gallery-img-with-nav{
		position:relative;
		top:0px;
		left:0px;
		float:left;
		/*display:inline-block;*/
	}
	
	div#content-area-gallery div#content-left div.gallery-img-with-nav div.gallery-nav{
		margin-top:12px;
		font-size:11px;
		clear:both;
	}
	
	div#content-area-gallery div#content-left div.gallery-img-with-nav div.gallery-nav div.count-images{
		float:left;
	}
	div#content-area-gallery div#content-left div.gallery-img-with-nav div.gallery-nav div.browse-images{
	text-align:right;
	float:right;
	font-size:15px;
	line-height:6px;
	font-family:Arial, Helvetica, sans-serif;
	color:#111111;
	}
	
	div#content-area-gallery div#content-left div.gallery-img-with-nav div.gallery-nav div.browse-images a:link,
	div#content-area-gallery div#content-left div.gallery-img-with-nav div.gallery-nav div.browse-images a:visited{
		color:#222222;
	}
	
	div#content-area-gallery div#content-left div.gallery-img-with-nav div.gallery-nav div.browse-images a:hover{
		color:#999999;
		text-decoration:none;
	}
	
	
	div#content-area-gallery div#content-left div.gallery-content{
		margin-left:20px;
		max-width:325px;
		float:left;
		/*display:inline-block;*/
	}
	
	div#content-area-gallery div#content-left div.gallery-content h1{
		font-size:18px;
		font-weight:normal;
		margin-top:0px;
	}
	
	div#content-area-gallery div#content-left div.gallery-content h2,
	div#content-area-gallery div#content-left  .csc-mailform-field input.csc-mailform-submit{
		font-size:14px;
		font-weight:normal;
		font-style:italic;
	}
	div#content-area-gallery div#content-left div.gallery-content p.back_zero{
		margin-top:-6px;
	}
	div#content-area-gallery div#content-left div.gallery-content p.back{
		margin-top:12px;
	}
	div#content-area-gallery div#content-left div.gallery-content p.back a:link,
	div#content-area-gallery div#content-left div.gallery-content p.back a:visited,
	div#content-area-gallery div#content-left div.gallery-content p.back_zero a:link,
	div#content-area-gallery div#content-left div.gallery-content p.back_zero a:visited{
		font-size:11px;
		color:#999999;
	}
	
	div#content-area-gallery div#content-left div.gallery-content p.back a:hover,
	div#content-area-gallery div#content-left div.gallery-content p.back_zero a:hover{
		color:#000000;
		text-decoration:none;
	}

/* CONTACT */
div#content-area-gallery div#content-left  form#mailform{
	position:relative;
	border:none;	
}
div#content-area-gallery div#content-left  fieldset.csc-mailform{
	width:600px;
	position:relative;
	border:none;
	padding-left:0px;
}

div#content-area-gallery div#content-left  .csc-mailform-field{
	clear:both;
	padding-top:5px;
}

div#content-area-gallery div#content-left  .csc-mailform-field label{
	width:82px;
	float:left;
	padding-right:5px;
}

div#content-area-gallery div#content-left  .csc-mailform-field input,
div#content-area-gallery div#content-left  .csc-mailform-field textarea{
	width:272px;
	float:left;
}

div#content-area-gallery div#content-left  .csc-mailform-field textarea{
	width:275px;
	float:left;
}

div#content-area-gallery div#content-left  .csc-mailform-field input.csc-mailform-submit{
	width:70px;
	position:relative;
	top:-30px;
	left:370px;
	background:none;
	border:none;
	text-decoration:underline;
	font-weight:normal;
}

div#content-area-gallery div#content-left h1{
	font-size:18px;
	font-weight:normal;
}
div#content-area-gallery div#content-left h2{
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	padding:0px;
	margin:0px;
}

div#content-area-gallery div#content-left p{
	margin:0px;
	padding:0px;
	padding-top:5px;
	max-width:600px;
}

div#content-area-gallery div#content-left h1,
div#content-area-gallery div#content-left h2{
	max-width:600px;
}

/* Workshop-Registration */
	a.register_form:link,
	a.register_form:visited{
		color:#006633;
	}
	a.register_form:hover{
		color:#333333;
		text-decoration:none;
	}
	div#content-area div#content-left  form#mailform{
		clear:both;
		position:relative;
		border:none;	
		padding-left:12px;
		color:#333333;
	}
	div#content-area div#content-left  fieldset.csc-mailform{
		width:600px;
		position:relative;
		border:none;
		padding-left:0px;
	}
	
	div#content-area div#content-left  .csc-mailform-field{
		clear:both;
		padding-top:5px;
	}
	
	div#content-area div#content-left  .csc-mailform-field label{
		width:82px;
		float:left;
		padding-right:5px;
	}
	
	div#content-area div#content-left  .csc-mailform-field input,
	div#content-area div#content-left  .csc-mailform-field textarea{
		width:272px;
		float:left;
	}
	
	div#content-area div#content-left  .csc-mailform-field textarea{
		width:275px;
		float:left;
	}
	
	div#content-area div#content-left  .csc-mailform-field input.csc-mailform-submit{
		clear:both;
		width:70px;
		position:relative;
		top:-20px;
		left:-10px;
		background:none;
		border:none;
		text-decoration:underline;
		font-weight:normal;
		color:#006633;
		font-size:14px;
	}
	div#content-area div#content-left  .csc-mailform-field input.checkbox_registration{
		width:auto; 
		padding-top:0px; 
		margin-top:-3px; 
		padding-left:0px; 
		margin-right:8px; 
		margin-left:-2px;
	}
	

.divider{
	clear:both;
	line-height:0;
	height:0;
}

div#content-area div#content-left div.content{
	margin-top:-12px;
}

.clearfix{
	margin-top:1px;
	margin-bottom:1px;
}