/*  <![CDATA[  */


/**
 * Globales Stylesheet f&uuml;r www.haus-bethlehem.de
 * Projekt:     Diakonissenhaus Bethlehem, Karlsruhe
 * Version:     1
 * cms:         conpresso 4.7
 * @author:     Gerhard Ruediger
 * @copyright:	 Gerhard Ruediger   
 * @date:       April 2007

 
 * 1. GRUNDKONFIGURATION
 * 2. LAYOUT CONTAINER
 * 3. SPEZIELLE TEXTFORMATIERUNG
 * 4. &Uuml;BERSCHRIFTEN
 * 5. FORMATIERUNG LINKS
 * 6. TABELLEN
 * 7. BILDER-FORMATIERUNG
 * 8. FOTOALBUM
 **/





/********************************************************************/
/* ## GRUNDKONFIGURATION ## */
/********************************************************************/


*, html{
 margin:0px; padding:0px;
}


body{
   font-size:100.1%;
   font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	 	color:#8E765E; background-color: white;
   margin:0; padding:0;
}


/** LAYOUT CONTAINER **/

/* aussenrahmen zur steuerung minimal-groesse */
#rahmen1{
 min-width:900px;
 width:expression((body.offsetWidth<925)?'900px':'auto');
 }

/* innenrahmen fuer layout-abstaende */
#rahmen2{
 padding:0 2em 0 2em; 
 margin-left:auto;
 margin-right:auto;
}

.logo{
 float:left; width:20%; 
 height:150px;
 margin: 20px 0 20px 0; padding:0; 
 text-align:center;
 background-image:url(../_images/logo150.png);
 background-repeat:no-repeat;
 background-position:bottom center;
}



.bilderzeile{
 float:right; width:76%;
 height:104px;
 text-align:center;
 margin:20px 0 0 0; padding:0;
 overflow:hidden;
}
.bilderzeile img{
 margin:0 7px 0 7px; padding:1px;
 border:solid 1px #8E765E;
 vertical-align:top;
 }
.headerzeile{
 float:right; width:76%;
 text-align:center;
 margin:15px 0 10px; padding:0;
 font-size:1.6em; color:#8E765E;
 }
 
 
#navigation{
 float:left; width:20%;
 margin:13px 0 20px 0; padding:0;
 font-size:0.8em; line-height: 1.1em;
/* border-top: solid 1px #8E765E;*/
}

.textbereich{
 float:right; width:76%;
 margin:15px 0 15px 0; padding:0px;
 font-size:0.9em;
 line-height:1.3em;
}

#fusszeile{
 height:50px; 
 background-image:url(../_images/bkgr_footer-beige.jpg);
 background-position:bottom;
 background-repeat:repeat-x;
 margin:0; padding:0 2em 0 2em;
 font-size:0.65em;
 text-align:center;
 vertical-align:bottom;
}



.clear{
 clear:both;
}
.clear-re{
 clear:right;
}
.clear-li{
 clear:left;
}





/********************************************************************/
/* ## SPEZIELLE TEXTFORMATIERUNG ## */
/********************************************************************/

p{
 margin:0 0 5px 0;
}

.textbereich p{
 margin:0 0 0.5em 0;
}

.presse {
 font-family:Garamond, "MS Serif", "Times New Roman", Times, Palatino, serif;
 font-size:0.9em;}
 
 
 .small06, .small07, small08{
 line-height:normal;
 }
  .small06{
  font-size:0.6em;
 }
 .small07, .textsmall{
  font-size:0.7em; 
 }
 .small08{
  font-size:0.8em; 
 }

 
.text-re{
 text-align:right;
}
.text-center{
 text-align:center;
}
.text-block{
 text-align:justify;
}



/* ol,  ul{
 margin:10px 0 0 15px; padding:0;
 list-style-position:inside;
 list-style-type:square;
 line-height:1.2em;
}

 ol ol,  ul ul{
 list-style-type:circle;
 margin:0 0 0 15px; padding:0;
 }

 ol ol ol,  ul ul ul{
  list-style-type:disc;
   margin:0 0 0 15px; padding:0;
 }*/
 
 
 
/* p+ul, p+ol{
 margin-top:-5px;
}*/

ul, ol,
ul ul, ol ol,
ul ul ul, ol ol ol{
  list-style-position:outside;
}

ul{
 list-style:square;
 margin-left:15px;
}
ul ul{
 list-style:disc;
}
ul ul ul{
 list-style:circle;
}

ol{
 list-style:decimal;
 margin-left:30px;
}
ol ol{
 list-style:lower-alpha;
}
ol ol ol{
 list-style:lower-roman;
}
 
 
 li{
  margin:0 0 5px 0;
  line-height:1.3em;
 }

 li li, li li li{
 margin: 5px 0 0 0;
 line-height:inherit;
 }
 
 
 
 blockquote{
 	margin: 0 30px 0 30px;
 }
 
 
 
 .textrahmen, .box_grau
	{
 border: 3px #F2F2F2 solid;
	padding: 3px; margin:0 0 5px 0; 
	line-height: normal;
  font-size:0.9em;
 float:left; width:98.5%;  /*um floatende grafiken im textrahmen zu halten*/
}



.trennlinie{
	clear:both;
 height: 1px;  width:90%;
	padding:20px; margin:0 auto;
	font-size: 0px;
 border-bottom:solid 1px #A48C75;
 text-align:center;
}
.trennlinie-transparent{
	height: 0px; width: 100%;
	background-color: transparent;
   font-size:0px;
}

.abschlusslinie{
	clear:both;
 height: 1px; 
	margin: 20px auto 20px auto; padding:0;
	font-size: 0px;
 border-bottom:solid 1px #A48C75;
}





abbr[title], acronym[title], span[title]
 {
  border-bottom: 1px dotted #ddecff;
  font-variant: normal;
  text-transform: none;
}







/********************************************************************/
/* ## &Uuml;BERSCHRIFTEN ## */
/********************************************************************/

h1.kapitel{
	font-size: 1.4em;
   font-variant: small-caps;
	letter-spacing: 0.2em;
	margin-top:20px;

}

h1{
   font-size:1.3em; font-weight: normal;
	color:#8E765E; background-color: transparent;
   margin:0 0 20px 0;
   border-bottom:solid 1px #8E765E;
}

h2, h3, h4, h5, h6{
font-weight:bold; 
color:#8E765E;
margin:15px 0 5px 0;
}

h2{
   font-size:1.2em;
   margin-top:0;
}
/*
h1+h2{
	margin-top:-0.4em;
}*/

/*p+h3{
 margin-top:10px;
}*/

h3{
   font-size:1.1em;
}

h4{
   font-size:1em;
   font-weight:bold;
}

h5{
   font-family:inherit;
   font-size:1em;
   font-weight:bold;
   text-decoration:underline;
}

h6{
   font-size : 0.9em;
   font-weight : bold;
}





/********************************************************************/
/* ## FORMATIERUNG LINKS ## */
/********************************************************************/

/* beginn navigation */

#navigation  a{  
 display:block; 
 padding:0 3px 3px 0; text-decoration:none;}
#navigation a:link 
{  color:#DB8F00; background-color: transparent;}
#navigation a:visited
{  color:#DB8F00; background-color: transparent;}
#navigation a:hover
{ color:#DB8F00; background-color: #ffe5b2; }

 
/* korrigiert die cpo-class "active" */
#navigation .active{  
 font-weight:bold;
 }

#navigation li .active,
#navigation li li .active,
#navigation li li li .active
{  
 color:#DB8F00; 
}
/* korrektur ende */




#navigation ul{
   margin:0; padding:0;
   list-style-type:none; 
   line-height:1em;
	text-align: right;
}

#navigation li 
{   
 border-bottom:solid 1px #8E765E;
 margin:6px 0 0 0; padding:0;
 font-weight:bold; 
}

#navigation li li
{
 padding:3px 10px 0 3px; margin:0;
 border-bottom:none;
 font-size: 0.9em;
 font-weight:normal;
}

#navigation li li li
{
 padding:3px 10px 3px 0 ; margin:0;
 border-bottom:none;
 font-size: 1em;
 font-weight:normal;
 }

/* ende navigation */



/* beginn allgemeine Text-Links */
.margin-re a, .margin-re a:link,
.textbereich a, .textbereich a:link,
#fusszeile a, #fusszeile a:link
{ text-decoration:none;  font-weight:bold;
color: #DB8F00; background-color: transparent; }

.margin-re a:visited, 
.textbereich a:visited,
#fusszeile a:visited
{ color:#e69600; background-color: transparent; }

.margin-re a:hover, 
.textbereich a:hover,
#fusszeile a:hover
{  color:#DB8F00; background-color: #ffe5b2; }

.margin-re a:active, 
.textbereich a:active,
#fusszeile a:active
{  color:#bf7d00; background-color: #ffe5b2; }
/* ende allgemeine Text-Links */





/* beginn sub-links */

.sub-links {
 color:#0033CC; background-color: #ecddff;
 border-top:solid 1px #63FF94;
 border-bottom:solid 1px #63FF94;
 margin:5px 0 0 0; padding:2px;
 font-size:0.75em;  font-weight:bold;
 line-height:normal;
 display:block;
}

.sub-links a,
.sub-links a:link,
.sub-links a:visited {
 border-left: 8px solid #feff5e;
 padding-left:2px; 
 }

.sub-links a:hover {
 color:#0033CC; background-color: #ffe5b2;
 display:block;
 }

/* ende sub-links */



/* beginn links fuer die cpo-funktion 
"Gefunden:  | Ergebnisse: « vorherige Seite [  ] nächste Seite »
in _include/function.php */
.active, .passive, .pager, .archive, .more{
		text-decoration: none; font-weight: bold; 
		}

			
.passive  
      { 
		color: Gray; background-color: white;
      }
/* ende links fuer die cpo-funktion "Gefunden:" */





/*Link fuer cpo-Archive-Funktion*/
.archive, .pager    {
   clear:both;
   margin: 30px auto 30px auto;
   width:70%;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      border-top-style: solid;
      border-top-width: 1px;
		border-color: black;
	 padding: 3px 30px 3px 30px;
		line-height: normal;
  font-size:0.75em;
	 text-align: center;
   }
.pager a:hover{
		background-color: #F4C19B; color:#ffe5b2;
		}    
/* ende links fuer die cpo-funktion  */



/* beginn links fuer template-funktionen */

.weiter   
	{
 clear:both;
 font-size:0.75em;
	text-align: right;
	margin:0 0 20px 0; padding:0 2px 0 2px;
 border-bottom: 1px solid #8E765E;
 }
  
.weiter a:hover{
 color:#99774D; background-color: #ffe5b2;
}



.zurueck{
  font-size:0.7em; 
  text-align:center;
  padding: 2px; margin:30px auto 15px auto;
  border-top: 1px solid #8E765E;
  border-bottom: 1px solid #8E765E;
  line-height: normal;
  width: 35%;
}

/* ende links fuer template-funktionen */ 




.link:before,
.email:before
{
 content:"[ ";
 }
.link:after,
.email:after{
 content:" ]";
}




/********************************************************************/
/* ## TABELLEN ## */
/********************************************************************/
/* standard-tabellen werden in conpresso4.5 derzeit nicht gekennzeichnet (sind also im cpo-editor nicht zu sehen) und etwas muehsam zu formatieren ... deshalb diese vorgaben */

table{
 border: 3px solid #F2F2F2 ; 
 border-collapse:collapse;
 width:95%;
 margin-left:auto;
 margin-right:auto;
 margin-bottom: 15px;
 margin-top: 15px;
 font-size:0.9em;
}

td, th
{
 border: 2px solid #F2F2F2 ; 
 border-collapse:collapse;
 vertical-align: top;
 padding:2px;
}

td{
	line-height: normal;
}





/********************************************************************
 ## BILDER-FORMATIERUNG ##
 (betrifft Fotos im Fliesstext, ausserhalb des Fotoalbum!)
*********************************************************************/

.img-re{
	float:right;
	margin:5px 0 10px 10px; padding:1px;
 border: 1px solid #8E765E;
 }
 
.img-li{
  float:left;
  margin: 5px 10px 10px 0; padding:1px;
  border: 1px solid #8E765E;
 }

 .img-no-border{
  border:0 none;
 }

/* Luftbilder Haus Bethlehem */
.luftbilder{
 width:99%;  height:372px;
 text-align:left;
 margin:20px 0 0 0; padding:0;
 overflow:scroll;
}
 
 
 /********************************************************************
 ## FOTOALBUM ##
 (betrifft NUR Fotos im conpresso-Fotoalbum!)
*********************************************************************/

 
.fotoalbum_uebersicht
	{
 float:left; 
  height:275px; width:200px;
/* min-height:220px; _height:220px;  ie hack */
	padding: 3px; margin:5px 7px 7px 0; 
	line-height: normal;
	font-size: 0.8em;
 text-align:center;
 border: 1px solid #8E765E;
}

.bilder-uebersicht{
   width:200px; height:200px; 
   float:left;
   margin:0 10px 10px 0; 
   text-align:center; 
   vertical-align:middle;
   border: 3px #F2F2F2 solid;
	padding: 3px;  font-size: 0.8em;
	line-height: normal;
}

.fotoalbum_uebersicht h2,
.bilder-uebersicht h2{
 margin:0 0 15px 0;
}

/*.gallery_img,*/
.gallery_img a:hover,
.gallery_img a:visited{
 color:inherit; background-color:transparent;
/* height:200px;
 overflow:hidden;
 margin:5px auto 0 auto;*/
 }




/* ]] */