@charset "UTF-8";
/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 88 $ $Date: 2007-07-15 10:17:48 +0200 (So, 15 Jul 2007) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:0.4em}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%}
body{
	min-height:101%;
	font-size:100.01%;
	color:#333333;
	background:#fff;
	text-align:left
}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:1.5em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em 2em}
blockquote,cite{font-size:0.93em;width:auto;margin:0 0 1em 1.5em}
#topnav{position:absolute;top:10px;right:10px;text-align:right}
#col1{
	float:left;
	width:200px;
	z-index:3;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#col2{float:right;width:200px;z-index:5}
#col3{
	width:auto;
	z-index:1;
	margin:0 200px;
}
#footer{clear:both;display:block}
#col1_content{
	z-index:4;
}
#col2_content{z-index:6}
#col3_content{z-index:2}
.hidenone #col3{
	margin:0 200px;
}
.hideboth #col3{margin-left:0;margin-right:0}
.hideleft #col3{margin-left:0;margin-right:200px}
.hideright #col3{margin-left:200px;margin-right:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
.subcolumns,.subcolumns_oldgecko{width:100%;overflow:hidden}
.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}
.skip,.hideme,.print{position:absolute;top:-5000em;left:-5000em;height:1px;width:1px}
.skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}
#header,#col1_content,#col2_content,#col3_content{position:relative}
#nav,#main{clear:both;width:auto}
.hideboth #col1,.hideboth #col2,.hideleft #col1,.hideright #col2,#ie_clearing{display:none}
.subcolumns_oldgecko,.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
}


@media screen

{



	body { padding: 0px; margin: 0px; background-color: #fff; }

	/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */ 

	#page {
	background-color: #fff;
	background-position: left top;
	background-repeat: repeat-y;
	}



	#header {
	position:relative;
	background-image: url(./images/150_900_1.jpg);
	background-repeat: no-repeat;
	height: 174px;
	background-color:#ffffff;
	text-align:right;
	background-position: top;

	}



	#nav{ height: 25px; background-color: #4c4c4c; }





        #col1, #col2, #col3 { padding: 0px; margin: 0px; }





	#col1_content {
	padding: 20px;
	padding-top: 0px;
	margin: 0;
	color: #646464;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;

	}



	/*#footer { color:#888; background:#fff; margin: 0; padding: 0;  solid; }*/



	/* Festlegung der Layoutbreite und Zentrierung*/

	#page_margins {
	width:900px;
	margin-left: auto;
	margin-right: auto;
	max-width:inherit;  /*min-width f?r fixes Layout abschalten */
	min-width:inherit;
	background-position: right top;
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 0;

	}



	/* Korrektur von Randabst?nden */

#main {
	padding-bottom: 20px;
	color: #000000;
	background-image: url(./images/background.gif);	
	background-repeat: repeat-y;
	border: 1px solid #627491;
	border-left: 0;
	border-right: 1px solid white;
}



/* ######################################################################################################

** ### BREADCRUMB  ###############################################

** ######################################################################################################*/



#breadcrumb {
	margin: 0;
	padding: 6px 8px;
	font-size: 85%;
	font-family: Verdana;
	heigth:6px;
	color: #000;
	background-color: #627491;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #37372D;
	border-right-color: #37372D;
	border-bottom-color: #37372D;
	border-left-color: #37372D;

}



#navigation li#act a {
	font-weight: normal;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #37372D;
	border-right-color: #37372D;
	border-bottom-color: #37372D;
	border-left-color: #37372D;
	background-color: #627491;
	color: #000000;
}

	

	#footer {

	width: 900px;

	height: 25px;

	position: relative;

	bottom: 0;	

	color: #000;

	font-size: 0.8em;

	background-color: #627491;	

    }



    #footer a {

	text-decoration: none;

	color: #000;

    }

    

    #breadcrumbnav {

      float: left;
      
      margin-left: 10px;

      padding: 0;

    }
        
    *html #breadcrumbnav {

      padding: 2px 0;
      margin-left: 1px;

    }

    #search {

    	float: right;   

    	width: 100px; 	

    	text-align: right;

    	padding-right: 10px;    	

    }   

    

    #search a {      

      display: block;  

      font-weight: bold;
          

    }

    

    #search input {

      margin: 0;

      height: 14px;

    	width: 150px;

    	border: 0;

    	padding: 0px;

    	font-size: 12px;

    	color: #8a8a8a;    	

    	padding: 0;

    	margin-top: 4px;

    	border: 1px solid #8ea8d1;

    }

    

    #search .searchbutton {

    	cursor: pointer;

    }

    

    #col1 {
      width: 178px;     
      min-height: 200px;
    }
    
    * html #col1 {
    	height: 200px;
    }

}


/* ######################################################################################################

** ### SECNAV  ###############################################

** ######################################################################################################*/



#col1 {

}



#col1_content, #col1_content ul, #col1_content li, #col1_content a {

   margin: 0;

   padding: 0;

   background-image: none;

}



#col1_content ul {

  list-style-image: none;

  list-style-type: none;  

}



#main #col1_content a, #main #col1_content li#act li a {
	color: #333333;
	display: block;
	font-size: 1em;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #F4870F;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;

}



#main #col1_content a:hover, #main #col1_content li#act a:hover, #main #col1_content li#act a, #main #col1_content li#act li#act a {
	text-decoration: none;
	color: #F4870F;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #F4870F;
	border-right-color: #F4870F;
	border-bottom-color: #F4870F;
	border-left-color: #F4870F;
	font-weight: normal;

}



#main #col1_content li#act li a, #main #col1_content li li a {
	padding-left: 35px;
	background-color: #627491;
	color: #4c4c4c;

}



#main #col1_content li#act li#act li a  {
	font-weight: 0.8em;
	padding-left: 50px;
	color: #4c4c4c;
}

#main #col1_content li#act li#act li#act a,
#main #col1_content li#act li#act li a:hover {
      color: #F4870F;
}





#col1_content li li {

  line-height: 1.1em;

}



*html #main #col1_content li#act li a {
	padding-top: 5px;
	display: block;
	padding-bottom: 1px;

}







/* ######################################################################################################

** ### LAYERMENU  ###############################################

** ######################################################################################################*/



#navigation {
	float: right;
	padding-right: 10px;
	top: 146px;
	position: relative;

}



#navigation ul {

  background-position: left bottom;

  background-repeat: no-repeat;  

  margin: 0;

  padding: 7px 0 0 10px;

  height: 21px;

  float: right;

}



#navigation li {
	float: left;
	padding: 0;
	background-image: none;
	background-position: right bottom;
	height: 21px;
	border-right: 1px solid #37372D;
}

/*#navigation li.first {
	border-left: 1px solid #fff;
	height: 21px;
}*/
	
#navigation li.first#act, #navigation li.first a:hover {
	border-left: 1px solid #37372D;
}

#navigation li#last {
	border-right: 1px solid #fff;
	height: 21px;
}

#navigation li.last#act, #navigation li#last:hover {
	border-right: 1px solid #37372D;
}

#navigation li a {
	border-top: 1px solid #fff;	
	padding: 0 10px;
}

#navigation li a:hover {
	color: #333333;	
	border-top: 1px solid #37372D;	
	background-color: #627491;	
}

/* Sonst nimmt er das display: block des links nicht */

*html #navigation li {
	width: 1px;

}



#navigation li a {
	color: #000000;
	padding: 0 10px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 21px;

}



*html #breadcrumb {

  padding: 1px 18px;

}



#breadcrumb a {
	color: #000000;
	font-size: 11px;
	text-decoration: none;

}



/* ######################################################################################################

** ### FOOTERMENU  ###############################################

** ######################################################################################################*/



#footer {

  padding: 6px 20px;

  height: 13px; 

  width: 860px;

}



#footernav { 

	padding-top: 5px;	

	color: #fff;

	float: left;

	height: 20px;	

	font-weight: bold;		

	padding-left: 50px;

}



#footernav a { 

	font-size: 11px;

	text-decoration:none;

	color: #fff;

}



#footernav a:hover {

	text-decoration: underline;

}



/* ######################################################################################################

** ### TOPMENU  ###############################################

** ######################################################################################################*/

#topnav {

		position:absolute;

		top: 15px;

		right: 15px;

		color: #000;

		font-size:0.88em;

		background: transparent;

		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */

	}

#topnav a { 

	text-decoration:none;

	color: #000;

}

#topnav a:hover {

	color:#5f5ffe; 

}



@media all

{

/* ######################################################################################################

** # Standard-Vorgaben ##################################################################################

** ######################################################################################################

** 



/* ### Überschriften, Flie?texte ###################################################################### */



/* FARBEN UND HINTERGRUNDBILDER WERDEN IN DEN DATEIEN ./content/first.css etc. DEFINIERT */



body {
	color: #000000;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica,   sans-serif;
}



pre { font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica,  sans-serif; }





h1,h2,h3,h4 {
	font-weight: normal;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF8306;
}

h1,h2,h3,h4 { display:block;}



h1 {font-size: 1.4em; background:inherit;  margin: 15px 0 5px 0;}

h2 {font-size: 1.2em; margin: 0.2em 0; }

h3 {font-size: 1.0em; margin:0.2em 0; padding-top: 1em;}

h4 {font-size: 1.0em; margin:0.2em 0; padding: 0.3em; margin-top: 1em; }

h5 {font-size: 1.0em; margin:0.2em 0; padding-top: 1em;}



.csc-header-n1 h1 {

  margin-top: 0.5em;  

}



ul, ul li {

  margin: 0;

  padding: 0;  

  list-style-type: none;

  list-style-image: none;

}



ul li {

    background-image: url(./images/li-first.gif);

    background-repeat: no-repeat;

    background-position: 0 7px;

    padding-left: 15px;

}





ul li li {

    background-image: url(./images/li-first.gif);    

}



p,ul,dd,dt { line-height: 1.5em;}

p { line-height: 1.2em; margin: 2px 0; }





strong,b { font-weight: bold; }

em,i { font-style:italic; }

code {	font-family: "Courier New", Courier, monospace; }

address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }



ul, ol, dl {

  margin: 5px 0;  

}



hr { 

	color: #fff; 

	background:transparent; 

	margin: 0 0 0.5em 0; 

	padding: 0 0 0.5em 0; 

	border:0; 

	clear: both;

	border-bottom: 1px #999999 solid; 

}



acronym, abbr {

	border-bottom: 1px dashed #c00;

	cursor: help;

}







/* ### Auszeichnung lokaler und Externer Links ######################################################## */



#main a, a em.file {
	color: #3B55BF;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}

#main a:hover {text-decoration:underline;}



#main a[href^="http:"], #main a[href^="https:"]

{

	background-image:none;

}



#main a.imagelink {

	padding-left: 0;

	background: transparent;	

}



#main .arrow img {

	margin-right: 2px;

}



/* ######################################################################################################

** ### Formulare & Tabellen #############################################################################

** ######################################################################################################

*/



table { border-collapse:collapse; margin-bottom: 0.5em; }



th {
	border-bottom: 2px solid #4c4c4c;
	padding: 10px 0 5px 0;
}



td {

  padding: 5px 0;

}

.tx-tgacalendar-pi1 .monthview th {
	font-weight: normal;
}

.tx-tgacalendar-pi1 .monthview td {
	padding: 2 5px;
	color: #333333;

}



.tx-tgacalendar-pi1 .monthview td a {


}



form {overflow:hidden;}



input, textarea {

  width: auto;

	font: 1.0em Verdana, Arial, Helvetica, Sans-Serif;

	padding: 0px;

	color: #4c4c4c;

	height: 16px;

	border: 1px solid #C7CACE;

	margin-bottom: 0.2em;

}



textarea {

	height: auto;

}



.tx-indexedsearch-searchbox-sword {

	height: 16px;

	width: 116px;

	font-size: 12px;

	font-weight: bold;

	color: #666;

	padding: 0;

	margin: 0 3px 0 20px;

}



select {

	font-family: Verdana, arial, helvetica, sans-serif;

	font-size: 1em;
	
	margin:0 3px 0 20px;

}



#print {

	height: 16px;
	
	position: relative;

	float: right;

	font-size: 11px;

}



#print a {

	color: #000000;

	text-decoration: none;

}



.print_links a {

	color: #000;

	text-decoration: none;

}



.print_links img {

        border: 0;

}



.element {

	padding-top: 0px;

}



fieldset {

	padding: 10px 0px;

}



}



/*#####################

  Einstellungen für das Kontaktformular, damit die Felder in der gleichen Linien beginnen 

  ########################### */



#mailform fieldset {

  padding: 1em;

  border:0px;

}



#mailform label {

  width: 12em;

  font-size: 12px;

  /*padding: 0px 10px 0px 10px;*/

  float: left;

  text-align: left;

  margin-right: 0.5em

  display: block;

}



#mailform input {

  margin-bottom: 10px;

}



#mailform textarea {

  margin-bottom: 10px;
  margin-left: 20px;

}



#mailform .csc-mailform-submit {

        margin-bottom: 20px;
        margin-left: 410px;

}



fieldset {

  padding: 1em;

  padding-left: 0;

  border: 0;

}



label {

  width: 12em;

  font-size: 12px;
  
  margin:0 3px 0 0px;

  padding: 3px 10px 0 0;

  float: left;

  text-align: left;

  margin-right: 0.5em

  display: block;

}



input {

  margin:0 3px 10px 20px;

  width: 300px;

}



textarea {

  margin-bottom: 10px;

  width: 300px;

}



.csc-mailform-submit {

        margin-bottom: 20px;

        margin-left: 14.7em;

        width: auto;

        font-size: 0.8em;

}



.tx-newloginbox-pi1 td {

	padding: 5px;

}



.tx-newloginbox-pi1 input {

	font-size: 1em;

	padding: 0;

	width: auto;

	margin: 0;

}



.csc-textpic-image { 

	width: 10px;

	margin: 0;

	padding:0;

}



.csc-textpic-caption {

  font-size: 0.8em;

}



.tx-newloginbox-pi1 h3 {

  display: none;  

}



.tx-newloginbox-pi1 p {

  padding: 0;  

  margin: 0;

}



#tx-newloginbox-pi1-login_submit {

  font-size: 0.8em;
  margin-top: 5px; 

}



.tx-newloginbox-pi1 label {

  font-weight: bold;  

  width: auto;

}



.news-single-author, .news-single-imgcaption {

  font-size: 0.8em;  

  margin-bottom: 10px;

}



.news-single-image {

  float: left;  

}



.news-single-image img {

  margin-right: 15px;

}



.news-list-item {

  clear: both;

  margin-top: 10px;  

}



.news-list-image {

  float: left;  

}



.news-list-image img {

  margin-right: 15px;

}



.tx-indexedsearch-searchbox-button {

  margin:0 3px 0 20px;
  
  height: auto;  

}



.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {

  color: #F4870F;

}



.align-center {

	text-align: center;

}



.align-left {

	text-align: left;

}



.align-right {

	text-align: right;

}



#arr_r_60, #arr_l_60 {

    display: none;

}



.carouselBtn {

  display: none;  

}

#col3 h1 {
	color: #000;
	font-size: 1.3em;
	border-bottom: 0;
	margin-top: 5px;
}

#col3 .element {
	border: 1px dotted #FF8306;
	padding: 5px;
	margin-bottom: 10px;
	font-size: 0.9em;
}




#footer a:hover {
	color: #F4870F;	
}

.filecount {
	padding-bottom: 10px;
}

p.rot, span.rot {
	color: red;
	}

p.blau, span.blau {
	color: blue;
	}
	
p.gruen, span.gruen {
	color: green;
	}
	
#col2 .tx-tgacalendar-pi1 table {
	border-collapse: collapse;
}	

#col2 .tx-tgacalendar-pi1 td {
	padding: 2px 3px;
	border: 1px solid #ccc;	
}
	
#col2 .tx-tgacalendar-pi1 td.begin {
	min-width: 100px;
}