/* @override http://localhost:8888/yael/files/style.css */

/* YAEL Stiftung Stylesheet 02/2008 by kurvenfrei.de  */

/* @group Meyerreset */

/* Global Reset ala Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*Ende Global Reset*/



/* @end */

/* @group Global Styles */

html,body { color: #333; font: 12px/1.5em Verdana, Arial, sans-serif; background-color: #f2ede2; text-align: center; height: 100%; line-height: 1.5em; }
/* test safari 1.0 */
body { background-color: #f2ede2; }
a, a:visited { color:#8b9e12 ; text-decoration: none; }
	a:hover { color: #000; text-decoration: underline; }
	
p { margin-bottom: 1em; }
	

	
.wrap { width: 78em; margin: 0 auto 0 auto ; text-align: left; }

#footerstickalt { position: relative; min-height:100%;  }
* html #footerstickalt { height: 100%; }
#pullback { margin-bottom: 7em; }

.mehr { display: block; margin-top: 1em; }
	

/* @end */

/* @group Farben */



.n_3 #navi .active.n_3 a, #navi .n_3 a:hover, .n_3 #main h2, #sidebar h2.n_3 { background: #008281; }
.n_3 #navi .active.n_3 a span, #navi .n_3 a:hover span { background: #008281 url(img/pfeilspitze.gif) no-repeat; }
.n_3 #navi  ul.n_3  a { background: #d5e0e0; color: #333; }
.n_3 #navi  ul.n_3  a:hover,.n_3 #navi ul.n_3 .active a { background: #006b6a; color: #fff; }

.n_4 #navi .active.n_4 a, #navi .n_4 a:hover, .n_4 #main h2, #sidebar h2.n_4 { background: #338f5f; }
.n_4 #navi .active.n_4 a span, #navi .n_4 a:hover span { background: #338f5f url(img/pfeilspitze.gif) no-repeat; }
.n_4 #navi  ul.n_4  a { background: #dce5e1; color: #333; }
.n_4 #navi  ul.n_4  a:hover,.n_4 #navi ul.n_4 .active a { background: #246543; color: #fff; }

.n_5 #navi .active.n_5 a, #navi .n_5 a:hover, .n_5 #main h2,  #sidebar h2.n_5{ background: #659c3c; }
.n_5 #navi .active.n_5 a span, #navi .n_5 a:hover span { background: #659c3c url(img/pfeilspitze.gif) no-repeat; }
.n_5 #navi  ul.n_5  a { background: #dfe5da; color: #333; }
.n_5 #navi  ul.n_5  a:hover,.n_5 #navi ul.n_5 .active a { background: #416527; color: #fff; }

.n_7 #navi .active.n_7 a, #navi .n_7 a:hover{ background: #00833e; }
.n_7 #navi .active.n_7 a span, #navi .n_7 a:hover span { background: #00833e url(img/pfeilspitze.gif) no-repeat; }
.n_7 #main h2 { background: #00833e; }
.n_7 #navi  ul.n_7  a { background: #bccfc5; color: #333; }
.n_7 #navi  ul.n_7  a:hover,.n_7 #navi ul.n_7 .active a { background: #006e34; color: #fff; }

#navi  ul a { background: #dce0c6; color: #333; }
#navi  ul a:hover,#navi ul .active a { background: #5c690b; color: #fff; }


/* @end */



/* @group Head */
#head { margin-top: 1.75em; }
#head h1 a { display:block; width: 290px;height: 105px; 
			background: url(img/logo.png) no-repeat ; text-indent: -555em;  }
			
#navi {width: 8.25em; background: #fff; margin-top: 7em; float: left; list-style: none; }
	#navi a { color: #000; display: block; position: relative; padding: 4px ; }
	#navi a span { position: absolute; display: block; background:#f2ede2 url(img/pfeilspitze.gif) no-repeat;
				 width: 16px; height: 26px; top: 0; right: -16px; }
		#navi .active a,
		#navi  a:hover { background-color: #8b9e11;  color: #fff; text-decoration: none; }
		#navi .active a span,
		#navi a:hover span { background:#8b9e11 url(img/pfeilspitze.gif) no-repeat; }	
		* html #navi li a { width: 8em; }
		
		#navi ul { border-bottom: 1px solid #ccc; list-style: none; }

/* @end */

/* @group main */
#cont { float: left; margin:1em	 1.5em ; width: 42.083em; }
	#intro, #cont { background: #fff; padding: 2em; }
	#intro { margin: 20px 0 0.5em 119px ; width: 42.083em; }	
#main h2 { background: #8b9e11; margin:0 0 1em -2em; padding: 0.2em 0.5em 0.2em 2em ; display:inline-block; color: #fff; display:-moz-inline-box; }

* html #main h2 {display: block;  position: relative; left: -2em; margin: 2em 0 2em;width: 70px; }

#main h3 { color: #8b9e11; margin-top: 1em; }

#main ul,
#main ol { margin: 0 0 1em; }
#main li { margin-left: 1.5em; }

span.bu { font-size: 0.75em; }


/* @end */

/* @group sidebar */
#sidebar { float: left; width: 15em ; margin-top: 1em; }
* html #sidebar { width: 14em; }

	#sidebar .bg_wht { padding: 1em ; background: #fff; margin-bottom: 1.5em; }

#sidebar h2 { background: #8b9e11; margin:1em -1em; padding: 0.2em 0.5em 0.2em 1em;  display: inline-block; color: #fff; display:-moz-inline-box;}

* html #sidebar h2{ display: block;  position: relative; left: -1em; margin: 2em 0 2em;width: 70px; }

#sidebar #search { width: 7.6em; border: 1px solid #8b9e11;  }
	#sidebar fieldset.bg_wht { padding: 1.5em  1em; }

/* @end */

/* @group footer */

#footer { padding: 3em 0 2em; margin: -7em 0 0 0; clear: both; background: #fff; position: relative; border-top: 1em solid  #f2ede2; }


/* @end */




/* @group clear */



/* Clearing Floats ohne extra html */
.clear:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
   .clear {display: inline-block;} /* inline-block ist valides css2.1 */

    /* Hides from IE Mac \*/
    * html .clear {height: 1%;}
       .clear {display:block;}
    /* End Hack */



/* @end */

/* @group Accordion */

#cont h3.toggler a {display: block; padding-left: 1em; font-weight: bold; }

.hell_acc_content p { background: #efefef; padding:0  1em;  }

/* @end */