/* 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.4em;
}
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;
}
table.popular_functions td a.button {
  text-align:center;
}

table.popular_functions td a.button div {
  background-color:#104E8B;
  border:1px solid black;
  padding: 0.2em 0.4em 0.2em 0.4em;
  text-align:center;
  font-size: 1.2em;
  color:#FFFFFF;
  text-decoration:none;
}


/* 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-block;
    padding-right:15px;
   }

/* Alle internen Links nachbearbeiten */
  #cms_content a[href^="http://zope.glue.ch"],
  #content a[href^="http://david.suis.glue.ch"],
  #content a[href^="http://sasha.suis.glue.ch"],
  #content a[href^="http://urs.suis.glue.ch"],
  #content a[href^="http://igor.suis.glue.ch"],
  #content a[href^="http://thierry.suis.glue.ch"],
  #content a[href^="http://www.entsendung.ch"],
  #content a[href^="http://test.e-service.admin.ch"],
  #cms_content a[href^="http://david.suis.glue.ch"],
  #cms_content a[href^="http://sasha.suis.glue.ch"],
  #cms_content a[href^="http://urs.suis.glue.ch"],
  #cms_content a[href^="http://igor.suis.glue.ch"],
  #cms_content a[href^="http://thierry.suis.glue.ch"],
  #cms_content a[href^="http://www.entsendung.ch"],
  #cms_content a[href^="http://test.e-service.admin.ch"],
  #abstract a[href^="http://david.suis.glue.ch"],
  #abstract a[href^="http://sasha.suis.glue.ch"],
  #abstract a[href^="http://urs.suis.glue.ch"],
  #abstract a[href^="http://igor.suis.glue.ch"],
  #abstract a[href^="http://thierry.suis.glue.ch"],
  #abstract a[href^="http://www.entsendung.ch"],
  #abstract a[href^="http://test.e-service.admin.ch"]
  {
    padding-right: 0;
    background: transparent;
  }
  
/* datepicker links nachbearbeiten, weil man sonst die background-images nicht mehr sieht (im ie7 und ie6)*/
#content .yui-skin-sam .yui-calcontainer .title {
    background: url(../app/resources/org.apache.wicket.extensions.yui.YuiLib/assets/skins/sam/sprite.png) repeat-x 0 0;
}
#content .yui-skin-sam .yui-calcontainer .calclose {
    background: url(../app/resources/org.apache.wicket.extensions.yui.YuiLib/assets/skins/sam/sprite.png) no-repeat 0 -300px;
}
#content .yui-skin-sam .yui-calendar .calnavleft {
    background: url(../app/resources/org.apache.wicket.extensions.yui.YuiLib/assets/skins/sam/sprite.png) no-repeat 0 -450px;
}
#content .yui-skin-sam .yui-calendar .calnavright {
    background: url(../app/resources/org.apache.wicket.extensions.yui.YuiLib/assets/skins/sam/sprite.png) no-repeat 0 -500px;
}
#content .yui-skin-sam .yui-calendar a.calnav:hover {
    background: url(../app/resources/org.apache.wicket.extensions.yui.YuiLib/assets/skins/sam/sprite.png) repeat-x 0 0;
}
#content .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn {
    background: url(../app/resources/org.apache.wicket.extensions.yui.YuiLib/assets/skins/sam/sprite.png) repeat-x 0 0;
}
#content .yui-skin-sam .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default {
    background: url(../app/resources/org.apache.wicket.extensions.yui.YuiLib/assets/skins/sam/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 * {
    margin_: 0;
    border_: 0;
}

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% 0;

    font-size: 62.5%;
}
h1 {
    background-color:transparent;
    border-bottom:1px solid #8CACBB;
    color:Black;
}
h2 {
    font-size:100%;
    margin:0 0 9px;
    padding:0;
}

a:link {
	text-decoration: underline;
	color:#336699;
} 
a:active {
	text-decoration: underline;
	color:#336699;
} 
a:visited {
	text-decoration: underline;
	color:#336699;
} 
a:hover {
	text-decoration: underline;
	color:#336699;
}
/* this is the only width in em */
#wrapper {
    width: 100em;

    background: #FFFFFF;

    margin: 0 auto;
    padding_: 0;

    min-height: 100%;
    height: auto !important;
    height: 100%;

    border-left: #cbc9b9 solid 1px;
    border-right: #cbc9b9 solid 1px;
}
/* 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: 23%;
    float: left;
    display: inline;
    
    min-height_: 100%;
    height_: auto !important;
    height_: 100%;
    
    border-right_: #cbc9b9 dotted  1px;
}

/* content and abstract */
#container {
    width: 77%;
    float: right;
    display: inline;
    
    min-height: 100%;
    height_: auto !important;
    height: 100%;
}

/* the main content area layout */
#content {
    width: 62%;
    margin: 0 auto;
    padding: 0;

    float: left;
    display: inline;
}

/* the main cms content area layout */
#cms_content {
    width: 77%;
    margin: 0 auto;
    padding: 0;

    float: right;
    display: inline;
}


#abstract {
    width: 37%;
    padding: 0;
    margin: 0 auto;

    float: right;
    display: inline;
   
    min-height_: 100%;
    height_: auto !important;
    height_: 100%;
    
    border-left_: #cbc9b9 dotted 1px;
}

#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: 74px;
    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: 74px;
    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: 5px;
    margin-top: 0px;
    font-size: 11px;
    text-align: right;

    font-weight: bold;
    color: #000000;
}

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

#banner .bannerright .ejpdchlink {
    padding-top: 5px;
    padding-right: 5px;
    font-size: 11px;
    text-align: right;
}

#banner .bannerright .ejpdchlink a:link, .bannerright .ejpdchlink a:visited, .bannerright .ejpdchlink a:active {
    color: #FFFFFF;
    text-decoration: none;
}

#banner .bannerright .ejpdchlink a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#banner .bannerright .ejpdchlink .act {
    font-weight: bold;
}

#banner .bannerright .bannertitel {
    margin: 0 auto;
    padding-right: 5px;
    padding-top: 6px;

    text-align: right;

    font-size: 17px;
    font-weight: bold;
    font-style: italic;

    color: #FFFFFF;
}

/* the horizontal menu */
#horizontalMenu {
    width: 100%;
    font-size: 1.3em;

    background-color: #CCCCCC;

    color: #000000;
    text-align: left;

    float: left;
    display: inline;

    clear: both;
    vertical-align : middle;
}

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

    margin: 0 5px 0 1em;
    padding: 2px;
}

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

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


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

#horizontalMenu p img.increaseFont, p img.decreaseFont  {
    border: 1px dotted;
    padding: 1px;
    margin-left:5px;
    cursor: pointer;
    cursor: hand;
}
/* END:banner und grauer balken  */


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

#navigation  td { 
	border-top: #999999 solid 1px;
	border-bottom: #999999 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 0px 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:#006699;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_closed_2 {
        color:#ffffff;
	background-color:#006699;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_closed_3 {
        color:#ffffff;
	background-color:#006699;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_off_open_0, #navigation a.txt_off_open_1{
        color:#006699;
	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:#006699;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_open_2 {
        color:#ffffff;
	background-color:#006699;
	font-weight:bold;
	vertical-align : middle;
	padding: 3px 0px 3px 0px;
}  
#navigation a.txt_on_open_3 {
        color:#ffffff;
	background-color:#006699;
	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  { 
}
#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:#006699;
}  

/* end: navigation stuff  */


/* tabelle der dokumente (1-spaltig, etc) */
table.ttw_view_kmuinfo_content {
    width:100%;
    font-size: 1.2em;
}

/* tabelle der dokumente (1-spaltig, etc) */
table.ttw_view_kmuinfo_content li {
    font-size_: 1em;
}


table.ttw_view_kmuinfo_content td.spacer {
    width:3%;
}
table.ttw_view_kmuinfo_content td.doc1_main {
    width:100%;
}
table.ttw_view_kmuinfo_content td.doc1_main div.spalte1 {
    width:64%;
    float: left;
}
table.ttw_view_kmuinfo_content td.doc1_main div.zir {
    width:33%;
    float: right;
}

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

/* 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: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  padding-top_:6px;
}

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;
  font-size_: 1.2em;
 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:11px 0 5px;
    padding:3px 5px 3px 10px;
    font-size_: 1.2em;
}

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


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