/* *****   ein schickes stylesheet fuer A R T E V O             **********
   *****   hier die styles fuer die normale ansicht             **********
   *****   fuer browser > netscape4                             **********
*/


/* ***** die farben: *****************************************************
weiss          #FFF;
mediumgrau     #A8A8A8;
bordergrau     #333;
schriftgrau    #444;
schwarz        #000;
gruen          #005E65;
*/


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

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


/* ***** uebergreifendes ... *********************************************
*/
html								{ background: #989D99 url(../images/bg-mantel04.gif) top center; }
body								{ padding: 0; margin: 0; /* background: url(../images/bg-body02.gif) repeat-x top center; */
									  font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: center; 
									  line-height: 120%; /* line-height: hack gg. IE peek-a-boo bug => dracos.co.uk */ }
#mantel								{ position: relative; margin: 0 auto; padding: 0; /* background: white url(../images/bg-mantel03.gif) repeat-y; */ width: 952px; text-align: left; }
#mantelPad							{ margin: 0; padding: 0; /* background: url(../images/bg-mantel02.gif) no-repeat; */ }
#mantelBg							{ /* background: url(../images/bg-mantelBg.gif) repeat-y; min-height: 3000px; height: 10000px; */ }


/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben								{ height: 323px; background: url(../images/header/rotate.php) no-repeat 24px 0px; }
#links								{ float: left; width: 257px; overflow: hidden; }
#mitte								{ float: left; width: 637px; overflow: hidden; }
#standardMinus #mitte				{ float: left; /* position: relative; */ margin-top: -163px; width: 637px; overflow: hidden; }
#unten								{ position: fixed; bottom: 0px; left: 0px; z-index: 10; margin: 0; padding: 0; width: 100%; border-top: 1px solid #DDD; background: white; /* width: 929px; */ }
.clear								{ clear: both; padding: 1px; /* padd.: hack, um das bg des wrappers darzustellen, thx eric => meyerweb.com */ }
#cache								{ position: absolute; top: -100px; left: -100px; width: 10px; }


/* ***** global padding **************************************************
*/
#obenPad							{ margin: 0; padding: 1px 0; text-align: left; background: url(../images/bg-news-neu.gif) 24px 145px no-repeat; }
#linksPad							{ margin: 2px 24px; padding: 0; text-align: left; }
#mittePad							{ margin: 0; padding: 20px 0 55px 0; text-align: left; border-bottom: 3px double #DDD; }
#untenPad							{ margin: 0; padding: 0 1px; text-align: center; }


/* ***** navigationsliste horizontal *************************************
*/
#navigationH						{ position: absolute; top: 151px; left: 61px; z-index: 6; width: 740px; margin: 0; padding: 0; }
#navigationH ul						{ border: 0; margin: 0 0 0 186px; padding: 0; list-style-type: none; text-align: left; }
#navigationH ul li					{ display: block; float: left; text-align: left; padding: 0; margin: 0; border-right: 1px solid #DDD; }
#navigationH ul li a				{ padding: 0 12px 0 12px; font-size: 12px; color: #222; text-decoration: none; border-right: 1px solid #777; }
#navigationH ul li a:hover,
#navigationH ul li a:focus			{ color: #005E65; }
#navigationH a.navAktiv				{ color: #005E65; font-weight: bold; }


/* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au )
*/
#navigationV						{ width: 150px; margin: 26px 0 0 25px; padding: 0; }
#navigationV ul						{ list-style-type: none; font-size: 12px; line-height: 160%; margin: 0; padding: 0; border-bottom: 1px solid #8C8C8C; }
#navigationV a						{ width: auto; display: block; padding: 1px 5px 1px 10px; margin: 0; color: #222; border-top: 1px solid #8C8C8C; border-bottom: 1px solid #B8B8B8; text-decoration: none; }
#navigationV ul ul					{ border: 0; }
#navigationV ul ul a				{ padding: 1px 5px 1px 10px; margin: 0 0 0 10px; color: #444; }
#navigationV a:hover,
#navigationV a:focus				{ background: #B1B1B1; color: #005E65; border-top: 1px solid #8C8C8C; }
/* navi ausgewaehlt: */
#navigationV a.navAktiv				{ background: #B1B1B1; color: #005E65; border-top: 1px solid #8C8C8C; font-weight: bold; }
#navigationV ul ul a.navAktiv		{ background: #A8A8A8; color: #005E65; border-top: 1px solid #8C8C8C; font-weight: normal; }
#navigationV a.navAktiv:hover		{ border-top: 1px solid #8C8C8C; } 


/* ***** diverses ********************************************************
*/
#logo								{ position: absolute; top: 61px; left: -44px; height: 138px; width: 136px; z-index: 5; }

#news								{ width: 904px; margin: 143px 24px 0 24px; padding: 0; height: 168px; background: url(../images/bg-news-plus.gif) no-repeat; border-top: 1px solid #1D1E27; }
#newsMinus							{ width: 904px; margin: 143px 24px 0 24px; padding: 0; height: 168px; border-top: 1px solid #1D1E27; }

#content							{ }
#content h1							{ color: #333; /* background-color: #A8A8A8; */ font-weight: bold; font-size: 16px; line-height: 150%; padding: 0; letter-spacing: 1px;  margin: 20px 0 4px 0; }
#content h2							{ color: white; background-color: #A8A8A8; font-weight: bold; font-size: 13px; line-height: 150%; padding: 0 3px; margin: 20px 0 4px 0; }
#content h2 a						{ color: white; background-color: #A8A8A8; text-decoration: none; }
#content h2 a:hover,
#content h2 a:focus					{ text-decoration: none; }
#content h3							{ color: #444; font-weight: bold; font-size: 14px; line-height: 150%; padding: 5px 0 0 0; margin: 0; }

#content p,#content					{ color: #333; font-size: 12px; line-height: 145%; padding: 4px 0; margin: 0; }
#content p							{ }
#content p.indent					{ padding: 0 0 8px 25px; }
#content p a,
#content td a,
#content ol.comments a  			{ text-decoration: underline; color: #005E65; }
#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 		{ text-decoration: none; }
#content ul a:hover,
#content ul a:focus,
#content ol a:hover,
#content ol a:focus					{ }

#content img						{ margin: 7px 0; }
#content ul,
#content ol							{ padding: 0 0 4px 30px; margin: 0; }

/* #content table						{ width: auto; border-collapse: collapse; margin: 4px 1px; padding: 0; font-size: 12px; } */
#content table.chiptuning			{ width: 636px; border-collapse: collapse; margin: 4px 1px; padding: 0; font-size: 12px; }
#content .chiptuning td				{ border: 1px solid #A8A8A8; padding: 2px 5px; }
#content .chiptuning th				{ background: #E8E8E8; border: 1px solid #A8A8A8; padding: 2px 5px; }
/*
#content table.imgtext-table td		{ border: 0; padding: 0; }
#content table.imgtext-table		{ width: auto; margin: 0; }
#content table.imgtext-nowrap td	{ border: 0; padding: 0; }
#content table.imgtext-nowrap		{ width: auto; margin: 0; }
*/

/* die dropdowns */
/* #auswahlfeld						{ width: 150px; padding: 0px; margin: 15px 0 0 25px; float: left; clear: left; } */
#oben  #auswahlfeld					{ position: absolute; top: 180px; left: 25px; z-index: 4; width: 150px; padding: 0px; margin: 15px 0 0 25px; }
       #auswahlfeld select			{ color: #333: padding: 0; margin: 0 0 4px 0; font-size: 10px; border: 1px solid #333; width: 150px; cursor: pointer; }
       #auswahlfeld input			{ float: right; font-size: 10px; border: 1px solid #333; cursor: pointer; }
       #auswahlfeld a 				{ color: #005E65; }
       #auswahlfeld p 				{ color: #222; font-size: 12px; margin: 0; padding: 0 0 8px 7px; }
       #auswahlfeld br				{ display: none; }
       #auswahlfeld .uppercase 		{ font-weight: bold; text-transform: uppercase; }
#mitte #auswahlfeld select			{ margin: 0 6px 6px 0; }
#mitte #auswahlfeld input			{ float: left; width: 40px; font-weight: bold; font-size: 10px; }
#mitte #auswahlfeld p 				{ padding: 0 0 8px 0; }

/* das laufband 
marquee 							{ float: right; width: 535px; margin: 20px 30px 0 0; }
marquee div#teaser 					{ }
marquee div#teaser div.teaser 		{ float: left; margin: 0 0 0 0; width: 125px; }
marquee div#teaser div.teaserimg 	{ float: left; margin: 0 20px 0 0; border: 1px solid #A8A8A8; }
marquee div#teaser h4				{ color: white; background: #A8A8A8; font-weight: bold; font-size: 12px; line-height: 150%; padding: 0 3px; margin: 0; }			
*/

/* div#teaser 							{ float: right; width: 636px; margin: 19px 34px 0 0; } */
div#teaser 							{ position: absolute; top: 200px; left: 258px; z-index: 3; width: 670px; }
div#teaser div.teaser 				{ float: left; margin: 0; /*width: 115px;*/ }
div#teaser div.teaserimg 			{ float: left; margin: 0 8px 0 0; /*border: 1px solid #A8A8A8;*/ }
div#teaser h4						{ color: white; background: #A8A8A8; font-weight: bold; font-size: 12px; line-height: 150%; padding: 0 3px; margin: 0; }			

#content div#teaser img				{ margin: 0; padding: 0; }


/* bremsanlagen sprungliste */
#content ul.sprungliste				{ list-style-type: none; float: none; clear: both; padding: 0 0 0 23px; margin: 0; }
#content ul.sprungliste li			{ display: block; width: 105px; background: #EEE; height: auto; float: left; margin: 5px 5px; padding: 1px 0 1px 5px; }
#content ul.sprungliste a			{ }
#content table.bremsen				{ margin-top: 25px; }
#content table.bremsen td			{ padding: 2px 4px; }
#content table.bremsen tr.head		{ background: #E8E8E8; }
#content table.bremsen tr.zeile1	{ background: #F6F6F6; }
#content table.bremsen tr:hover		{ background: #EFF5F5; color: #005E65; }

/* tabelle chiptuning */
#content table.chiptuning td		{ border: 1px solid white; padding: 2px 5px 0 5px; }
#content table.chiptuning .tabelle td { border: 1px solid #A8A8A8; padding: 2px 5px; }



/* #artikel img						{ float: right; } */
#artikel #galerie img				{ float: left; }

#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: 6px 0 5px 0; color: #777; font-size: 11px; letter-spacing: 1px; }
#unten p a							{ padding: 0 6px; color: #777; text-decoration: none; }
#unten p a strong					{ color: #333; }


/* ***** standards *******************************************************
*/
small								{ font-size: 10px; }
a									{ color: #005E65; }
.bodytext img,
.bodytext a img						{ border: 0; }


/* ***** formulare *******************************************************
*/
form								{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
fieldset							{ border: 0; }
input,.csc-mailform select			{ padding: 1px 2px; color: #333; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }
.csc-mailform label					{ width: 135px; display: block; float: left; clear: left; }
.csc-mailform input,
.csc-mailform textarea				{ background: #F8F8F8; border: 1px solid #333; width: 270px; margin: 1px 0; padding: 1px 2px; color: #333; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 11px; }
.csc-mailform textarea				{ width: 270px; height: 120px; }
.csc-mailform select				{ background: #F8F8F8; border: 1px solid #333; width: 100px; margin: 1px 0; }
input.csc-mailform-submit			{ width: 110px; margin-top: 10px; cursor: pointer; }
.csc-mailform select:hover,
.csc-mailform select:focus,
.csc-mailform input:hover,
.csc-mailform input:focus,
.csc-mailform textarea:hover,
.csc-mailform textarea:focus		{ background: #EFF5F5; color: #005E65; }


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


/* ***** 14-11-2007 martin niggemann, www.weltrettung.org ****************
*/