/* *****   ein schickes stylesheet fuer P R O J E K T           **********
   *****   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; } */
.debug								{ border: 1px solid black; }


/* ***** uebergreifendes ... *********************************************
*/
html								{ /* border-top: 2px solid #C6E2EE; */ border-left: 1px solid white; }
body								{ padding: 0; margin: 10px 0; background: white url(himmel2.gif) repeat-x fixed;
									  font-family: "Lucida Grande","Lucida Sans Unicode",Lucida,Geneva,"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 11px; text-align: center; }
#mantel								{ margin: 0 auto; padding: 0; width: 98%; text-align: left; }
#mantelPad							{ margin: 2px; padding: 2px; }


/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben								{ }
#links								{ position: fixed; top: 125px; left: 44px; width: 170px; /* z-index: 10; */ overflow: hidden; }
#mitte								{ margin: 0 0 0 220px; width: auto; overflow: hidden; }
#unten								{ margin: 0 0 0 220px; }
.clear								{ clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0; padding: 0; text-align: center; }
#linksPad							{ margin: 2px; padding: 2px; text-align: left; }
#mittePad							{ margin: 0; padding: 2px; text-align: left; }
#untenPad							{ margin: 0; padding: 2px; text-align: left; }


/* ***** 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; color: #5F86A7; border-bottom: 1px dashed #EAEFF4; border-left: 1px solid white; text-decoration: none; }
.navigation ul ul a					{ }
.navigation a:hover,
.navigation a:focus					{ background: #F7F7F7; color: #EFA71D; border-bottom: 1px solid #EAEFF4; border-left: 1px solid #EAEFF4; }
/* navi ausgewaehlt: */
.navigation a.navAktiv				{ background: #F7F7F7; color: #EFA71D; border-bottom: 1px dashed #EAEFF4; border-left: 1px dashed #EAEFF4; font-weight: bold; }
a.navAktiv:hover					{ cursor: default; border-bottom: 1px solid #EAEFF4; border-left: 1px solid #EAEFF4; } 


/* ***** startseite ******************************************************
*/
#start #mantel						{ margin: 0 auto; padding: 0; width: 90%; text-align: center; }
#start #mitte						{ float: none; }
#start #mittePad					{ text-align: center; }
#start #content						{ padding: 0; }
#start #content img					{ padding: 1px; border: 3px solid #C6E2EE; margin: 0; }
#start #content img:hover			{ border: 3px solid #EFA71D; }
#start #obenPad						{ margin: 0; padding: 0; }
#start #mitte						{ margin: 0; padding: 0; }
#start #oben h1 a					{ cursor: default; }
#start #oben h1 a:hover,
#start #oben h1 a:focus				{ color: #5F86A7; text-decoration: none; }
#start .artikel						{ padding: 0; }
#start #content a					{ border: 0; }
#start #content a:hover				{ border: 0; background: white; }
#content #sprachwahl				{ color: #CCC; padding: 20px 0 10px 0; }
#content #sprachwahl a				{ text-decoration: none; color: #5F86A7; border-bottom: 1px solid white; }
#content #sprachwahl a:hover,
#content #sprachwahl a:focus		{ background: #F7F7F7; color: #EFA71D; border-bottom: 1px solid #EAEFF4; }


/* ***** diverses ********************************************************
*/
#oben h1							{ color: #5F86A7; font-weight: normal; font-size: 28px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 150%; letter-spacing: 1px; padding: 35px 0 0 0; margin: 0; }
#oben h1 a							{ color: #5F86A7; text-decoration: none; border-bottom: 1px solid #EAEFF4; padding: 0 8px 3px 8px; }
#oben h1 a:hover,
#oben h1 a:focus					{ color: #5F86A7; text-decoration: none; }
#oben h2							{ color: #999; font-weight: normal; font-size: 14px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 150%; letter-spacing: 1px; padding: 40px 0 0 0; margin: 0; }

#content							{ padding: 20px 0 0 0; }
#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%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; }
#content h4							{ color: #555; font-size: 12px; line-height: 150%; padding: 8px 10px 4px 10px; margin: 0; font-weight: normal; }
#content h4 a						{ text-decoration: none; color: #EFA71D; border-bottom: 1px solid #FCEFD6; padding: 0 2px 0 1px; }
#content h4 a:hover,
#content h4 a:focus					{ background: #F7F7F7; border-bottom: 1px solid #EAEFF4; }

#content p							{ color: #555; font-size: 11px; line-height: 150%; padding: 3px 10px; margin: 0; }
#content p.indent					{ padding: 0 0 8px 25px; }
#content a,
#content td a,
#content ol.comments a  			{ text-decoration: none; color: #EFA71D; border-bottom: 1px solid transparent; }
#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: #F7F7F7; border-bottom: 1px solid #EAEFF4; }
#content ul a:hover,
#content ul a:focus,
#content ol a:hover,
#content ol a:focus					{ }

#content img						{ padding: 1px; border: 3px solid #C6E2EE; margin: 10px 20px 10px 0; }
#content img:hover					{ border: 3px solid #EFA71D; }
#content img.noborder				{ border: 1px solid white; }
#content ul,
#content ol							{ padding: 0 0 4px 35px; margin: 0; }

/* #artikel img						{ float: right; } */
#artikel #galerie img				{ float: left; }
.artikel							{ padding: 20px 0 0 0; }
.artikelBilderGalerie				{ padding: 12px 0; }
.smd_slimbox						{ padding: 0 10px; }

.artikelBild						{ float: left; width: 190px; }
	#content .artikelBild img		{ margin: 10px 20px 10px 10px; }
.artikelText						{ float: left; width: 70%; }

#unten p							{ color: #EEE; width: 350px; border-top: 1px solid #EAEFF4; font-weight: bold; font-size: 12px; font-family: Georgia,"Times New Roman",Times,serif; line-height: 150%; letter-spacing: 1px; padding: 4px 0 0 0; margin: 20px 0 0 10px; }
#unten p a							{ color: #C6E2EE; text-decoration: none; padding: 0 3px 3px 3px; }
#unten p a:hover,
#unten p a:focus					{ color: #5F86A7; text-decoration: none; }


/* ***** standards *******************************************************
*/
small								{ font-size: 10px; }
.caps								{ font-size: 10px; letter-spacing: 1px; }
blockquote							{ text-decoration: none; font-weight: normal; font-style: normal; padding: 5px 0 5px 50px; margin: 0; }


/* ***** 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%
*/


/* ***** 12-03-2006 martin niggemann, www.weltrettung.org ****************
*/