@charset "UTF-8";

/****************************************************************
* Login-Box
*****************************************************************/
#login_box {
	padding:25px;
}


/****************************************************************
* Search
*****************************************************************/
div#search_box {
	padding:25px;
}

div#search_page strong.keyword {
	background:#ff0;
}

#search_page {
	
}

div#search_page div.entry {
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #B8BCC0;
}

div#search_page img {
	width:100px;
	float:left;
	margin:0px 10px 0px 0px;
}

div#search_page h3 {
	margin:0px;
}

/****************************************************************
* Hier beginnt der Style für das Download-Modul
****************************************************************/

.downloads {
	border-top: 1px solid #D5D5D5;
	margin-top: 35px;
}

	.downloads .row {
		display:block;
		
		-webkit-box-shadow: inset 0px -1px 0px 0px #fff;
		-moz-box-shadow: inset 0px -1px 0px 0px #fff;
		box-shadow: inset 0px -1px 0px 0px #fff;
		border-bottom: 1px solid #D5D5D5;
		
		text-decoration:none;
		color:#333;
		
		padding:10px;
		overflow:hidden;
		line-height: 19px;
	}
	
		.downloads .row:hover {
			background:#fff;
		}

		.downloads .row .name {
			display:block;
					
			float:left;
			width:auto !important;
			width:70%;
			max-width:70%;
			
			font-family:"GudeaBold";
			font-weight: normal;
			margin-bottom:5px;
		}
		
			.downloads .row .name .icon {
				width:20px;
				height:20px;
				float:left;
				background:url("../images/icon_file.png") 0px 0px no-repeat;
				margin:0px 5px 0px 0px;
			}
		
				.downloads .row:hover .name .icon {
					background-position:0px -20px;
				}
				
				.downloads .row .name .icon.pdf {
					background-image:url("../images/icon_pdf.png");
				}
				
				.downloads .row .name .icon.jpg, .downloads .row .name .icon.jpeg, .downloads .row .name .icon.png, .downloads .row .name .icon.gif, .downloads .row .name .icon.tif, .downloads .row .name .icon.tiff {
					background-image:url("../images/icon_image.png");
				}
				
				.downloads .row .name .icon.zip, .downloads .row .name .icon.rar {
					background-image:url("../images/icon_zip.png");
				}
			
		.downloads .row .size {
			margin-left:10px;
			color:#666666;
			font-size:0.8em;
		}
		
		.downloads .row .desc {
			display:block;
			clear:left;
			padding-left:25px;
			font-size:0.8em;
			width:70%;
		}
		
		.downloads .row .date {
			float:right;
			color:#666666;
			font-size:0.8em;
		}

/****************************************************************
* Hier beginnt der Style für die Terminliste
****************************************************************/

.termine {
	
	margin-top: 35px;
}


	.termine .row {
		
		display: block;
		
		-webkit-box-shadow: inset 0px -1px 0px 0px #fff;
		-moz-box-shadow: inset 0px -1px 0px 0px #fff;
		box-shadow: inset 0px -1px 0px 0px #fff;
		border-bottom: 1px solid #D5D5D5;
		
		text-decoration:none;
		color:#333;
		
		padding:10px;
		overflow:hidden;
		line-height: 19px;
		height: 25px;
	}
	
	.termine .row:hover {
		background-color: #f2f2f2;
		-webkit-box-shadow: inset 0px -1px 0px 0px #f2f2f2;
		-moz-box-shadow: inset 0px -1px 0px 0px #f2f2f2;
		box-shadow: inset 0px -1px 0px 0px #f2f2f2;
	}
	
	.termine .row.inactive span, .termine .row.inactive a {
		opacity: 0.3;
	}
	
	.termine .row.booked {
		background: #b3d32d;
		-webkit-box-shadow: inset 0px -1px 0px 0px #b3d32d;
		-moz-box-shadow: inset 0px -1px 0px 0px #b3d32d;
		box-shadow: inset 0px -1px 0px 0px #b3d32d;
		
	}
	
	.termine .row.headline {
		padding-bottom: 0px;
		height: 29px;
	}	
	
	.termine .row.headline:hover {
		background-color: #fff;
		-webkit-box-shadow: inset 0px -1px 0px 0px #fff;
		-moz-box-shadow: inset 0px -1px 0px 0px #fff;
		box-shadow: inset 0px -1px 0px 0px #fff;
	}	
	
	.termine .headline_date {
		display: block;
		border-right: 1px solid #D5D5D5;
		height: 25px;
		width: 170px;
		float: left;
		padding-top: 4px;
	}
	
	.termine .headline_location {
		display: block;
		height: 25px;
		float: left;
		margin-left: 10px;
		padding-top: 4px;
	}
	
	
		.termine .row .date {
			display: block;
			width: 165px;
			font-family:"GudeaBold";
			font-weight: normal;
			font-size: 1.3em;
			margin-bottom:5px;
			line-height: 27px;
			float: left;
		}
					
		.termine .row .signup {
			float: right;
			height: 29px;
			line-height: 26px;
			margin: 0px;
			padding-left: 30px;
			text-decoration: underline;
			
			background: url('../images/icon_anmeldung.png') no-repeat 0px 2px;
		}
		
		.termine .row:hover .signup {			
			background: url('../images/icon_anmeldung.png') no-repeat 0px -33px;
			text-decoration: none;
		}
		
		.termine .row .info {
			float: right;
			line-height: 26px;
			font-family:"GudeaBold";
			font-weight: normal;
			font-size: 1em;
		}
		
		.termine .row.booked .info {
			padding-left: 30px;
			background: url('../images/icon_anmeldung.png') no-repeat 0px -70px;
		}
		
		.termine .row .location {
			display: block;
			float: left;
			padding-left:15px;
			font-size:1em;
			line-height: 27px;
		}
		
		

.termine.start {
	font-size: 0.9em;
	margin-top: 10px;	
}

.termine.start .date {
	width: 80px;
	
}

.termine .headline_date {
	width: 88px;
}


/****************************************************************
* Hier beginnt der Style für das News-Modul
****************************************************************/
#news .newsitem {
	padding:0px 0px;
	margin:35px 0px;
	position:relative;
	/* border-bottom:1px solid #B8BCC0; */
}
	

	#news .newsitem p {
		padding:0px;
		margin:0px 0px 1em 0px;
	}
	
	#news .newsitem .category {
		margin:0px;
		position:absolute;
		top:-1.7em;
		left:0px;
		font-size:0.9em;
		
	}
	
	#news .newsitem p.date {
		margin:0px;
		position:absolute;
		top:-2.8em;
		left:0px;
		font-size:0.9em;
	}
	
	#news .newsitem .newslinks {
		text-align:right;
	}
	
	#news .newspaginator {
		text-align:center;
	}
	
	#news .pages {
		list-style-type:none;
		padding:0px;
		margin:0px;
		text-align:center;
	}
	
		#news .pages li {
			display:inline;
			margin:0px 3px;
		}
		
		#news .pages li a {
			text-decoration:none;
		}
		
			#news .pages li a.active, #news .pages li a:hover {
				text-decoration:underline;
			}
		
	


/****************************************************************
* Hier beginnt der Style für die Ausklappboxen
****************************************************************/
div.slider {
	border:none;
	border-top:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
	margin-bottom:-1px;
	
	/*background:url("images/listpoint_1.gif") 0px 14px no-repeat;*/
	
}

	div.slider div {
		margin:0px !important;
		padding:0px 0px 0px 15px;
	}
	
	div.slider p {
		margin:0px;
		padding-bottom:10px;
	}
	
	div.slider a.slider {
		text-decoration:none;
		
		line-height:1em;
		
		display:block;
		padding:10px 40px 10px 15px;
		
		background:url("../images/arrow_down.gif") 98% center no-repeat;
		outline:none;
	}
	
		div.slider a.slider:hover, div.slider a.slider.active {
			font-weight:bold;
		}
		
		div.slider a.slider.active {
			background:url("../images/arrow_up.gif") 98% center no-repeat;
		}


/****************************************************************
* Hier beginnt der Style für die Unterschriften von Grafiken
****************************************************************/
div.untertext {
	padding:0px;
	margin:0px;
}

	div.untertext p {
		clear:both;
		margin:0px;
		padding:5px 0px 0px 0px;
		font-size:0.8em;
		color:#000;
		line-height:1em;
	}
	
	
/****************************************************************
* Hier beginnt der Style für das Glossar-Modul
****************************************************************/
span.glossaryLink {
	cursor:pointer;
	text-decoration:underline;
}

#glossaryContainer div {
	display:none;
	width:150px;
	border:1px solid #000;
	line-height:1em;
	padding:5px;
	background:#fff;
}


/****************************************************************
* Hier beginnt der Style für das Ansprechpartner-Modul
****************************************************************/
#main .contacts .contactsrow {
	overflow:hidden;
	clear: both;
}

	#main .contacts .contactscontent {
		width:45%;
		float:left;
	}
	
		#main .contacts .contactscontent img.contactsimage {
			margin:0px;
		}
		
		#main .contacts .contactscontent h2 {
			margin:0px;
		}
		
		#main .contacts .contactscontent p {
			
		}
		

/****************************************************************
* Hier beginnt der Style für das Bildergalerie-Modul
****************************************************************/
#main .imagegallery {
	
}

	#main .imagegallery a {
		display:block;
		width:220px;
		height:220px;
		line-height:220px;
		
		border:1px solid #ccc;
		text-align:center;
		float:left;
		
		overflow:hidden;
		margin:0px 20px 20px 0px;
	}
	
		#main .imagegallery a img {
			vertical-align:middle;
			height:auto !important;
			width:auto !important;
			height:220px;
			width:220px;
			max-height:220px;
			max-width:220px;
			padding:0px;
			margin:0px;
		}
	

/****************************************************************
* Hier beginnt der Style für die leti-Forms
****************************************************************/

.leti_form {
	display:block;
	clear:left;
	
	margin: 30px 0px;
	
	width: 550px;
}

	.leti_form .line {
		margin:0px 0px 10px;
		padding:0px 20px 0px 0px;
		overflow:hidden;
	}

	.leti_form label {
		display:block;
		font-size:0.9em;
		line-height: 1.2em;
		margin:0px;
		padding-left: 7px;
	}
	
	
	.form_zwei_spalten .leti_form label.uneven {
		clear:left;
	}
	
	.leti_form .error {
		color: #900;
	}
	
		.leti_form .error input, .leti_form .error select, .leti_form .error textarea {
			background:#fdbaba;
		}
	
	
	.leti_form .text, .leti_form .number, .leti_form .email, .leti_form .textarea, .leti_form .strasse, .leti_form .strasse_nr, .leti_form .plz_ort, .leti_form .plz, .leti_form .captcha, .leti_form .password .password {
		width:99%;
	}
	
	
	.leti_form .text, .leti_form .number, .leti_form .email, .leti_form .textarea, .leti_form .strasse, .leti_form .strasse_nr, .leti_form .plz_ort, .leti_form .plz, .leti_form .captcha, .leti_form .password .password, .leti_form input[type=text] {
		padding: 5px 6px;
		
		font-family: 'GudeaRegular';
	
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		
		border: solid 1px #d3d3d3;
	}
	
	.ie .leti_form .text, .ie .leti_form .number, .ie .leti_form .email, .ie .leti_form .textarea, .ie .leti_form .strasse, .ie .leti_form .strasse_nr, .ie .leti_form .plz_ort, .ie .leti_form .plz, .ie .leti_form .captcha, .ie .leti_form .password .password, .ie .leti_form input[type=text] {
		padding-left: 10px;
	}

	
	.leti_form :focus, .leti_form .email:focus{
		color: #0077ba;
		border: 1px solid black;
		
		outline: 0 none;
	}
	
	
	.leti_form .textarea {
		height:100px;
		resize:none;
	}
	
	.leti_form .strasse {
		width: 72%;
		float:left;
		margin:0px;
	}
	.leti_form .strasse_nr {
		width: 17%;
		float:right;
		position:relative;
		right:-6px;
		margin:0px;
	}
	.leti_form .plz_ort {
		width: 64%;
		float:right;
		margin:0px;
		position:relative;
		right:-6px;
	}
	.leti_form .plz {
		width: 25%;
		float:left;
		margin:0px;
	}
	
	.leti_form .captcha {
		width: 30px;
	}
	
	.leti_form .line_form1_captcha2 span, .leti_form .line_form8_captcha2 span, .leti_form .line_form9_captcha2 span{
		margin-left: 10px;
	}
	
	.leti_form .asterisk {
		margin-left: 0px !important;
	}
	
		
	.leti_form .imgcaptcha {
		float:left;
		margin-right: 18px;
	}
	
	.leti_form .infotext{
		padding-left: 10px;
	}
	
	.leti_form input[type=submit], .leti_form input[type=image] {
		clear:both;
		float:left;
	}
	
	.leti_form input[type=submit] {
	
		display:block;
		height: 23px;
		padding: 0px 15px;	
		line-height: 20px;	
		margin-top: 12px;
	
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	
	
		-moz-box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
		-webkit-box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
		box-shadow: inset 1px 1px 3px 0px rgba(255,255,255,0.4);
		
		background: rgb(75,75,75); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  rgba(75,75,75,1) 0%, rgba(4,4,4,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75,1)), color-stop(100%,rgba(4,4,4,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(75,75,75,1) 0%,rgba(4,4,4,1) 100%); /* W3C */
	
		border-color: black;
		color: white;
	
		cursor: pointer;
	}
	
	.ie6 .leti_form input[type=submit], .ie7 .leti_form input[type=submit], .ie8 .leti_form input[type=submit] {
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#040404',GradientType=0 );
	}
	
	.leti_form input[type=submit]:hover {
	
		background: white;
		color: #0077ba;
		border: solid 1px #d3d3d3;
					
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		
		line-height: 21px;
	
	}
	
	.default_form {
		width:400px;
	}
	
	.default_form.twocols {
		width:580px;
	}
	
		.default_form.twocols .line {
			width:45%;
			float:left;
			margin-right:2%;
			clear:none;
			margin-right:0px;
			margin-left:0px;
		}
		
			.default_form.twocols .line.uneven {
				clear:both;
				float:left;
			}
			
			.default_form.twocols .line.even {
				float:right;
			}


ul.form {
	margin:10px 0px;
	padding:10px 10px 10px 15px;
	clear:both;
}

	ul.form.error {
		border:3px solid #900;
		border-radius:10px;
		padding:10px 10px 10px 25px;
	}

	ul.form li:first-child {
		list-style-type:none;
		margin-left:-15px;
		font-weight:bold;
	}
	
	ul.form li p {
		margin:0px 0px 1em;
	}
	
	ul.form_error li p:first-child {
		margin:0px;
	}
	

#form2 .default_form {
	width:523px;
}

.leti_form .twocols .line_form9_e-mail-adresse,
.leti_form .twocols .line_form9_passwort,
.leti_form .twocols .line_form9_fax,
.leti_form .twocols .line_form8_e-mail-adresse
{
	margin-bottom:35px;
}

.leti_form .twocols .line_form8_anrede,
.leti_form .twocols .line_form9_anrede {
	width: 50px;
}

form.leti_form .default_form.twocols .line_form8_titel,
form.leti_form .default_form.twocols .line_form9_titel {
	float:left;
}

.leti_form .twocols .password {
	width: 100%;
}

.leti_form .twocols .password label{
	width: 45%;
	float:left;
}

.leti_form .twocols .password label.right
{
	width: 45%;
	float:right;
	margin-right:2%;
}

.leti_form .twocols .password .password{
	width:45%;
	float:left;
	margin-right:4%;
}

.leti_form .twocols .password .password.right {
	float:right;
	margin-right:1%;
}

.leti_form .line_form8_captcha, .leti_form .line_form9_captcha {
	width: 60% !important;	
	
}

#form11 label {
	padding-left: 25px;
	display: block;	
}

#form11 input {
	float: left;	
}