/* *****   hier die styles fuer die normale ansicht             **********
   *****   fuer browser > netscape4                             **********
*/

/* ***** die farben: *****************************************************
/*farben                    
							hellgruen	#8F9D50
							dunkelgruen	#414F3E
							dunkelgrau	#000
							rot			#710C11
*/


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

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


/* ***** uebergreifendes ... *********************************************
*/
*									{ margin:0; padding:0; }
div									{ border:0; padding:0; margin:0; }
html								{ border:0; padding:0; margin:0; background: url(../assets/bg.jpg) repeat; }
body								{ margin: 0; padding: 0; text-align:left; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.70em; text-align: left; }

/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#frame								{ margin: 0 auto;  width: 985px; text-align: left; }
#oben								{ float: left; width: 980px; height: 202px; background-image: url(../assets/bg-top.gif); }
#mitte								{ float: left; width: 980px; z-index:4; background: url(../assets/bg-mitte.gif); border-top: 3px solid #8F9D50; }
#unten								{ float: left; width: 980px; height: 50px; z-index:5; background: url(../assets/bg-bottom.gif); }
.clear								{ clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }

div.spaltelinks 					{ float: left; width: 165px; text-align: left; padding: 0; }
div.spaltemitte 					{ float: left; width: 500px; text-align: left; padding: 0 0 0 10px; margin: 0 0 0 30px; z-index: 10; }
div.spalte		 					{ float: left; width: 770px; text-align: left; padding: 0 0 0 10px; margin: 0 0 0 30px; z-index: 10; }
div.spalterechts 					{ float: right; width: 350px; text-align: left; padding: 0 0 0 0; margin: 0 10px 0 0; }

#oben1								{ float: left; width: 980px; height: 202px; background-image: url(../assets/bg-top-1.gif); }
#oben2								{ float: left; width: 980px; height: 202px; background-image: url(../assets/bg-top-2.gif); }
#oben3								{ float: left; width: 980px; height: 202px; background-image: url(../assets/bg-top-3.gif); }
#oben4								{ float: left; width: 980px; height: 202px; background-image: url(../assets/bg-top-4.gif); }
#oben5								{ float: left; width: 980px; height: 202px; background-image: url(../assets/bg-top-5.gif); }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0; padding: 0;  }
#mittePad							{ margin: 0; padding: 0; text-align: left; }
#untenPad							{ margin: 0; padding: 0; border: 0; }

/* ***** header **********************************************************
*/
#mittePad img	 			{ margin: 0; padding: 10px 0 10px 0; }
#obenPad img.topimage 		{ float: left; margin: 0; padding: 0; border-left: 0px solid #414F3E; border-right: 0px solid #414F3E; }
#logo						{ float: right; padding: 0; margin: 40px 170px 0 0; }

/* ***** navigationsliste horizontal ***********
*/
#navigation						{ float: left; margin: 10px 0 5px 40px; padding: 0; border-top: 0px solid #FFF; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; text-align: left; letter-spacing: 0.03em; }
#navigation ul					{ border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left; }
#navigation ul li				{ display: inline; text-align: left; margin: 0; }
#navigation ul li a				{ padding: 0 15px 0 0; color: #8F9D50; text-decoration: none; font-size: 1.4em; text-align: center; }
#navigation ul li a:hover,
#navigation ul li a:focus		{ color: #710C11;  /*background-color: #FFF; background: url(../assets/menue.gif) no-repeat top center;*/ }

/* navi ausgewaehlt: */
#navigation ul li a.navAktiv	{ /*background: url(../assets/menue.gif) no-repeat top center; */color: #710C11; border-bottom: 0px solid #999; }
#navigation ul ul 				{ float: left; z-index:100; margin:0; padding:0;  /* clear:both; */ display:block; width:auto; }
#navigation ul ul li 			{ padding-top:1px; }

#menue							{ }
#menue:hover					{ background: url(../assets/menue.gif) no-repeat top center; }


/* ***** navigationsliste vertikal *************************************** 
*/
#navigation1						{ float: left; margin: 0; padding: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; letter-spacing:0.2px; }
#navigation1 ul						{ list-style-type: none; text-align: left; margin: 5px 0 10px 15px; padding: 0; }
#navigation1 ul ul					{ margin: 0 0 0 10px; font-weight: normal; }
#navigation1 a						{ clear: both; width: 99%; display: block; text-align: left; margin: 7px 0 0 0; color: #000; text-decoration: none; }
#navigation1 ul li a				{ font-size: 1.2em; }
#navigation1 a:hover,
#navigation1 a:focus				{ color: #414F3E; }

/* navi ausgewaehlt: */
#navigation1 .navAktiv				{ color: #414F3E; }

/* ***** navigationsliste subline ***********
*/	
#subline							{ float: right; margin: 10px 25px 0 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; text-align: left; letter-spacing: 0.2px; }
#subline ul							{ border: 0; padding: 2px 0; list-style-type: none; text-align: right; margin: 0; }
#subline ul li						{ display: inline; text-align: left; padding: 0; margin: 0; }
#subline ul li a					{ padding: 0 4px 0 4px; color: #414F3E; text-decoration: none; font-size: 0.8em; font-weight: normal; }
#subline ul li a:hover,
#subline ul li a:focus				{ color: #000; background-color: #FFF;  }

/* ***** diverses ********************************************************
*/
#oben h1							{ color: #CCC; font-weight: bold; font-size: 1em; font-family: Georgia,"Times New Roman",Times,serif; line-height: 120%; letter-spacing: 1px; }
#oben h1 a							{ color: #CCC; text-decoration: none; }

.spaltelinks h1						{ margin: 45px 0 0 15px; color: #414F3E; font-family: "Trebuchet MS", Helvetica, sans-serif; text-align: left; letter-spacing: 0.05em; font-size: 1.25em; font-weight: bold; }

.spaltemitte							{ color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.spaltemitte h1							{ color: #710C11; font-size: 1.55em; font-weight: bold; line-height: 150%; letter-spacing: 0.7px; margin: 20px 0 10px 0; }
.spaltemitte h2							{ color: #8F9D50; font-size: 1.2em; font-weight: bold; margin: 20px 0 10px 0; line-height: 150%; margin: 5px 10px 0 0; }
.spaltemitte h2 a						{ color: #000; text-decoration: none; }
.spaltemitte h2 a:hover,
.spaltemitte h2 a:focus					{ text-decoration: none; }
.spaltemitte h2 a span					{ }
.spaltemitte h2 a:hover span			{ }
.spaltemitte h3							{ color: #444; font-weight: bold; font-size: 0.7em; font-family: Georgia, "Times New Roman",Times,serif; line-height: 150%; padding: 2px 0 0 0; margin: 0; }

.spaltemitte p						{ color: #000; font-size: 1.1em; line-height: 190%; margin: 0; }
.spaltemitte p							{ }
.spaltemitte p a,
.spaltemitte a,
.spaltemitte ol.comments a  			{ text-decoration: underline; color: #414F3E; font-weight: bold; }
.spaltemitte ul a,
.spaltemitte ol a 						{ }
.spaltemitte td							{ padding: 5px; }
.spaltemitte table						{ margin-left: 40px; }
.spaltemitte p a:hover,
.spaltemitte p a:focus,
.spaltemitte td a:hover,
.spaltemitte td a:focus,
.spaltemitte ol.comments a:hover,
.spaltemitte ol.comments a:focus 		{ text-decoration: none; }
.spaltemitte ul a:hover,
.spaltemitte ul a:focus,
.spaltemitte ol a:hover,
.spaltemitte ol a:focus					{ }

.spaltemitte img						{ padding: 0; border: 0px solid white; }
.spaltemitte ul,
.spaltemitte ol							{ padding: 0 0 4px 35px; margin: 0; }

.spalterechts							{ color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.spalterechts h1						{ color: #710C11; font-size: 1.35em; font-weight: bold; line-height: 150%; letter-spacing: 0.7px; margin: 20px 0 10px 1px; }
.spalterechts h2						{ color: #8F9D50; font-size: 1.2em; font-weight: bold; margin: 20px 0 10px 0; line-height: 150%; margin: 5px 10px 0 0; }
.spalterechts p							{ color: #000; font-size: 1.1em; line-height: 190%; margin: 0; }
.spalterechts p a						{ color: #000; text-decoration: underline; }
.spalterechts p a:hover					{ color: #000; text-decoration: none; }
.spalterechts a img 					{ border: 0; }

.artikel img						{ float: left; }
.artikel #galerie img				{ float: left; }

#unten p							{ margin: 0; padding: 4px 0; color: #000; font-size: 1em; font-weight: bold; }
#unten p a							{ color: #000; text-decoration: none; }
#unten p a:hover					{ color: #000; text-decoration: underline; }

.spalte							{ color: #000; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.spalte h1							{ color: #710C11; font-size: 1.55em; font-weight: bold; line-height: 150%; letter-spacing: 0.7px; margin: 20px 0 10px 0; }
.spalte h2							{ color: #8F9D50; font-size: 1.2em; font-weight: bold; margin: 20px 0 10px 0; line-height: 150%; margin: 5px 10px 0 0; }
.spalte h2 a						{ color: #000; text-decoration: none; }
.spalte h2 a:hover,
.spalte h2 a:focus					{ text-decoration: none; }
.spalte h2 a span					{ }
.spalte h2 a:hover span			{ }
.spalte h3							{ color: #444; font-weight: bold; font-size: 0.7em; font-family: Georgia, "Times New Roman",Times,serif; line-height: 150%; padding: 2px 0 0 0; margin: 0; }

.spalte p						{ color: #000; font-size: 1.1em; line-height: 190%; margin: 0; }
.spalte td							{ padding: 5px; }
.spalte table						{ margin-left: 40px; }

/* ***** standards *******************************************************
*/
small								{ font-size: 1em; }


/* ***** formulare *******************************************************
*/
label								{ display: block; float: left; width: 130px; padding: 5px 0 0 0; margin-bottom: 5px; clear: left; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
input								{ display: block; float: left; margin: 5px; }
form								{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
input,
textarea							{ padding: 0 2px; color: #333; font-style: normal;  }
.input								{ float: right; }
.csc-mailform						{ border: 0px; }
.csc-mailform-field					{ clear: both; padding: 1px 0 0 35px; margin: 3px 0 0 0; font-size: 12px;}
.csc-mailform-submit				{ margin: -30px 0 0 0; color: #3A3B48; background: url(../assets/submit.gif); padding: 2px 0 0 0; width: 110px; }
div.csc-mailform-field				{ margin: 5px 0 0 0; padding: 0 0 0 25px; }
#mailformFirma						{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformVorname					{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformNachname					{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformStrasse					{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformOrt						{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformPostleitzahl				{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformtelefon					{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformtelefax					{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformfrom_email					{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }
#mailformTextfeld					{ border: 0px solid #333333; border-bottom: 1px solid #BCBFC0; background-color: #FFF; }

#iframe								{ margin: 10px 0 0 25px; width: 620px; height: 500px; border: 0px; }


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

.artikel { border:0; padding:0; margin:0; }
/* .rahmen { padding:0; margin:0; border: 1px solid #414F3E; } */
.rahmen { padding:0; margin:0; border: 0px solid #DDD; }

/*
border-bottom:1px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #B1B1B1; 
*/