body {
	margin: 0;
	padding: 0;
	border: 0;
	/* This removes the border around the viewport in old versions of IE */
	width: 100%;
	min-width: 600px;
	/* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-family: Arial,Helvetica;
	color: #253036;
}

th{
	/*text-align:left;*/
}
/* column container */
.colmask {
	position: relative;
	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* holy grail 3 column settings */
.holygrail { /* Right column background colour */
	 
}

.holygrail .colmid {
	width: 939px;
	/*margin-left: 626px;*/ /* Width of right column */
	position: relative;
	/*right: 100%;*/ /* Centre column background colour */
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.holygrail .colleft {
	float: left;
	width: 100%;
	/*margin-left: -50%;*/
	position: relative;
	/*left: 24em;*/ /* Left column width + right column width */
	/* Left column background */
	background: url("img/bg_contentleft.gif") repeat-y;
}

#left {
	width: 100%;
	/*margin: 15px;
	margin-top: 0px;*/
}

#content {
	width: 606px;
	margin: 10px;
}

.holygrail .col1 {
	float: left;
	/*float: right;*/ /* This overrides the float:left above */
	width: 301px;
	/* Width of left column content (left column width minus left and right padding) */
	position: relative;
	/*right: 1em;*/
	/* Width of the left-had side padding on the left column */
}

.holygrail .col2 {
	float: left;
	float: right; /* This overrides the float:left above */
	width: 628px;
	/* Width of right column content (right column width minus left and right padding) */
	/* Width of right column right-hand padding + left column left and right padding */
	position: relative;
	/*left: 50%;*/
	background: #1b2328;
}

/* Header styles */
#header {
	clear: both;
	float: left;
	margin-bottom: 10px;
	margin-top: 30px;
}

#navigation {
	/*height: 97px;*/
	overflow: hidden;
	/* width: 735px; navigation ohne eintrag: "blog" */ /*wichtig wenn kein flash installiert ist oder script deaktiviert ist*/
	width: 840px; /* navigation mit eintrag: "blog" */ /*wichtig wenn kein flash installiert ist oder script deaktiviert ist*/
}

/* Footer styles */
#footer {
	clear: both;
	float: left;
	width: 100%;
	height: 75px;
}

#footer p {
	margin: 0;
}
a.menunoscript{
	color:#4a5256;
	font-size:20px;
	font-family:Courier;
	background-color: #1b2328;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}
a:hover.menunoscript{
	color:#06aff5;
}
a.menunoscript_active {
	color:#06aff5;
	font-size:20px;
	font-family:Courier;
	background-color: #1b2328;
	padding: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
	
	line-height: 50px;
}


.containermenu{
	background-color: #1b2328;
	
	/*padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;*/
	padding:0px;
	margin:0px;
	height:50px;
	float:left;
}
ul{
	list-style-type:square;
	margin-left:20px;
}
a.news,a.news_active{ 
	background: url("img/news.gif") no-repeat;
	padding-bottom:48px;
		padding-right:136px;
	position:relative;
	top:0px;
	
}

a:hover.news,a.news_active{
	background: url("img/news_active.gif") no-repeat;
}
a.home,a.home_active{
	background: url("img/home.gif")  no-repeat;
	padding-bottom:48px;
	padding-right:133px;
	position:relative;
	top:0px;
}

a:hover.home,a.home_active{
	background: url("img/home_active.gif") no-repeat;
}
a.c21,a.c21_active{
	background: url("img/c21.gif")  no-repeat;
	padding-bottom:48px;
	padding-right:86px;
	position:relative;
	top:0px;
}
a:hover.c21,a.c21_active{
	background: url("img/c21_active.gif")  no-repeat;
}
a.online,a.online_active{
	background: url("img/online.gif") no-repeat;
	padding-bottom:48px;
		padding-right:157px;
		position:relative;
	top:0px;
}
a:hover.online,a.online_active{
	background: url("img/online_active.gif") no-repeat;
}
a.offline,a.offline_active{
	background: url("img/offline.gif") no-repeat;
	padding-bottom:48px;
	/*	padding-right:199px;*/
	padding-right:177px;
		position:relative;
		
	
}
a:hover.offline,a.offline_active{
	background: url("img/offline_active.gif") no-repeat;
}
a.blog,a.blog_active{
	background: url("img/blog.gif") no-repeat;
	padding-bottom:48px;
	padding-right:127px;
	position:relative;

}
a:hover.blog,a.blog_active{
	background: url("img/blog_active.gif") no-repeat;
}

a.jobs,a.jobs_active{
	background: url("img/jobs.gif") no-repeat;
	padding-bottom:48px;
		padding-right:122px;
		position:relative;

}
a:hover.jobs,a.jobs_active{
	background: url("img/jobs_active.gif") no-repeat;
}
a.team,a.team_active{
	background: url("img/team.gif") no-repeat;
	padding-bottom:48px;
	padding-right:127px;
	position:relative;

}
a:hover.team,a.team_active{
	background: url("img/team_active.gif") no-repeat;
}
a.impressum,a.impressum_active{
	background: url("img/impressum.gif") no-repeat;
	padding-bottom:48px;
		padding-right:264px;
		position:relative;
	
}
a:hover.impressum,a.impressum_active{
	background: url("img/impressum_active.gif") no-repeat;
}
a.kontakt,a.kontakt_active{
	background: url("img/kontakt.gif") no-repeat;
	padding-bottom:48px;
		padding-right:198px;
		position:relative;

	
}
a:hover.kontakt,a.kontakt_active{
	background: url("img/kontakt_active.gif") no-repeat;
}
span.kontakt{
	overflow:hidden;
}

div#div-editBar {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	clear: both;
}
div#div-editBar ul {
	padding: 1em;
	padding-left: 0;
	padding-top: 11em;
	margin: 1em;
	margin-left: 0;
	width: 0.5em;
	background: #ffffff;
}
div#div-editBar ul li {
	padding: 0;
	line-height: 0.8em;
	font-size: 0.8em;
	background: #ffffff;
	width: 15em;
}
div#div-editBar ul li ul {
	width: 20em;
	font-size: 0.7em;
}
.CEgreyBackground,.ULgreyBackground {
	padding: 0.6em;
	padding-top:0em;
	padding-bottom:0em;
	background: #aeaeae;
}
.CEwhiteBackground{
padding: 10px;
	background: #ffffff;
}
.CEblueLine,.ULblueLine{
	background: url("img/line_blue_height5px.gif") 0 20% repeat-x !important;
	background: url("img/line_blue_height5px.gif") 0 40% repeat-x ;
	height:1px;
	padding-bottom:14px !important;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top:6px !important;
	margin-top:1px ;
	
}
*+html .CEblueLine,.ULblueLine{
	background: url("img/line_blue_height5px.gif") 0 10% repeat-x !important;
	padding-bottom:13px !important;
}
.CEdatum{
color: #35444d;
	font-weight: bold;
	font-size: 11px;
}
.CEheadline{
font-family: Georgia;
	color: #06aff5;
	font-size: 18px;
	line-height: 110%;;
	margin-top:1.2em;
	margin-bottom:1.2em;
}
.CEinhalt{
font-size:11px;
}
.ULheadline{
	font-family: Georgia;
	color: #ffffff;
	font-size: 18px;
	line-height: 19px;
	font-weight:normal;
}
.ULblueLine{
margin-top:3px !important;
	margin-top:0px ;
	
	}
	.NLAtext{
margin-top:1.5em;
margin-bottom:0.5em;
}
.NLAntext{
margin-top:1.5em;
margin-bottom:0em;
}
div.NCBlueLines{
/*clear:both;
height:22px;*/
}
#NLblueLine1,#NLblueLine2{
	background: url("img/line_blue_height5px.gif") 0 65% repeat-x !important;
	background: url("img/line_blue_height5px.gif") 0 85% repeat-x ;
	height:28px;
	float:left;
	overflow:hidden;
}
#NLAblueLine1{
	background: url("img/line_blue_height5px.gif") 0 62% repeat-x !important;
	height:27px;
	float:left;
}
#NLAblueLine2{
	background: url("img/line_blue_height5px.gif") 0 62% repeat-x !important;
	height:27px;
	width:39.8em ;
	float:right;
}
*+html #NLAblueLine2{
	width:39.7em ;
}
/* IE6 style im Template beachten*/
#NLAblueLine1,#NLblueLine1,#statusleft{
	width:12.7em;
	margin-right:0.7em ;
}
/*IE 8 & IE6 style im Template beachten*/
#NLblueLine2,#statusright{
	width:39.85em ;
	float:right;
} 
#label1,#label2,.inputFeld label {
	float:left;
	background-color:#ffffff;
	padding:1em;
	width:10.7em ;
	
	margin-right:0.7em ;
}
.inputFeld label {
	/*width:10.7em !important;
	width:10.5em ;*/
	float:left;
	background-color:#ffffff;
	padding:1em;
	margin-right:0.7em ;
	padding-bottom:0em;
	padding-top:1.35em;
}
*+html .inputFeld label {
	/*width:10.5em !important;*/
	padding-top:1.15em;
	}
.pflichtfeld{
	position:relative;
	padding-top:0em;
	top:32em;
	display:none;
}
#label1 {
	padding-bottom:0em !important;
	padding-bottom:0.4em;
	padding-top:1.3em;
}

#labeltitle {
	padding-top:1.3em;
	padding-bottom:0em;
}
.NLAbmeldung div.captcha{
	margin-top:0em !important;
	margin-top:-1.8em;
	background:#ffffff;
	display:block;
}
.NLAnmeldung #label2{
	background:#ffffff;

	float:left;
	width:10.7em;
	padding-top:1.55em;
	/*padding-bottom:12.3em;*/
	padding-bottom:6.68em;
	margin-right:0.8em;
}

.emailFeld div{
	float:right;
	background-color:#ffffff;
	width:37.85em ;
	padding:1em ;
	padding-bottom:0em;
}
.inputFeld div{
float:right;
	background-color:#ffffff;
	padding:1em;
	width:37.8em ;
	
	padding-top:0.4em !important;
	padding-top:0.3em;
	padding-bottom:0em;
	padding-right:1em !important;
	padding-right:0.75em;
}
*+html .inputFeld div{
	padding-top:0.25em !important;
	width:37.7em ;
}
.inputFeld div.div1 input{
	margin-top:0.9em;
}
*+html .inputFeld div.div1 input{
	margin-top:0.5em;
}
.inputFeld{

height:2.4em;
overflow:hidden;
clear:both;

}
.NLAbmeldung .contentcaptcha{
	background-color:#ffffff;
	width:37.85em ;
	padding:1em;
	float:right;
	padding-bottom:1em;
	padding-top:0.3em;
	padding-right:1.01em;
}

.NLAnmeldung .contentcaptcha{
background-color:#ffffff;

	padding:1em;
	float:left;
	padding-bottom:0em;
	padding-top:0.3em;
	padding-right:0.7em !important;
	padding-right:0.5em;
	width:38.1em;
	margin-left:0em !important;
	height:14.75em;
}

.NLAbmeldung .tx-srfreecap-pi2-image,.NLAnmeldung .tx-srfreecap-pi2-image{
float:left;
margin:0;
padding:0;
}
.NLAbmeldung .cantread,.NLAnmeldung .cantread{
	clear:both;
	padding-top:2em;
	padding-bottom:2.7em;
}
.NLAnmeldung .cantread{
	padding-top:1.1em;
}
.NLAbmeldung input,.NLAnmeldung input{
	background-color:#d9d9d9;
	
}
.NLAbmeldung input.textinput1,.NLAbmeldung input.textinput2{
	border: 4px solid #d9d9d9;
	font-size:11px;
}
.NLAnmeldung input.textinput1,.NLAnmeldung input.textinput2{
	border: 5px solid #d9d9d9 !important;
	border: 4px solid #d9d9d9;
	font-size:11px;
}
.inputFeld .div1 .textinput1{
	margin-top:0.15em;
}

/*IE 8 style im Template beachten*/
.NLAbmeldung input.textinput1,.NLAnmeldung input.textinput1{
	width:37.1em !important;
	width:37.0em ;
}
*+html .NLAbmeldung input.textinput1,*+html .NLAnmeldung input.textinput1{
width:37.0em !important;
}

.NLAnmeldung select{
	width:34.9em ;
	position:relative;
	top:0.2em;
}
.NLAbmeldung input.textinput2,.NLAnmeldung input.textinput2{
	width:19.5em;
	float:right;
	
	vertical-align:top;
}.NLAnmeldung input.textinput2{
margin-right:0em !important;
margin-right:0.5em;
}

margin-right:0.1em !important;
}
.NLAbmeldung .NLsubmitButton input,.NLAnmeldung .NLsubmitButton input{
	float:right;
}
.NLAnmeldung .NLsubmitButton {
	/*padding-top:4em; juergen */
	padding-top:0.462em;
}
.NLAnmeldung .NLsubmitButton input{
margin-right:1.4em;
}
.statusok{
	background-color:#00b1f7;
		height:6.8em !important;
	height:4.45em;
}
*+html .statusok{
height:4.8em !important;

}
.NLAbmeldung input.statuserrorcolor,.NLAnmeldung input.statuserrorcolor{
	background-color:#E8FD00;
	border-color: #E8FD00 !important;
	color:#ffffff;
	color:black;
	}

	.NLAnmeldung select.statuserrorcolor{
		background-color:#E8FD00
	}
.statuserror{
	background-color:#E8FD00;
	height:6.8em !important;
	height:4.45em;
}
*+html .statuserror{
height:4.8em !important;

}
#statusleft,#statusright{
	color:#ffffff;
	color:black;
	padding:1em;
	
}
#statusleft{
	width:10.85em !important;
	width:10.7em ;
	padding-left:0.8em; 
	padding-top:1.1em;
	float:left;
	height:6.45em !important;
		height:4.05em;
	overflow:hidden;
} 
*+html #statusleft{
height:4.45em !important;
width:10.7em !important;
}
#statusleft span{
font-size:24px;

}

#statusright{
	width:37.35em;
	padding-left:1.55em;
	overflow:hidden;
	padding-top:0.7em;
}

#NLAGrauFrame.csc-frame-frame02{
	height:54em;
	padding-top:0em;
	overflow:hidden;
	width:53.3em;
	}
	
	.nlabonnieren{
	position:absolute;
	left:44.7em;
	margin-top:11.35em;
	height:7.5em;
	width:7.5em;
	/*display:none;*/
	z-index:1000;
}
*+html .nlabonnieren{
	margin-top:0.9em;
	
	}

.nlabonnieren a{
	background-image:url(img/buttonabonnieren.png) !important;
	padding-right:7.5em;
	padding-bottom:6.5em;
	background-image:url(img/buttonabonnieren.gif) ;
	background-repeat:no-repeat; 
	
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/buttonabonnieren.png', sizingMethod='scale');*/
}
*+html .nlabonnieren a{
	position:relative;
	}
.nlabonnieren a:hover{
	background:url(img/buttonabonnieren_ro.png) no-repeat !important;
	background:url(img/buttonabonnieren_ro.gif) no-repeat ;
	}
.pagebrowsenews{
	padding-top:1em;
	padding-bottom:1em;
	color:#ffffff;
	width:15em;
	clear:both;
	height:auto;
	margin-bottom:2em;
	margin-top:1em;
}
.browseeintrag{
	float:left;
	margin-right:0.3em;
}
.previous{
	margin-right:0.5em;
}
.pagebrowsenews .previous a{
	background: url("img/pfeil_links_blau.gif") 0 -0.1em no-repeat;
	padding-right:0.8em;
	padding-left:1.5em;
	padding-bottom:0.3em;
	line-height:130%;
	color:#00b1f7;
}

.pagebrowsenews .previous a:hover{
	background: url("img/pfeil_links_weiss.gif") 0 -0.1em no-repeat;
	color:#ffffff;
	}
.pagebrowsenews .next a{
	background: url("img/pfeil_rechts_blau.gif") 0em -0.15em no-repeat;
	padding-right:3.8em;
	padding-bottom:0.3em;
	color:#00b1f7;
}
.pagebrowsenews .next a:hover{
	background: url("img/pfeil_rechts_weiss.gif") 0em -0.05em no-repeat;
	color:#ffffff;
	}
	.floatLeft{
		float:left;
		margin-left:0.15em;
	}
	.floatRight{
		float:right;
		margin-right:0.15em;
	}
	.willkommenleft{
		float:left;
		width:39.5em;
		margin-right:3.5em;
	}
	
	.willkommen {
		margin-bottom:2.7em;
	}
	
	.willkommenright{
		float:right;
		padding-top:1.3em;
		
	}
	.facebook{
		float:left;
		width:3em;
	}
	.twitter{
		float:right;
	}
	
	.willkommen{
		padding-bottom:3em;

	}
	.visitus{
		float:left;
		width:6.2em;
		overflow:hidden;
	}
	
	/*********
	 * 
	 */
	.mapagerechts{
		width:11.0em;
	}
	
	/***
	 * 
	 */
div.fbteilen{
		width:2em;
		float:left;
		position:relative;
		top:0.1em;
	}
	
	
	#fblogo{
		float:left;
		margin-right:0.4em;
	}
	/**
 * share button
 */


	
	.twittershare{
		float:left;
		width:2.6em !important;
		width:2.4em;
		position: relative;
		position:relative;
		top:0.1em;
	}
	*+html .twittershare{
	
		width:2.4em !important;
		}
	
	
#recaptcha_table.recaptchatable {
	border:none !important;
}	

#recaptcha_table.recaptchatable #recaptcha_image {
	border:none !important;
}

#recaptcha_table.recaptchatable tbody tr td {
	/*padding-left:0px !important;*/
}

#recaptcha_response_field {
	width:313px !important;
	border: 1px solid #858484 !important;
	margin-left:-8px !important;
	margin-top:10px !important;
}
#recaptcha_tagline {
	display:none !important;
}

#kontakt #recaptcha_logo {
	display:none !important;
}

#kontakt #recaptcha_response_field {
	border:5px solid #D9D9D9 !important;
	border:none !important;
	padding: 5px !important;
	font-size:1em;
}

#kontakt #tx_your_extension_id_pi1_captcha_response {
	display:none !important;
	height:0px !important;
}

#kontakt .cantread {
	display:none !important;
	height:0px !important;
}

#kontakt .tx-your-extension-id-pi1-captcha {
	height:11.8em !important;
}
/*
#kontakt .firstrow {
	padding-top:0.45em;
}
*/
.onlineBeschreibungtxt a {
	color: #35444d;
	text-decoration: none;
}
.onlineBeschreibungtxt a:hover {
	color: #06aff5;
	/*text-decoration: none;*/
}
