/* 
================================
 Container Styles for DNN entex
================================
*/   


/* paddin: px(oben) px(rechts) px(unten) px(links) */ 

div.ContainerBag { clear:both; padding: 0px 0px 0px 0px; background-color:transparent;	}
div.ContainerBody { display:block;  padding: 3px 6px 3px 6px; background-color:#FFFFFF; margin:0px 0px 0px 0px; }
div.ContainerFooter { display:block; float:right; height:24px;   padding-bottom:6px; }

.IconPrint { float:right; display:block; }
.IconModulSet { float:right; display:block; }
.IconSyModul { float:right; display:block; }
.IconAddContent { float:right; display:block;  }


.ContainerHeaderBag { width: 100%; background-color:#ffffff; display:block; font-size:9px; }
.ContainerHeaderTitel { background-image: url(container_bg-blue3_.jpg); background-color:#dbdbdb; background-repeat:repeat-x; background-position: top; margin:0px; color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; letter-spacing:1px; }
.ContainerHeaderTitelEnd { margin:0px; padding:0px; background-color:#dbdbdb; }


/** Klassen von Template, werden nicht benötigt -> XML Template **/
.containermasterwhite_laptop {}
.containermasterhr_laptop {}
.containerhr_laptop {}
.containerHeaderTitelA {}
.containerHeaderTitelB {}


/*** Vererbung der Klassen je nach verschieben in den jeweiligen Pane's ***/

/** Colum Top **/
div.boxColumTop .ContainerHeaderTitel {
	background-image: url(design/hg_ContainerHeaderTitel_684px.gif);
	background-repeat:repeat-x;
	background-position: top;
	padding:3px 6px 0px 6px;
	margin:0px;
	color: #333333;	
}

div.boxColumTop .ContainerHeaderTitelEnd { background-image: url(design/hg_ContainerHeaderTitelEnd_684px.gif); padding-top:2px; padding-bottom:6px; margin:0px; }



/** Colum Bottom **/
div.boxColumBottom .ContainerHeaderTitel {
	background-image: url(design/hg_ContainerHeaderTitel_684px.gif);
	background-repeat:repeat-x;
	background-position: top;
	padding: 3px 6px 0px 6px;
	margin:0px;
	color: #333333;	
}

div.boxColumBottom .ContainerHeaderTitelEnd { background-image: url(design/hg_ContainerHeaderTitelEnd_684px.gif); padding-top:2px; padding-bottom:6px; margin:0px; }



/** Colum Content **/

/*.boxColumCenter table { margin-left:0px; width:99% }*/

div.boxColumCenter .ContainerHeaderTitel {
	background-image: url(design/hg_ContainerHeaderTitel_452px.gif);
	background-repeat:repeat-x;
	background-position: top;
	padding:3px 6px 0px 6px;
	margin:0px;
	color:#333333;	
}

div.boxColumCenter .ContainerHeaderTitelEnd { background-image: url(design/hg_ContainerHeaderTitelEnd_452px.gif); padding-top:2px; padding-bottom:6px; margin:0px; }



/** Colum Right **/
div.boxColumRight .ContainerHeaderTitel { background-image: url(design/hg_ContainerHeaderTitel_220px.gif); background-repeat:repeat-x; background-position:left top; padding:3px 6px 0px 6px; margin:0px; color:#757575; }
div.boxColumRight .Container02HeaderTitel { background-image: url(design/hg_Container02HeaderTitel_220px.gif); background-repeat:repeat-x; background-position:left top; padding:3px 6px 0px 6px; margin:0px; color:#ffffff; }

div.boxColumRight .ContainerHeaderTitelEnd { background-image: url(design/hg_ContainerHeaderTitelEnd_220px.gif); padding-top:2px; padding-bottom:6px; margin:0px; }


div.boxColumRightBlue .ContainerHeaderTitelEnd { background-image: url(design/hg_Container02HeaderTitelEnd_220px.gif); padding-top:2px; padding-bottom:6px; margin:0px; }
div.boxColumRightBlue .ContainerBody { display:block; padding: 3px 6px 0px 6px; background-image:url(design/hg_Container02Body_220px.gif); background-repeat: repeat-y; background-position:top left; }
div.boxColumRightBlue .ContainerFooter { background-image: url(design/hg_Container02Footer_220px.gif); background-position:bottom left; display:block; width:220px; margin-bottom:0px; }
div.boxColumRightBlue .ContainerHeaderTitel { background-image: url(design/hg_Container02HeaderTitel_220px.gif); background-repeat:repeat-x; background-position:left top; padding:3px 6px 0px 6px; margin:0px; color:#ffffff; }
div.boxColumRightBlue .ContainerHeaderTitel h1 { color:#ffffff; }


/***  Modul anpassungen  ***/

/* Formular Modul */
.NormalTextBox label { margin-left:6px; font-size:12px; } /**/

/* SlideMenu */
div.menutableEnd { display:block; background-image: url(design/hg_menuEnd.gif); background-position:bottom; height:2px;  margin-top:1px; margin-bottom:1px;}
div.menutableBox { display:block;background-image: url(design/hg_menuEnd.gif); background-position:bottom; margin-bottom:10px;  }

/* Modul FCK Editor */
.ContainerBody ul { margin:0px; padding:0px; padding-left:16px; color:#333333; list-style-type:disc; list-style-image:url(design/ul-li.gif); }
.ContainerBody li { margin:0px; padding:0px;  font-size:12px; color:#333333; }

.ContainerBody p { margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }
.ContainerBody table { margin: 0px 0px 0px 0px; } /* wegen Admin -> Table drückt grösse auf -> IE Problem 100% Tabelle + Padding*/
.ContainerBody td { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; vertical-align:top; }

A:link { text-decoration: none; color: #007ccc; }
A:visited { text-decoration: none; color: #007ccc; }
A:hover { text-decoration: underline; color: #007ccc; }
A:active { text-decoration: none; color: #007ccc; }

.DNNEmptyPane{width:0;padding:0;margin:0; display:none;}
/*** FCK Editor ***/

h1 { display: table-cell;
	 font-family: Arial, Helvetica, sans-serif;
   	 font-size: 13px;
	 color: #333333;
   	 font-weight: bold;
	 letter-spacing:0.05em;
	 margin:0px;
	 padding:0px;
}


h2 { display: table-cell;
	 font-family: Arial, Helvetica, sans-serif;
   	 font-size: 13px;
	 color: #333333;
   	 font-weight: bold;
	 margin:0px;
	 padding:0px;
}
h3 {display: table-cell;
	 font-family: Arial, Helvetica, sans-serif;
   	 font-size: 13px;
	 color: #333333;
   	 font-weight: normal;
	 margin:0px;
}
h4 {display: table-cell;
	 font-family: Arial, Helvetica, sans-serif;
   	 font-size: 12px;
	 color: #333333;
   	 font-weight: bold;
	 margin:0px;
}

h5 { display: table-cell;
	 font-family: Arial, Helvetica, sans-serif;
   	 font-size: 12px;
	 color: #333333;
   	 font-weight: normal;
}
h6 { display: table-cell;
	 font-family: Arial, Helvetica, sans-serif;
   	 font-size: 11px;
	 color: #333333;
   	 font-weight: normal;
	 margin:0px;
}

hr { margin-bottom: 20px; padding-bottom:0px; height: 1px; color:#CCCCCC; background-color:#CCCCCC; }


/*** Tabelle FCK Editor ***/

/* Tabelle 100% */
.tabZelle100 { width: 100%; }
.tabZelle100 td { vertical-align:top; text-align:left;  }
.tabZelle100 caption { display:none; visibility:hidden; }
.tabZelle100 .ZelleTitel { padding-bottom:6px;  }
.tabZelle100 .ZelleText { vertical-align:top; text-align:left;  }

/* Tabelle100% Bild208px - Links - 1/3 - 2/3 */
.tab208BildL { width: 100%; }
.tab208BildL td { vertical-align:top; text-align:left; }
.tab208BildL caption { display:none; visibility:hidden; }
.tab208BildL img { vertical-align:top; text-align:left; }
.tab208BildL .space24px { width:24px; }
.tab208BildL .ZelleTitel { padding-bottom:6px;  }
.tab208BildL .ZelleBild1-3 { vertical-align:top; text-align:left; }
.tab208BildL .ZelleText1-3 { width:208px; vertical-align:top; text-align:left;  }
.tab208BildL .ZelleText2-3 { vertical-align:top; text-align:left; }

/* Tabelle100% Bild208px - Links - 1/3 - 1/3 */
.tab208BildText { width: 100%; }
.tab208BildText td { vertical-align:top; text-align:left; }
.tab208BildText caption { display:none; visibility:hidden; }
.tab208BildText img { vertical-align:top; text-align:left; }
.tab208BildText .space24px { width:24px; }
.tab208BildText .ZelleTitel { padding-bottom:6px;  }
.tab208BildText .ZelleBild1-3 { vertical-align:top; text-align:left; }
.tab208BildText .ZelleText1-3 { width:208px; vertical-align:top; text-align:left; }
.tab208BildText .ZelleText2-3 { vertical-align:top; text-align:left; }

/* Tabelle100% Bild 208px - Rechts -  2/3 - 1/3 */
.tab208BildR { width: 100%; }
.tab208BildR td { vertical-align:top; text-align:left; }
.tab208BildR caption { display:none; visibility:hidden; }
.tab208BildR img { vertical-align:top; text-align:left; }
.tab208BildR .space24px { width:24px; }
.tab208BildR .ZelleTitel { padding-bottom:6px;  }
.tab208BildR .ZelleBild1-3 { width:208px; vertical-align:top; text-align:left; }
.tab208BildR .ZelleText1-3 { vertical-align:top; text-align:left; }
.tab208BildR .ZelleText2-3  { vertical-align:top; text-align:left; }

/* Tabelle100%  Bild92px - Links  */
.tab92BildL { width: 100%; }
.tab92BildL td { vertical-align:top; text-align:left; }
.tab92BildL caption { display:none; visibility:hidden; }
.tab92BildL img { vertical-align:top; text-align:left; }
.tab92BildL .space24px { width:24px; }
.tab92BildL .ZelleTitel { padding-bottom:6px;  }
.tab92BildL .Zelle92Bild { width:92px; vertical-align:top; text-align:left; }
.tab92BildL .Zelle92Text { width:92px; vertical-align:top; text-align:left; }
.tab92BildL .ZelleText { vertical-align:top; text-align:left; }

/* Tabelle672px Bilder208px - 3 Splaten */
.tabBilder3 { width: 672px; }
.tabBilder3 td { vertical-align:top; text-align:left; }
.tabBilder3 caption { display:none; visibility:hidden; }
.tabBilder3 img { vertical-align:top; text-align:left; border:0; }
.tabBilder3 .space24px { width:24px; }
.tabBilder3 .ZelleTitel { padding-bottom:6px;  }
.tabBilder3 .ZelleBild1 { width:208px; overflow:hidden; }
.tabBilder3 .ZelleBild2 { width:208px; overflow:hidden; }
.tabBilder3 .ZelleBild3 { width:208px; overflow:hidden; }
.tabBilder3 .ZelleText1 { width:208px; vertical-align:top; }
.tabBilder3 .ZelleText2 { width:208px; vertical-align:top; }
.tabBilder3 .ZelleText3 { width:208px; vertical-align:top; }

/* Tabelle100%  Bild92px - Links (Auflistung Gemienderat Portrait)  */
.tab92BildAuflist { width: 100%; }
.tab92BildAuflist td { vertical-align:top; text-align:left; }
.tab92BildAuflist img { vertical-align:top; text-align:left; }
.tab92BildAuflist .space24px { width:24px; }
.tab92BildAuflist .ZelleTitel { padding-bottom:6px;  }
.tab92BildAuflist .Zelle92Bild { width:92px; vertical-align:top; text-align:left;  }
.tab92BildAuflist .Zelle92Text { width:92px; vertical-align:top; text-align:left;  }
.tab92BildAuflist .ZelleText { vertical-align:top; text-align:left;  }
.tabAuflist { width:100%; }
.tab92BildAuflist .tabAuflist .AuflistSpace { width:12px; }
.tab92BildAuflist .tabAuflist .AuflistZelle1 { width:120px; overflow:hidden; vertical-align:top; text-align:left; }
.tab92BildAuflist .tabAuflist .AuflistZelle2 {  vertical-align:top; text-align:left; }



/* Tabellen Begrezung - vererbung (IE Prolem bei 100%) */
.boxColumCenter .tabBilder3 { width:440px; }
.boxColumRight .tabBilder3 { width:208px; }
.boxColumTop .tabBilder3 { width:672px; }
.boxColumBottom .tabBilder3 { width:672px; }
.boxColumRightBlue .tabBilder3 { width:208px; }

.boxColumCenter .tab92BildL { width:440px; }
.boxColumRight .tab92BildL { width:208px; }
.boxColumTop .tab92BildL { width:672px; }
.boxColumBottom .tab92BildL { width:672px; }
.boxColumRightBlue .tab92BildL { width:208px; }

.boxColumCenter .tab208BildR { width:440px; }
.boxColumRight .tab208BildR { width:208px; }
.boxColumTop .tab208BildR { width:672px; }
.boxColumBottom .tab208BildR { width:672px; }
.boxColumRightBlue .tab208BildR { width:208px; }

.boxColumCenter .tab208BildL { width:440px; }
.boxColumRight .tab208BildL { width:208px; }
.boxColumTop .tab208BildL { width:672px; }
.boxColumBottom .tab208BildL { width:672px; }
.boxColumRightBlue .tab208BildL { width:208px; }

.boxColumCenter .tab208BildText { width:440px; }
.boxColumRight .tab208BildText { width:208px; }
.boxColumTop .tab208BildText { width:672px; }
.boxColumBottom .tab208BildText { width:672px; }
.boxColumRightBlue .tab208BildText { width:208px; }

.boxColumCenter .tabZelle100 { width:440px; }
.boxColumRight .tabZelle100 { width:208px; }
.boxColumTop .tabZelle100 { width:672px; }
.boxColumBottom .tabZelle100 { width:672px; }
.boxColumRightBlue .tabZelle100 { width:208px; }

.boxColumCenter .tab92BildAuflist { width:440px; }
.boxColumRight .tab92BildAuflist { width:208px; }
.boxColumTop .tab92BildAuflist { width:672px; }
.boxColumBottom .tab92BildAuflist { width:672px; }
.boxColumRightBlue .tab92BildAuflist { width:208px; }

.boxColumCenter .tabDynamicForms { width:440px; } /* Modul Formular */
.boxColumRight .tabDynamicForms { width:208px; }
.boxColumTop .tabDynamicForms { width:672px; }
.boxColumBottom .tabDynamicForms { width:672px; }
.boxColumRightBlue .tabDynamicForms { width:208px; }


 
/************* Testfraben Zellen - vererbung Achtung keine Atributte mitgeben *****************/

/* Tabelle 100% */
.TestFarben .tabZelle100 { }
.TestFarben .tabZelle100 td {  }
.TestFarben .tabZelle100 caption {  }
.TestFarben .tabZelle100 .ZelleText { background-color:#CCCCCC;  }

/* Tabelle100% Bild208px - Links - 1/3 - 2/3 */
.TestFarben .tab208BildL { }
.TestFarben .tab208BildL td  { }
.TestFarben .tab208BildL caption { }
.TestFarben .tab208BildL img { }
.TestFarben .tab208BildL .space24px { }
.TestFarben .tab208BildL .ZelleBild1-3 { background-color:#CCCCCC;}
.TestFarben .tab208BildL .ZelleText1-3  {background-color:#CCCCCC; }
.TestFarben .tab208BildL .ZelleText2-3 {background-color:#CCCCCC; }

/* Tabelle100% Bild208px - Links - 1/3 - 1/3 */
.TestFarben .tab208BildText { }
.TestFarben .tab208BildText td { }
.TestFarben .tab208BildText caption { }
.TestFarben .tab208BildText img { }
.TestFarben .tab208BildText .space24px { }
.TestFarben .tab208BildText .ZelleBild1-3 {background-color:#CCCCCC; }
.TestFarben .tab208BildText .ZelleText1-3 {background-color:#CCCCCC; }
.TestFarben .tab208BildText .ZelleText2-3 {background-color:#CCCCCC; }

/* Tabelle100% Bild 208px - Rechts -  2/3 - 1/3 */
.TestFarben .tab208BildR { }
.TestFarben .tab208BildR td  { }
.TestFarben .tab208BildR caption { }
.TestFarben .tab208BildR img { }
.TestFarben .tab208BildR .space24px { }
.TestFarben .tab208BildR .ZelleBild1-3 { background-color:#CCCCCC; }
.TestFarben .tab208BildR .ZelleText1-3 { background-color:#CCCCCC; }
.TestFarben .tab208BildR .ZelleText2-3 { background-color:#CCCCCC; }

/* Tabelle100%  Bild92px - Links  */
.TestFarben .tab92BildL { }
.TestFarben .tab92BildL td { }
.TestFarben .tab92BildL caption { }
.TestFarben .tab92BildL img { }
.TestFarben .tab92BildL .space24px { }
.TestFarben .tab92BildL .Zelle92Bild {background-color:#CCCCCC; }
.TestFarben .tab92BildL .Zelle92Text {background-color:#CCCCCC; }
.TestFarben .tab92BildL .ZelleText {background-color:#CCCCCC; }

/* Tabelle672px Bilder208px - 3 Splaten */
.TestFarben .tabBilder3 {  }
.TestFarben .tabBilder3 td {  }
.TestFarben .tabBilder3 caption { }
.TestFarben .tabBilder3 img { }
.TestFarben .tabBilder3 .space24px { }
.TestFarben .tabBilder3 .ZelleBild1 { background-color:#CCCCCC; }
.TestFarben .tabBilder3 .ZelleBild2 { background-color:#CCCCCC; }
.TestFarben .tabBilder3 .ZelleBild3 { background-color:#CCCCCC; }
.TestFarben .tabBilder3 .ZelleText1 { background-color:#CCCCCC; }
.TestFarben .tabBilder3 .ZelleText2 { background-color:#CCCCCC; }
.TestFarben .tabBilder3 .ZelleText3 { background-color:#CCCCCC; }

/* Tabelle100%  Bild92px - Links (Auflistung Gemienderat Portrait)  */
.TestFarben .tab92BildAuflist { }
.TestFarben .tab92BildAuflist td { }
.TestFarben .tab92BildAuflist img { }
.TestFarben .tab92BildAuflist .space24px { }
.TestFarben .tab92BildAuflist .Zelle92Bild {background-color:#CCCCCC; }
.TestFarben .tab92BildAuflist .Zelle92Text {background-color:#CCCCCC; }
.TestFarben .tab92BildAuflist .ZelleText { background-color:#CCCCCC; }
.TestFarben .tab92BildAuflist .tabAuflist .AuflistZelle1 { background-color:#CCCCCC;  }
.TestFarben .tab92BildAuflist .tabAuflist .AuflistZelle2 { background-color:#CCCCCC; }


/*Newsletter */
.newsletter_tab { width: 440px; }
.newsletter_tab .ZelleTitel { vertical-align:top; text-align:left; }
.newsletter_tab .ZelleTite2 { vertical-align:top; text-align:left; }
.newsletter_tab .ZelleTite3 { vertical-align:top; text-align:left; }
.newsletter_tab .Zelle1 { width: 208px; vertical-align:top; text-align:left; }
.newsletter_tab .Zelle2 {width: 208px; vertical-align:top; text-align:left; }
.newsletter_tab .space24px { width:24px; }



/************* ENDE Testfragen Zellen - vererbung *****************/


.udt_P_Name { width:150px; vertical-align:top;}
.udt_P_Funktion {width:200px;  vertical-align:top; }
.udt_P_Gap {width:20px;  vertical-align:top; }
.udt_P_Amt {width:200px;   vertical-align:top; }
.udt_P_Tel {width:100px;  vertical-align:top;}


