/* CSS Document */    /*geaenderte version mit menuanpassung links -geht, submenu icon, hover-color */
/* programmed : Andreas Oetter */
/* contact : http://www.a-oetter.de */
/* author : Andreas Oetter */
/* version : 3.9-2.01 */
/* date : 10.03.20, 12:00 uhr */
/* Dieses Template ist GESCHUETZT! */ 
/* Jegliche Nutzung ohne Genehmigung des Authors ist VERBOTEN! */
/* ****************************************************************************************************/ 
/* Release Info     auflösung 1024 am 10.03.2020*/
/* 02.02.2014 : aenderung bei print u. pdf icons verschoben - actions */
/* 05.02.2014 : aenderung bei #main_out_1 textabstand zum rahmen */
/* 08.02.2014 : logo_u.. flugblatt css farben geaendert */
/* 08.02.2014 : textabstand zum pfeil geaendert */
/* 01.02.2020 : updagte 3.9 und grosser banner */
/* 05.03.2020 : suchfeld farbe und beachte hinweis leerzeichen in Feld Boxbeschreibung! */
/* ****************************************************************************************************/   


/* Die Body Definierung */
body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cbe4fb;
	font-size: 14px;
	color: #333333;
}

/* ************************************************************* */
/* begin - Hier werden alle Rahmen aufgelistet */

/* Der Hauptrahmen mit Border 1*/
#body_outline{
	/* width: 1024px !important;*/
	width: 1024px;
	border: 1px solid;
	border-color: #00266E;	/* AO 31.01.2014 o_border-color: #999999; Rahmen aussen gesamt*/
	padding: 2px;
	/*background: #ffffff;*/
	background: white;
}

/* user 3 Aussenrahmem mit Border 1 */
#user_3_outline{
	width: 840px !important;
	width: 842px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	height: 21px !important;
	height: 23px;
	margin-bottom: 2px;
}

/* user 4 Aussenrahmem mit Border 1 */
#user_4_outline{
	width: 178px !important;
	width: 180px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: right;
	height: 21px !important;
	height: 23px;
	margin-bottom: 2px;
	text-align: left;
}

/* Hack, damit der Rahmen der Searchbox in User 4 verschwindet */
#user_4_outline .inputbox {
	border: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 11px;
	color: #346ec6;	/* AO 31.01.2014 Suchfeld: suche  O-Farbe Orange #c64934  009900 346ec6*/
}

/* Top Aussenrahmem mit Border 1 */
#top_out{
   margin-top: 2px;
   width: 174px !important;
   width: 180px;
   height: 176px !important;
   height: 176px;
   overflow: hidden;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	padding: 2px;
	background: #ffffff;

}

/* Menue left Aussenrahmen mit border 1 */
#left_outline{
   margin-top: 2px;
	width: 174px !important;
	width: 180px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	padding: 2px;
	background: #ffffff;
	float: left;
	font-size: 11px;
	text-align: left;	
}	

/* Menue right Aussenrahmen mit border 1 */
#right_outline{
	margin-top: 2px;
	width: 174px !important;
	width: 180px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	padding: 2px;
	background: #ffffff;
	float: right;
	font-size: 11px;
	text-align: left;
}

/* Banner Aussenrahmen mit Border */
#banner_outline{
   margin-top: 2px;
	width: 836px !important;
	width: 842px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	padding: 2px;
	background: #ffffff;
    float: left;
}

/* User 1 schmal **************/
#user1_out_1{
	width: 323px !important;
	width: 329px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	

/* User 1 mittel **************/
#user1_out_2{
	width: 560px !important;
	width: 660px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}
	
/* User 1  breit**************/
#user1_out_3{
	width: 359px !important;
	width: 365px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
/* User 1 large **************/
#user1_out_4{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	

/* User 2 schmal **************/
#user2_out_1{
	width: 323px !important;
	width: 329px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: right;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}

/* User 2 mittel **************/
#user2_out_2{
	width: 560px !important;
	width: 660px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
	
/* User 2  breit**************/
#user2_out_3{
	width: 360px !important;
	width: 366px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: right;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
/* User 2 large **************/
#user2_out_4{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}
/* Pathway mit Border 1  */
#pathway_out_1{
	width: 654px !important;
	width: 660px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}
	
#pathway_out_2{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}

/* Hauptausgabe 1 mit Border 1 (fuer Menu Left Standart) */
#main_out_1{
	width: 642px !important;	/* AO 05.02.14 durch padding von 2 auf 8  width um 2x6 von 560 auf 548 */
	width: 660px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 8px;		/* AO 05.02.14 textabstand zum rahmen vergroessert von 2 auf 8 */
	font-size: 11px;
	text-align: left;   /* AO 18.10.07 bug report */
}
	
#main_out_2{
	width: 727px !important;
	width: 733px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
	text-align: left;   /* AO 18.10.07 bug report */
}

#footer {
	width: 1018px !important;
	width: 1024px;
	border: 1px solid;
	border-color: #2B67AE;	/* AO 31.01.2014 o_border-color: #999999; */
	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
}


/* end - Ende der Rahmenliste */
/* ************************************************************* */

/* Zeilenumbruch erzwingen */
.clr {
	clear:both
}

/* ************************************************************* */

/* Header Area = Container fuer die Grafik */
#header_area {
	width: 1024px;
}

/* Die Header Grafik */	
#header {
	background: url(../images/head01.jpg) no-repeat;
	width: 1024px;	/* AO 11.10.07 HeaderBREITE : 900*/
	height: 132px;	/* AO 01.03.20 HeaderHOEHE : auf 132 geaendert*/
}

/* Container User 3 und 4, damit Elemente beim Verschieben nicht ausbrechen */
#con_u_34 {
	width: 1024px;
}

/* Container Rechts fuer alle Elemente ausser left */
#sandbox_1{
	width: 842px;
	float: right;
	margin-right: 0px !important;
	margin-right: -4px;
}
#sandbox_2{
	width: 1024px;
	float: left;
	margin-left: 0px !important;
	margin-left: 0px;
}

/* Container Links fuer left und top */
#con_left{
	width: 180px;
	float: left;
	margin-left: 0px !important;
	margin-left: 0px;
}

/* Container Rechts fuer right und top */
#con_right{
	width: 180px;
	float: right;
	margin-right: 0px !important;
	margin-right: 0px;
}

/* Container fuer User1, User2, Pathway und Main */
#con_main1{
	width: 660px;
	float: left;
	margin-left: 0px !important;
	margin-left: 0px;
}

#con_main2{
	width: 733px;
	float: left;
	margin-left:0px !important;
	margin-left: 0px;
}

/* das grosse Banner rechts */
#hauptbanner{
	/* background: url(../images/osmbanner2.png) no-repeat; */
	background-color:#eeeeee;
	width: 652px !important;
	width: 658px;
	height: 60px !important;
	height: 68px;
	float: left;
	padding: 3px;
	margin-top: 0px !important;
	margin-top: 0px ;
	background-position: center;
	border: 1px solid;
	border-color: #999999;
}
  
/* das kleine Banner links */
#klein_banner {
	background: url(../images/powered_by.png) no-repeat;
	width: 175px;
	height: 68px;
	float: right;
}
/* ************************************************************* */
/* Ab jetzt kommen Joomla spezifische Eintraege */

/* search-label ausblenden ao 30.01.2014*/
form .search label,
form .finder label
{
  display:block;
}

/* print pdf mail icon verschieben ao 02.02.2014*/
/*.actions li
{
  float: right;
  display: inline-block;
  list-style: none;
  margin-top: -15px; /*abstand der icons von oben verkleinert 05.02.2014 
}*/

/* print pdf mail icon aenderung 04.03.2020*/
.actions {
	list-style-type: none;
	text-align: right
}
.actions a {padding:0}
.actions  li {
	display: inline
}


/* e print pdf mail icon aenderung 04.03.2020*/

/* User 3 - Das Menue Top */
ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;	
	white-space: nowrap;
	border-right: 1px solid #999999; /* cccccc */
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;	
	padding-right: 15px;
	text-decoration: none;
	color: #00266E;				/* AO 31.01.2014 USER 3 linktext farbe O-#333333*/
	background: transparent;
}

/* User 3 - Das Menue Top */
#buttons>ul#mainlevel-nav li a { 
      width: auto; 
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a:hover {
	color: #ffffff;				/* AO 31.01.2014 USER 3 hover linktext farbe O-#fff*/
	/*background: #c64934;*/
    background: #8AA3DE;		/* AO 31.01.2014 USER 3 hover background farbe O-#99acbb*/
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* wegen arrow vor den untergeordneten LINKS 24.01.14 li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/csu_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}*/

.inputbox { 
	font-size: 11px;
	border: solid 1px #999999;
	background : #FFFFFF; 
	padding: 1px 2px;
	margin-top: 2px !important;
	margin-top: 1px;	
} 

#mod_login_remember.inputbox { /* Extra wegen MS-IE, damit kein verrutschter Border */
	 border: none;		       /* das Layout verunstaltet                           */
}

/* Menu Left/Right formatierung */
table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #00266E;	/* 00266E AO 31.01.2014 Textfarbe in der subhead_bg Zeile #666666 dunkelgrau*/
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

/* *****************TEST*****************************/
/* Menumodule Neueste Eintraege Meist aufgerufen */
table.moduletable_extra1 {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable_extra1  th, div.moduletable_extra1  h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #00266E;	/* AO 31.01.2014 Textfarbe in der subhead_bg Zeile #666666 dunkelgrau*/
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable_extra1  td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

/* ** Menuepunkt mit arrow ** */
div.moduletable_extra1 ul li {
    line-height: 15px;  /* Textabstand in der Liste von oben */
	padding-left: 11px; /* Textabstand in der Liste von links */
	padding-top: 0px;
	background-image: url(../images/csu_arrow.png);
	background-repeat: no-repeat;
	background-position: 1px 3px; /* arrow von links - von oben */
}

/* ***** Menue moduletable 1. Ebene ***** */

/* wurde oben schon definiert ....
div.moduletable {
	padding: 0;
	margin: 0;
    background: #E9E9E9;
	}

div.moduletable h3 {
   font: normal 16px;
   color: #FFF;
   text-transform: uppercase;
   padding:7px 0px 4px 12px;
   margin:0px 0px 5px 0px;
   }
 */   
/* ** Block 1 E1 ** */
div.moduletable ul.menu {
   margin: 0px 0px 0px 0px; 
   padding: 0px; 
   list-style: none;
}
   
/* ** Block 2 E1 ** */
div.moduletable ul.menu li {
   line-height: 14px;
   padding-left: 0px;
}
	   
/* ** Block 3 E1 ** */
/* ** INaktiver Menuepunkt ** */
div.moduletable ul.menu li a {
   /***/
   display: block;
   background: url(../images/menu_a_bg.png) no-repeat -0px -0px;
   vertical-align: middle;
   font-size: 11px;
   font-weight: bold;
   color: #ccc;		
   text-align: left;
   padding-top: 6px;	
   padding-left: 16px; /* old 19 ao 08.02.14 */ 
   height: 20px !important;
   height: 25px;
   width: 100%;
   text-decoration: none;   
   /***/
}  
   
/* ** Block 4 E1 ** */
/* ** Aktiver Menuepunkt ** */
div.moduletable ul.menu li.current.active a,
div.moduletable ul.menu li.active.deeper.parent a {
   /***/
   display: block;
   background: url(../images/menu_b_bg.png) no-repeat -0px -0px;
   vertical-align: middle;
   font-size: 11px;
   font-weight: bold;
   color: #000;		
   text-align: left;
   padding-top: 6px;	
   padding-left: 16px; /* old 19 ao 08.02.14 */ 
   height: 20px !important;
   height: 25px;
   width: 100%;
   text-decoration: none;   
   /***/
}

/* ***** Menue moduletable: 2. Ebene ***** */

/* ** Block 1 E2 ** */
div.moduletable ul.menu li ul {
   margin: 0px 0px 0px 0px; 
   padding: 0px; 
   list-style: none;
}
	
/* ** Block 2 E2 ** */  		
div.moduletable ul.menu li ul li {
   line-height: 14px;
   padding-left: 0px;
}
	  
/* ** Block 3 E2 ** */
/* ** INaktiver Menuepunkt ** */
div.moduletable ul.menu li ul li a,
div.moduletable ul.menu li.active.deeper.parent ul li a {
   /***/
   line-height: 20px;
	padding-left: 18px;
	padding-top: 0px;
	background-image: url(../images/csu_arrow.png);
	background-repeat: no-repeat;
	background-position: 6px 6px;
   /***/
}

/* ** Block 4 E2 ** */
/* ** Aktiver Menuepunkt ** */
div.moduletable ul.menu li.active.deeper.parent ul li.current.active a {
   /***/
   background-image: url(../images/csu_arrow.png);
   color: #0099FF;		
   /***/
}
/***xx***/

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_b_bg.png) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;		/* AO 12.10.07 Linkfarbe ccc - ? */
	text-align: left;
	padding-top: 6px;	/* ao17.10.07 abstand von oben*/
	padding-left: 19px; /* ao17.10.07 abstand von links*/
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}
/*** * ***/

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	background: url(../images/menu_bg.png) no-repeat;
	background-position: 0px -25px;
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

td {
	text-align: left;
	font-size: 11px;
}

table.contentpaneopen {
    width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 0px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.button {
  color: #3863f5;	/* AO 31.01.2014 O-Farbe Orange #c64934*/
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #2B67AE;	/* AO 31.01.2014 doppelrahmen um Button O-Farbe grau #cccccc*/
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

a:link, a:visited {
	color: #114080; text-decoration: none;  /* AO 31.01.2014 Linkfarbe dunkelblau */
	font-weight: bold;
}

a:hover {
	color: #0099ff;	text-decoration: none;  /* AO 31.01.2014 Linkfarbe HOVER csu-gruen #00AB4F blau=0099ff */
	font-weight: bold;
}

.contentheading {
	height: 30px;
	color: #457CC0;	/* AO 31.01.2014 O-Farbe Orange #c64934*/
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;      /*AO 18.10.07 bug report white-space: nowrap;*/
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

/* herausgenommen wegen Darstellung 01.02.14
.pathway {
	overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}
*/
#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav-prev {
  /*text-align: center;*/
  font-size: 11px;
  font-weight: bold;
  /*border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;*/
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #999999;
}

.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}
/* breadcrumb wieder als linendarstellung ao 02.03.2020 */

.breadcrumb li {
    display: inline;
    list-style: none;
}


/* ************************************************************* */
/* Ab jetzt kommen csu-spezifische Eintraege */

/* Erzeugt blauen Blattrahmen um ein Flugblatt  ao 23.11.07*/
#fblatt_rahmen_blue {
  border-width:3px;
  border-style:solid;
  border-color:#0089cf;
  /* padding:0.1em; */   /*erzeugt Abstand zum Inhalt*/
  text-align:justify;
}



/* Bis hier kommen csu-spezifische Eintraege */
/* ************************************************************* */