/* CSS Formalvorlage f&uuml;r <www.neulandhalle.de> */
/* &uuml;berarbeitete Fassung vom Juni 2008 */
/* Gerhard R&uuml;diger, Karlsruhe/Adelaide */
/* Version 3, css2.1 */


/*1. Layout-Struktur*/

html, body{
 padding:0; margin:0;
}

body
{
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
 font-size:80%;
 background-color:#d6dff1; color:#363636;
/* color:#5d5d5d; background-color:transparent;
background-color and background verlinkt in body-tag im global_heaer
*/
}


#wrapper{
 margin:20px 50px 20px 50px; padding:0;
 min-width:800px;
 width:expression((body.offsetWidth<1000)?'850px':'auto');
}


.intro{
 clear:both;
 width:585px;
/* vertical-align:bottom;*/
}
.intro img{
 border:0; 
 padding:0; margin:0;
}



#spalte-li
{
 position:fixed !important;
 position:absolute;
 top:0;
/*  _top:expression(eval(document.body.scrollTop));*/
 left:50px;
 margin:18px 0 0 0;
 padding:0;  
 width:158px;
 }


 

#spalte-re
{
margin:0 0 0 185px; padding:0px;
line-height:1.7em;
font:inherit;
}


#kopfzeile
{
 border-bottom: solid 2px #0182c3;
 padding:0; margin:0; 
 height:45px;
/* text-align:right;*/
}



.text{
 margin:0; padding:0;
}


/*#bottom_nav
{
 clear:both;
 text-align:center;
 margin:0; padding:0;
}

.bottom_links
{
 float:left; width:31%; 
  background-color:#7485c2; color:white;
 font-size:0.7em; font-weight:  bold;
 line-height:normal; text-align:center;
 padding:2px; margin:30px 1% 20px 0;
}*/


#fusszeile
{
 clear:both;
 margin:30px 0 0 0; padding:20px 0 0 0;
 border-top:2px solid #7485c2;
 font-size:0.9em; font-weight:  normal;
 line-height:1.2em; text-align:center;
}
#fusszeile a{
 border:none;
}


#kopfzeile a,
#spalte-li a{
 border:none;
}



.clear{
   clear: both;
}

.clear-li{
 clear:left;
}

.clear-re{
 clear:right;
}


/**************************/
/* 2. Textformatierungen */
/**************************/



h1{
 margin:5px 0 32px 0; padding:0;
 text-align:right; 
 font-size:2em; 
 color:#7485c2; background-color:transparent;
 font-variant:normal;
}


h2, h3, h4, h5, h6{
font-family:TheSerif, "Lucida Fax", Garamond, "Bell MT", "Baskerville Old Face", "Courier New", Courier, "Times New Roman", Times, serif;
color:#6ea500; background-color:transparent;
 margin:0 0 -8px 0; padding:0;
}

h2{
 border-bottom:1px solid #6ea500;
 font-size: 1.2em;

}

h2+h3, h3+h4{
 margin-top:15px;
}

h3, h4, h5, h6{
font-weight:bolder;
}

h3{
  font-size: 1.1em;
}

H4  {
font-size: 1em; text-decoration:underline;
 }
H5, H6 {
font-size: 0.9em; 
 }

/*h2{
font-size: 1.1em;
color:white;
 background-color:inherit;
color:#6ea500; background-color:transparent;
border-bottom:1px solid #6ea500;
text-decoration:none;
margin:O 0 15px 0; padding:0;
background-image:url(../_images/buttonh2.gif);
background-position:left;
background-repeat:no-repeat;
}

h2+h3{
 margin-top:15px;
}

h3, h4, h5, h6{
font-weight:bolder;
color:#6ea500; background-color:transparent;
margin:O 0 -28px 0; padding:0;
}

H3  {
 font-size: 1em; 
 display:inline;
 text-decoration:underline;
 border-bottom:1px solid #6ea500;
 }
 
h4, h5, h6{
color:white; background-color:inherit;
}
H4  {font-size: 0.9em; }
H5, H6 {font-size: 0.8em; font-weight:bold; }*/


/*strong, b{
 color:inherit; background-color:inherit;
}*/


/*p{
 margin:0 0 10px 0; padding:0;
}*/

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


h2+ul, h3+ul, h4+ul, h5+ul, h6+ul,
h2+ol, h3+ol, h4+ol, h5+ol, h6+ol{
 margin-top:1em;
}

p+ol,
p+ul{
 margin-top:-8px;
}

ul{
margin-left:15px; padding:0;
line-height:1.2em;
}
ul ul{
margin-left:15px; padding:0;
 }
ul ul ul{
margin-left:15px; padding:0;
 }

ol{
 list-style:decimal outside;
 margin-left:20px; padding:0;
 }

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

ul{
 list-style:square;
}
ul ul{
 list-style:disc;
}
ul ul ul{
 list-style:circle;
}

li{
 margin:0 0 0.3em 0; padding:0;
}
#spalte-re ul li,
#spalte-re ol li{
  line-height:1.4em;
}



.small        
{font-size:0.7em; line-height:normal;font-weight:bold;}

legend
{
font-weight:bold; font-size:0.9em;
color:#7485c2; background-color:inherit;
}

.box_weiss
{
clear:both; width:500px; 
background-color:white; padding:5px; 
margin-left:auto; margin-right:auto; 
text-align:left;
}


pre{
 font-size:1.2em;
 font-family:monospace;
 color:inherit; background-color:#fafbfd;
 margin:0 0 10px 0; padding:5px;
 border: 1px solid #e2e5f1; 
 line-height:1.2em;
}


/*************************/
/* 3. Navigation & Links */
/*************************/

a,
a:link
{
 border-bottom:1px dotted #5d5d5d;
 text-decoration:none;
 color:#494949; background-color:transparent;
/*color:#16387D; background-color:transparent;
	font-weight:bold; */
}
a:visited
{ /*	color:#3366FF; background-color:transparent;*/
/*	text-decoration:none;font-weight:bold;*/
color:gray; background-color:transparent;
 text-decoration:none;
 }
a:hover, a:focus 
{  /*color:#0066cc; 	background-color:transparent;*/
   text-decoration: underline; font-weight:normal; 
    border-bottom:none;
}
a:active
{ /* color:#0066cc; background-color:transparent;*/
	/*text-decoration:underline;font-weight:bold; */}
 




/* beginn navigation */

#navigation ul {
	margin:25px 5px 0 5px; padding:0 ;
	list-style: none;
 }
#navigation ul ul,
#navigation ul ul ul
#navigation ul ul ul ul{
	margin:0 3px 0 3px; padding:0 ;
	list-style: none;
 }


#navigation ul a
/*#navigation ul ul a,
#navigation ul ul ul a,
#navigation ul ul ul ul a*/
 {
 display: block;
 margin:0 0 4px 0; padding: 0 6px 0 0;
 border:1px solid #dadded; 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:0.9em;
 color:#fefefe; background-color:inherit;
 text-decoration: none; 
 text-align:right;
 }

#navigation ul ul a,
#navigation ul ul ul a,
#navigation ul ul ul ul a{
 font-size:0.85em; 
} 


/* aktiver Link */
#navigation li.active a,
#navigation li.active li.active a, 
#navigation li.active li.active li.active a,
#navigation li.active li.active li.active li.active a
{	
font-weight:inherit;
background-image:url(../_images/nav-re.jpg);
background-position:right;
background-repeat:repeat-y;
}


/* 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:inherit; 
background-image:none;
}	

 
 
/* hover Link */
/* aktiver Link */
#navigation ul li a:hover,
#navigation ul li ul li a:hover, 
#navigation ul li ul li ul li a:hover,
#navigation ul li ul li ul li ul li a:hover
{
/* color: white; background-color:#cccfe4;*/
background-image:url(../_images/nav-re.jpg);
background-position:right;
background-repeat:repeat-y;
font-weight:inherit; 
 }


/* ende navigation */








/* beginn sub-links */

.sub-links a,
.sub-links a:link,
.sub-links a:visited{
 clear:both;
 display:block;
 margin:0;  padding:0 5px 0 5px;
 border-right: 1px solid #7485c2;
 border-bottom: 1px solid #7485c2;
 background-image:url(../_images/backgr_sub-links.jpg);
 background-position:right;
 background-repeat:repeat-y;
 font-size:0.85em;  font-weight:normal;
 color:#fefefe; background-color: transparent;
 text-align:right; text-decoration:none;
 line-height:normal;
 }


.sub-links a:hover, .sub-links a:focus {
 color:#fefefe; background-color:#7485c2;
 text-decoration:none; font-weight:normal;
 text-align:right; 
 background-image:none;
 }

/* 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; 
/*  color:inherit; background-color:transparent;*/
	}

.pager .passive,
.pager .active{
		color: gray; background-color: transparent;
      }
/* ende links fuer die cpo-funktion "Gefunden:" */


/*Link fuer cpo Archive- + Pager-Funktion*/
.archive, .pager    {
 margin:20px 20% 20px 20%;  padding: 5px; 
 font-family:Arial, Helvetica, sans-serif;
 color: gray; background-color: transparent;
 font-weight:bold;
 font-size:0.85em;
 line-height:normal;
 text-decoration:none;
 border-top:solid 1px #7485c2;
 border-bottom:solid 1px #7485c2;
 text-align:center;
   }

.archive a, 
.pager a{
		background-color:transparent; color:#fefefe;
  font-weight:bold;
		}    

.archive a:hover, 
.pager a:hover{
		background-color: #7485c2; color:white;
  font-weight:bold;
		}    
  

/* ende links fuer die cpo-funktion  */



/* beginn links fuer template-funktionen */

.weiter a,
.weiter a:link,
.weiter a:visited
	{
 clear:both;
 float:right;
 margin:10px 0 20px 0;  padding: 2px 5px 2px 5px; 
 font-family:Arial, Helvetica, sans-serif;
 font-weight:normal;
 font-size:0.85em;
 color:#fefefe; background-color:transparent;
 line-height:normal;
 text-decoration:none;
 border-bottom:solid 1px #7485c2;
 border-right:solid 1px #7485c2;
 background-image:url(../_images/backgr-weiter.jpg);
 background-position:left;
 background-repeat:repeat-y;
 }
  
.weiter a:hover{
 color:#fefefe; background-color:#7485c2;
 text-decoration:none;
 background-image:none;
 }



.zurueck a,
.zurueck a:link,
.zurueck a:visited   
		{
 clear:both;
 margin:15px 0 0 0;  padding: 2px 35px 2px 35px; 
 border-left: 1px solid #7485c2;
 border-bottom: 1px solid #7485c2;
 background-image:url(../_images/backgr-zurueck.jpg);
 background-position:right;
 background-repeat:repeat-y;
 font-size:0.85em;  font-weight:normal;
 color:#fefefe; background-color:transparent;
 line-height:normal;
 text-decoration:none; 
 }
 .zurueck a:hover,  .zurueck a:focus {
 color:#fefefe; background-color: #7485c2;
 text-decoration:none;
 background-image:none;
 }
  
/* 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, tr, td,
#spalte-re table,
#spalte-re table th, 
#spalte-re table tr, 
#spalte-re table td
{
 border: 1px solid #fafafa; 
 border-collapse:collapse;
 padding:3px; 
 font-size:inherit;
 font-family:inherit; 
 vertical-align: top;
 text-align:left;
 line-height: 1.3em;
/* color:inherit; background-color:#d6dff1;*/
 }

table{
 margin-bottom:10px;
}

/* formatierung kontaktformular */
fieldset{
 width:100%;
 border:1px solid #7485c2;
 padding:0 5px 5px 5px; margin:0;
}

fieldset p{
padding:0 0 8px 0; margin:8px 10px 8px 10px;
border-bottom:1px solid #6b9f00;
font-size:1em;
line-height:1.2em;
}

select, input{
font-size:inherit;
line-height:1.2em;
margin:3px;
}

p label{
clear:both;
float:left;  width:150px;
text-align:right;
margin:0 15px 0 0; padding:0;
/*vertical-align:middle;*/
}

#bestaetigung p label{
 width:250px;
}

#bestaetigung fieldset p{
border-bottom:none;
}

.rb /* radio button */
{
margin:0 10px 0 0;
}

fieldset.message p{
 border:none; 
 margin:0 8px 8px 8px; padding:3px;
 background-color:#e18e51; color:inherit;
 font-weight:bold;
}

 

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



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


img{
 padding:3px;
 border:1px solid #a4b1dc;
 font-size:0.7em; 
 line-height:1.0em;
}

table img{
 border:none;
/* margin:0 0 10px 0;*/
}


.img-re,
table.img-re
{
 float:right;
 margin:3px 0 0 10px; padding:3px;
 font-family:inherit;
 font-size: 0.8em;
 }
 
.img-li,
table.img-li
{
 float:left;
 margin: 3px 10px 0 0; padding:3px;
 font-family:inherit;
 font-size: 0.8em;
 }
 
td.img-text
 {
 margin:0; padding:3px 5px;
/* font-size: 0.9em; line-height: 1em;*/
 font-family:inherit;
 }

 .no-border{
  border: none;
 }


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



.container{
float:left;
height:500px; width:330px;
overflow:scroll;
border:none;
margin:5px 5px 5px 0;
padding:0;
}