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


/* ***** die farben: *****************************************************
magenta        #F0F;
*/


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

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


/* ***** uebergreifendes ... *********************************************
*/
html								{ }
body								{ padding: 0; margin: 0; background: white url(../images/bg-kaestchenGrau.gif);
									  font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: left; color: black; line-height: 150%; /* line-height: hack gg. IE peek-a-boo bug => dracos.co.uk */ }
#start								{ display: none; }
#mantel								{ margin: 0 0 0 22px; padding: 0; width: 867px; text-align: left; }
#mantelPad							{ margin: 0; padding: 0; background: white url(../images/bg-kaestchenMagenta-spalteR.gif) repeat-y top right; }




/* ***** startseite, page-id 15 ******************************************
*/
body#id15							{ background: white url(../images/bg-kaestchenStart.gif); }
body#id15 #content					{ height: 549px; }
body#id15 #start					{ display: block; position: absolute; top: 263px; left: 174px; width: 560px; z-index: 100; }
body#id15 #startLinks				{ float: left; width: 281px; }
body#id15 #startRechts				{ float: left; width: 259px; height: 165px; background: #F5F5F5; }
body#id15 #startRechts .teaser		{ overflow: hidden; padding: 0 0 0 65px; height: 78px; background: #F5F5F5 url(../images/bullets-teaserGross.gif) no-repeat 29px 16px; }
body#id15 #startRechts .teaser a	{ color: black; font-weight: bold; text-decoration: none; padding: 0 0 0 10px; background: url(../images/bullet-gray.gif) no-repeat 1px 4px; }
body#id15 #startRechts .teaser h4	{ color: black; font-size: 11px; line-height: 140%; padding: 14px 0 0 0; margin: 0; font-weight: bold; }
body#id15 #startRechts .teaser p	{ color: black; font-size: 11px; line-height: 140%; padding: 0; margin: 0; }
body#id15 #rechts .teaser			{ display: none; }
body#id15 #obenPad					{ background: white url(../images/bg-headerStart.gif) no-repeat top right; }
body#id15 #mantelPad				{ height: 1%; background: white url(../images/bg-kaestchenStart-spalteR.gif) no-repeat 100% 0%; }


/* ***** global positioning **************** ( via MT3.1 => sixapart.com ) 
*/
#oben								{ }
#links								{ float: left; width: 220px; overflow: hidden; }
#mitte								{ float: left; width: 475px; overflow: hidden; }
#rechts								{ float: right; width: 163px; 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: 0; padding: 1px 0 0 0; height: 75px; text-align: left; background: white url(../images/bg-header.gif) no-repeat top right; }
#linksPad							{ margin: 0; padding: 2px; text-align: left; background: white; }
#mittePad							{ margin: 0; padding: 2px; text-align: left; background: white; }
#rechtsPad							{ margin: 0; padding: 0; text-align: left; }
#untenPad							{ margin: 0; padding: 0; text-align: left; background: white; }


/* ***** navigationsliste vertikal *********** ( => css.maxdesign.com.au )
*/
#navigation							{ width: 100px; margin: 0 0 10px 0; padding: 10px 0 0 10px; }
#navigation ul						{ list-style-type: none; color: #999; font-size: 11px; line-height: 160%; margin: 0 0 0 1px; padding: 0 0 0 1px; }
#navigation a						{ background: url(../images/bullet-gray.gif) no-repeat 1px 8px; width: 99%; display: block; padding: 2px 5px 2px 14px; margin: 1px 0 0 0; color: black; text-decoration: none; }
#navigation ul ul					{ padding: 0 0 0 12px; }
#navigation ul ul a					{  }
#navigation a:hover,
#navigation a:focus					{ background: url(../images/bullet-magenta.gif) no-repeat 1px 8px; color: #F0F; }
/* navi ausgewaehlt: */
#navigation a.navAktiv				{ background: url(../images/bullet-magenta.gif) no-repeat 1px 8px; color: #F0F; font-weight: bold; }
/* a.navAktiv:hover					{ cursor: default; } */


/* ***** diverses ********************************************************
*/
#oben p								{ color: white; padding: 10px 0; margin: 0; text-align: right; width: 671px; }
#oben a								{ color: black; padding: 0 5px; text-decoration: none; }
#oben a.navAktiv					{ color: #F0F; font-weight: bold; }

#content							{ }
#content h1							{ color: black; font-weight: bold; font-size: 12px; font-family: Arial,Helvetica,sans-serif; line-height: 150%; letter-spacing: 1px; padding: 5px 0 0 0; margin: 0; }
#content h2							{ color: #444; font-weight: bold; font-size: 24px; font-family: Arial,Helvetica,sans-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: Arial,Helvetica,sans-serif; line-height: 150%; padding: 5px 0 0 0; margin: 0; }

#content p,#content					{ color: black; font-size: 11px; line-height: 150%; padding: 4px 0; margin: 0; }
#content p							{ margin: 0; padding: 2px 16px 2px 0; }
#content p.grau						{ background: #E0E0E0; margin: 2px 20px 2px 0; padding: 5px 7px; }
#content p.indent					{ padding: 0 0 8px 25px; }
#content a,
#content td a,
#content ol.comments a  			{ text-decoration: underline; color: black; }
#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						{ border: 0; margin: 0; padding: 0; }
.csc-textpic-imagewrap				{ margin: 10px 0; } 
/* MH: ersetzt .csc-textpic-imagewrap				{ margin: 15px 0; } */
#content ul,
#content ol							{ padding: 0 0 4px 35px; margin: 0; }

.contenttable						{ width: 470px; }
.contenttable caption				{ background: #F2F2F2; font-weight: bold; font-size: 12px; letter-spacing: 1px; text-align: center; margin: 0 2px; padding: 10px; }
.contenttable td					{ background: #F2F2F2; padding: 10px; vertical-align: top; }
.contenttable td-0					{ width: 160px; }

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

/* news */
#content .csc-menu					{ width: 440px; border-top: 1px solid #999; }
#content .csc-menu dt				{ text-align: right; padding: 5px 0 0 0; }
#content .csc-menu dt a				{ text-align: left; float: left; display: block; width: 350px; font-weight: bold; text-decoration: none; }
#content .csc-menu dd				{ padding: 0 140px 5px 0; margin: 0; border-bottom: 1px solid #999; }
#content .csc-menu dd div.more		{ display: block; text-align: right; position: relative; margin: 0 -139px 0 0; }
#content .csc-menu dd div.more a,

/* link mit bullet */
#content .zurueck a,
         .zurueck a,
#content a.download,
#content p.grau	a.internal-link,
#id11 #content .csc-textpic p a		{ color: black; font-weight: bold; text-decoration: none; padding: 0 0 0 10px; background: url(../images/bullet-gray.gif) no-repeat 1px 4px; }

#content div.datum					{ float: left; padding: 5px 0; }
#content div.zurueck				{ float: right; padding: 5px 20px; }

/* vertrieb */
#content .csc-textpic h1			{ color: black; font-weight: bold; font-size: 11px; font-family: Arial,Helvetica,sans-serif; line-height: 150%; letter-spacing: 0px; padding: 2px 0 4px 0; margin: 0; }
.rahmen5							{ border-top: 1px solid #999; width: 440px; padding: 5px 0; }
.rahmen6							{ border-bottom: 1px solid #999; width: 440px; padding: 5px 0; }
.rahmen7							{ border-top: 1px solid #999; width: 440px; padding: 5px 0; border-bottom: 1px solid #999; }
#id9 #content .csc-textpic a		{ text-decoration: none; }

.teaser h4							{ color: black; font-size: 11px; line-height: 140%; padding: 13px 0 0 0; margin: 0; font-weight: bold; }
.teaser p							{ color: black; font-size: 11px; line-height: 140%; padding: 0; margin: 0; }
.teaser a							{ color: black; font-weight: bold; text-decoration: none; padding: 0 0 0 10px; background: url(../images/bullet-gray.gif) no-repeat 1px 4px; }
.teaser								{ height: 88px; margin: 0; padding: 0 4px 0 33px; background: white url(../images/bullets-teaser.gif) no-repeat 13px 16px; }

#unten .footermenu					{ float: left;  margin: 0; padding: 5px 35px 3px 14px; width: auto; background: white; }
#unten .copyright					{ float: right; margin: 0; padding: 5px 38px 3px 8px;   width: auto; background: white; }
#unten p							{ margin: 0; padding: 4px 0; font-size: 11px; color: white; }
#unten p a							{ color: #333; text-decoration: none; }
#unten .copyright p					{ color: #333; }


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


/* ***** formulare *******************************************************
*/
form								{ display: inline; } /* fuer IE, um umbruch zu vermeiden */
fieldset							{ border: 0; padding: 0; margin: 0; }
label								{ float: left; clear: both; width: 145px; }
input,
textarea							{ width: 300px; margin: 2px 0; border: 1px solid #999; padding: 2px; color: #333; font-style: normal; font-family: Arial,Helvetica,sans-serif; font-size: 11px;  }
textarea							{ height: 150px; }
input.csc-mailform-submit			{ color: black; border: none; width: 80px; margin-left: 382px; font-weight: bold; padding: 4px 0 4px 0; background: white url(../images/bullet-gray.gif) no-repeat 3px 9px; }

body#id5 a							{ text-decoration: none; }
div.csc-mailform-label				{ padding: 10px 0; }


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


/* ***** 02-05-2007 martin niggemann, www.weltrettung.org ****************
   ***********************************************************************
*/












/* ***** scrollkram fuer glossar + faq ***********************************
*/
/* glossar-faq */
iframe								{ margin: 15px 0; float: right;  }
.iframe								{ background: #F2F2F2; }
.iframe .artikel					{ margin: 0; padding: 0 10px; height: 450px; }
.iframe .artikel h1					{ font-size: 10px; letter-spacing: 0; }

#content ul#navliste				{ list-style-type: none; padding: 0 5px 10px 5px; width: 120px; }
#content ul#navliste li				{ padding: 5px 0; }
#content ul#navliste a				{ text-decoration: none; font-weight: bold; }

/* Styles for scrolling layers and scrollbars  */
div#holder1 { 
  background: #F2F2F2;
/* position:absolute; left:242px; top:82px; */
  position:relative; left:0px; top:15px; float: left;
  width:150px; height:400px; 
  overflow:hidden; z-index:100 }
div#wn1  { 
  position:absolute; left:0; top:0;
  width:220px; height:400px; 
  clip:rect(2px, 150px, 396px, 0); 
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr1 { width:150px }
div.content { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:1 
  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; visibility:hidden;
  left:134px; top:4px;
  width:11px; height:392px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:368px;
  background: url("/images/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#BBB;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  

/* div#holder2	{ 
	position:absolute; 
  left:320px; top:60px;
	width:150px; height:180px; 
  overflow:hidden; z-index:101
	}
div#wn2	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:130px; height:155px; 
	clip:rect(0px, 130px, 155px, 0px); 
	overflow:hidden; z-index:1; 
	} */

table#imgTbl td { vertical-align:middle; text-align:center }

/* vertical scrollbar for wn2 
div#scrollbar2 { 
  position:absolute; visibility:hidden;
  left:130px; top:0;
  width:11px; height:140px; 
  font-size:1px; z-index:2
  }
div#track2 { 
  position:absolute; left:0; top:12px;
  width:11px; height:116px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }  
div#up2 { position:absolute; left:0; top:0; z-index:2 }  
div#down2 { position:absolute; left:0; bottom:0; z-index:3 } */    
  
/* Horizontal scrollbar for wn2 
div#scrollbar3 { 
  position:absolute; visibility:hidden;
  left:0; top:150px;
  width:130px; height:11px;
  font-size:1px; z-index:3
  }
div#track3 { 
  position:absolute; left:12px; top:0;
  width:106px; height:11px; 
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar3 {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; 
  background-color:#ceced6; z-index:1
  }  
div#left3 { position:absolute; left:0; top:0; z-index:2 }  
div#right3 { position:absolute; right:0; top:0; z-index:3 }  */