/*  <![CDATA[  */


/**
 * Globales Stylesheet f&uuml;r www.dw-dith.de/cpo
 * Projekt:     Diakonisches Werk Dithmarschen, Meldorf
 * Version:     3
 * cms:         conpresso 4.05
 * @author:     Gerhard Ruediger
 * @copyright:	 Gerhard Ruediger
 * @date:       August 2007

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





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




body{
   font-size:100.1%;
  font-family: "Lucida Sans", Tahoma, "Trebuchet MS", Verdana,"Swis721 Cn BT",sans-serif;
  color:#5e5e5e; background-color:transparent;
  background:none;
   margin:0; padding:0;
   }


#intro {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-265px;
  margin-top:-166px;
  width:530px; 
  background:url(../_images/karte8-2.jpg) no-repeat center;
  background-position:155px 55px;
  background-color:inherit;
 }
.intro-schrift{
 background:#0066cc; color:inherit;
 padding:5px; margin:0 0 5px 0;
 text-align:center;
}
   
   
   
/** LAYOUT CONTAINER **/


#aussenrahmen{
 margin:4px 45px 4px 45px; padding:0;
 min-width:875px;
 width:expression((body.offsetWidth<1000)?'875px':'auto');
 }


 #bilderleiste{
 margin:0 0 6px 0; padding:0;
 height:100px; 
 overflow:hidden;
 text-align:center;
}
#bilderleiste img{
 margin:0 1.5% 0 0; padding:0 1px 1px 0;
 border-top:solid 1px #0099ff;
 border-left:solid 1px #0099ff;
 border-bottom:solid 1px #0099ff;
 border-right:solid 1px #0099ff;
}
 
.titelzeile{
 text-align:center;
 padding:0; margin:0  0 /*0 1.5%*/;
}
/*.titelzeile h1{
padding:0 0 0 1.5%;
 border:0;
}*/
 
 
 
/* beginn navigation */

#block-li{
float:left; width:212px; 
margin:0; padding:0;
background:url(../_images/dw-logo.gif) 0 0 no-repeat;
background-color:inherit;
}


#navigation{
 font-size:0.7em; font-weight:bold;
 margin:25px 3px 10px 0;  padding:0; 
 font-family:Arial, Helvetica, sans-serif;
 text-align:right;
 }

/* ende linker block navigation */



/* beginn rechter block content */

#block-re{
 margin:0 0 0 260px; padding:0;
}


.inhalt{
 float:left; width:99.8%;
 margin:0; padding:0;
 font-size:0.85em; line-height:1.4em;
/* border-left:solid 1px #d9dbff;
 border-top:solid 1px #d9dbff;
 border-bottom:solid 1px #0182cc;
 border-right:solid 1px #0182cc;*/
}


.margin-re{
 float:right;  width:20%;
 font:0.85em Arial, Tahoma, sans-serif;
 border-left: solid 1px #ffe4c4;
 border-bottom: solid 1px #ffe4c4;
 margin:0 0 5px 5px; padding:0 0 3px 3px;
}

/* ende rechter block content */



/*beginn fusszeile*/

#footer-impressum{
 float:left;  width:210px; 
 margin:15px 0 0 0; padding:0;
 font-family:Arial, Helvetica, sans-serif;
 color:#5e5e5e;  background-color:inherit;
 font-size:0.6em;  font-weight:bold;
 text-align:center;
}

#footer-impressum a{
 text-decoration:none;
}
#footer-impressum a:hover{
 color:#931ae5; background-color: #ceff9d;
}


#hilfe-naehe{
 height:100px;
 margin:0 1% 0 265px; padding:0;
 text-align:center;
background-image:url(../_images/hilfe-naehe4_03.jpg);
 background-repeat:repeat-x;

}
#hilfe-naehe img{
 margin:0 0.5% 0 0.5%;
}

/*ende fusszeile*/


/*.seitenfuss-li{
 float:left; 
 width:204px; height:3em;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif;
 color:#5e5e5e;  background-color:#ccdeff;
 font-size:0.65em;  font-weight:bold;
 padding:2px 3px 1px 3px; margin:0 0 0 0;
 border-right:solid 1px #551285;
 border-bottom:solid 1px #551285;
 border-top:solid 1px #d9dbff;
 border-left:solid 1px #d9dbff;
}

.seitenfuss-re{
 height:3em;
 text-align:center;
 font-size:0.65em;  font-weight:bold;
 margin:0 1% 0 260px;  padding:3px 3px 0 3px;
 font-family:Arial, Helvetica, sans-serif;
 color:#5e5e5e;  background-color:#ccdeff;
 border-right:solid 1px #551285;
 border-bottom:solid 1px #551285;
 border-top:solid 1px #d9dbff;
 border-left:solid 1px #d9dbff;
}

 .seitenfuss-li a,
 .seitenfuss-re a {
 font-weight:bold; text-decoration:none;
 color:#5e5e5e; background-color:transparent;
 }
 .seitenfuss-li a:hover,
 .seitenfuss-re a:hover{
 text-decoration:underline; 
 }*/


.faq-q{
 float:left; width:49%; 
 margin:0; padding:0;
}
.faq-a{
 float:right;
 border:solid 1px #d9dbff;
 width:49%; height:400px;
 overflow:auto;
 padding:0 5px 0 5px; margin:0;
}



/* ende fusszeile */

.clear{
   clear: both;
}

.clear-li{
 clear:left;
}

.clear-re{
 clear:right;
}



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

.presse {
 font-family:Garamond, "MS Serif", "Times New Roman", Times, Palatino, serif;
 font-size:0.9em;}
 
 
 .small06, .small07, small08{
 line-height:normal; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
 }
  .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;
}



.inhalt ol,  .inhalt ul{
 margin:15px 0 15px 15px; padding:0;
 list-style-position:outside;
 list-style-type:square;
 line-height:1.2em;
}

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

.inhalt ol ol ol,  .inhalt ul ul ul{
  list-style-type:disc;
   margin:0 0 0 15px; padding:0;
 }
 
.inhalt ul li, .inhalt ol li {
  margin-top:0.5em;
   line-height:1.4em;
 }

 li li, li li li{
  margin: 0em;
 }
 
 
 .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*/
}



.orga-rahmen
{
width:145px;
background-image:url(../_images/orga-mitte.jpg);
top:0px; left:0px;
border:none;
font:"Bell MT", "Bookman Old Style", Garamond, serif;
font-size:1em; line-height:1em;
padding:0; margin:0;
text-align:center;
}
.orga-rahmen img
{
margin:0; padding:0;
}



.trennlinie{
	clear:both;
 height: 1px; width:65%;
	margin: 20px auto 20px auto; padding:0;
	font-size: 0px;
 border-bottom:solid 1px #63FF94;
}
.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 #63FF94;
}





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

 

/*beginn terminkalender*/

.termine{
border: solid 1px;
border-color: #d4deef #551285 #551285 #d4deef;
padding:3px; margin:0 0 10px 0;
font-size:0.9em;
}

.termine h2{
background-color:#e4ffca; color:inherit;
margin:0; padding:1px;
}

.termine h3{
margin:5px 0 5px 0;  padding:0;
text-decoration:none;
}

.label {
	float:left; width:8em;
 font-weight:bold;
	}


/*ende terminkalender*/


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

h1{
 font-size:1.0em; /*font-weight: bold;*/
 letter-spacing:0.05em;
 color:#797979; background-color:transparent;
 border-bottom:solid #67FF9A 1px;
 margin:25px 0 27px 0; padding:0;
}

 h3, h4, h5, h6{
 font-weight:bold; 
 margin:1em 0 -0.7em 0; padding:0;
 letter-spacing:0.01em;
}

h2{
 font-size:1.2em;
 margin:0 0 10px 0; padding:0;
 letter-spacing:0.02em;
}



h3{
 font-size:1.1em;
 font-weight:bold;
 margin:0 0 -10px 0; padding:0;
 text-decoration:underline;
}

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

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




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

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

.margin-re a:visited, .inhalt a:visited
{ color:#0099ff; background-color:transparent; }

.margin-re a:hover, .inhalt a:hover
{  color:#931ae5; background-color: #e4ffca; }

/* .margin-re a:activ, .inhalt a:activ 
{  color:#0066cc; background-color: #f0e8ff; }*/
/* ende allgemeine Text-Links */






/* beginn navigation */

#navigation ul {
	margin: 2px 0 5px 0; padding: 0;
	list-style-type: none;
	display: block;
 line-height:1.4em;
 }

#navigation a {
	display: block;
	padding:0; margin:0;
 color:#646464; background-color:inherit;
	text-decoration: none;
}

#navigation a:hover, #navigation a:focus {
	background: #e4ffca;
	color: inherit;
}



#navigation ul a {
  display: block;
  margin:2px 0 0 0; padding:2px;
  text-decoration: none; 
  }

#navigation ul ul a {
 display: block;
 margin:2px 0 0 0; padding:2px 10px 2px 2px;
 text-decoration: none; 
 line-height:1.1em;
 }
	
#navigation ul ul ul a {
  display: block;
  margin: 2px 0 2px 0; padding: 2px 20px 2px 2px;
  text-decoration: none;   
  line-height:1.1em;
 }




/* aktiver Link */
 #navigation li.active a,
 #navigation li.active li.active a, 
 #navigation li.active li.active li.active a
{	font-weight:bold;
 color:inherit; background-color:#e4ffca;
}

/* nicht aktiver Link */
#navigation ul li.active ul li a,
#navigation ul li.active ul li.active ul li a,
#navigation ul li.active ul li.active ul li.active ul li a 
{
 font-weight:normal;
 color:inherit; background-color:#f5f5f5;
 }	

 
/* hover Link */
#navigation ul li.active a:hover,
#navigation ul li.active ul li.active a:hover, 
#navigation ul li.active ul li.active ul li.active a:hover{
 background: #e4ffca;
	color: inherit;
 }	


/* ende navigation */








/* beginn sub-links */

.sub-links a{
 color:#931ae5; background-color: #f5f5f5;
/* border-top:solid 1px #63FF94;
 border-bottom:solid 1px #63FF94;*/
 margin:5px 0 0 0; padding:3px 3px 3px 15px;
 font-size:0.75em;  font-weight:bold;
 line-height:normal;
 display:block;
 background-image:url(../_images/rechts-ohne-rahmen.jpg);
 background-position:left 5px;
 background-repeat:no-repeat;  
 border-bottom: 2px solid #e4ffca;
 }

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

.sub-links:hover, .sub-links a:hover {
 display:block; 
 color:#931ae5; background-color: #e4ffca;
/* border-left: 8px solid #feff5e;
 border-right: 8px solid #feff5e;*/
/* margin:5px 0 0 0; padding:3px 15px 3px 3px;*/
 }

/* 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;
  font-size:0.8em; 
  text-align:center;
  padding: 3px; 
  border-top: 1px solid #67ff9a;
  border-bottom: 1px solid #67ff9a;
		line-height: normal;
   }
.archive a:hover, 
.pager a:hover{
		background-color: #e4ffca; color:#0066cc;
		}    
/* ende links fuer die cpo-funktion  */



/* beginn links fuer template-funktionen */

.weiter   
	{
 clear:both;
 font-size:0.8em;
	text-align: right;
	margin:0 0 20px 0; padding:2px;
 border-bottom:solid 1px #63FF94;
 }
  
.weiter a:hover{
	background-color: #e4ffca; color:#0066cc;
}



.zurueck   
		{
		display:inline;
  font-size:0.8em; 
  text-align:center;
  padding: 3px; 
  border-top: 1px solid #67ff9a;
  border-bottom: 1px solid #67ff9a;
		line-height: normal;
  padding:2px 1em 2px 1em;
  }
 .zurueck:hover{
 display:inline;
	background-color: #e4ffca; color:#0066cc;
 }
  
  
  
/* ende links fuer template-funktionen */ 


/* ** wird noch nicht gebraucht**
a[href^="mailto:"]:before{
 content:"["; 
}
a[href^="mailto:"]:after{
 content:"]"; 
}


.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:inherit;
}

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

td{
	line-height: normal;
}

.blassgruen{
 background:#e4ffca; color:inherit;
}



/********************************************************************
 ## BILDER-FORMATIERUNG ##
*********************************************************************/



.img-re{
	float:right;
	margin:3px 0px 10px 10px; padding:0;
 }
 
.img-li{
 float:left;
	margin: 3px 10px 10px 0; padding: 0;
 }

 .img-border{
  border: 1px solid #d9dbff;
 }


.fotoalbum_uebersicht
	{
   float:left; width:30%;
	border: 3px #F2F2F2 solid;
	padding: 3px; margin:0px 7px 7px 0; 
	line-height: normal;
	font-size: 0.95em;
}
 

.bilder-uebersicht{
   width:150px; height:150px; 
   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;
}


/* titelseite suchtberatung */
.sucht_ol{
float:left;
width:220px; height:200px;
background-image:url(../_images/titelsucht_neu_01.gif);
background-repeat:no-repeat;
}

.sucht_or{
float:left;
width:230px; height:200px;
background-image:url(../_images/titelsucht_neu_02.gif);
background-repeat:no-repeat;
}

.sucht_ul{
float:left;
width:220px; height:200px;
background-image:url(../_images/titelsucht_neu_03.gif);
background-repeat:no-repeat;
}

.sucht_ur{
float:left;
width:230px; height:200px;
background-image:url(../_images/titelsucht_neu_04.gif);
background-repeat:no-repeat;
}
/* ende titelseite suchtberatung */






/* ## TEST ## */

.unsichtbar{
   visibility: hidden;
}


/* [[ */