/* *****   ein schickes stylesheet fuer C A M I L O             **********
   *****   hier die styles fuer die normale ansicht             **********
   *****   fuer browser > netscape4                             **********
*/


/* ***** die farben: *****************************************************
weiss          #FFFFFF;
schwarz        #000000;
*/


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

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


/* ***** uebergreifendes ... *********************************************
*/
html								{ border-top: 2px solid black; border-left: 2px solid black; }
body								{ padding: 0; margin: 10px 0; background: #292525;
									  font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; text-align: center; }
#mantel								{ margin: 0 auto; padding: 0; width: 800px; text-align: left; }
#mantelPad							{ margin: 70px 0 15px 0; padding: 0; }


/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben								{ display: none; }
#links								{ float: left; width: 170px; overflow: hidden; }
#mitte								{ float: left; width: 675px; overflow: hidden; }
#trailer #mitte						{ float: left; width: 790px; overflow: hidden; }
#rechts								{ float: right; width: 100px; overflow: hidden; }
#unten								{ clear: both; }
.clear								{ clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 2px; padding: 2px; text-align: center; border: 1px solid #AAA; background: #FFF; }
#linksPad							{ margin: 2px; padding: 2px; text-align: left; border: 1px solid #AAA; background: #CCC; }
#mittePad							{ margin: 0; padding: 0; text-align: left; }
#rechtsPad							{ margin: 0; padding: 0 7px 0 0; text-align: left; }
#untenPad							{ margin: 0; padding: 30px 0 0 0; text-align: center; }


/* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au )
*/
#navigation							{ width: 100px; margin: 0 0 10px 0; padding: 10px 0 0 0; }
#navigation ul						{ list-style-type: none; font-weight: bold; font-size: 12px; line-height: 160%; letter-spacing: 1px; margin: 0; padding: 0; }
#navigation a						{ width: 99%; display: block; padding: 2px 10px 2px 30px; margin: 1px 0 0 0; background-color: none; color: #06C; border-bottom: 1px dashed #999; text-decoration: none; }
#navigation ul ul a					{ }
#navigation a:hover,
#navigation a:focus					{ background: #EEE; color: #39F; border-bottom: 1px solid #999; }
/* navi ausgewaehlt: */
#navigation a#navAktiv				{ background: #DDD; color: #444; border-bottom: 1px solid #999; }
a#navAktiv:hover					{ cursor: default; border-bottom: 1px solid #999; } 


/* ***** navigationsliste horizontal *************************************

#navigation							{ width: 540px; height: auto; margin: 0 0 0 140px; padding: 10px 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 4px 0 0; }
#navigation ul li a					{ padding: 0 2px; font-size: 11px; color: #333; text-decoration: none; }
#navigation ul li a:hover,
#navigation ul li a:focus			{ color: #005C9B; background: #E8F0F6; }
#navigation a#navAktiv				{ background: #DDD; color: #444; border-bottom: 1px solid #999; }
a#navAktiv:hover					{ cursor: default; border-bottom: 1px solid #999; } */


/* ***** diverses ********************************************************
*/
h2									{ color: #E8A38B; background: #333; font-weight: normal; font-size: 24px; font-family: Helvetica,Arial,sans-serif; line-height: 130%; letter-spacing: 1px; 
									  width: auto; padding: 6px 0; margin: 0 10px; border: 2px solid #444; }
h2 span								{ font-size: 18px; }
h2 a								{ color: #C37A69; text-decoration: none; border-bottom: 1px solid #444; }
h2 a:hover							{ color: #E8A38B; text-decoration: none; border-bottom: 1px solid #555; }

#oben h1							{ color: #CCC; font-weight: bold; font-size: 28px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; }
#oben h1 a							{ color: #CCC; text-decoration: none; }

#content							{ }
#content h2							{ color: #444; font-weight: bold; font-size: 24px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; }
#content h2 a						{ color: #444; text-decoration: none; }
#content h2 a:hover,
#content h2 a:focus					{ text-decoration: none; }
#content h2 a span					{ }
#content h2 a:hover span			{ }
#content h3							{ color: #444; font-weight: bold; font-size: 14px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 150%; padding: 5px 0 0 0; margin: 0; }

#content p,#content					{ color: #AAA; font-size: 11px; line-height: 150%; padding: 5px 0; margin: 0; }
#content p							{ }
#content p.indent					{ padding: 0 0 8px 25px; }
#content p a,
#content ul a						{ color: #C37A69; text-decoration: none; border-bottom: 1px solid #444; }
#content p a:hover,
#content p a:focus			 		{ color: #E8A38B; text-decoration: none; border-bottom: 1px solid #555; }
#content ul a:hover,
#content ul a:focus,
#content ol a:hover,
#content ol a:focus					{ color: #E8A38B; text-decoration: none; border-bottom: 1px solid #555; }

#content img						{ padding: 3px; border: 2px solid #CCC; background: white; margin: 3px 5px; }
#content img.noborder				{ border: 1px solid white; }
#content ul,
#content ol							{ padding: 0 0 4px 35px; margin: 0; }

#artikel img						{ float: right; }

#credits #artikel					{ float: left; width: 265px; }
#credits #mitte						{ float: none; width: auto; overflow: hidden; }
#credits strong						{ font-size: 12px; }

#info strong						{ font-size: 12px; }

#rechts img							{ float: right; margin: 3px 3px 4px 3px; padding: 1px; border: 1px solid #444; }
#rechts img:hover					{ padding: 0px; border: 2px solid #666; }

#unten p							{ margin: 0 10px; padding: 20px 0 10px 0; color: #777; font-size: 12px; letter-spacing: 1px; border-bottom: 2px solid #444; }
#unten p a							{ color: #AAA; text-decoration: none; border-bottom: 1px solid #333; }
#unten p a:hover					{ color: #C37A69; text-decoration: none; border-bottom: 1px solid #555; }

/* ***** standards *******************************************************
*/
small								{ font-size: 10px; }
.caps								{ letter-spacing: 1px; font-size: 11px; }


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


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


/* ***** 24-02-2008 martin niggemann, www.weltrettung.org ****************
*/