#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: #FFF;
    background-image: url(../images/fond.gif);
}



table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 4px 10px 4px 10px;
}

/* A container should group all your columns. */

.container {

  width: 800px;
  margin: 0 auto;
  border:10px solid #FFFFFF;

  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: 11px;
}
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;}
*/

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 {
	background-image: url(../images/infolink.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:16px;
	text-decoration: none;
	color: #333333;
}
a.infolink:hover {
	background-image: url(../images/infolink.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:16px;
	text-decoration: underline;
	color: #333333;
}

.headlineSymbol {
	color:#002C56;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(../images/icon.gif);
	background-repeat:no-repeat;
	background-position:2px 6px;
	padding-left: 16px;
	margin-bottom: 20px;
}

.headline {
	color:#002C56;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom: 20px;
}

.sublinePink {
	color:#F79E86;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	margin-bottom: 20px;
}


.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; }


.pR05 { padding-right: 5px; }

.pR10 { padding-right: 10px; }

.pR15 { padding-right: 15px; }


.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; }


.fL { float: left; }
.fR { float: right; }

.ovFlHi { overflow: hidden; }

#hauptmenue {
	float: right; 
	background-color: #002C56;
	width: 800px;
	/*height: 20px;*/
}

/* --------------------------------------------- */
/* -- Dropdown Menue Navigation -- */
/* --------------------------------------------- */
ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
}

ul.menu a:hover {
    color: #F79C89;
}

ul.menu li:hover{
    background-color: #62717E;
    color: #FF0000;
}

ul.menu li {
    padding: 0;
    margin: 0;
    float: left;
    background-color: #002C56;
    /*border:0px solid #FFF;*/
    border-bottom:0px solid #FFF;
    /*height: 20px;*/
}

/* Für Unterpunkte keine Float-Eigenschaft */

ul.menu ul li {
    float:none;
    background-color: transparent;
}


/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.menu ul li.hover, ul.menu ul li:hover {
    background-color: #62717E;
}

/* Zweite Ebene */
ul.menu ul {
    margin:0;
    margin-top: 0px;
    padding: 0px;
    position: absolute;
    background-color: #002C56;
    border: 0px solid #FFF9E4;
    border-top: 1px solid #FFF9E4;
    display: none;
    width: 120px;
    color: yellow;
}

ul.menu ul li {
	border-bottom:1px solid #FFF;
}

   /* Zweite Ebene anzeigen */
ul.menu li.hover ul, ul.menu li:hover ul  {
   display: block;
   /*background-color: #62717E;*/
}

ul.menu ul a:hover {
    color: #F79C89;
}

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
    display: none;
    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
    margin-top: -20px; /* Höhe eines Listenelements */
}

/* Dritte Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
    display: block;
}

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
    display: none;
}

/* Vierte Ebene anzeigen */
ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
   display: block;
}




/* --------------------------------------------- */
/* -- 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: #02528F; 			/* 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: #02528F;
		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: #02528F;
}
 

.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: 02528F; 			/* 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: #02528F;
		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: 02528F; 			/* 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: #02528F;
		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;
}


/* -------------------------------------- */
/* -- 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; padding: 4px; border: 1px solid #CC550E; border-top: 12px solid #CC550E; 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; padding:1px 10px 1px 10px; background-color:#CC550E; 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; 
}



/* Layer Menue suckerfish */
#nav, #nav ul {
        float: right;
        /* width: 680px;*/
        list-style: none;
        line-height: 1;
        background: #002C56;
        font-weight: normal;
        padding: 0;
        border: solid #FFF;
        border-width: 0px 0px;
        margin: 0 0 0px 0;
}

#nav a  {
        display: block;
        width: 10em;
        w\idth: 6em;
        color: #FFF;
        border-left: 1px solid #FFF;
        text-decoration: none;
        padding: 4px 0 4px 10px;
}

#nav a.daddy {
        background: url(rightarrow2.gif) center right no-repeat;
        background-color: #62717E;
        color: #F79C89;
}

#nav li {
        float: left;
        padding: 0;
        width: 7em;
}

#nav li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 12em;
        w\idth: 12em;
        font-weight: normal;
        border-width: 1px;
        margin: 0;
        background-color: #002C56;
}

#nav li li {
        padding-right: 1px;
        width: 12em;
}

#nav li ul a {
        _width: 10em;
        width: 11em;
}

#nav li ul ul {
        /*margin: -1.75em 0 0 14em;*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto;
}

#nav li:hover, #nav li.sfhover {
        background: #62717E;
}