@media screen,tv,projection,handheld {
/*** Basic Setup ***/

.cleaner {
	font-size: 1px;
	background: transparent;
	margin: 0;
	padding: 0;
	height: 1px;
	clear: both;
	border: none }

body    {  font-size: 100.01%; background-color: #efefef; text-align: center; margin: 0; padding: 0 }

body  { color: #444; font-size: 83%; font-family: Verdana, Helvetica, Arial, sans-serif }



#wrapper     { background-color: white; text-align: left; margin: 0 auto; width: 1000px; border: solid 1px silver }

#header    { background-color: #ccdbf1; height: 142px; position: relative; }
#logo   { width: 200px; height: 142px; position: absolute; top: 0; left: 0}
#leuchtturm   { text-align: right; width: 800px; height: 90px; float: right; position: absolute; top: 0; right: 0 }
#logo a {border:0;}

#topnav     { background-color: #336bb5; width: 100%; height: auto; }
#searchbox   {position:absolute;  bottom:8px; right:10px; font-size:11px; width: 170px;  float: right; z-index: 10;   }
#mainnav    { background-color: #336bb5; ; padding-left: 20px; width: 980px; float: left }

#fontsizemenu   { text-align: right; padding-top: 5px; padding-right: 0px; width: 100%; height: 22px; float: right }

#main      { background-color: white; background-image: url("../images/mainbg.gif"); background-repeat: repeat-y; margin-top: 0; width: 100%; height: auto !important; min-height: 400px }

/*#column-main {background-color: white;}*/
 #left  { width: 180px !important;
 width: 200px ; 
float: left ;}

#navcontainer  { margin-bottom: 10px;  }

#middle  { width: 742px; float: left; margin-left:60px! important;
margin-left:40px!;
}

/*#footer     { background-color: #f9f9f9; height: 25px; float: left; border-top: 4px solid #efefef; width:100%; height:47px; }

#footercontent{
	/width: 100%;
}
*/
/*** End Basic Setup ***/	



/*** Basic Makeup ***/

/* Links*/
  a  { color: #335d8a; text-decoration: underline }
  a:focus,
  a:hover,
  a:active {color:#222; text-decoration:none;}



/* Linkimages */
a.external-link {
	background-image: url("../images/icons/external_link.gif");
	background-repeat: no-repeat;
	padding: 0 0 0 14px }

a.external-link-new-window {
	background-image: url("../images/icons/external_link_new_window.gif");
	background-repeat: no-repeat;
	padding: 0 0 0 14px }

a.internal-link {
	background-image: url("../images/icons/internal_link.gif");
	background-repeat: no-repeat;
	background-position: left 4px;
	padding: 0 0 0 14px }

a.internal-link-new-window {
	background-image: url("../images/icons/internal_link_new_window.gif");
	background-repeat: no-repeat;
	padding: 0 0 0 14px }

a.download {
	background-image: url("../images/icons/download.gif");
	background-repeat: no-repeat;
	padding: 0 0 0 14px }

a.mail {
	background-image: url("../images/icons/mail.gif");
	background-repeat: no-repeat;
	background-position: left 0;
	padding: 0 0 0 22px }

.csc-linkToTop {
	border-top: 1px solid silver }


/* Trennlinie */	
 hr  { color: #fff; background: transparent; margin: 0 0 0.5em; padding: 0 0 0.5em; border-style: none none solid; border-width: 0 0 1px; border-color:   silver }
	
/* Headlines */
/*.maincontent  { color: black; font-size: 0.72em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.75; }*/
  h1,h2,h3,h4,h5,h6    { color: #3d6fa4; font-weight: bold; margin: 0 0 0.25em }

  h1  { font-size: 150% }                        /* 21px */
  h2   { font-size: 133.33% }         /* 18px */
  h3   { color: #da203d; font-size: 133.33% }                        /* 18px */
  h4 {font-size:133.33%}                     /* 16px */
  h5 {font-size:116.67%}                     /* 14px */
  h6 {font-size:116.67%; font-style:italic}  /* 14px */

	
	
 p {line-height:1.5em; margin:0 0 1em 0;}
 
  p.align-center {text-align: center}

  /* ### Lists | Listen  #### */

  ul, ol, dl {line-height:1.5em; margin:0 0 1em 1em}
  li {margin-left:0.1em; line-height:1.5em}

  dt {font-weight:bold}
  dd {margin:0 0 1em 2em}

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote {font-style:italic}
  blockquote {margin:0 0 1em 1.5em}

  strong,b {font-weight:bold}
  em,i {font-style:italic}

  pre, code {font-family:monospace; font-size:1.1em;}

  acronym, abbr {
    letter-spacing:.07em;
    border-bottom:.1em dashed #c00;
    cursor:help;
  }

 /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background:#dfd; padding:1em; border-bottom:1px #bdb dotted; border-bottom:1px #dbb dotted;}
  .important {background:#ffd; padding:1em; border-bottom:1px #ddb dotted; border-bottom:1px #dbb dotted;}
  .warning {background:#fdd; padding:1em; border-bottom:1px #dbb dotted; border-bottom:1px #dbb dotted;}

  .float_left {float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right {float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

	
	
/*******************************************
* Styles f"?r Typo3 (RTE)
********************************************/
p.csc-linkToTop {
	text-align: right }

p.smalltext {
	font-size: 0.9em }

p.box {
	color: #000;
	font-size: 1em;
	background: #ececec;
	display: block;
	padding: 0.5em;
	border-left: 8px solid #008371 }

.csc-caption {
	font-size: 10px;
	padding: 2px }

/* Typo3 Version 4 */
dd.csc-textpic-caption {
	color: #6b6b6b;
	/*font-size: 10px;*/
	font-style: normal;
	padding: 0 }

/*** End Basic Makeup ***/		
	
	
	

/* Kopfnavigation */
/*#navi_bereiche    { margin-bottom: -3px; width: 760px; float: left; font-size: 1.17em; }
#navi_bereiche
{ font: 1.17em Verdana, sans-serif; list-style-type: none; margin: 0; padding: 0; }*/

ul.bereichemenuList
 { display: inline; margin: 0 0 0 00px; padding: 0; float: left; border-right: 1px solid #fff; border-left: 1px solid white }

ul.bereichemenuList li   { font-size: 1em; line-height: 1em; list-style-type: none; display: inline; margin: 0; padding: 0; float: left; border-right: 1px solid white; border-left: 1px solid #fff }


.bereichemenuList a, .bereichemenuList a:link, .bereichemenuList a:visited   { color: white; font-size: 1em; font-weight: bold; text-decoration: none; background: transparent; display: block; margin: 0; padding: 0.5em 0.8em; width: auto }


.bereichemenuList a:hover
    { color: #333; text-decoration: none; background: #ccdbf1 }
  
.bereichemenuList a.bereichecurrent
   { color: #333; text-decoration: none; background: #ccdbf1 }  


/* Searchbox*/
/*Searchbox*/
#searchbox {padding-top:5px;}
.ssubm {font-size:8pt;  margin:0;padding-left:5px} 
/*input .sinp {height:18px; width:65px; font-size: 12px; }*/
.sinp { width:125px}

/*** Seitliche Navigation ***/
#navcontainer  { margin-top: 0;padding: 10px; padding-bottom:0; }

#klickbox img {padding:10px;}

/*#navcontainer {
	margin-left: -16px;
	ma\rgin-left: 0px }
	*/


#navcontainer   { list-style-type: none; margin: 1em 0 1.5em; width: 100%; overflow: hidden; /*border-top: 1px solid #888*/ }

  #navcontainer ul { list-style-type: none; margin:0; padding: 0;}
  #navcontainer li { float:left; width: 100%; margin:0; padding: 0; border-top: 1px solid #888 }

  #navcontainer a { color: #444; text-decoration: none; display: block; padding: 1px 0 1px 10%; width: 90%;  }
  #navcontainer strong  { color: #444; text-decoration: none; display: block; padding: 1px 0 1px 10%; width: 90%; border-bottom: 1px solid #888 }

/* Just in case the skiplink anchor gets into THIS menu, because the tab-navigation was turned off */
/* PLEASE LEAVE THE FOLLING SETTING IN PLACE */  
  #navcontainer a#navigation {border-bottom:0; padding:0;}

  /* Menu Title */
  #navcontainer li#title  { color: #444; font-weight: bold; padding: 1px 0 1px 10%; width: 90%; border-bottom: 4px solid #014286 }

  #navcontainer li span  { font-weight: bold; display: block; padding: 1px 0 1px 10%; width: 90%; /*border-bottom: 1px solid #888*/ }

  /* Level 1 */
  #navcontainer li#active,
  #navcontainer li strong  { color: #014286; font-weight: bold; padding: 1px 0 1px 10%; width: 90%; /*border-bottom: 1px solid #888*/ }

  #navcontainer li a  { color: #444; padding-left: 10%; width: 90%;   }
  #navcontainer li a:focus,
  #navcontainer li a:hover,
  #navcontainer li a.current  { color: #014286 }
  
   #navcontainer li a.current {padding-left: 0%;width:100%; border-bottom: none }

  /* Level 2 */
  #navcontainer li ul li a,
  #navcontainer li ul li#active,
  #navcontainer li ul li strong,
  #navcontainer li ul li span  { padding-left: 15%; width: 85% }

  #navcontainer li ul li a  { color: #666 }
  #navcontainer li ul li a:focus,
  #navcontainer li ul li a:hover,
  #navcontainer li ul li a.current  { color: #014286 }

  /* Level 3 */
  #navcontainer li ul li ul li a,
  #navcontainer li ul li ul li#active,
  #navcontainer li ul li ul li strong,
  #navcontainer li ul li ul li span  { padding-left: 20%; width: 80% }

  #navcontainer li ul li ul li a  { color: #888 }
  #navcontainer li ul li ul li a:focus,
  #navcontainer li ul li ul li a:hover,
  #navcontainer li ul li ul li a:active  { color: #014286 }

  /* Level 4 */
  #navcontainer li ul li ul li ul li a,
  #navcontainer li ul li ul li ul li#active,
  #navcontainer li ul li ul li ul li strong,
  #navcontainer li ul li ul li ul li span  { padding-left: 25%; width: 75% }

  #navcontainer li ul li ul li ul li a  { color: #aaa }
  #navcontainer li ul li ul li ul li a:focus,
  #navcontainer li ul li ul li ul li a:hover,
  #navcontainer li ul li ul li ul li a:active  { color: #014286 }

/******** Hauptinhalt ***********/

	

	
	
/******** Footer ***********/
#footercontent  { color: #565e62; font-size:10px; }	
#footercontent p {line-height: 100%; margin:0; padding:0;}
#footercontent a {color: #565e62; }
/*** End Basic Makeup ***/


/* FCE Flexible Content Elements */
/* FCE 5050 */

/*.leftcol50 {float:left; width:375px;}
.rightcol50 {float: right; width:375px;}*/

/* FCE 7030 */
.leftcol70, .leftcol70white {float:left; width:510px;}
.rightcol30, .rightcol30white {float: right; width:189px;}

.rightcol30, .rightcol30white {
	color: black;
	font-size: 1em;

	line-height: 1.5;
 }

.rightcol30 { background-color: #ececec }

.rightcol30 h1  { color: white; font-size: 0.9em; font-weight: bold; line-height: 120%; background-color: #9c9c9c; text-transform: uppercase; margin-top: -2px; margin-bottom: 0; padding: 2px 5px; border-left: 10px solid #008371; }

.rightcol30white h1     { color: #565e62; font-size: 0.9em; font-weight: bold; background-image: url("../images/icons/raquo.gif"); background-repeat: no-repeat; background-position: 0 center; text-transform: uppercase; margin-bottom: 3px; padding: 0 5px 0 12px }

.rightcol30 p {

	font-size: 0.9em;
	line-height: 1.5;
	background-color: #ececec;
	padding-right: 5px;
	padding-bottom: 5px;
/*	padding-left: 15px;*/
	margin-top:0;
	margin-bottom:0;
	 }

.rightcol30white p
{

	font-size: 0.9em;
	line-height: 1.5;
	padding-right: 5px;
	padding-bottom: 5px;
/*	padding-left: 15px;*/
	margin-top:0;
	margin-bottom:0;
	 }


.rightcol30 .csc-uploads {padding-left: 15px;}






	

/*INDEXED SEARCH */

.tx-indexedsearch {font-size: 0.95em}
.tx-indexedsearch-searchbox {font-size: 1.18em;}
.tx-indexedsearch-res  TD, .tx-indexedsearch-searchbox TD { background: transparent; vertical-align: middle; background: transparent; }

.tx-indexedsearch-res table {border-top:1px solid silver}
.tx-indexedsearch-searchbox Table {width:100%}
.tx-indexedsearch-searchbox TD {padding:5px;}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE  { background: #efefef }
/* Searchword_highlight*/
.csc-sword  { color: #002e5c; font-weight: bold; background-color: #c5d9e0; padding-right: 2px; padding-left: 2px; border: dotted 1px #dfe0da }


div .tx-indexedsearch-browsebox ul.browsebox {
list-style-type: none;
padding: 0;
margin: 0;
}

div .tx-indexedsearch-browsebox  ul.browsebox li
{
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
}

.ssubm  { font-size: 10px; background-color: #f0f0f0;  }
input .ssubm {border: solid 1px #c0c0c0}


.box    { color: #000; font-size: 0.95em; background: #fbfbfb; display: block; padding: 0.5em; border: solid 1px #dfe0da }



table.tabelle, table.contenttable  { font-size:1em; margin: auto; width: 92%; border-collapse: collapse; width:100% }

table.tabelle td, table.contenttable td  { margin: 0; border-bottom: 1px solid #c0c0c0; vertical-align: top; padding:2px; }

td.zelleGrau  { color: black; background-color: #efefef }



/* ####################################
** ### FCE 3 Boxes with rounded edges #
** ####################################
/* blue */
* html .REboxBlueContent {height:1%; }
/*.REboxBlueContent {overflow:hidden; }*/
.REboxBlue {display:block; background:transparent; font-weight:normal; margin-bottom:1em;margin-top:1em;}
.REboxBlue p {margin:0 2px; padding:2px 0; line-height:1.2em;}
.REboxBlueContent  { background: #dfe9f6; display: block; padding: 0.5em 1em; /*height: 1%; overflow: hidden;*/ border-right: 1px solid #aabcce; border-left: 1px solid #aabcce }
.REboxBlueContent h1, .REboxBlueContent h2, .REboxBlueContent h3, .REboxBlueContent h4, .REboxBlueContent h5 {margin-top:0;}
.rBline1, .rBline2, .rBline3, .rBline4 {display:block; overflow:hidden; font-size:1px;}
.rBline1, .rBline2, .rBline3 {height:1px;}
.rBline2, .rBline3, .rBline4  { background: #dfe9f6; border-right: 1px solid #aabcce; border-left: 1px solid #aabcce }
.rBline1 {margin:0 5px; background:#AABCCE;}
.rBline2 {margin:0 3px; border-width:0 2px 0 2px;}
.rBline3 {margin:0 2px;}
.rBline4 {height:2px; margin:0 1px 0 1px;}
/* FCE 3 Boxes with rounded edges End */


/* ################################
** ### FCE adjustable columns     #
** ################################
*/
div.flexi {overflow:hidden; display:block; clear:both; width:100%; height:1%;}
/*div.flexi div {display:block; overflow:hidden; float:left;}*/
div.flexi div.left {margin-right:5px;display:block; overflow:hidden; float:left;}
div.flexi div.center {margin-right:5px; margin-left:5px;display:block; overflow:hidden; float:left;}
div.flexi div.right {margin-left:5px;display:block; overflow:hidden; float:left;}
/* FCE adjustable columns End */


/**

  * @section subtemplates

  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html

  */



  .subcolumns, .subcolumns_oldgecko {

    width: 100%;

    overflow:hidden;

  }



  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */

  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */

  .subcolumns_oldgecko { float:left }



  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }

  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }



  .c25l, .c25r { width: 25% }

  .c33l, .c33r { width: 33.333% }

  .c50l, .c50r { width: 50% }

  .c66l, .c66r { width: 66.666% }

  .c75l, .c75r { width: 75% }

  .c38l, .c38r { width: 38.2% }

  .c62l, .c62r { width: 61.8% }



  .subc  { padding: 0 0.5em }

  .subcl { padding: 0 1em 0 0 }

  .subcr { padding: 0 0 0 1em }



 /*------------------------------------------------------------------------------------------------------*/


 #footer { 
    color:#666; 
    background: #f9f9f9;
    padding: 15px;
    border-top: 5px #efefef solid;

  }

#footer a {color:#999; background:transparent; font-weight:bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color:#4D87C7; background-color:transparent; text-decoration:underline;}
  
  
  
  /*POWERMAIL_SETUP*/
span.powermail_mandatory {
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/*background-color: red;*/
	border:1px solid red;
}
div.powermail_mandatory_js {
	color: red;
	margin: 3px 0 15px 165px;
}
fieldset.tx-powermail-pi1_fieldset {
	/*border: 1px solid #A5ACB2;
	background-image: url(../img/handy.jpg);
		background-repeat: no-repeat;
	background-position: 100% 60%;*/ 
	border: 0;

	padding: 10px;
}

/*fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 120px;
	float: left;
	clear: both;
}
*/
fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea {
	/*width: 260px;*/
}

fieldset.tx-powermail-pi1_fieldset legend { color: #014286; font-size: 90% }


fieldset.tx-powermail-pi1_fieldset textarea {
	width: 260px;float:left;
}
div.tx_powermail_pi1_fieldwrap_html {
	margin: 3px 0;
}

td.powermail_all_td {
	padding: 3px 10px 3px 0;
}	
	
	
.powermail_check_inner  { color: #014286; padding-top: 5px; padding-bottom: 5px; border-top: 1px none silver }
/*.powermail_check_inner input {float: left}*/

.powermail_check_inner label {}

.tx_powermail_pi1_fieldwrap_html_checkbox_title {display:none}


.tx_powermail_pi1_fieldwrap_html_check {border-top: 1px solid silver;}
.tx_powermail_pi1_fieldwrap_html_text label {;
	display: block;
	width: 150px;
	float: left;
	clear: both;
	}
.tx_powermail_pi1_fieldwrap_html_textarea label {
	display: block;
	width: 150px;
	float: left;
	clear: both;
}
input.powermail_submit {
	margin: 20px 0px;
	font-weight: bold;
	border: 1px solid #444;
	width: 130px;

}
.tx_powermail_pi1_fieldwrap_html_submit {	display: block;
	width: 150px;
	float: left;
	clear: both;}

}

/* news*/

.news-list-item h3 {font-size: 1em}
.news-list-date {color: black; font-size:0.7em; width:100%}

.news-single-item h3 {font-size: 1em; color:black;}



/*counter*/
.tx-bktfegraphiccounter-pi1   { padding-top: 10px; height: 32px; border-top: 1px solid #dc3f54; border-bottom: 1px solid #dc3f54 }

.tx-bktfegraphiccounter-pi1 table  { margin: auto; width: 96% ; font-size:1em;}

.tx-bktfegraphiccounter-pi1 td {margin:0; padding:0; }