/*-----------------------------------------------------------------------*/
/* REMARK: FONT-SIZE DEFINITIONS                                         */
/*-----------------------------------------------------------------------*/
/* Relative font-sizes in "em" are used where necessary. To make the     */
/* "em"-units normed, the incoming font sizes are set to 1.0 em. The     */
/* font-size variations throughout the webpage are then expressed in     */
/* percentage values respective to the incoming font-size. To make       */
/* calculations easier, the font definition in "body" is such that       */
/* 1.0em = 10px. This makes life a real breeze!                          */
/*-----------------------------------------------------------------------*/

/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

/*-------------------------------*/
/* Section 1.1 - Page definition */
/*-------------------------------*/

body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	/**vorher: "trebuchet ms", verdana */
	font-family: arial, sans-serif;
	background-color: #f4f4f4;
}

#page-container {
	width: 800px; 
	margin: 0 auto; 
	padding: 0; 
	/**border-left: solid 1px #1B3A7A;
	border-right: solid 1px #1B3A7A;
	*/
	background-color: #D1DEF7;
	background-image: url(/fileadmin/img/bg.gif);
	background-repeat: repeat-y;
}

/**********************/
/* SECTION 2 - HEADER */
/**********************/

/*---------------------------------------*/
/* Section 2.1 - Service navigation menu */
/*---------------------------------------*/

/**.header-area .nav-service-container {  */
	/** IE6 Hack, means nothing for other browsers */ 
/**	display: inline;                                 
	position: relative;
	height: 10px;
	line-height: 10px;
	top: 72px;
	left: 0;
	width: 800px;
}  
*/ 

#navlinkhome {
	position: absolute;
	display: inline;
	top: 30px;
	left: 700px;
	width: 70px;
	height: 90px;
}

.footer ul {	
	float: none; 
	margin: 0; 
	padding: 0 125px 0 0; 
	list-style: none; 
	text-align: center;
}	

.footer li {     
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left;
	white-space: nowrap;
	text-transform: uppercase;
}

.footer li a {
	display: block;
	margin: 0px; 
	padding: 0 5px; 
	border-right: solid 1px #000;
	color: #000;
	text-decoration: none; 
	font-size: 80%;
}

.footer a:hover {
	/**background-color: rgb(255,255,255); */
	color: rgb(0,0,0); 
	text-decoration: underline;
}

.footer li a.selected {
	color: rgb(0,0,0);
}

/**.img-flag {
	display: block; height: 1.2em; margin: 0; padding: 0; border: solid 1px rgb(0,0,0);
}*/


/*-----------------------------------*/
/* Section 2.2 - Top navigation menu */
/*-----------------------------------*/

.nav-top-container {
	/** IE6 Hack, means nothing for other browsers */
	display: inline; 
	background-color: transparent;
	padding-left: 100px;
	position: absolute;
	top: 84px;
	z-index: 3;
}

.nav-top ul {	        
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left; 
	margin: 0 0 0 20px;
	height: 16px;
	line-height: 16px; 
	padding: 0; 
	list-style: none;
}	

.nav-top li {   
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left;
	white-space: nowrap;
}

.nav-top li a {
	display: block; margin: 0px; 
	padding: 0 15px;
	color: #1B3A7A; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 130%;
}

.nav-top a:hover {
	background-color: #BF021F;
	color: #fff; 
	text-decoration: none;
}

.nav-top li a.selected {
	background-color: #BF021F;
	color: #fff; 
	text-decoration: none;
}

/*-----------------------------------*/
/* Section 2.3 - Sitename and Banner */
/*-----------------------------------*/

.site-name  {       
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	clear: both; 
	float: left; 
	position: absolute; 
	z-index: 1; 
	width: 680px; 
	top: 15px;
	margin: 0;
	padding: 0;
	text-align: right; 
	background-color: transparent; 
	color: rgb(255,255,255); 
	font-weight: bold;
	font-size: 24px; 
	text-transform: uppercase;
}

.site-slogan  {   
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left; position: absolute; z-index: 2; width: 11.7em; top: 1.9em; left: 16px; margin: 0px; padding: 0px 3px 1px 3px;
	/**background-color: rgb(150,150,150);
	color: rgb(225,225,225);*/
	font-weight: bold; font-size: 14px;
}

.img-header {               
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	clear: both; float: left; margin: 0px; padding: 0px;
	/** width: 698px; height: 148px; */
}

/*------------------------------------*/
/* Section 2.4 - Main navigation menu */
/*------------------------------------*/

.nav-main {                 
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	clear: both; float: left; width: 800px; margin: 0px; padding: 0px;
	/**border-top: solid 1px rgb(125,125,125);
	border-bottom: solid 1px rgb(125,125,125); 
	background-color: rgb(190,190,190);
	*/
}

.nav-main ul {	
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	font-weight: bold;
}	

.nav-main li { 
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left; 
	display: block; 
	white-space: nowrap; 
	background-color: inherit;
}

.nav-main li a {
	color: rgb(255,255,255); 
	margin: 0px; 
	padding: 0px 10px 0px 10px; 
	border-right: solid 1px rgb(255,255,255); 
	text-decoration: none; 
	font-size: 130%;		
}

.nav-main a:hover, .nav-main a.selected {
	background-color: inherit; color: rgb(110,110,110); text-decoration: none;
}

/*-------------------------------------------*/
/* Section 2.5 - Header logos and animations */
/*-------------------------------------------*/
.header-area {
	height: 100px;
	background-image: url(/fileadmin/img/bg_header.jpg);
}
/**.header-area div.logo {
	padding-right: 60px;
}*/

/*************************************/
/* SECTION 3 - FRONT-PAGE SIDEBANNER */
/*************************************/

.sidebanner-frontpage {     
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	clear: both; float: left; width: 160px; margin: 0px; padding: 0px;
}

.img-sidebanner {
	width: 160px; margin: 0px; padding: 0px; border: none;
}

/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/

/*--------------------*/
/* Section 4.1 - Size */
/*--------------------*/

.nav-sub {                                     
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	clear: both; min-height: 600px; float: left; width: 160px; margin: 0px; padding: 0px;
	/**color: rgb(110,110,110);*/
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {
	height: 600px;
} 
/* End IE-Hack */

/*--------------------*/
/* Section 4.2 - Menu */
/*--------------------*/

.nav-sub ul {  
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;  
	float: left; 
	list-style: none; 
	width: 160px; 
	margin: 0px; 
	padding: 0px;
	background-color: #B3C5EB;
	border-bottom: 1px solid #fff; 
	/**border-bottom: solid 1px rgb(200,200,200);*/
	font-weight: bold;
}	

.nav-sub li {
	margin: 0; 
	padding: 0;
	float: left;
	width: 160px;
}

.nav-sub li.title {
	vertical-align: top; margin: 0; 
	padding: 10px 7px 10px 14px; text-transform: uppercase; color: rgb(175,175,175); font-weight: bold; font-size: 140%;
}

.nav-sub li.group a {
	display: block; min-height: 1.5em; margin: 0px; padding: 3px 7px 2px 10px;
	border-top: solid 1px rgb(200,200,200); border-left: solid 5px rgb(235,235,235); text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.nav-sub li a {
	display: block; min-height: 1.5em; margin: 0px;
	padding: 3px 7px 2px 10px;
	border-left: solid 5px #1B3A7A;
	color: #1B3A7A; 
	text-decoration: none; font-size: 120%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */

.nav-sub li.group a:hover, .nav-sub li.group .selected {
	border-left: solid 5px rgb(175,175,175); 
	/**background-color: rgb(225,225,225);*/
	text-decoration: none;
}

.nav-sub a:hover {
	/**border-left: solid 5px #BF021F;*/ 
	/**background-color: #BF021F; */
	text-decoration: none;
	color: #BF021F;
}                                  
.nav-sub .selected {
	border-left: solid 5px #BF021F;
	background-color: #D1DEF7; 
	text-decoration: none;
}
.nav-sub a:hover.selected {
	border-left: solid 5px #BF021F;
	background-color: #D1DEF7;
	color: #1B3A7A;
}

.nav-sub-align {
	text-align: left;
}

/***************************************/
/* SECTION 5 - LINKTEASER /-NAVIGATION */
/***************************************/

/*--------------------*/
/* Section 4.1 - Size */
/*--------------------*/

.tx-cmwlinklist-pi1 {                                     
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

/*--------------------*/
/* Section 4.2 - Menu */
/*--------------------*/

.tx-cmwlinklist-pi1 ul {  
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;  
	float: left; 
	list-style: none; 
	width: 175px; 
	margin: 0px; 
	padding: 0px;
	background-color: #B3C5EB;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}	

.tx-cmwlinklist-pi1 li {
	float: left;
 	width: 175px; 
	margin: 0; 
	padding: 0;
}
	
.tx-cmwlinklist-pi1 li a, .tx-cmwlinklist-pi1 a:visited, .tx-cmwlinklist-pi1 a:active {
	display: block; min-height: 1.5em; margin: 0px;
	padding: 3px 7px 2px 10px;
	color: #1B3A7A; 
	text-decoration: none;
	font-size: 100%;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .tx-cmwlinklist-pi1 li a {
	height: 1.5em;
}
/* End IE-Hack */

.tx-cmwlinklist-pi1 a:hover {
	background-color: #BF021F;
	text-decoration: none;
	color: #fff !important;
}

.sidebar-left .tx-cmwlinklist-pi1 li {
 	width: 160px;
}    
.sidebar-left .tx-cmwlinklist-pi1 ul {
	width: 160px;
}

/*******************************************************************/
/* SECTION 5 -  Extend left column height to footer                */
/*-----------------------------------------------------------------*/
/* TRICK: To nest the right two columns (content and sidebar) and  */
/* give them a minimum height and white background. Then let the   */
/* left column have transparent background so the light-grey color */
/* from the global page definition comes through. However, nesting  */
/* floats inside each other with identical widths may activate the */
/* IE character duplicating bug, where the last characters of the  */
/* last float statement are duplicated outside the float. The      */
/* correction for this is to reduce the sidebar float so that the  */
/* sum of the content and sidebar floats are 6px less than the     */
/* container holding them. See Section 7.1, where this is done.    */
/* ----------------------------------------------------------------*/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 600px height, it must remain smaller */
/* than the right columns. Otherwise the global page grey back-    */
/* will shine through after the end of the content and sidebar     */
/* columns. This situation may arise when you have very long left  */
/* navigation menus, and short content and sidebars. If this is    */
/* your situation, then simply increase the minimum height of the  */
/* left column, as well as the container defined in this section.  */
/*******************************************************************/

/* Contain both right columns (content and sidebar) in one         */
/* container and extended to a minimum height of 600 px            */
/* The "!important" statement is for Firefox so that the           */
/* "height" statement still allows the container to grow and       */
/* not remain fixed size. Necessary because IE cannot render       */
/* the "min-height" property                                       */

.container-content-sidebar {
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
   float: left; width: 640px; min-height: 600px; margin: 0px; padding: 0px;
   background-color: transparent;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .container-content-sidebar {
	height: 600px;
} 
/* End IE-Hack */

/** Put a buffer between sub-navigation column and
	main-navigation and content area and header area so
	that the global page background
	color does not come through in this place           
*/
.buffer {      
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
 	float: left; width: 800px; height: 12px; margin: 0px; padding: 0px; background-color: #fff;	
}

/*
.buffer-nav {  
	
 	float: left; width: 160px; height: 16px; margin: 0px; padding: 0px; background-color: #fff;	
}*/
/*
.buffer-content {
 	float: left; width: 425px; height: 20px; margin: 0px; padding: 0px;
 	background-color: #fff;	
}*/
/**
  Only here to set white color.
*/
/*
.buffer-teaser {
 	float: left; width: 188px; height: 13px; margin: -13px; padding: 0px; z-index: 5; background-color: #fff;	
}*/

/***********************/
/* SECTION 6 - CONTENT */
/***********************/

/*--------------------*/
/* Section 6.1 - Size */
/*--------------------*/

.content {          
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left; 
	width: 433px; 
	padding: 0 16px;
	margin: 0; 
	background-color: rgb(255,255,255);
	min-height: 600px;
	/**overflow: hidden;*/
}

/*-------------------------*/
/* Section 6.2 - Pagetitle */
/*-------------------------*/

.content-pagetitle {
	width: 390px; margin: 0px 0px 10px 0px; padding: 0px;
}

.content-pagetitle p {
	padding: 0px; margin: 0px; font-weight: bold; font-size: 140%;
}

/*----------------------------------*/
/* Section 6.3 - Extra container    */
/*----------------------------------*/
/* To ensure that no problems arise */
/* with right and left floatings    */
/* and make the implementation      */
/* robuster.                        */
/*----------------------------------*/

.contentbox-container-full {
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left;
	width: 433px;
	margin: 0 0 1.5em 0;
	padding: 0;
}

.contentbox-container-left {
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	clear: both; float: left; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-right {
	float: right; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

/*-----------------------------*/
/* Section 6.4 - Content title */
/*-----------------------------*/

.contentbox-title-noshading-noline {
	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-noshading-line {
	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-shading {
  	margin: 0px; 
	/**padding: 1px 0px 2px 3px;*/
	padding: 0.5em; 
  	/**background-color: rgb(225,225,225); */
  	background-color: #D1DEF7;
  	font-weight: bold; font-size: 150%;	
}

/*--------------------------------*/
/* Section 6.5 - Contentbox size  */
/*--------------------------------*/

/* No shading */
.contentbox-noshading {
	margin: 0px; 
	/**padding: 0.7em 0px 0px 0px;*/
	padding: 0.5em; 
	background-color: transparent;
	border: 0;
}

/* Shading */
.contentbox-shading {
	margin: 0px; 
	padding: 7px 10px 5px 10px;
	background-color: transparent;
}

/*-------------------------------*/
/* Section 6.6 - Contentbox text */
/*-------------------------------*/

/* Heading */
h1 {
	clear: left; margin: 1.0em 0px 1.0em 0px; font-weight: bold; font-size: 150%;
}

.startpage h1 {
	font-size: 200%;
}

h2 {
	clear: left; margin: 1.5em 0px 1.0em 0px; font-weight: bold; font-size: 140%;
} 

h3 {
	clear: left; margin: 1.0em 0px 0.6em 0px;	font-weight: bold; font-size: 130%;
}
h3.pm {
	margin: 0;
}

h4 {
	clear: left; margin: 0.5em 0px 0.5em 0px;	font-weight: bold; font-style: italic; font-size: 130%;
}

/* Paragraph text */
p {
   clear: left; margin: 0em 0px 0.5em 0px; padding: 0px; font-size: 130%;
}                                       
div.contentbox-noshading p {
   margin: 0.5em;
}                                       
div.contentbox-noshading p.newsdate, div.contentbox-noshading p.more {
   font-size: 100%;
}

/* Quote */
p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}

/* Embedded */
.embed {      
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
   float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px;	 
	/**background-color: rgb(225,225,225);*/
   font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;
}

.embed-caption {    
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;
}

/* Unordered list */
.content ul {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}

/* Ordered List */
.content ol {
	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;
}  

/** News Flag */
/**.flag-item {                                             
	background: transparent url(/fileadmin/img/fahne_meldungen.gif) no-repeat scroll right top;
}*/
/*--------------------------*/
/* Section 6.7 - Datatables */
/*--------------------------*/

.tabledata {
	clear: left; margin: 0.5em 0px 0.2em 30px;
	/**border: solid 1px rgb(150,150,150);*/ 
	empty-cells: show; border-collapse: collapse;
	/**background-color: rgb(225,225,225);*/
}

.tabledata tr {
	margin: 0px; padding: 0px;
}

.tabledata td {
	padding: 2px 7px 2px 7px;
	/**border: solid 1px rgb(150,150,150);*/
	text-align: left; font-size: 120%;
}

.tabledata th {
	margin: 0px; padding: 2px 7px 2px 7px;
	/**border: solid 1px rgb(150,150,150);*/
	empty-cells: show; text-align: left; font-size: 120%; 	
}

p.tabledata-caption {
	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;
}

/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right;
	margin: 0.3em 0px 3px 7px;
}
.news-article .img-right-noborder {    
	float: none;
}          
.news-article .news-single-img {
	float: right;
	width: 210px;
}

/* Border */
.img-left-border {  
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left; margin: 0.3em 7px 3px 0px;
	/**border: solid 1px rgb(150,150,150);*/
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px;
	/**border: solid 1px rgb(150,150,150);*/	
}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

.sidebar {
	 float: right;
	 width: 175px;
	 padding: 0; 
	 margin: 0;
	 min-height: 600px;
}
.sidebar-left { 
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	 float: left;
	 width: 160px;
	 margin: 0;
	 padding: 0;
}

/*-----------------------*/
/* Section 7.2 - Textbox */
/*-----------------------*/

.sidebarbox-noborder {
	width: 155px; 
	margin: 0em 0px 1.0em 0px; 
	padding: 0px;
}

.sidebarbox-border {
	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px;
	/**border: solid 1px rgb(200,200,200);*/
}

/*-----------------------------*/
/* Section 7.3 - Textbox title */
/*-----------------------------*/

.sidebarbox-title-noshading-noline {
	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;
}

.sidebarbox-title-noshading-line {
	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;
}

.sidebarbox-title-shading {
	display: block; 
	margin: 0px 0px 0.5em 0px; padding: 2px 5px 2px 5px;
	font-weight: bold; font-size: 120%;
}

/*------------------------------*/
/* Section 7.4 - Paragraph text */
/*------------------------------*/

.sidebarbox-noborder p {
	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;
}

.sidebarbox-border p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/

/* Somehow not possible to use percentage values to scale the font-size here. */
/* Therefore the is the font-size definition given in the generic CSS-class   */
/* "footer-font", even though those generic font classes should all have a    */
/* normed size of 1.0em. But making footer an exception will not hurt us.     */

.footer {
	clear: both; width: 800px;
	margin: 20px 0 0 0;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #1B3A7A;
	border-bottom: solid 1px #1B3A7A;
	background-color: #f4f4f4;
	text-align: center;	
}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/

.content a, .sidebar a, .sidebar-left a {
	color: #333;
	text-decoration: underline;
}

.content a:hover, .sidebar a:hover, .sidebar-left a:hover {
	color: #333;
	text-decoration: none;
}

.footer a {
	color: #333;
	text-decoration: underline;
}

.footer a:hover {
	color: #333;
	text-decoration: none;
}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/* Section 10.1 - Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em;
	line-height: 2em; 
	/**color: rgb(110,110,110);*/
	/**color: #1B3A7A;*/
	color: #333;
}

.sidebar-font {
	font-size: 1.0em;
	/**line-height: 2.4em;*/
	color: #333;
}                           

/* Percentage value does not work in "footer", so we     */
/* cannot give the normed size of "1.0em" here and scale */
/* it up inside the "footer". Thus we define the final   */
/* font-size here the way it will appear on screen.      */
.footer-font {
	font-size: 1.1em;
	/**color: rgb(150,150,150);*/
}

/*--------------------------------------*/
/* Section 10.2 - Horizontal alignments */
/*--------------------------------------*/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {  
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left;
}

.float-right {
	float: right;
}

/*-------------------------------------*/
/* Section 10.3 - Title decoration box */
/*-------------------------------------*/

.box-on {      
	/** IE6 Hack, means nothing for other browsers */ 
	display: inline;
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}

/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/

/* Blue */
.txt-blue01 {
	/**color: rgb(238,237,249);*/
}

.txt-blue02 {
	/**color: rgb(222,220,242);*/
	/**color: #1B3A7A;*/
	color: #333;
}

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}         

.bg-newsbox-sub {
	border: 1px solid #D1DEF7;
}

/***********************************/
/* SECTION 11 - OVERRIDE TYPO3-CSS */
/***********************************/
/** Teaser on the right side */
.sidebar .csc-header {
	width: 175px;
	border: none;
	background-color: #94ACDE;
	border-bottom: 1px solid #fff;
}
.sidebar dl.csc-textpic-image, 
.sidebar div.csc-textpic-imagewrap, 
.sidebar-left dl.csc-textpic-image,
.sidebar-left div.csc-textpic-imagewrap {
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}
.sidebar h1, .sidebar-left h1 {
	padding: 4px 0;
	margin: 0;
	text-align: center;
}                 
.sidebar img, .sidebar-left img {
	/*width: 175px;*/
	/*height: auto;*/
	border-bottom: 1px solid #fff;
}
.sidebar div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0 !important;
}
.sidebar div.csc-textpic div.csc-textpic-imagewrap { /*}.csc-textpic-image img { */
	border-bottom: 1px solid #FFF !important;
}
.sidebar-left img {
	/*width: 160px;
	height: auto;*/
}
.sidebar-left .csc-header {
	width: 160px;
	border: none;
}
p.news-single-imgcaption {
	display: none;
}

/** SmoothGallery Extension */
.jdGallery .slideInfoZone h2 {
  font-size: 130% !important;
}
.jdGallery .slideInfoZone p {
  font-size: 100% !important;
}
.slideInfoZone {
  height: 80px !important;
}           

/** Zitate */
blockquote {
	border: 2px solid #1B3A7A;
	margin: 0 0 18px 0;
	width: 429px;
}
         
blockquote p {
	color: #1B3A7A;
	font-style: italic;
	padding: 10px;
}
cite {
	color: #1B3A7A;
	display: block;
	font-size: 0.82em;
	font-style: normal;
}

/** Archive Navigation */
.dropdown {color: #333;} 
.dropdown {float:none; padding-right:5px}
.dropdown dt {font-size: 110%; width:248px; border:1px solid #9ac1c9; padding:8px; font-weight:bold; cursor:pointer; background:url(/fileadmin/img/header.gif)}
.dropdown dt:hover {background:url(/fileadmin/img/header_over.gif)}
.dropdown dd {position:absolute; overflow:hidden; width:268px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:264px; border:2px solid #9ac1c9; list-style:none; border-top:none; padding: 0; margin: 0;}
.dropdown li {display:inline; font-size: 80%;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:254px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}
.dropdown li.news-amenu-item-year {
	display: none;
}
          
/** Searchform in the right area */
div.searchform {
	width: 175px;
	border-bottom: 1px solid #fff;
}
div.searchform input.inputtype-text, div.searchform input[type="text"] {
  background-color: #F6F6F6;
  border: 1px solid #1B3A7A;
  font-size: 1em;
  margin:3px;
  padding:4px 4px 2px;
  width:90px;
}
/** Searchform in the left area */
.sidebar-left div.searchform {
	width: 160px;
}
/** media images in rght column */
.sidebar .tx-rgmediaimages-pi1 {
	border-bottom: 1px solid #fff;
	width: 175px; 
	margin: 0;
	padding: 0;
}   
.sidebar .tx-rgmediaimages-pi1 span {
	margin: 0;
	padding: 0;
}   

.content .csc-textpic-intext-left-nowrap div {
	float: left;
	display: inline;
	margin-left: 10px !important;
}
.content .csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin: 0 !important;
}         

/** Guestbook */
.tx-veguestbook-pi1 {
	padding-top: 18px;
	float: left;
}
.tx-veguestbook-pi1 fieldset {
	border: 1px solid #888;
	margin-bottom: 18px;
	width: 410px;
}
.tx-veguestbook-pi1 p.tx-guestbook-form-error {
	padding: 10px 0 0 0;
    color: red;
}
.tx-veguestbook-pi1 ul {
	padding-bottom: 10px;
}
.tx-veguestbook-pi1 ul li { 
	font-weight: bold;
    color: red;
}
/** Teaser */
.tx-veguestbook-pi1 {
	padding-top: 9px;
	border-bottom: 1px solid #fff;
}
.tx-veguestbook-pi1 p {
	padding: 0 3px;
	color: #1B3A7A !important;
}
.tx-guestbook-latest p.tx-guestbook-latest-more {
	padding-bottom: 4px;
}
.tx-guestbook-latest p.tx-guestbook-latest-more a {
	color: #1B3A7A !important;
}

/******************************/
/* SECTION 12 - CONTACT FORM */
/******************************/
input[type="text"]:focus, .inputtype-text:focus, textarea:focus {
	background-color: #fff;
	border: 1px solid #000;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}
textarea, input.inputtype-text {
	width:80%;
}
textarea, input.inputtype-text, input[type="text"], input[type="password"] {
	background-color: #F6F6F6;
	border: 1px solid #888;
	font-size: 1em;
	padding: 4px 4px 2px;
}                                   
label:hover, label:focus {
	background-color:#fff;
	cursor:pointer;
}
label {
	color: #444;
	margin-right: 1em;
	width: 80%;
	font-weight:bold;
}   
div.mailerror {
	padding: 10px 0; 
	font-size: 90%;
	font-weight:bold;
    color: red;
} 
li.error {
	padding: 0;
	margin: 0; 
	font-size: 90%;
	font-weight: bold;
    color: red;
}

/******************************/
/* SECTION 13 - MISCELLANEOUS */
/******************************/
img {
	border: 0;
}
/* Horizontal line */
hr {
	clear: both; width: 433px; height: 1px; border: none;
}

/* HTML-code examples */
.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}
/** dont clear on news article so the text will flow correct next to the images */
.news-article br {
	clear: none;
}
dd, dt, label {
  margin: 0;
  padding: 0;
}                 
.contentbox-container-full dd {
  margin-bottom: 14px;
}


/******************************/
/*       MEMBER AREA          */
/******************************/
div.sidebar table.csc-loginform tr {
  display: block;
  width: 175px;
  overflow: hidden;
  text-align: center;
  border-bottom: solid 1px rgb(255,255,255); 
}
div.sidebar table.csc-loginform tr p.csc-form-label {
  font-weight: bold;
}
div.sidebar table.csc-loginform td.csc-form-commentcell {
  width: 175px;
  overflow: hidden;
}
div.sidebar-left table.csc-loginform tr {
  display: block;
  width: 160px;
  overflow: hidden;
  text-align: center;
  border-bottom: solid 1px rgb(255,255,255); 
}
div.sidebar-left table.csc-loginform tr p.csc-form-label {
  font-weight: bold;
}
div.sidebar-left table.csc-loginform td.csc-form-commentcell {
  width: 160px;
  overflow: hidden;
}