/* sitemap:start */
/* alle li images entfernen */
div#sitemap  ul {
  list-style-type : none;
  list-style-image: none;
}

div#sitemap  li {
  padding-top: 4px;
}


/* level 1 */
div#sitemap  > ul  > li {
  padding-bottom: 1em;
  padding-top: 0px;
}

/* level 2 */
div#sitemap  > ul  > li  > ul {
  padding-left: 100px;
  list-style-type : square;
}

/* level 3 */
div#sitemap  > ul  > li  > ul > li  > ul {
  padding-left: 50px;
}
/* sitemap:end */


/* home seite: tabelle mit most popular functions */
table.popular_functions {
  border-collapse: collapse;
}
table.popular_functions td {
  border-left: #8CACBB solid 1px;
  border-right: #8CACBB solid 1px;
  padding:0.3em;
}
table.popular_functions tr.bottom td {
  border-bottom: #8CACBB solid 1px;
  vertical-align: bottom;
  text-align:center;
  height: 4.5em;
}
table.popular_functions tr.top td {
  border-top: #8CACBB solid 1px;
}
table.popular_functions tr.bottom td.split, table.popular_functions tr.top td.split {
  border: none;
}
table.lightblue {
  background-color: #f2f6fe;
}
table.lightblue td.split {
  background-color:white;
  padding:2px;
}
table.popular_functions td a.button {
  text-align:center;
  text-decoration:none;
}

table.popular_functions td a.button div {
  padding: 0.4em 0.3em 0.4em 0.3em;
  text-align:center;
  font-size: 1.2em;
  color:#FFFFFF;
  text-decoration:none;
  -moz-border-radius:3px 3px 3px 3px;
  background:url("content/images/layout/button_dark_bg.png") repeat scroll 0 0 transparent;
}

/* lohnrechner seite: tabelle mit most popular functions */
table.popular_functions.two_column td {
  padding:0.6em;
}
/* lohnrechner seite: damit die Aufklapptabelle nicht mit borders gerendert wird */
table.popular_functions.two_column tr td table td {
  border: 0;
  padding:0;
}


/* Alle Links kennzeichnen (intern + extern) */
 #content a[href^="http://"],
 #cms_content a[href^="http://"],
 #abstract a[href^="http://"],
 #content a[href^="https://"],
 #cms_content a[href^="https://"],
 #abstract a[href^="https://"]
  {
    background: transparent url(content/images/layout/ico_extern.gif) center right no-repeat;
    display: inline;   
    padding: 0px 20px 0px 0px;   
} 


/* styles for all except firefox  */
#content a[href^="http://"],
#cms_content a[href^="http://"],
#abstract a[href^="http://"],
#content a[href^="https://"],
#cms_content a[href^="https://"],
#abstract a[href^="https://"] {
    display: inline-block;   
} 

/* styles only for chrome  */
body:nth-of-type(1) 
#content a[href^="http://"],
#cms_content a[href^="http://"],
#abstract a[href^="http://"],
#content a[href^="https://"],
#cms_content a[href^="https://"],
#abstract a[href^="https://"] {
   display:inline;
}


/* styles only for firefox  */
@-moz-document url-prefix() {
  #content a[href^="http://"],
  #cms_content a[href^="http://"],
  #abstract a[href^="http://"],
  #content a[href^="https://"],
  #cms_content a[href^="https://"],
  #abstract a[href^="https://"] {
      display: inline;  
  } 
}



/* Alle internen Links nachbearbeiten */
  #cms_content a[href^="http://zope.infra.glue"],
  #content a[href^="https://david.suis.infra.glue"],
  #content a[href^="https://urs.suis.infra.glue"],
  #content a[href^="https://www.entsendung.admin.ch"],
  #content a[href^="https://test-e-service.fenceit.ch"],
  #cms_content a[href^="https://david.suis.infra.glue"],
  #cms_content a[href^="https://urs.suis.infra.glue"],
  #cms_content a[href^="https://www.entsendung.admin.ch"],
  #cms_content a[href^="https://test-e-service.fenceit.ch"],
  #abstract a[href^="https://david.suis.infra.glue"],
  #abstract a[href^="https://urs.suis.infra.glue"],
  #abstract a[href^="https://www.entsendung.admin.ch"],
  #abstract a[href^="https://test-e-service.fenceit.ch"]
  {
    padding-right: 0;
    background: transparent;
    display: inline;  
  }
  
/* datepicker links nachbearbeiten, weil man sonst die background-images nicht mehr sieht (im ie7 und ie6)
  wir holen das Bild direkt aus plone, vorher war es in content/images/javascript/calendar/sprite.png
*/
#content .yui-skin-sam .yui-calcontainer .title {
    background: url(content/images/javascript/calendar/sprite.png) repeat-x 0 0;
}
#content .yui-skin-sam .yui-calcontainer .calclose {
    background: url(content/images/javascript/calendar/sprite.png) no-repeat 0 -300px;
}
#content .yui-skin-sam .yui-calendar .calnavleft {
    background: url(content/images/javascript/calendar/sprite.png) no-repeat 0 -450px;
}
#content .yui-skin-sam .yui-calendar .calnavright {
    background: url(content/images/javascript/calendar/sprite.png) no-repeat 0 -500px;
}
#content .yui-skin-sam .yui-calendar a.calnav:hover {
    background: url(content/images/javascript/calendar/sprite.png) repeat-x 0 0;
}
#content .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
    background: url(content/images/javascript/calendar/sprite.png) repeat-x 0 0;
}
#content .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
    background: url(content/images/javascript/calendar/sprite.png) repeat-x 0 -1400px;
}
  
  
/* Word- und PDF-Dokumente kennzeichnen */
a_[href$=".pdf"] {
    padding-left:15px;
    background: url(content/images/layout/pdf.png) no-repeat 0 50%;
}

a_[href$=".doc"] {
    padding-left:15px;
    background: url(content/images/layout/word.png) no-repeat 0 50%;
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    background: #F9F9F7 url(content/images/layout/body_bg.gif) repeat-x 62.5% 0;
    font-size: 62.5%;
    background-image: none;
    background-color: white;
    
}
h1 {
    background-color:transparent;
    border-bottom:1px solid #CCCCCC;
    color:Black;
}
h2 {
    font-size:100%;
    margin:0 0 9px;
    padding:0;
}

a:link {
	text-decoration: underline;
	color:#006699;
} 
a:active {
	text-decoration: underline;
	color:#006699;
} 
a:visited {
	text-decoration: underline;
	color:#006699;
} 
a:hover {
	text-decoration: underline;
	color:#006699;
}
/* this is the only width in em */
#wrapper {
    width: 960px;
    background: #FFFFFF;

    margin: 0;

    min-height: 100%;
    height: auto !important;
    height: 100%;
}
/* ajax dropdown */
ul {
  font-size: 1.2em;
}
#wizardView ul {
    list-style-image_:none;
}


/* rechtlicher hinweis is open */
#rechtlicher_hinweis .dynamic {
    display: block;
    margin-left: 0;
}
/* geltungsbereich is closed in app pages */
#container div.radiobutton .dynamic {
    display: none;
    margin-left:0;
}

/* font size in the content area */
#content {
    font-size: 1.2em;
}


#portal-column-one {
    float: left;
}
#portal-personaltools {
    clear:both;
}

/* div für die navigation */
#navigation {
    width: 210px;
    float: left;
    display: inline;
}

/* content and abstract */
#container {
    width: 727px;
    float: right;
    display: inline;
    min-height: 100%;
    height: 100%;
    padding-top: 5px;
}

/* the main content area layout */
#content {
    width: 520px;
    margin: 0 auto;
    padding: 0;
    float: left;
    display: inline;
}

/* the main cms content area layout */
#cms_content {
    width: 725px;
    margin: 0 auto;
    padding: 6px 0 0 0;
    float: right;
    display: inline;
}
.documentEditable {
  padding:0 !important;
  width: 72%;
}

#abstract {
    width: 165px;
    max-width: 165px;
    padding: 0 20px 0 0;
    margin: 0 auto;
    float: right;
    display: inline;
}
#abstractTable {
    width: 100%;
}

#footer {
    width: 100%;
    clear: both;
}

/* START:banner und grauer balken  */

#banner {
    width: 100%;
    font-size: 11px;
    background-color: #FFFFFF;
    clear: both;
}

#banner .bannerleft {
    width: 35%;
    float: left;
    display: inline;
    height: 104px;
    margin: 0 auto;
    padding: 0;
    background: white url(content/images/layout/headerleft.jpg) no-repeat left top;
}

#banner .bannerright {
    width: 65%;
    float: right;
    display: inline;
    height: 103px;
    margin: 0 auto;
    padding: 0;
    background: white url(content/images/layout/headerright.jpg) no-repeat right top;
    text-align: right;
    font-size: 8px;
    color: #FFFFFF;
}

#banner .bannerright .adminchlink {
    padding-right: 20px;
    margin-top: 4px;
    font-size: 11px;
    text-align: right;
    font-weight: bold;
    color: #000000;
}

#banner .bannerright .adminchlink a:link,
#banner .bannerright .adminchlink a:visited, 
#banner .bannerright .adminchlink a:hover, 
#banner .bannerright .adminchlink a:active {
    color: #000000;
    text-decoration: none;
}

#banner .bannerright .bannertitel {
    margin: 0 auto;
    padding-right: 19px;
    padding-top: 17px;
    text-align: right;
    font-size: 28px;
    color: #000000;
}

#banner .bannerright .bannersubtitel {
    margin: 0 auto;
    padding-right: 20px;
    padding-top: 3px;
    text-align: right;
    font-size: 11px;
    color: #000000;
}

/* the horizontal menu */
#horizontalMenu {
    width: 100%;
    font-size: 1.1em;
    background-color: #CCCCCC;
    color: #000000;
    text-align: left;
    float: left;
    display: inline;
    clear: both;
    vertical-align : middle;
}

#horizontalMenu p.text {
    display: block;
    width: auto;

    margin: 0 0 0 1.8em;
    padding: 2px 2px 2px 2px;
}
#horizontalMenu p.zoom {
    display: block;
    width: auto;

    margin: 0 0 0 0.8em;
    padding: 2px 20px 2px 2px;
}
#horizontalMenu p.lang {
    display: block;
    width: auto;
    padding: 2px 20px 2px 2px;
    float:right;
    text-align: right;
    line-height: 1.3em;
}

#horizontalMenu p.left {
    float: left;
    display: inline;
}

#horizontalMenu p.left span.pipe {
  padding: 0 0.1em 0 0.4em;
}


#horizontalMenu p.right {
    float: right;
    display: inline;
}

#horizontalMenu p {
    display: block;
    color: #000000;
    text-decoration: none;
}

#horizontalMenu p.lang span span {
    padding-right: 3px;
}

#horizontalMenu a {
    color: #000000;
    text-decoration: none;
}
#horizontalMenu p.text {
    margin-top: 3px;
}

#horizontalMenu p img.increaseFont, p img.decreaseFont  {
    border: 1px dotted;
    padding: 1px;
    margin-left:0px;
    cursor: pointer;
    cursor: hand;
}
/* END:banner und grauer balken  */
 
/* start global Navigation */
#globalNavigationContainer {
    width: 100%;
    background-color: #CCCCCC;
    float: left;
    border-top: 1px solid white;
    margin-bottom: 1em;
}

#globalNavigation ul {  
  list-style-type : none;
  list-style-image: none;
  padding-left:0;
  margin-left:0;
}

#globalNavigation ul li {
  color: white;
  background-color: #333333;
  padding: 6px 0 6px 0;
  float: left;
}

#globalNavigation ul li a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0px;
  font-size: 1.2em;
}
/* hintergrund für default item */
#globalNavigation ul li a {
  background-color: #333333;
  padding: 6px 14px 6px 14px;
  border-right: 1px solid white;
}
/* die erste li machen wir links mehr abstand */
#globalNavigationContainer #globalNavigation ul li:first-child a {
  padding-left: 1.5em;
}

/* highlight item when active */
#globalNavigation ul li a.navLevel_on, #globalNavigation_ ul li a.txt_off_open_0 {
  background-color: #FF0000;
}
/* highlight top folder when its submenu is active */
#globalNavigation ul li a.txt_off_open_1 {
  background-color: #FF0000;
}
/* hide all submenus */
#globalNavigation ul li a.navLevel_2, 
#globalNavigation ul li a.txt_on_closed_1, 
#globalNavigation ul li a.txt_on_closed_2, 
#globalNavigation ul li a.navLevel_3 {
  display:none;
}
/* end global Navigation */


/* fic for IE */
tr.invisible {
  height:1px;
}

/* start: navigation stuff for the left column   */
#navigation  { 
        padding-top: 10px;
	font-size: 1.2em;
}
#navigation  table { 
        border-collapse:collapse;
	width:17.4em;
}
#navigation  td.first { 
	width:1.6em;
}
#navigation  td.second { 
	width:1em;
}
#navigation  td.third { 
	width:12.8em;
}

#navigation  td { 
	border-top: #CCCCCC solid 1px;
	border-bottom: #CCCCCC solid 1px;
}
#navigation  td.invisible { 
	border-top: none;
	border-bottom: none;
}

#navigation img.navigation_spacer {
        height: 9px;
}

/* used for link TEXT of the navigation link */
#navigation a {
        color:#000000;
	display:block;
	text-decoration: none;
	vertical-align : middle;
	margin : 0px;
	font-weight:normal;
}
#navigation a.txt_off_closed_0, #navigation a.txt_off_closed_1 {
	background-color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 3px 3px 0px;
}  
#navigation a.txt_off_closed_2 {
	background-color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_off_closed_3 {
	background-color:#FFFFFF;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_closed_0, #navigation a.txt_on_closed_1 {
        color:#ffffff;
	background-color:#FF0000;
	font-weight: bold;
	vertical-align : middle;
	padding: 3px 3px 3px 0px;
}  
#navigation a.txt_on_closed_2 {
        color:#ffffff;
	background-color:#FF0000;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_closed_3 {
        color:#ffffff;
	background-color:#FF0000;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_off_open_0, #navigation a.txt_off_open_1{
        color:#FF0000;
	background-color:#FFFFFF;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_off_open_2 {
	background-color:#FFFFFF;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_off_open_3 {
	background-color:#FFFFFF;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_open_0, #navigation a.txt_on_open_1 {
        color:#ffffff;
	background-color:#FF0000;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_open_2 {
        color:#ffffff;
	background-color:#FF0000;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_open_3 {
        color:#ffffff;
	background-color:#FF0000;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
} 


/* used for the the navigation links (Text und cell)  */
#navigation a.navLevel_0 {
}
#navigation td.navLevel_0 {
	background-color:#FFFFFF;
}
#navigation a.navLevel_1 {
}
#navigation td.navLevel_1 {
	background-color:#FFFFFF;
}  
#navigation a.navLevel_2  { 
  font-weight:normal;
}
#navigation td.navLevel_2 {
	background-color:#FFFFFF;
}   
#navigation a.navLevel_3  { 
}
#navigation td.navLevel_3 {
	background-color:#CEDAE7;
}  
#navigation a.navLevel_on  {
}
#navigation td.navLevel_on  {
	background-color:#FF0000;
}  

/* end: navigation stuff  */


/* tabelle der dokumente (1-spaltig, etc) */
table.ttw_view_kmuinfo_content {
    width:100%;
    font-size: 1.2em;
}
/* abstand ganz rechts */
table.ttw_view_kmuinfo_content td.spacer {
    width:10px;
}
table.ttw_view_kmuinfo_content td.doc1_main {
    width:auto;
}
table.ttw_view_kmuinfo_content td.doc1_main div.spalte1 {
    width:73%;
    float: left;
}
table.ttw_view_kmuinfo_content td.doc1_main div.zir {
    width:23%;
    float: right;
}

table.ttw_view_kmuinfo_content td.doc2_main {
    width: 48%;
}
table.ttw_view_kmuinfo_content td.doc3_main {
    width:29%;
}

/*  (2-spaltiges Dokument in einem 1-Spaltigen Dukument */
table.ttw_view_kmuinfo_content table.ttw_view_kmuinfo_content{
  font-size: 1em;
}
/* die tabelle nach ooben schieben, weil plone ein leeres p einfügt */
table.ttw_view_kmuinfo_content table.ttw_view_kmuinfo_content {
    position:relative;
    top:-9px;
}
table.ttw_view_kmuinfo_content td.doc1_main table.ttw_view_kmuinfo_content td.doc2_main {
  width:49%;
}


/* fuer die fenster mit parameter noheader=true*/
.print_row {
    background-image: url(content/images/layout/bg_grey.gif);
    padding: 1em;
}
#white {
    background-color: white;
    height: 100%;
}


/* diverse layout elemente  */
.box_with_border {
    border: 1px solid black;
    padding: 4px;    
    margin-left: 5%;
    margin-right: 5%;
}


/* layout elemente für zir */
.plakat_gray {
    border: 1px solid black;
    padding: 4px;
    background-color:lightgrey;
    color: black;
}
/* box mit schatten */
div.p-shadow {
  width: 96%;
  float:left;
  background: url(content/images/layout/shadowAlpha.png) no-repeat bottom right !important;
  background: url(content/images/layout/shadow.gif) no-repeat bottom right;
  margin: 0px 0 0 10px !important;
  margin: 0px 0 0 5px;
}

div.p-shadow div {
  background: none !important;
  background: url(content/images/layout/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  width: 100%;
}

div.p-shadow p {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 0 6px 6px -10px !important;
  margin: 0;
  min-width:98.2%;
}
/* damit die schatten-box auch in app-teil brauchbar ist */
#wizardView .block div.p-shadow p {
    margin: 1em;
    background-color: #D3D3D3;
    min-width: 97%;
    
    float: left;
    display: inline;
}
/* layout elemente für die zir */
.zirTitle {
    background:#CCCCCC none repeat scroll 0 0;
    border-top:1px solid #000000;
    display:block;
    margin: 5px 0 5px;
    padding:3px 5px 3px 10px;
}

.zirTitle p {
    color:#000000;
    padding:0;
    font-weight:bold;
}
.zirContent {
    display:block;
}
#abstract .zirTitle, #abstract .zirContent {
    font-size: 1.2em;
}

/* alle fliesstext und zir bilder verkleinern */
table.ttw_view_kmuinfo_content img.float_left,
table.ttw_view_kmuinfo_content img.float_right,
table.ttw_view_kmuinfo_content div.zir img,
#abstract img  {
    width:160px;
}

/* damit man einen fliesstext um dieses bild machen kann  */
.float_left {
    margin: 0 0.8em 0.3em 0;
    float: left;
}
/* damit man einen fliesstext um dieses bild machen kann  */
.float_right {
    margin: 0 0 0.3em 0.8em;
    float: right;
}

/* layout elemente für tabelle mit rahmen */
table.border {
   width: 100%;
   border-collapse: collapse;
}
table.border td {
  padding:3px;
}
table.border td.bordertop {
    border-top:1px solid black;
}
table.border td.borderbottom {
  border-bottom:1px solid black;
}
table.border td.borderleft {
  border-left:1px solid black;
}
table.border td.borderright {
  border-right:1px solid black;
}
table.border td.valigntop {
  vertical-align: top;
}
table.border td.valignmiddle {
  vertical-align: middle;
}
table.border td.valignbottom {
  vertical-align: bottom;
}

/* zebra table */
#zebra tbody tr.even td {
  background-color: #eee;
}
#zebra tbody tr.odd  td {
  background-color: #fff;
}
#zebra tbody div.warning  {
  background-color: #FFFFCC; 
  padding: 4px; 
  margin: 0 1% 2% 1%;
  border: 1px solid gray;
}
/* feriengruppe A313 */
#zebra tbody div.warning table tr td{
  background-color: #FFFFCC;    
  padding: 5px 0 0 0;    
}
/* navigation keliner machen */
div#portlet-navigation-tree {
   width: 200px;
}

/* Start: Stylen der Suchbegrifftabelle */
div.searchItems {
  max-height:306px; 
  overflow: auto;
  float: left;
  width: 98%;
}
#wizardView div.searchItems div.block {
    margin-top: 3px;
    background-color: #DEDEDE;
    margin-left: 25px;
    padding-bottom: 2px;
    width: 94%;
}
#wizardView div.searchItems div.checkbox input {
    margin-left: 2px;
    margin-top: 2px;
}
#wizardView div.searchItems div.checkbox label {
    margin-left: 10px;
    padding-left:15px;
    padding-top: 4px;
}
/* End: Stylen der Suchbegrifftabelle */