@media screen {

	* {	margin:0;	padding:0; }

	html, body { height:100%; }


	body { font:13px arial,helvetica,sans-serif; color:#798085; background:url(../images/bg_page.jpg) #22378A repeat-x; text-align:center;	}

  form { padding:0px; margin:0px; }
  fieldset { width:400px; padding:5px; margin:0px; }
  input, textarea, select { font:10px arial,helvetica,sans-serif; color:#798085; }
  
  a { text-decoration:none; color:#8C8C8C; }

/* get rid of those system borders being generated for A tags */
a:active {
 outline:none;
}

:focus {
 -moz-outline-style:none;
} 

	#pageContainer { background:url(../images/bg_content_neu.jpg) transparent 160px 180px no-repeat; text-align:left; min-height:100%; width:860px; margin-left:auto; margin-right:auto; }

	/* IE Win lt 7 only \*/
	* html #pageContainer { height:100%; }
	/* */

  #pageHead { background:url(../images/bg_head.jpg) #ffffff no-repeat; height:180px; }

	#pageContent { padding-bottom:5px; }
			
			#pageContentCol1 { width:160px; min-height:400px; float:left; }
			* html #pageContent #pageContentCol1 { height:400px; }
          #pageCol1MainNavi { height:400px; }
          #pageCol1MainNavi ul { margin:0px; padding:0px; list-style:none outside; }
          #pageCol1MainNavi ul li { text-align:right; margin:0px; padding:2px 0px; }
          #pageCol1MainNavi ul li a { /*display:block;*/ padding:2px 28px 2px 5px; font-family:arial,helvetica,sans-serif; font-size:15px; font-weight:bold; color:#acc1e2; }
          #pageCol1MainNavi ul li a:hover,
          #pageCol1MainNavi ul li a:focus,
          #pageCol1MainNavi ul li a:active { /*background-color:gray;*/ color:#ffffff; } 
          #pageCol1MainNavi ul li.act a,
          #pageCol1MainNavi ul li.cur a { /*background-color:gray;*/ color:#ffffff; } 

          #pageCol1MainNavi ul li ul { padding:0px 0px 0px 0px; list-style:none outside; }
          #pageCol1MainNavi ul li ul li { text-align:right; margin:0px; padding:2px 0px; }
          #pageCol1MainNavi ul li ul li a,
          #pageCol1MainNavi ul li.cur ul li a,
          #pageCol1MainNavi ul li.act ul li a { /*display:block;*/ margin:0px; padding:2px 38px 2px 0px; font-family:arial,helvetica,sans-serif; font-size:15px; font-weight:normal; color:#acc1e2; }
          #pageCol1MainNavi ul li ul li a:hover,
          #pageCol1MainNavi ul li ul li a:focus,
          #pageCol1MainNavi ul li ul li a:active { /*background-color:gray;*/ color:#ffffff; }
          #pageCol1MainNavi ul li ul li.act a,
          #pageCol1MainNavi ul li ul li.cur a { /*background-color:gray;*/ color:#ffffff; } 
            
          #pageCol1SuchNavi { padding:0px 28px 0px 0px; text-align:right; line-height:18px; }
          #pageCol1SuchNavi input.textButton { width:125px; padding:2px; margin:0px; color:#888888; font-size:10px; }
          #pageCol1SuchNavi input.butSend { width:90px; padding:2px; margin:0px; font-size:10px; }
            
          #pageCol1LangNavi { clear:both; }
          #pageCol1LangNavi ul { list-style:none outside; padding:20px 28px 0px 0px; margin:0px; }
          #pageCol1LangNavi ul li { float:right; text-align:right; margin:0px; padding:0px 0px 0px 5px; }
            
          #pageCol1ServNavi { clear:both; padding:10px 0px; margin:0px; }
          #pageCol1ServNavi ul { list-style:none outside; padding:0px; margin:0px; }
          #pageCol1ServNavi ul li { text-align:right; margin:0px; padding:2px 0px; }
          #pageCol1ServNavi ul li a { /*display:block;*/ padding:2px 28px 2px 5px; font-family:arial,helvetica,sans-serif; font-size:10px; color:#ffffff; }
          #pageCol1ServNavi ul li a:hover,
          #pageCol1ServNavi ul li a:focus,
          #pageCol1ServNavi ul li a:active { /*background-color:gray;*/ color:#ffffff; } 


			#pageContent #pageContentCol2 { background:url(../images/bg_content_neu.jpg) white 0px 0px no-repeat; float:left;  }
          #pageCol2Content { padding:0px 20px 0px 30px; }
          #pageCol2Content h1 { font-size:15px; font-weight:bold; color:#233988; padding:0px; margin:5px 5px 12px 0px; }
          #pageCol2Content h2 { font-size:13px; font-weight:bold; color:#233988; padding:0px; margin:5px 0px; }
          #pageCol2Content h3 { font-size:13px; font-weight:bold; color:#c0007b; padding:0px; margin:5px 0px; }
          #pageCol2Content h4 { font-size:10px; font-weight:normal; color:#333333; padding:0px; margin:5px 0px; }
          #pageCol2Content h5 { font-size:10px; font-weight:normal; color:#333333; padding:0px; margin:5px 0px; }
            
          #pageCol2Content hr { clear:both; display:block; height:1px; color:#233988; background-color:#233988; border:0px solid #233988; padding:0px; margin:0; margin-bottom:12px; }
            
          #pageCol2Content p {padding-bottom:10px}

          #pageCol2Content a { text-decoration:underline; color:#798085; }
          
          #pageCol2Content a.buttonLink { width:174px; height: 18px; padding-top:8px; background:url(../images/button.png) transparent no-repeat; text-align:center; text-decoration:none; display:block;overflow:hidden;vertical-align:bottom; }

          /* Login Formular */
          #pageCol2Content legend { display:none; }
          div.tx-felogin-pi1 fieldset { border:0px solid red; }
          
          #pageCol2Content #loginForm label { float:left; width:120px; line-height:18px; }
          #pageCol2Content #loginForm input { float:left; width:150px; line-height:18px; margin:2px; padding:0px; }
          #pageCol2Content #loginPass { clear:both; }
          #pageCol2Content #loginPass label { float:left; width:120px; line-height:18px; }
          #pageCol2Content #loginPass input { float:left; width:150px; line-height:18px; margin:2px; padding:0px; }
          #pageCol2Content #loginSubmit { clear:both; }
          #pageCol2Content #loginSubmit input { padding:0px; margin:0px 0px 0px 120px; font-size:10px; }
          
          #pageCol2Content ul { list-style:disc outside; padding:5px 10px; margin:5px 10px; }
          
          /* Login anfordern */
          fieldset { border:0px solid red; }
          #pageCol2Content div.csc-mailform-field { clear:both; }
          #pageCol2Content div.csc-mailform-field label { float:left; width:120px; line-height:18px; }
          #pageCol2Content div.csc-mailform-field input { float:left; width:200px; line-height:18px; margin:2px; padding:0px; }
          #pageCol2Content div.csc-mailform-field textarea { width:200px; margin:2px; }
          #pageCol2Content div.csc-mailform-field input.csc-mailform-submit { padding:0px; margin:0px 0px 0px 120px; width:150px; font-size:10px; }
          /* Content Suche */
          div.tx-indexedsearch-form input { font-size:10px; padding:2px; }
          div.tx-indexedsearch-search-submit { margin:10px 0px 0px 110px; }
          div.tx-indexedsearch-search-submit input { font-size:10px; }
          div.tx-indexedsearch-searchbox select { font-size:10px; margin:2px 0px; }
          /* Content Suchergebnis */
          span.tx-indexedsearch-icon,
          span.tx-indexedsearch-result-number,
          span.tx-indexedsearch-title,
          span.tx-indexedsearch-title a,
          span.tx-indexedsearch-percent { font-size:12px; font-weight:bold; color:#233988; padding:0px; margin:0px; }
          dl.tx-indexedsearch-info { margin:5px 0px; }
          #pageCol2Content span.tx-indexedsearch-title a { color:#233988; }
            
          /* Anfrageformular */
          div.anfrage_liste ul { list-style:disc outside; padding:5px 10px; margin:5px 10px; }
          .frm_anfrage { padding:1px; margin:0px;font-size:10px; }
          .fd_input { width:150px; }
          
          /* News */
          .news_bild { float:left; margin:0px 10px 5px 0px; padding:0px; border:0px solid transparent; }
          div.news-list-item { border:0px solid transparent; background-color:transparent; width:590px; }
          div.news-list-item img { float:left; margin:0px 10px 0px 0px; border:0px solid transparent; }
          div.news-single-item { border:0px solid transparent; background-color:transparent; width:550px; }
          div.news-single-img { float:left; margin-right:10px; }
          div.news-list-container { border:0px solid transparent; background-color:transparent; padding:0px; margin:0px; text-align:left; }
          div.news-list-item { border:0px solid transparent; background-color:transparent; padding:0px; margin:0px; }
          div.news-list-morelink { margin:5px 0px; }
          div.news_bild img { border:0px solid transparent; padding:0px; margin:0px; }
          
          /* Top Link */
          p.csc-linkToTop { clear:both; display:block; text-align:right; }

          #pageCol2Baseline { height:50px; display:block; } /* Unterer Rand im Content */


			#pageFooter { height:10px; margin-top:-15px; text-align:right; width:810px; margin-left:auto; margin-right:auto; }

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow:hidden;
	}

	.c50l {float: left; overflow: hidden;}
	.c50r {float: left; overflow: hidden;}


	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 0; overflow: hidden; }






/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


.triggers img {
-moz-border-radius:4px 4px 4px 4px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
cursor:pointer;
margin:0 5px;
padding:2px;
}

/* root element for tabs  */

/* root element for tabs  */
 #pageCol2Content ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}



/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tabs.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 114px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}


.panes div.ftab {	
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	background-color:#fff;
}


}


@media print {
  
  #pageCol1MainNavi { display:none;}
  
  #pageCol1SuchNavi {
display:none;
}
      #pageCol1LangNavi {
display:none;
}

#pageCol1ServNavi {
display:none;
}




}

