/* _______ Stylesheet for Silva 2.0 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.
** ** 
** 
** 
** 
**
** _______ To adjust, copy selectors from /globals/frontend.css _______
*/


body {
  font: 0.6em Verdana, Arial,  Helvetica, sans-serif;
  /* make an absolute path to the image to prevent duplicate caching */
  /*background-image: url(globals/skyfade.gif); */
  /*background-repeat: repeat-x;*/
  /*background-color: #dde5ee;*/
  color: #333333;
  margin: 0px 0px 0px 0px;
  padding:0px;
  text-align:left;
  background-image: url(bg_muster_grau.png);
 
}


/* _________________________________________________________ typography _____ */

h1, h2, h3, h4, h5 {
	color: #636788;
            color:#636788;     
	margin: 1.4em 0em 1.0em 0em;
	font-weight:bold;
	padding: 0;
	     font-family:Helvetica, Arial, sans-serif;
}

h1 {
	font-size : 140%;	
	}


h2.heading {
	font-size : 160%;
	
        margin:0px 0px 0px 0px;
	padding:20px 0px 20px 0px;
	color:#636788;
	/*background:#f0f3e9;*/
	border-bottom: 1px dotted #636788;
	}

h3 {
	font-size : 140%;
	line-height:1.5em;
	margin-top:2em;
  /*border-bottom:1px solid #636788;*/
	}

h4 {
	font-size : 120%;
	color : #636788;
            color:#636788;         
	margin-top:0em;
	}

h5 {
  	font-size : 105%;
  	    margin:0;
  	    padding:0;
  	
  	}

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

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

h6.heading {
	font-size : 100%;
	margin: 0.2em 0em 1.0em 0em;
	}

.subhead {
	font-weight : bold;  
	color: #339900;
	line-height : 1.6em;
	} 

p {
	margin : 1.0em 0em;
	text-align: left;
}

p.lead {
  font-weight : bold;
	color:#697379;
}

p.annotation {
  font-style : italic;
}

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

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.author {
  font-size : 90%;
  font-weight : bold;
  margin-bottom : 0;
}

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

a:link 		{text-decoration:none; color:#636788;}	
a:visited 	{text-decoration:none; color:#636788;}
a:active 	{text-decoration:none; color:#636788;}
a:hover 	{text-decoration:none; color:#636788;}

.image_link a:hover     {text-decoration:none; color:#636788; border-bottom:none}


img.default {
   border:None;
}

/* _________________________________________________ silva table styles _____ */

table.silvatable {
  empty-cells: show;
  border-collapse: collapse;
	margin-top: 1em;
  margin-bottom: 1em;
}
table.silvatable tr {
  vertical-align: top;	
} 
table.silvatable tr.rowheading {
  font-weight: bold;
} 
table.silvatable td {
  border-right: none ! important;
	color:#454545;
	      vertical-align: top;
} 
table.silvatable td strong{
  border-right: none ! important;
	color:#636788;
} 

table.silvatable h5 {
    margin:0;
    padding:0;
}

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.plain {
    clear:both;
  border-style: none;
} 
table.plain td {
  border-right: none ! important;
}
 
table.list td {
  border-bottom: 1px solid #eeeeee;
} 
table.list tr.rowheading td {
  border-bottom: 1px solid #eeeeee;
} 
  
table.grid td {
  border: 2px solid #444444;
  border-right: 2px solid #444444 ! important;
} 
  

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


/* __________________________________________________ silva list styles _____ */

/* override plone image bullets */
ul {
  list-style-image: none;
}

ul.disc {
  list-style-type : square;
  border:1px solid #eeeeee;
	background-color:#f6f6f6;
}

li {
	margin:0.5em 0 0.5em 0;
	}
  
ul.square {
  list-style-type : square ! important;
} 

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

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

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

dt {
  background : transparent;
}

dd {
  background : transparent;
  margin-left : 2.5em;
}


/* ____________________________________________________________ links _____ */


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



/* ______________________________________________ silva frontend layout _____ */



#body-header {
    /* background-image: url(bg_muster_blau_grau.png);*/
    width:100%;    
	}


#body-area {
    position:absolute;
    top:140px;
    left:40px;
	width:800px;
    min-height:520px;
	background-color:#fff;
    border:None;
	  text-align:left;
    margin:0px 0px 0px 0px;
    background-image: url(bg_body.png);	
		background-position:0px 0px;
		z-index:8;
	}

    
/* ---- Deco-Bilder 1. Zeile oben ------ */

#top_deco_links {
    position:fixed;
    /* */: float:left;
    top:0px;
    left:0px;
	width:40px;
    height:70px;    
    background-image: url(bg_muster_gruen_gruen.png);
    z-index:0;
    }	

#top_deco_mitte {
    position:absolute;
    /* */: float:left;
    top:0px;
    left:240px;
    height:70px;
    width:600px;
    margin:0px;
    padding:0px;
    /*background:#636788;*/
    z-index:0;
}

#top_deco_rechts {
    position:fixed;         
    top:0px;
    z-index:20;
    left:840px;
	width:100%;
    height:70px;    
    background-image: url(bg_muster_blau_grau.png);
    z-index:0;
    }	


/* -- Logo ----------------------*/    
#logo {
    position:absolute;
    /* */: float:left;
    top:0px;
    left:40px; /* nur fuer NS */
	margin:0px;
	padding:15px 0px 5px 0px;
	display : block;
	width : 200px;
    height: 100px;
    background-color:#FFF;
	text-align : center;
    z-index:10;
	}

#logo a:hover {
    border-bottom:None;
    }

    
/* -- Deco links ----------------------*/    
#deco {
    position:absolute;
    clear: left;
    top:140px;
    left:40px;
	margin:0px;
	padding:0px;
	display : block;
	width : 200px;
    height: 150px;
    /*
    background-color:#FFF;
    background-image: url(bg_muster_gruen_grau.png);
    background-position:0px 120px;
    */
    z-index:10;
	text-align : center;
	}
    
/* -- PROMO links ----------------------*/    
#promo {
    position:absolute;
    clear: left;
    top:0px;
    left:810px;
	margin:0px;
	padding:0px;
	display : block;
	width : 150px;
    height: 150px;
    z-index:0;
	text-align : center;
	}

/* -- SEARCH links ----------------------*/    
#search {
    position:absolute;
    clear: left;
    top:290px;
    left:40px; left:0px;
	margin:0px;
	padding:0px;
	display : block;
	width : 200px;
    height: 50px;
    z-index:0;
	text-align : center;
            border:1px solid red;
	}
    
    
/* -- TOPNAVI ----------------------*/
#topnavi  {
	z-index:9;
	position:absolute;
    top:70px;
    left:240px;
    height:25px;
    width:590px;
	color:#FFF;
	background-color:#939ea8;
	text-decoration:none;
	padding: 10px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:600;
			  	  background-image: url(bg_topnavi.png);
	}

#topnavi .aktiv {
	color:#fff; 
	background-color:#A5CF39;
	border-top:10px solid #A5CF39;
       border-bottom:10px solid #A5CF39;
	padding:0px 15px 0px 10px;
	margin:0px -5px 0px 0px;
			  	  background-image: url(bg_topnavi_hl.png);
	}
	
#topnavi a:link 	{text-decoration:none; color:#fff;padding:0px 15px 0px 10px;	margin:0px -5px 0px 0px;}	
#topnavi a:visited 	{text-decoration:none; color:#fff;padding:0px 15px 0px 10px;	margin:0px -5px 0px 0px;}
#topnavi a:active 	{text-decoration:none; color:#fff;padding:0px 15px 0px 10px;	margin:0px -5px 0px 0px;}
#topnavi a:hover 	{text-decoration:none; color:#FFF;padding:0px 15px 0px 10px;	margin:0px -5px 0px 0px;
                     border-top:10px solid #A5CF39;
                     border-bottom:10px solid #A5CF39;
                     background-color:#A5CF39;
                            background-image: url(bg_topnavi_hl.png);
      }
#topnavi .mail_icon {
	padding: 0px 10px 0px 100px;
	}
    
/* -- SUBNAVI ----------------------*/    
#subnavi {
	position:absolute;	
	 top:150px;
	 left:0px;
	color:#FFF;
	width:200px;
	text-decoration:none;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	font-weight:600;    
  background:#b1bcc6;
	}

#subnavi .subnavi_titel {
    margin:0px;
    padding:8px 10px 8px 20px;
    background-color:#A5CF39;
    color:#FFF;
    border:None;
                            background-image: url(bg_topnavi_hl.png);

    }
		
#subnavi .subnavi_1 .aktiv {
    margin:0px;
    padding:8px 0px 8px 10px;
		border:0px solid green;
    background:#9eb4c9;
    border-bottom:1px solid white;    	
		border-left:10px solid white;
}
#subnavi .subnavi_1 .inaktiv {
    margin:0px;
    padding:8px 0px 8px 10px;
    background:#b1bcc6;
		    border-bottom:1px solid white;    	
}
#subnavi .subnavi_1  .inaktiv a 	{
    text-decoration:none;
		margin-left:-10px;
		padding:8px 10px 8px 10px;
		}
#subnavi .subnavi_1  a:link 	  {text-decoration:none; color:#666;padding:8px 10px 8px 20px;}	
#subnavi .subnavi_1  a:visited 	{text-decoration:none; color:#666;padding:8px 10px 8px 20px;}
#subnavi .subnavi_1  a:active 	{text-decoration:none; color:#666;}
#subnavi .subnavi_1  a:hover 	  {
    text-decoration:none; 
		color:#fff;padding-right:0px;
		margin-left:-10px;
		padding-left:10px;
		padding-right:20px;
		border-left:10px solid white;
		}

		


		
#subnavi .subnavi_2 .aktiv {
    margin-left:20px;
    padding:8px 0px 8px 10px;
		border:0px solid green;
    background:#9eb4c9;
    border-bottom:1px solid white;    	
		border-left:10px solid white;
}
#subnavi .subnavi_2 .inaktiv {
    margin:0px;
    padding:8px 0px 8px 30px;
    background:#b1bcc6;
		    border-bottom:1px solid white;    	
}
#subnavi .subnavi_2  .inaktiv a 	{
    text-decoration:none;
		margin-left:0px;
		padding:8px 10px 8px 20px;
		}
#subnavi .subnavi_2  a:link 	  {text-decoration:none; color:#666;padding:8px 10px 8px 20px;}	
#subnavi .subnavi_2  a:visited 	{text-decoration:none; color:#666;padding:8px 10px 8px 20px;}
#subnavi .subnavi_2  a:active 	{text-decoration:none; color:#666;}
#subnavi .subnavi_2  a:hover 	  {
    text-decoration:none; 
		color:#fff;padding-right:0px;
		border-left:10px solid #ddd;
		}

		
#servicenavi {
    position:absolute;
    top:70px;
    left:40px;
    width:165px;    
    height:50px;
    background:#DDD;
    padding:7px 0 13px 35px;
    line-height:1.8em;
    background:#A5CF39;
    z-index:100;
    color:#fff
    font-weight:bold;
    }
    
#servicenavi a {color:#fff;font-weight:bold;}    
    

#flashdeco {
    position:absolute;
    top:0px;
    left:840px;
}


/* --- breadcrump ------------ */
#breadcrumb {
	position:absolute;
    z-index:20;
    top:103px;
    left:40px;
    width:590px;
    height:30px;
	/*background-color:#A5CF39;*/
    background:#DDD;
	margin:0px 0px 0px 200px;
	padding: 3px 0px 4px 10px;
	text-align:left;
	}
#breadcrumb a {	color:#666;border-bottom:None;}  
#breadcrumb a:hover {;border-bottom:1px solid;}  

/* defines the width of the text in the preview/public layout */
/* duplicated from silva.css */


#public {
	text-align:left;
	line-height:1.5em;
	margin-left: 200px;
    margin-bottom:50px;
	padding: 0px 20px 10px 20px;
	background-color:#fff;
    border:none;

	}


#public a:link 		{color: #636788; text-decoration: underline;}
#public a:visited 	{color: #636788; text-decoration: underline;}
#public a:active 	{color: #636788; text-decoration: underline;}
#public a:hover 	{color: #636788; text-decoration: underline;}



#fuss {
    clear:both;
    position:absolute;
    bottom:0px;
	text-align:center;	
	width:600px;
	height:30px;
	color:#666;
	margin-left:200px;
    margin-top:10px;
	padding:10px 0px 10px 0px;
	font-size:95%;
	background:#f0f3e9;
	}

#print_diclaimer {display:none;}


#debug {
    position:fixed;
    bottom:0px;
    right:0px;
    background:red;
}


#news_portlet {
    border-left:1px dashed #CCC;
    width:160px;
    margin:20px 0px 0px 10px;
    padding:0px 0px 0px 0px;
    float:right;
}
#news_portlet h2 {
    margin:0px;
    padding:6px;
    line-height:1em;
    font-size:10pt;
    	color : #636788;
	background:#f0f3e9;

}

.news_item {
    margin: 0px 0px 0px 4px;
    padding:4px;
}

.news_item h3{
    padding:10px 0px 5px 0px;
    margin:0px;
        line-height:1.3em;
        font-size:9pt;
}



table.datagrid {
  border-style: none;
  width:370px;
  margin-right:10px;
  float:left;
} 

table.datagrid td {
  border: None;
  border-bottom:1px solid #CCC;
  padding:10px 0px 5px 0px;
} 
table.datagrid tr.rowheading td {
  border-top-style: none;
  border-left-style: none;
  border-right-style: none ! important;  
} 


/* end cascade */

** 


