/* *****   ein schickes stylesheet fuer angela                  **********
   *****   hier die styles fuer die normale ansicht             **********
   *****   fuer browser > netscape4                             **********
*/


/* ***** die farben: *****************************************************
fastschwarz        #191919;
quietschgruen      #C4D534;
inbetweengruen     #A7B434; + #9DA934;
dunkelgruen        #5A5C33;
gruenbeige         #ACAD99; + #96977D; + #87886B;
hellbeige          #F3F2EC;
*/


/* ***** debug ***********************************************************

div									{ border: 1px solid black; }
body								{ background: url(../images/_vorlage.jpg) no-repeat; } */
.debug								{ border: 1px solid black; }


/* ***** uebergreifendes ... *********************************************
*/
html								{ border-top: 1px solid black; }
body								{ padding: 0; margin: 0; background: #EFEEE5 url(../images/jannelli/bg_header.gif) repeat-x;
									  font-family: Helvetica,Arial,sans-serif; font-size: 11px; text-align: center; }
body#splash							{ padding: 0; margin: 0; background: #5A5C33;
									  font-family: Helvetica,Arial,sans-serif; font-size: 11px; text-align: center; }
body#home							{ padding: 0; margin: 0; background: #191919 url(../images/jannelli/bg_header.gif) repeat-x;
									  font-family: Helvetica,Arial,sans-serif; font-size: 11px; text-align: center; }
#mantel								{ margin: 0 auto; padding: 0; width: 765px; text-align: left; }
#mantelPad							{ margin: 0; padding: 0; }


/* ***** global positioning **********************************************
*/
#oben								{ }
#mitte								{ }
#splash								{ }
.clear								{ clear: both; padding: 10px; }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0; padding: 8px 0 0 0; text-align: left; }
#mittePad							{ margin: 0; padding: 35px 0; text-align: left; height: 345px; }
#splashPad							{ margin: 0; padding: 120px 0 0 0; text-align: left; }


/* ***** navigationsliste horizontal *********** ( => css.maxdesign.com.au )
*/
#navigation							{ width: 100%; height: auto; margin: 0; padding: 2px 0 20px 0; }
#navigation ul						{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; }
#navigation ul li					{ display: block; float: left; text-align: left; padding: 0; margin: 0 12px 0 0; }
#navigation ul ul li				{ display: block; float: none; text-align: left; padding: 0; margin: 0; }
#navigation ul li a					{ padding: 0 2px; }
#navigation ul li a:hover,
#navigation ul li a:focus			{ }
#home #navigation ul li a			{ }
#home #navigation ul li a:hover,
#home #navigation ul li a:focus		{ }
a#navAktiv:hover					{ cursor: default; }


/* ***** diverses ********************************************************
*/
#content							{ }
#content h1							{ clear: both; color: #191919; font-weight: bold; font-size: 15px; font-family: Helvetica,Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 20px 0 5px 0; margin: 0; }
#content h2							{ clear: both; color: #191919; font-weight: normal; font-style: italic; font-size: 13px; font-family: Helvetica,Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 20px 0 5px 0; margin: 0; }
#content h3							{ clear: both; color: #191919; font-weight: bold; font-size: 13px; font-family: Helvetica,Arial,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 20px 0 5px 0; margin: 0; }

#content p,#content					{ color: #191919; font-size: 12px; line-height: 175%; margin: 0; }
#content p							{ clear: both; padding: 7px 0; }
#home #content p					{ clear: both; padding: 7px 0; color: #C4D534; font-size: 13px; }
#home #artikel						{ margin-top: 35px; }
#home #artikel img					{ float: none; border: 0; }

#content p.indent					{ padding: 0 0 8px 25px; }
#content p a,
#content td a,
#content ol.comments a  			{ padding: 0 1px; background-color: #F5F5EF; text-decoration: none; color: #807B5E; border-bottom: 1px solid #F5F5EF; }
#content ul a,
#content ol a 						{ }
#content p a:hover,
#content p a:focus,
#content td a:hover,
#content td a:focus,
#content ol.comments a:hover,
#content ol.comments a:focus 		{ background-color: white; border-color: #C4D534; }
#content ul a:hover,
#content ul a:focus,
#content ol a:hover,
#content ol a:focus					{ }

#artikel							{ padding: 35px 114px; }
#artikel img						{ float: left; border: 2px solid white; margin: 20px 20px 3px 0; }
#artikel img.noborder				{ border: 0; }
/* #content ul,
#content ol							{ padding: 0 0 4px 35px; margin: 0; } */

#referenzen .lightbox				{ float: left; width: 174px; }
#referenzen .lightboxTxt			{ float: left; width: 350px; }
#referenzen #artikel .lightbox img	{ float: none; margin: 10px 20px 3px 0; }
#referenzen #artikel .bildreihe img	{ float: none; margin: 10px 10px 3px 0; width: 100px; height: 100px; }
#referenzen #content a				{ text-decaration: none; }
#uebermich .lightbox				{ float: left; width: 174px; }
#uebermich .lightboxTxt				{ float: left; width: 350px; }
#uebermich #artikel .lightbox img	{ float: none; margin: 25px 20px 3px 0; }

#rechts p							{ margin: 0; padding: 4px 0; color: #111; font-size: 10px; }
#rechts h4							{ margin: 0; padding: 4px 0; color: #111; font-size: 12px; font-weight: bold; }
#rechts p a							{ color: #111; text-decoration: none; }

#unten p							{ margin: 0; padding: 4px 0; color: #AAA; font-size: 10px; font-weight: bold; }
#unten p a							{ color: #AAA; text-decoration: none; }


/* ***** standards *******************************************************
*/
small								{ font-size: 10px; }


/* ***** formulare *******************************************************
*/
form								{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
input,
textarea							{ padding: 1px 2px; color: #333; font-style: normal; font-family: Helvetica,Arial,sans-serif; font-size: 11px;  }
textarea							{ width: 270px;  height: 120px; }


/* ***** empfohlene relative schriftgroessen ( => einfach-fuer-alle.de )
69%, 76%, 86%, 93%, 101%
*/


/* ***** 26-06-2006 martin niggemann, www.weltrettung.org ****************
*/