/* _________ Stylesheet for Silva 1.0rc3 frontend _______________ */
/* _________ Silva users can insert their own frontend styles _________ */
/* _________ Styles modified here will affect the Silva preview  ______ */
/*
**  Instructions to set caching headers. Inside comments area to play nicer with CSS editors.
** ** 
** 
** 
** 
*/
body {
    margin:0px;
    padding:0px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 70%;
    color:#333;
    background-color:white;
  background:url(http://www.justusbuendnis.de/body_bg.gif) repeat-y top left;
    }
#mbody {
    width:770px;
    margin:0px 10px 10px 10px;
}
#header {
    margin:0;
    padding:10px 0px 0px 0px;
    /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
    height:96px; /* 14px + 17px + 2px = 33px */
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity.
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it.
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style
declaration. The incorrect IE5/Win value is above, while the correct value is
below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family:inherit;
    height:96px; /* the correct height */
  background:#fff;
    }
#mbody>#header {height:96px;}
#breadcrumbs {
/*    font-family:Tahoma, Arial, Helvetica, sans-serif;*/
    font-size:1em;
    font-weight:normal;
    color:#5582BE;
    margin:0;
  padding:2px 0px 2px 0px;
  background:#fff;
}
#mbody>#breadcrumbs {
    padding-bottom:3px;
}
#breadcrumbs a {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em; 
    font-weight: normal;
    color: #5582BE;
    text-decoration: none;
}
#breadcrumbs a:link {
}
#breadcrumbs a:visited {
}
#breadcrumbs a:hover {
    color:#333;
    text-decoration: underline;
}
#container {
    border-top: 1px dashed #5582BE;
/*    background: url(http://www.justusbuendnis.de/content_bg.jpg) repeat-y left;*/
  clear:both;
}
#content {
    margin:0px 50px 50px 200px;
    padding:10px;
    }
/*
#content>p {margin:0px;} 
#content>p+p {text-indent:30px;}
*/
#content a {
    font-family: arial, helvetica, sans-serif;
    font-size: 1em; 
    font-weight: bold;
    color: #5582BE;
    text-decoration: none;
    display: inline;
}
#content a:link {
}
#content a:visited {
}
#content a:hover {
    color:#333;
    text-decoration: underline;
}
#menu {
    position:absolute;
    top:145px;
    left:10px;
    width:160px;
/*    padding:10px;*/
/*    background-color:#eee;*/
    line-height:17px;
/* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
    voice-family:inherit;
    width:160px;
    }
/* Again, "be nice to Opera 5". */
#container>#menu {width:160px;}
#menu dl {
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
#menu dt {
    font-weight: bold;
    font-size: 1.2em;       
    margin-top:10px;
}
/* Again, "be nice to Opera 5". */
#container>#menu dt {
    font-size: 1.2em;
    margin-top:10px;
}
#menu dd {
    padding:0px;
    margin-left:18px;
}
#container>#menu dd {
    margin-left:15px;
}
#menu ul {
    margin:0px;
    padding:0px;
    text-align: left;
}
    
#menu ul li {
    list-style: url(http://www.justusbuendnis.de/listmark.gif) none outside;
    margin:0px;
    padding:0px;
    line-height:1.5em;
    font-size:1.2em;    
}
#container>#menu ul li    {
    font-size: 1.2em; 
}
#menu ul.subnav {
    margin-left:10px;
}
#menu ul li ul li {
    list-style: url(http://www.justusbuendnis.de/listmark.gif) none outside;
    margin:0px;
    padding:0px;
    line-height:1em;
    font-size:1em;    
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size:1em;
}
/* Again, "be nice to Opera 5". */
#container>#menu ul li ul li {
    font-size:1em; 
}
#menu ul.homelink {
    margin-left: 38px;
}
#container>#menu ul.homelink {
    margin-left: 35px;
}
#menu a {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em; 
    font-weight: normal;
    color: #5582BE;
    text-decoration: none;
}
#menu a:link {
}
#menu a:visited {
}
#menu a:hover {
    color:#333;
    text-decoration: underline;
}
#menu a.active {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em; 
    font-weight: normal;
    color: #006666;
    text-decoration: none;
    line-height: 1.5em;
}
#footer {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #5582BE;
    text-align: center;
    line-height: 1.5em;
    height: 20px;
  clear:both;
}
#footer a {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em; 
    font-weight: normal;
    color: #5582BE;
    text-decoration: none;
    line-height: 1.5em;
}
#footer a:link {
}
#footer a:visited {
}
#footer a:hover {
  color:#333;
    text-decoration: underline;
}
#pagetop {
    position:absolute; 
    float:right; 
    left:782px; 
    margin:0px; 
    padding:0px; 
    visibility:visible; 
    background: #5582BE;
}
/* _________________________________________________________ typography _____ */

h1, h2, h3, h4, h5, h6 {
  margin: 1.5em 0 0.5em 0;
}

h1 {
    margin:0px 0px 15px 0px;
    padding:0px;
    font-size:1.8em;
    line-height:28px;
    font-weight:900;
    color:#ccc;
}

h2 {
    margin: 20px 0px 35px 0px;
    font-size: 1.6em;
    font-weight: bold;
    color: #008484;
    border-bottom: 1px solid #5582BE;
    padding: 0px 0px 5px 20px;
    background: url(http://www.justusbuendnis.de/h2.gif) no-repeat;
}

h3 {
    margin: 20px 0px 10px 0px;
    font-size: 1.4em;
    font-weight: 900;
    color: #5582BE;
/*    border-bottom: 1px solid #5582BE; */
    padding: 0px 0px 0px 20px;
    background: url(http://www.justusbuendnis.de/h3.gif) no-repeat;
}

h4 {
  font-size : 120%;
}

h5 {
  font-size : 105%;
}

h6 {
  font-size : 100%;
  color : #676767;
}

h6.minor {
  font-size : 90%;
  font-weight : normal;
  color : #454545;
}

.subhead {
  font-weight : bold;  
  font-family : verdana, arial, helvetica, sans-serif;
  color: #333767;
  line-height : 1.6em;
} 

p {
    font:1.2em arial, helvetica, sans-serif;
    margin:0px 0px 16px 0px;
    padding:0px;
    text-align: justify;
    line-height: 1.5em;
}

pre {
  font-size: 1.2em;
  color: #444466;
  background: transparent;
  padding: 0;
  border: none;
}


/* ____________________________________________ silva specific styles _____ */

p.lead {
    font-weight: bold;
}

p.annotation {
  font-style : italic;
}

div.citation {
  font-size : 110%;
  color : #426061;
  background : #F4F3DB;
  margin : 1em 3em;
  padding : 0.4em 2em 1.2em 2em;
  border : 1px solid #426061;
}

div.citation p {
  margin : 0.5em 0em;
}

div.citation p.author {
  font-size : 90%;
  font-weight : bold;
  margin-bottom : 0;
}

div.citation p.source {
  font-size : 90%;
  margin-top: 0;
  margin-bottom : 0;
}

div.img-annotation {
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 10px;
}


/* ______________________________________________________ align/float _____ */

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

.image-center {
  text-align: center;
}

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

.float-left {
  float: left;
  margin-right: 1em;
  clear: none;
}

.float-right {
  float: right;
  margin-left: 1em;
  clear: none;
}


/* __________________________________________________ silva list styles _____ */

#content ul {
  margin : 1em 0em;
  /* override default indent */
  padding-left: 1.8em; 
  font:1.2em arial, helvetica, sans-serif;
}
#content li ul {
  margin : 1em 0em;
  /* override default indent */
  padding-left: 1.8em; 
  font:1em arial, helvetica, sans-serif;
}

#content li {
  line-height:1.5em;
}

ul.disc {
  list-style-type : disc;
}
  
ul.square {
  list-style-type : square ! important;
} 

ul.circle {
  list-style-type : circle;
} 

ul.nobullet {    
  list-style-type: none;   
}

#content ol {
  margin : 1em 0em;
  /* override default indent */
  padding-left: 2.2em;
  font:1.2em arial, helvetica, sans-serif;
}
#content li ol {
  margin : 1em 0em;
  /* override default indent */
  padding-left: 2.2em;
  font:1em arial, helvetica, sans-serif;
}

ol.decimal {
  list-style-type : decimal;
} 

ol.upper-roman {
  list-style-type : upper-roman;
}

ol.lower-roman {
  list-style-type : lower-roman;
}

ol.upper-alpha {
  list-style-type : upper-alpha;
}

ol.lower-alpha {
  list-style-type : lower-alpha;
}

#content dt {
    font:1.2em arial, helvetica, sans-serif;
    font-weight: bold;
    margin:0 0 0.7em 0;
    padding:0px;
    text-align: left;
    line-height: 1.5em;
}

#content dd {
    font:1.2em arial, helvetica, sans-serif;
    font-weight: normal;
    margin:0 0 1.2em 1.7em;
    padding:0px;
    text-align: justify;
    line-height: 1.5em;
}



/* _________________________________________________ silva table styles _____ */

#content table tr td.align-left {
  font-size: 0.7em;
  vertical-align: top;
}
#content table.formtable tr td.align-left {
  font-size: 0.8em;
  vertical-align: top;
}
table.silvatable {
  empty-cells: show;
  border-collapse: collapse;
  margin-bottom: 1em;
}
table.silvatable tr {
  vertical-align: top;
} 
table.silvatable tr.rowheading {
  font-weight: bold;
} 
table.silvatable td {
  border-right: none ! important;
} 
table.silvatable th.align-left, table.silvatable td.align-left {
  text-align: left;
}
table.silvatable th.align-center, table.silvatable td.align-center {
  text-align: center;
}
table.silvatable th.align-right, table.silvatable td.align-right {
  text-align: right;
}

table.datagrid, table.plain, table.list, table.grid table.formtable{
  width: 500px;
}

table.plain {
  border-style: none;
} 
table.plain td {
  border-right: none ! important;
}
 
table.list td {
  border-bottom: 1px solid #444444;
} 

table.list tr.rowheading td, table.list thead th {
  border-bottom: 2px solid #444444;
} 
  
table.grid td, table.grid thead th {
  border: 2px solid #444444;
  border-right: 2px solid #444444 ! important;
} 
  
table.datagrid td {
  border: 2px solid #B6B6B6;
  border-right: 2px solid #B6B6B6 ! important;
} 
table.datagrid tr.rowheading td {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none ! important;
  font-size: 1em;
  font-weight: 900;
  color: #5582BE;
  padding: 0px 0px 5px 20px;
  background: url(http://www.justusbuendnis.de/h3.gif) no-repeat; 
} 

table.simple {
  border-style: none;
}

table.simple thead th {
  font-weight: normal;
}

td.even table td {
  border-right: none ! important;
}


/*___________________________________________ various table layouts _____ */ 

table.black_border td,
table.black1 td,
table.red td, 
table.green td {
  padding: 0 5px;
}

table.black_border { 
  border: 1px solid black;
}

table.black_border td { 
  border: 1px solid black;
}

table.black_border tr.odd td { 
  background-color: #c1c1c1; 
}

table.black1 tbody { 
  border-right: 1px solid black; 
}

table.black1 td {
  border: 1px solid black;
}

table.red { 
  border: 1px solid darkred;
}

table.red td {
  border: 1px solid darkred;
}

table.red tr.odd td {
  background-color: #d0bbbb;
}

table.green {
  border: 1px solid darkgreen;
}

table.green td {
  border: 1px solid darkgreen;
}

table.green tr.odd td {
  background-color: #b3c99c;
}

/* definitions for batching */
div.listingBar {
  width: 60em;
  margin: 2em 0;
}

div.listingBar .next {
  margin-left: 5em;
} 

div.listingBar .previous {
  margin-right: 5em;
}


/* ______________________________________________ silva frontend layout _____ */

div.header {
  margin : 2em 2.1em 0 0;  
}

div.header a.icon {
  float : left;
  display : block;
  width : 7em;
  text-align : center;
}

/* defines the width of the text in the preview/public layout */
/* duplicated from silva.css */
.public {
  margin-left : 7em;
  padding-top : 2.3em;
  max-width : 44em;
  /* for IE5 */
  width : 512px;
}

/* this selector works only for standards compatible browsers like mozilla */
/* IE ignores this definition below */
body>div.public {
  width : 44em;
}


/* ____________________________________________________________ links _____ */

span.breadcrumb a {
  text-decoration : none;
}  
span.breadcrumb a:hover {
  text-decoration : underline;
}  

/* highlighting index links */
/* keep this if you markup text with index elements, this overrides the highlighting in the editor */
a.index-element {
  background-color : transparent;
  text-decoration : none;
}

a img {
  border: 0;
}

.store {
  width: 350px;
}
.warning {
  color: #cc0000;
}
#success {
  font-size: 1em;
  color: #009900;
}
#error {
  font-size: 1em;
}
ul.tips {
  margin-top: -10px;
}
li.error {
  font-size: 1em;
  color: #cc0000;
  margin: -10px 0px 10px -23px;
  list-style-type: none;
}
#error>li.error {
  font-size: 1em;
  color: #cc0000;
  margin: -10px 0px 10px -20px;
  list-style-type: none;
}
table.formtable {
  background-color: #F4F8FD;
  width: 500px;
  padding: 5px;
}

/* end cascade */