#title {font-size: 5em;}
#tagline {font-size: 1.5em; text-align: center;}
.header {background: #ccc; text-align: center;}
.navigation, .navigation ul {list-style: none; margin: 0px; padding:0px;}
.navigation li, .navigation ul li {list-style-type: none; margin: 0px; padding: 0px;}
.navigation ul li a {padding-left: 10px;}
.navigation a {display:block;}
.navigation a:hover, .navigation a:focus {background-color: #ccc; color: #fff;}
.subtitle {font-size: 1.2em;}
div ul li {padding: 0px; list-style-type: none;}
.footer {background: #ccc; padding: 10px 0px;}
.footer small {padding-left: 10px;}




/* ab hier Eintraege von Klaus */

body { 
  /*background-color:#666666;*/
  background-image: url(../images/bg_body.gif);
}

/* A container should group all your columns. */
.container {
  /*border:20px solid #DDDDDD;*/
  background-color:#FFFFFF;
}
#contentcontainer {
	min-height: 400px;
}

/*
html, body, div, p, span, h1, h2, h3, h4, h5, h6, p, bodytext, a:link, a:active, a:visited, a:hover{
	font-family:verdana; font-size: 10px;
}
h1{font-size:17px;margin:0px 0px 24px 0px;padding:0px;}
h2{font-size:14px;margin:0px 0px 14px 0px;padding:0px 0px 0px 0px;}
h3{font-size:12px;margin:0px 0px 10px 0px;}
h4{font-size:10px;margin:0px 0px 10px 0px;}
h5{font-size:9px;margin:0px 0px 5px 0px;}
h6{font-size:8px;margin:0px 0px 5px 0px;}
*/


img { border: none; padding: 0px; margin: 0px; }

a, a:link, a:visited, a:active{text-decoration: underline;}
a:hover{text-decoration: none;}

.underline{text-decoration: underline;}
a.noneUnderline, a.noneUnderline:link, a.noneUnderline:visited, a.noneUnderline:active, a.noneUnderline:hover {text-decoration: none;}

a.infolink:link, a.infolink:visited, a.infolink:active, a.infolink:hover {
	background-image: url(../img/info.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:5px;
	text-decoration: none;
	color: #333333;
}

/* Typo3 Standards ueberschreiben */
.csc-textpic-left {
	padding-left: 10px;
}

.fTiny{
	font-size:10px;
}
.fTinyB{
	font-size:10px;
	font-weight:bold;
}
.fSmall{
	font-size:11px;
}
.fSmallB{
	font-size:11px;
	font-weight:bold;
}
.fCopy{
	font-size:12px;
}
.fCopyB{
	font-size:12px;
	font-weight:bold;
}
.fMedium{
	font-size:14px;
}
.fMediumB{
	font-size:14px;
	font-weight:bold;
}
.fLarge{
	font-size:18px;
}

.fLargeB{
	font-size:18px;
	font-weight:bold;
}
.fXLarge { 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 30px; 
	line-height: 1.0em; 
	letter-spacing: 0.0em; 
	text-decoration: none; 
	text-align: left; 
	text-indent: 0.0em; 
}
.fXLargeB{
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	font-size: 30px; 
	line-height: 1.0em; 
	letter-spacing: 0.0em; 
	text-decoration: none; 
	text-align: left; 
	text-indent: 0.0em; 
}
.centered {text-align: center;}
.rightAlign {text-align: right;}

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

/* -- Color-Definitions */

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

/* black */ 

.clr01, .clr01 a:link, .clr01 a:visited, .clr01 a:active, .clr01 a:hover{color:#000000;}

/* yellow */

.clr02, .clr02 a:link, .clr02 a:visited, .clr02 a:active, .clr02 a:hover{color:#FFD500;}

/* dark blue */

.clr03, .clr03 a:link, .clr03 a:visited, .clr03 a:active, .clr03 a:hover{color:#1A3E88;}

/* background blue */

.clr04, .clr04 a:link, .clr04 a:visited, .clr04 a:active, .clr04 a:hover{color:#01204C;}

/* very dark blue */

.clr05, .clr05 a:link, .clr05 a:visited, .clr05 a:active, .clr05 a:hover{color:#172734;}


/* white color */

.clr06, .clr06 a:link, .clr06 a:visited, .clr06 a:active, .clr06 a:hover{color:#FFFFFF;}

/* font light blue */


.clr07, .clr07 a:link, .clr07 a:visited, .clr07 a:active, .clr07 a:hover{color:#F6D562;}

/* bright schema color */

.clr08, .clr08 a:link, .clr08 a:visited, .clr08 a:active, .clr08 a:hover{color:#FBE493;}

/* error text */

.clr09, .clr09 a:link, .clr09 a:visited, .clr09 a:active, .clr09 a:hover{color:#FF0000;}

/* regular text color */

.clr10, .clr10 a:link, .clr10 a:visited, .clr10 a:active, .clr10 a:hover{color:#666666;}

/* grey */

.clr11, .clr11 a:link, .clr11 a:visited, .clr11 a:active, .clr11 a:hover{color:#D6D4CE;}

/* first menu items, ... medium red */

.clr12, .clr12 a:link, .clr12 a:visited, .clr12 a:active, .clr12 a:hover{color:#D55A45;}



/* bgcolor of the left row of the pages and the header bg*/

.clrBg01{background-color:#000000;}

/*  first bgcolor of the mainnavi  at the left side */

.clrBg02{background-color:#FFD500;}

/*  second bgcolor of the mainnavi  at the left side */

.clrBg03{background-color:#1A3E88;}

/*  third bgcolor of the mainnavi  at the left side */

.clrBg04{background-color:#01204C;}

/*  forth bgcolor of the mainnavi  at the left side */

.clrBg05{background-color:#172734;}


/* bgcolor of elements - white */

.clrBg06{background-color:#FFFFFF;}

/* bgcolor of page elements dark */

.clrBg07{background-color:#F6D562;}

/* bgcolor of page elements bright */

.clrBg08{background-color:#FBE493;}

/* error bg color, this is added to be consistent to the clr[xy] from above, dont change this alone */

.clrBg09{background-color:#FF0000;}

/* bg color for elements e.g. <td> containing pixel gif for lines*/

.clrBg10{background-color:#666666;}

/* bg color for HEADER LOGO - purple */

.clrBg11{background-color:#D6D4CE;}

/* bg color for NEU ICON - medium red */

.clrBg12{background-color:#D55A45;}

/* bg color light yellow */

.clrBg13{FFF1AD;}



/* bordercolors are created like the clrBg[xy] schema, please dont create single colors, create alway a color, bgcolor and bordercolor together */

.clrBorder01{border-color: #000000;}

.clrBorder02{border-color: #FFD500;}

.clrBorder03{border-color: #1A3E88;}

.clrBorder04{border-color: #01204C;}

.clrBorder05{border-color: #172734;}

.clrBorder06{border-color: #FFFFFF;}

.clrBorder07{border-color: #F6D562;}

.clrBorder08{border-color: #FBE493;}

.clrBorder09{border-color: #FF0000;}

.clrBorder10{border-color: #666666;}

.clrBorder11{border-color: #D6D4CE;}

.clrBorder12{border-color: #D55A45;}

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

/* -- often used padding and margins -- */

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

.pT05 { padding-top: 5px; }

.pT10 { padding-top: 10px; }

.pT15 { padding-top: 15px; }


.pL05 { padding-left: 5px; }

.pL10 { padding-left: 10px; }

.pL15 { padding-left: 15px; }


.pL20 { padding-left: 20px; }
.pL25 { padding-left: 25px; }

.pR05 { padding-right: 5px; }

.pR10 { padding-right: 10px; }

.pR15 { padding-right: 15px; }
.pR20 { padding-right: 20px; }
.pR25 { padding-right: 25px; }



.pB05 { padding-bottom: 5px; }

.pB10 { padding-bottom: 10px; }

.pB15 { padding-bottom: 15px; }




.mT05 { margin-top: 5px; }

.mT10 { margin-top: 10px; }

.mT15 { margin-top: 15px; }


.mL05 { margin-left: 5px; }

.mL10 { margin-left: 10px; }

.mL15 { margin-left: 15px; }


.mR05 { margin-right: 5px; }

.mR10 { margin-right: 10px; }

.mR15 { margin-right: 15px; }


.mB05 { margin-bottom: 5px; }

.mB10 { margin-bottom: 10px; }

.mB15 { margin-bottom: 15px; }


/* Floating */
.floatL { float: left; }

.floatR { float: right; }

.clear { clear: both; }

/* --------------------------------------------- */
/* -- Header mainMenue Navigation -- */
/* --------------------------------------------- */

ul, ol      { margin:0; }



#hauptmenue {
  /*line-height : normal;*/
  text-align: left;
  /*height:17px;*/
  overflow:hidden;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  /*padding-top: 3px;*/
  width: 950px; 
  background-color: #666666;
  /*background-color: #CCCCCC;*/
}

#hauptmenue ul {
  list-style-type : none;
  margin-right : 0;
  padding : 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align:right;
  display:inline;
}

#hauptmenue li {
  display : inline;
  margin : 0;
  padding : 0;
  margin-right : 1px;
}

a.hauptmenue, a.hauptmenue:visited{
  font-size:14px;
  font-weight:normal;
  color: #222F8E;
  text-decoration:none;
  background-color: #cccccc;
  padding: 4px 5px 6px 5px;
  height: 20px;
}

a.hauptmenue:active, a.hauptmenue:hover  {
  font-size:14px;
  font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
  background-color: #222F8E;
  padding: 4px 5px 6px 5px;
}

a.hauptmenueAct   {
  font-size:14px;
  font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
  background-color: #222F8E;
  padding: 4px 5px 6px 5px;
}

a.hauptmenueAct:active, a.hauptmenueAct:hover  {
  font-size:14px;
  font-weight:normal;
  color: #FFFFFF;
  text-decoration:none;
  background-color: #222F8E;
  padding: 4px 5px 6px 5px;
}

/* --------------------------------------------- */
/* -- Left submainMenue Navigation -- */
/* --------------------------------------------- */
.blocknavi1 a:link, .blocknavi1 a:visited, .blocknavi1 a:active {
		display: block;
		padding: 4px 4px 5px 4px; 
		text-indent: 15px;
		white-space: nowrap;
		background-color: #cccccc;
		color: #222F8E; 			/* blue */
		font-style: bold;
		text-decoration: none;
		width: 178px;
		/*background: url("../images/buttons.gif") top left no-repeat;*/
		border-bottom-color: #ffffff;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		
		
}
.blocknavi1 a:hover {
		background-color: #222F8E;
		color: #FFFFFF;
}

.blocknavi1-act a:link, .blocknavi1-act a:visited, .blocknavi1-act a:active, .blocknavi1-act a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 15px;
		white-space: nowrap;
		color: #FFFFFF; 			/* white */
		text-decoration: none;
		width: 178px;
		background: url("../img/active.gif") top left no-repeat;
		background-position: 12px 5px;
		background-color: #222F8E;
}
 

.blocknavi2 a:link, .blocknavi2 a:visited , .blocknavi2 a:active, .blocknavi2 a:hover  {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 30px;
		white-space: nowrap;
		background-color: #cccccc;
		color: 222F8E; 			/* sky blue */
		text-decoration: none;
		width: 178px;
		/*background: url("../images/buttons.gif") top left no-repeat;*/
		/*background-position: 0 -48px;*/
		border-bottom-color: ffffff;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}

.blocknavi2-act a:link, .blocknavi2-act a:visited, .blocknavi2-act a:active, .blocknavi2-act a:hover{
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 30px;
		white-space: nowrap;
		background-color: #222F8E;
		color: #FFFFFF; 			/* Black */
		text-decoration: none;
		width: 178px;
		/*background: url("../images/buttons.gif") top left no-repeat;
		background-position: 0 -72px;*/
		border-bottom-color: ffffff;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
}

.blocknavi3 a:link, .blocknavi3 a:visited, .blocknavi3 a:active, .blocknavi3 a:hover{
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		background-color: #cccccc;
		color: 222F8E; 			/* blue */
		text-decoration: none;
		width: 178px;
		/*background: url("../images/buttons.gif") top left no-repeat;
		background-position: 0 -96px;*/
}

.blocknavi3-act a:link, .blocknavi3-act a:visited, .blocknavi3-act a:active, .blocknavi3-act a:hover {
		display: block;
		padding: 4px 4px 5px 4px;
		text-indent: 45px;
		white-space: nowrap;
		background-color: #222F8E;
		color: #000000; 			/* Black */
		text-decoration: none;
		width: 178px;
		/*background: url("../images/buttons.gif") top left no-repeat;
		background-position: 0 -120px;*/
}

/* -------------------------------------- */
/* -- Header Meta Navigation -- */
/* -------------------------------------- */
span.headerMetanavi, .headerMetanavi:link, .headerMetanavi:visited, .headerMetanavi:active, .headerMetanavi:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

.headerMetanavi_current, .headerMetanavi_current:link, .headerMetanavi_current:visited, .headerMetanavi_current:active, .headerMetanavi_current:hover {
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}

span.headerMainnavi, .headerMainnavi:link, .headerMainnavi:visited, .headerMainnavi:active, .headerMainnavi:hover {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

.headerMainnavi_current, .headerMainnavi_current:link, .headerMainnavi_current:visited, .headerMainnavi_current:active, .headerMainnavi_current:hover {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
/* -------------------------------------- */
/* -- Header Meta Navigation -- */
/* -------------------------------------- */
div.footerMetanavi, .footerMetanavi:link, .footerMetanavi:visited, .footerMetanavi:active, .footerMetanavi:hover {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
    text-decoration: none;
	color: #333333;
}

.footerMetanavi_current, .footerMetanavi_current:link, .footerMetanavi_current:visited, .footerMetanavi_current:active, .footerMetanavi_current:hover {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
    text-decoration: none;
	color: #333333;
}


/* -------------------------------------- */
/* -- headerBreadcrumb -- */
/* -------------------------------------- */
/* PFAD MENU */
.pfadstyle {
 font-weight: normal;
 color: #015230;			
 font-size: 9px;
 text-decoration: none;
}
.pfadstyle:link {
 font-weight: normal;
 color: #015230;			
 font-size: 9px;
 text-decoration: none;
}
.pfadstyle:visited {
 font-weight: normal;
 color: #015230;			
 font-size: 9px;
 text-decoration: none;
}
.pfadstyle:hover {
 font-weight: normal;
 color: #015230;
 font-size: 9px;
 text-decoration: none;
}

/* -------------------------------------- */
/* -- Sitemap override standard sitemap styles -- */
/* -------------------------------------- */
.csc-sitemap ul {
  list-style-type : none;
  margin-right : 0;
  padding : 0;
  padding-left : 30px;
  margin-top: 0;
  margin-bottom: 0;
  text-align:left;
  display:block;
}

.csc-sitemap li {
  display : inline;
  margin : 3px;
  padding : 2px;
  /*border: 1px solid #999999;
  background-color: #dedede;*/
  display:block;
  width: 80%;
}

.csc-sitemap a, .csc-sitemap a:visited, .csc-sitemap a:active, .csc-sitemap a:hover{
  font-size:12px;
  font-weight:bold;
  color: #333333;
  text-decoration:none;
  
  background-image:url(../images/sitemap.gif);
  background-repeat:no-repeat;
  background-position:0px 7px;
  
  padding: 4px 5px 6px 20px;
  height: 20px;
}
.csc-sitemap{
  font-size:12px;
  font-weight:bold;
  color: #333333;
  text-decoration:none;
  padding: 4px 5px 6px 150px;
  text-align: center;
  border: 0px solid green;
}

/* -------------------------------------- */
/* -- Link Types -- */
/* -------------------------------------- */

a.ktlink:link {
	background-image: url(../images/sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:20px;
	color: #333333;
}
a.ktlink:visited, a.ktlink:active, a.ktlink:hover {
	background-image: url(../images/sitemap.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left:20px;
	text-decoration: none;
	color: #333333;
}
/* -------------------------------------- */
/* -- Teaser -- */
/* -------------------------------------- */
/* teaser bloecke */
p.ffTeaserBold {
	background:#FBE493 none repeat scroll 0%;
	border:1px dotted #000;	
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:140%;
	color:#000;		
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	margin:5px 0pt 5px 120px;
	padding:5px 5px 5px 18px;
	width:350px;
	min-height: 48px;
	_height: 48px;
	background-image: url(../img/barke.gif);
	background-position:3px 5px;
	background-repeat:no-repeat;
}
p.ffTeaser {
	background:#FBE493 none repeat scroll 0%;
	border:1px dotted #1A3E88;
	color:#000066;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:140%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:150%;
	margin:5px 0pt 5px 120px;
	padding:5px;
	width:350px;
}
.lcTeaser{
	margin:0px; margin-bottom: 15px; margin-left: 0px; padding: 4px; border: 1px solid #CC550E; border-top: 12px solid #CC550E; background-color: #F5DFD2;
}
.rcTeaser{
	margin:0px; margin-bottom: 5px; margin-right: 0px; padding: 4px; border: 1px solid #CC550E; border-top: 12px solid #CC550E; background-color: #F5DFD2;
}
.rcTeaserWhite{
	margin:0px; margin-bottom: 5px; margin-right: 0px; height: 400px; padding: 80px 4px 4px 4px; border: 1px solid #222F8E; border-top: 12px solid #222F8E; background-color: #FFFFFF;
}

.rcTeaserTitleWhite{
        margin:0px; margin-bottom: 5px; margin-right: 0px; height: 480px; padding: 0px 0px 0px 0px; border: 1px solid #222F8E; border-top: 0px solid #FF0000; background-color: #FFFFFF;}


.newsTeaser{
	height: 210px; _height: 210px; overflow: hidden; margin:0px; margin-bottom: 5px; margin-right: 0px; padding: 4px; border: 1px solid #CC550E; border-top: 0px solid #CC550E; background-color: #F5DFD2;
}
h3.rcTeaserTitle { margin:0px; margin-bottom: 80px; padding:1px 10px 1px 10px; background-color:#222F8E; font-family:"trebuchet ms",verdana,arial,sans-serif; color:#ffffff; font-weight:bold; font-size:140%;}

.zweierTeaserYellow {
	float: left; width: 265px; _width: 262px; margin: 5px; padding: 4px; border: 1px solid #FFD500; border-top: 15px solid #FFD500;
}
.zweierTeaserRed {
	float: left; width: 265px; _width: 262px; margin: 5px; padding: 4px; border: 1px solid #D55A45; border-top: 15px solid #D55A45;
}
.zweierTeaserGray {
	float: left; width: 267px; _width: 264px; margin: 5px; padding: 4px; border: 0px solid #D55A45; border-top: 15px solid #999999;
}
.dreierTeaserYellow {
	float: left; width: 170px; _width: 168px; margin: 5px; padding: 4px; border: 1px solid #FFD500; border-top: 15px solid #FFD500;
}
.dreierTeaserRed {
	float: left; width: 170px; _width: 168px; margin: 5px; padding: 4px; border: 1px solid #D55A45; border-top: 15px solid #D55A45;
}
.dreierTeaserGray {
	float: left; width: 172px; _width: 170px; margin: 5px; padding: 4px; border: 0px solid #D55A45; border-top: 15px solid #999999;
}

/* end Teaser */

/* tt_news styles ¸berschreiben */
.news-single-additional-info {
	background-color:#999999;
	border:0px solid #666666;
	margin-top:15px;
	padding:1px 1px 0px 0px;
}
.news-single-img {
	float:right;
	margin-left:10px;
}
.news-single-timedata {
	float:right;
	text-align: right;
	margin-right: 5px;
}
.news-single-category {
	float:left;
	margin-left: 5px;
}
.tx-ttnews-browsebox-SCell {
	background-color:#FFD500;
	border:1px solid #666666;
}









/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee;
  border-top-width: 8px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid; 
}


/* Mootools Slideshow */

 div.slideshow {
  margin: 0px 0px;
  border: 0px solid red;
  height: 133px;
  width: 750px;
  overflow: hidden;
}

/* div.slideshow div { border: black 1px solid; padding: 4px; } div.slideshow img { border: 0; padding: 0; } */


div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}