/* FARBCODES
blau: 1B4F80
orange: #E75A26
hellgelb: fbf096
pastell: FCFAEC

blau: #003377

Farbschema 01
weiss
hellgrün: #6BCE5A
mittelgrün: #29B529
gelb: #FFE752
orange: #FFB500
ocker: #FFD05E
mittelblau: #0048FF
hellblau: #00C8FF
rot: #FF3900
dunkelrot: #DE3200

dunkelgrün: 035003
orange: FF6600




	hellgrün: #DBF6BB; 
	mittelgrün:#BADE94; Grün Monitor-Hintergrund
      dunkelgrün:#6E8061   #6A8D5C

*/

/*------------------------------------------------------
© 2007 Hartmut Pfeiffer 
------------------------------------------------------*/

BODY { 
	font-family: Verdana, Arial, Times, sans-serif; 
	font-size: 12px; 
	color: #A3C979;
	color: #035003;
	margin:0px; padding:0px;
	background: url(images/bg_kachel.jpg);
}

A { 
	color: #009900; 
	text-decoration: none; 
}
A:hover { 
	color: #006600;
	background-color: yellow;
	text-decoration: none; 
padding: 1px 0;
}
A:active { 
	color: lime;
}

a.img_link {
	cursor:pointer
}
a:hover.img_link {
	background: transparent;
	padding: 0;
}

BR.clearfloat { 
	clear:both;
line-height:1px;
margin:0;
padding:0; 
}
HR.clearfloat, LI.clearfloat  { 
	clear:both; 
}

.box {
	position: absolute;
	top: 89px;
	width: 1004px;
	left: 47%;
	margin-left: -502px;
}
     * html .box { top: 90px; }
     *:first-child+html .box { top: 90px;}

/*------------------------------------------------------
### Header
------------------------------------------------------*/

.header_frame { 
	height:126px;
	border-bottom: 6px solid #153300;
	background: url(images/bg_stereo_fk_half.jpg) repeat-x center 0px #66BB50;
}
     * html .header_frame { height:132px; }
     *:first-child+html .header_frame { height:132px; }


  .headerImg { 
	padding-top: 0px; 
	margin-top: 11px; 
	float:left;
  }

  .headline { 
/*
		font: italic normal bold 26px normal;
		font-family: Verdana; 
		color:#00cc00;
		color:#DBF6BB; pastellhellgrün
		color:#7BC143;
		color:#FFE752;
		color:#5FAA3E; lindgrün
		color:lime;
		color:#035003;
		font-size: 31px; 
		font-style: normal;
		font-weight: 900; 
		padding:10px 30px;
		background: #DBF6BB;
		background: #232323;
		background:#ff3300;
		background: #153300; dunkelgrün
		background: #006892; blau
		background: #035003; mitteldunkelgrün
*/
	float:left;
	margin-top: 20px; 	
	width:304px;
	height:54px;
	border: 1px solid gray;
	border-bottom: 2px groove black;
	border-right: 2px groove black;
	background: url(images/logo.gif) no-repeat center center; 
	background: url(images/logo_blue.gif) no-repeat center center; 
	background: url(images/logo_bluegreen.gif) no-repeat center center; 
	background: url(images/logo_gold.gif) no-repeat center center; 
	background: url(images/logo_sky.gif) no-repeat center center; 
	background: url(images/logo_green_green.gif) no-repeat center center; 
}

/*------------------------------------------------------
### Footer
------------------------------------------------------*/


    #index_footer { margin:4px 140px 0px 140px; padding:20px 0 20px 0; height: 1%; }
    #index_footer .box_left { float:left; margin:8px 0px 0px 0px; padding:0; width: 150px; font-size:9px; }
    #index_footer .box_right { float:right; text-align:right; margin:8px 0px 0px 0px;padding:0; width: 180px; font-size:9px; }

    #index_footer img { float:left; border:0; margin:0 2px; padding:0; }
    #index_footer a { padding:0; }

/*.img_css { float:right; border:0; height:31px; margin:-5px 0 0 10px; }*/


/*------------------------------------------------------
Column Right
------------------------------------------------------*/

.column_right {
	position: absolute;
	top: 110px;
	width: 150px;
	left: 85%;
	overflow:hidden;
}

.infobox_top { 
margin:0;
	margin-top:10px; 
	background: url(images/bg_column_bottom.gif) no-repeat bottom transparent; 
}
.infobox_bottom {
	padding: 12px;
	font-size: 10px;
	background: url(images/bg_column_right.gif) no-repeat top transparent; 
}

/*------------------------------------------------------
Monitor-Hintergrund  -- innerhalb von .box
------------------------------------------------------*/

.infoTop {
	width:802px;
	margin:0 100px;
	background:url(images/bg_box_head_smaragd.gif) top center no-repeat;
	height:42px;
}

.infoBody{
	width:1004px;
	/*margin-left: 100px;  !!!!!!!!!!! */
	background: url(images/bg_moss_7.jpg) repeat-y center #153300; /*Hecke*/
}
     * html .infoBody { height: 1%; background-position: -138px } /* ########### MSIE Guillotine Bug ########### */
     *:first-child+html .box { height: 1%; background-position: -138px }

.infoBottom{
	width:1004px;
	background: url(images/bg_moss_7.jpg) repeat-y center #153300; /*Hecke*/
	height:0px;
}


/*------------------------------------------------------
Monitor -- innerhalb von .infoBody
------------------------------------------------------*/

/*Standard-Info-Texte im Monitor. Abstände+Rahmen*/
.monitor {
	display:block; 
	margin:0 120px 0px 120px;
	padding:10px 19px 20px 19px;
	background: url(images/watermark_green.gif) no-repeat bottom right transparent; 
border-bottom:1px dashed #035003;
height:1%;
}

h1 {
	font-variant:small-caps;
	letter-spacing:1pt;
	font-style: italic;
	border-bottom:1px dashed #035003;

color: #FF6600; /* orange */
color: #CC9933; /* hellbraun*/
color: #6E8061; /* hellgrau */
	font-size:20px; 
	line-height: 1.2; 
	font-weight:bold; 
	text-decoration:none; 
	text-align: center; 
	padding: 0px 0px 3px 0px; 
	margin: 0px -10px 15px -10px; 
}
h2 {
	font-size: 13px; 
	font-weight:bold; 
	margin:8 0 px; 
	padding:10px 0 0 0; 
}

.smallText {
	line-height: 12px; /* ---------##############################-----------------*/
	font-size: 10px; 
}

.serendipity_title {
	font-variant:small-caps;
	font-size:11pt;
	letter-spacing:2pt;
	font-style: italic;
	font-weight:bold;
	padding-top: 16px;
	padding-bottom:8px;
	border-top:1px dashed #cdcdcd;
}


p {
	line-height: 18px; 
	text-align: justify; 
	margin:8 0 8 0px; 
}
td {
	font-size: 12px; 
	color: #035003;
}
.zitat {
	font-size:13px; 
	font-variant:small-caps;
	font-style: italic;
	font-weight:normal; 
	color: #6E8061;
	text-align:center;
	width: px;
	margin: 20px auto 20px auto ; 
	padding: 3px 0px; 
	border-top:1px dashed #035003;
	border-bottom:1px dashed #035003;
}

.shout {
	font-style:italic;
	padding:10px; 
	margin:28px auto 0 auto; 
	background: #ffffcc;
	text-align:center;
	border: 1px solid silver;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
}

.horizline { 
	width:600px;
	margin:24px 0 24px 40px;
	border:0;
}

/* li {margin-left:-20px; text-align:left; } */

input.cssButton, a.cssButton  {
	display:block; 
	float:left;
	font-size: 11px;
	font-weight:normal; 
	color: #035003;
	text-align:center;
	white-space: nowrap;
	margin:5px 5px;
	padding:2px 8px 3px 8px;
	background: #ede5af;
	background: url(images/bg_button.gif) repeat-x 0px -3px white; 

	border-top: 1px solid #FFEEC2;
	border-left: 1px solid #FFEEC2;
	border-bottom: 1px solid #C9B68C;
	border-right: 1px solid #C9B68C;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
}
     * html a.cssButton { width:28px; }
     *:first-child+html a.cssButton {width:28px; }

a.cssButton {padding:3px 8px 4px 8px;}



input:hover.cssButton, a:hover.cssButton  {
	margin:5px 5px;
	padding:3px 7px 2px 9px;
	background: #E3E097;
	background: url(images/bg_button_hover.gif) repeat-x 0px -3px white; 
	border-top: 1px solid #C9B68C;
	border-left: 1px solid #C9B68C;
	border-bottom: 1px solid #C9B68C;
	border-right: 1px solid #C9B68C;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
}
a:hover.cssButton {padding:4px 7px 3px 9px;}

input:active.cssButton, a:active.cssButton  {
	color: lime;
	margin:5px 5px;
	padding:0px 6px 1px 6px;
	/*background: url(images/bg_button.gif) repeat-x 0px -3px white;*/
	background: #DBF6BB;
	border:3px solid lime;
}
a:active.cssButton {padding:1px 6px 2px 6px;}

/*------------------------------------------------------
INPUT+Pulldown-Menüs etc.
------------------------------------------------------*/

FORM { display: inline; /*verhindert den Absatz hinter dem Form-Befehl*/ }

TEXTAREA, INPUT, SELECT {
	font-size: 11px;
	color: #035003;
	background: #DBF6BB;
}

/*------------------------------------------------------
Fehler/Erfolgs -Meldungen
------------------------------------------------------*/

div.error {
	width:500px;
	color: #E03629;
	font-weight: bold;
	background: yellow;
	text-align: center;
	padding:6px 10px;
	margin: -6px auto 12px auto;
	border: 1px solid gray;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}
div.success {
	width:500px;
	font-weight: bold;
	background: #DBF6BB;
	background: lime;
	text-align: center;
	padding:6px 10px;
	margin: -6px auto 12px auto;
	border: 1px solid gray;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

/*----------------------------------------------------------------------------------------
### Home 
----------------------------------------------------------------------------------------*/
#home img { float:left; margin:-5px -15px 5px -15px; }
#home h2 { 	font-size:18px; 
	line-height: 1.2; 
	font-weight:bold; 
	font-style: italic;
	text-align:center; 
	/*color: #FF3900;*/ 
	margin:40px 0px 0px 280px; 
	padding: 10px 20px; background-color:#FFE752;
}
#home .player {
	float:right;
	width:440px; 
	margin-left: 20px;  
}

/*----------------------------------------------------------------------------------------
### grundlagen 
### E-Mobil 
### Typen
### Friends
### Reichweite
### Akkumulatoren
### Spirituelles
----------------------------------------------------------------------------------------*/
#grundlagen li { margin:5px 20px 15px 0px; text-align: justify; line-height: 17px; }

#grundlagen br, 
#spirituelles br { line-height: 5px } 

#grundlagen p.showItem {
	font-size: 10px;
	background: #DBF6BB;
	padding: 6px 6px 6px 6px; 
	border: 2px solid silver;
border-right: 2px solid white;
border-bottom: 2px solid white;
}


#grundlagen img, 
#emobil img, 
#typen img, 
#reichweite img,
#akkumulatoren img,
#spirituelles img,
#friends img { 
	float:left; width:340px; margin: 5px 20px 5px 0; border: 6px double gray;padding:0 
}
#grundlagen img.img_right, 
#emobil img.img_right, 
#typen img.img_right, 
#reichweite img.img_right,
#akkumulatoren img.img_right,
#spirituelles img.img_right,
#friends img.img_right { 
	float:right; margin: 5px 0 5px 20px; 
}

img.mouseover { width:640px; border: 0;}

#friends img.smilie {
	width:15px;
	height:15px;
	border:0;
	float:none;
	margin:0; 
	vertical-align:middle; 
}

#akkumulatoren table {
	border-collapse: collapse;
	border-right: 2px ridge silver;
	border-bottom: 2px ridge silver;
}
#akkumulatoren td {
	width: 150px;
	white-space: nowrap;
	text-align:right;
	margin:0;
	padding: 8px 9px;
	background-color: #DBF6BB;
	border-right: 1px ridge silver;
	border-bottom: 1px ridge silver;
}
#akkumulatoren td.col1 {
	width: 230px;
	text-align:left;
}


/*----------------------------------------------------------------------------------------
### cartable
----------------------------------------------------------------------------------------*/

#cartable a { 
	color: #035003;
	font-size:11px;
	font-weight:bold;
}
#cartable a:hover { 
	color: #006600;
	background-color: yellow;
	text-decoration: none; 
	padding:0;
}

#cartable hr {
 font-size:6px
background-color:transparent;
	border:0;
	border-bottom:1px solid silver;
	margin-top:5px;
	margin-bottom:5px;
}

#cartable img {
	width:90px;
	border:0;
}

#cartable table { width:730px; table-layout:fixed; border-collapse: collapse; }

#cartable tr.hell { background: #E7FFD7; border-bottom: 8px solid #BADE94; }
#cartable tr.dunkel { background: #DBF6BB; border-bottom: 8px solid #BADE94; }


#cartable td {
	padding: 7px;
 	font-size:9px;
border-bottom: 5px solid #BADE94;
}

#cartable td.column1 { width:105px; text-align:center; }
     * html #ladehalte td.column1 { width: 131px; }
     *:first-child+html #ladehalte td.column1 { width: 131px; }

#cartable td.column2 { width:140px; }
     * html #ladehalte td.column2 { width: 131px; }
     *:first-child+html #ladehalte td.column2 { width: 131px; }

#cartable td.column3 { width:140px; }
     * html #ladehalte td.column2 { width: 131px; }
     *:first-child+html #ladehalte td.column2 { width: 131px; }

#cartable td.column4 { width:135px; }
     * html #ladehalte td.column2 { width: 131px; }
     *:first-child+html #ladehalte td.column2 { width: 131px; }

#cartable td.column5 { width:145px; }
     * html #ladehalte td.column2 { width: 131px; }
     *:first-child+html #ladehalte td.column2 { width: 131px; }



/*----------------------------------------------------------------------------------------
### fahrzeug br
 
### cityel
### twike 
### saxo 
### peugeot 
### hotzenblitz 
----------------------------------------------------------------------------------------*/


#fahrzeug br, 
#saxo br, 
#peugeot br, 
#hotzenblitz br, 
#twike br, 
#cityel br { 
	line-height:8px;
}

#fahrzeug h2, 
#saxo h2, 
#peugeot h2, 
#hotzenblitz h2, 
#twike h2, 
#cityel h2 { 
	margin:20px 0 10px 0;
}



#fahrzeug img, 
#saxo img, 
#peugeot img, 
#hotzenblitz img, 
#twike img, 
#cityel img { 
	float:left; 
	width:340px; 
	margin: 5px 20px 5px 0; 
	border: 6px double gray;padding:0 
}
#fahrzeug img.img_right, 
#saxo img.img_right, 
#peugeot img.img_right, 
#hotzenblitz img.img_right, 
#twike img.img_right,
#cityel img.img_right { 
	float:right; 
	width:240px; 
	margin: 5px 0 5px 0px; 
}
img.mouseover { width:640px; border: 0;}

#fahrzeug ul, 
#saxo ul, 
#peugeot ul, 
#hotzenblitz ul, 
#twike ul,
#cityel ul {
	width: 420px;
	margin: 8px 0;
	border-right: 1px ridge gray;
	border-bottom: 1px ridge gray;
}
     *html #fahrzeug ul, *html #saxo ul, *html #peugeot li, #hotzenblitz ul, *html #twike ul, *html #cityel ul { width: 460px; }
     *:first-child+html #fahrzeug ul, *:first-child+html #saxo ul, *:first-child+html #peugeot ul, *:first-child+html #hotzenblitz ul, *:first-child+html #twike ul, *html #cityel ul { margin-left:0; }

#fahrzeug li, 
#saxo li, 
#peugeot li, 
#hotzenblitz li, 
#twike li,
#cityel li{
	margin:0px 0px 0px -40px;
	padding:6px 8px;
	list-style-type:none ;
	background: #DBF6BB;
}
     *html #fahrzeug li, *html #saxo li, *html #peugeot li, *html #hotzenblitz li, *html #twike li, *html #cityel li { margin-left:0; }
     *:first-child+html #fahrzeug li, *:first-child+html #saxo li, *:first-child+html #peugeot li, *:first-child+html #hotzenblitz li, *:first-child+html #twike li, *html #cityel li { margin-left:0; }


#fahrzeug span.datatable, 
#saxo span.datatable, 
#peugeot span.datatable, 
#hotzenblitz span.datatable, 
#twike span.datatable,
#cityel span.datatable {
	margin-bottom: 1px; /* damit Zeilenumbruch ggf. nicht verrutscht */
	float:left;
	width:175px;
}

#fahrzeug div.imgBlock, 
#saxo div.imgBlock, 
#peugeot div.imgBlock, 
#hotzenblitz div.imgBlock, 
#twike div.imgBlock,
#cityel div.imgBlock {
	display:block; 
	width:252px;
	float:right;
	overflow:hidden;
}



/* --------------------------------------
### Friends 
-------------------------------------- */


/*
#friend img { cursor:default; float:left; width:340px; margin: 5px 20px 5px 0; border: 6px double gray;}
#friend img.img_right { float:right; margin: 5px 0 5px 20px; }
#friend img .mouseover { width:640px; margin: 5px 10px 5px 0; border: 6px double gray;}

#friend ul {margin-top:-2px; list-style:none outside; }
#friend li {margin:2px;}
#friend span.feature_list {float:left;width:80px;}

#NAVBAR  { clear:both; width:130px; margin: 50px auto 10px auto; }
     * html #NAVBAR  { margin-left: 290px; }
     *:first-child+html #NAVBAR  { margin-left: 290px; }
#NAVBAR img { cursor:pointer; float:left; width:22px; height:23px; margin:0 10px; border:0; }

#FriendBar { width:400px; margin:auto; }
     * html #FriendBar { margin-left: 155px; }
     *:first-child+html #FriendBar { margin-left: 155px; }

#FriendBar a { text-decoration: none; }
*/



/* --------------------------------------
Video-Clips 
-------------------------------------- */
#videoPlayer .mov {
	float:left; 
	width: 400px; 
	height: 370px;
	margin: 6px 30px 0 0; 
}

/* nur für WMP-File
#videoliste .mov {
	float:left; 
	width: 440px; 
	height: 360px;
	margin: 6px 0px 0 0; 
}
 hides the second WMP-object from all versions of IE 
* html object.mov {
    display: none;
}
*/

#videoliste .player {
	float:left;
	width:440px; 
	margin-right: 40px;  
}
#videoliste ul {}
#videoliste li { margin-left: 0px; padding: 4px 0px 4px 0px; }

#videoliste a { color: #035003; }

#videoliste .activeLink { background-color: #FFE752; }

#videoliste .activeTitle { margin:-10px 0 1px 0px }


/* --------------------------------------
Links
-------------------------------------- */

#links div {
	display:block; 
	width:300px;
	margin:0 10px 0 50px;
}
#links li {
margin-left:-25px;
}

#links h2 { text-decoration: underline; }



/* --------------------------------------
Zeitung
-------------------------------------- */

#zeitung .container { float:left; width:239px; height:260px; overflow:hidden; }
#zeitung .adobe { width:35px; border:0; float:right; margin: 0px 5px 0 -4px; }
#zeitung .link { width:17px; border:0;float:right; margin: 12px 4px 6px 0;}
#zeitung p { margin: 12px 0 6px 0;}



/*------------------------------------------------------
Bildergalerie
------------------------------------------------------*/

#container { width:652px; margin:0px auto 0 auto; }
     * html #container { margin: 0px 0px 0px 34px; }
     *:first-child+html #container { margin: 0px 0px 0px 34px; }
#container a {float:left; cursor:default; width:100px; height: 89px; overflow:hidden; border:1px solid black; padding: 0px;margin:3px; }
    /* Korrektur fuer den IE 5 und 6 */
     * html #container a { margin: 4px; }
    /* Korrektur fuer den IE 7 */
     *:first-child+html #container a { margin: 4px; }

#container a:hover {border:1px solid #F0C000; background-color:transparent; }

.tooltipPic {  
  text-align:center;
  width:644px;
  background-color: #035003;
  background-color: black;
margin:-15px 0 0 2px;
}
     * html .tooltipPic { margin: -0px 0px 0px 2px; }
     *:first-child+html .tooltipPic { margin: 0px 0px 0px 34px; }

.tooltipSmallPic {
	border:0
}


/* --------------------------------------
Events 
-------------------------------------- */

#event a {  
	color: #035003;
}
#event a:hover {  
}

#event p.list_left { 
	padding-left:40px;
	background:url(images/icons/arrow_right.png) left no-repeat transparent; 
}
#event span.list_right { 
	margin-left:40px; 
}

  
#event img { 
	float:right; 
	width:300px; 
	margin: 5px 0px 5px 15px; 
}

#event div.entry {
	font-size: 11px;
	background: #DBF6BB;
margin:5px -15px 15px -15px;
	padding: 0px 16px 6px 16px; 
	border: 2px solid silver;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}


/* --------------------------------------
### Gästebuch
### Essays
-------------------------------------- */

#gaestebuch textarea {
	width: 500px;
	height:130px;
}

#essays textarea {
	width: 500px;
	height:260px;
}


#gaestebuch input,
#essays input {
	width: 160px;
	margin-right:45px;
}

#gaestebuch p.GbEntry,
#essays p.GbEntry {
	font-size: 11px;
	background: #DBF6BB;
	padding: 6px 6px 6px 6px; 
	border: 2px solid silver;
	border-right: 2px solid white;
	border-bottom: 2px solid white;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
}

/* --------------------------------------
### Ladehalte
-------------------------------------- */

#ladehalte { font-size:10px; }


#ladehalte table { width:730px; table-layout:fixed; border-collapse: collapse; }


#ladehalte tr.tablehead { height:12px; }
     * html #ladehalte tr.tablehead { height:23px; }
     *:first-child+html tr.tablehead { height:23px; }

#ladehalte tr.hell { background: #E7FFD7; }
#ladehalte tr.mittel { background:url(images/icons/arrow_right.png) 513px 4px no-repeat #E1FFCD; } /*aktuelle Auswahl*/
#ladehalte tr.dunkel { background: #DBF6BB;}



#ladehalte td { padding: 5px; margin:0; vertical-align:top; border:1px solid silver; font-size:10px; }
     * html #ladehalte td {  }
     *:first-child+html #ladehalte td {  }

#ladehalte td.column1 { width: 45px; color:#DBF6BB; background:url(images/button_menue.gif) repeat-x; }
     * html #ladehalte td.column1 { width: 55px; }
     *:first-child+html #ladehalte td.column1 { width: 55px; }

#ladehalte td.column2 { width:120px; color:#DBF6BB; background:url(images/button_menue.gif) repeat-x; }
     * html #ladehalte td.column2 { width: 131px; }
     *:first-child+html #ladehalte td.column2 { width: 131px; }

#ladehalte td.column3 { width:170px; color:#DBF6BB; background:url(images/button_menue.gif) repeat-x; }
     * html #ladehalte td.column3 { width: 181px; }
     *:first-child+html #ladehalte td.column3 { width: 181px; }

#ladehalte td.column4 { width:150px; color:#DBF6BB; background:url(images/button_menue.gif) repeat-x; border-right:0; }
     * html #ladehalte td.column4 { width: 161px; }
     *:first-child+html #ladehalte td.column4 { width: 161px; }

#ladehalte td.column5 { padding:0; background:url(images/bg_tankinfo_bottom.gif) left bottom no-repeat transparent; border:1px solid #BADE94; border-left: 0px double #DBF6BB; }

#ladehalte div.column5 { padding:7px 12px 15px 20px; background:url(images/bg_tankinfo.gif) left top no-repeat transparent; }
     * html #ladehalte div.column5 { width:100%; }
     *:first-child+html #ladehalte div.column5 { width:100%; }



#ladehalte li.comments { list-style: none; margin-left:-40px; margin-top:5px; }
#ladehalte li.comments:before { content:url("images/icons/list_arrow.gif"); margin:0 5px 0 -10px; }

#ladehalte img.stecker { float:left; width:40px; border:0;margin:0 5px 0px 0; }
#ladehalte img.parken { float:left; width:20px; border:0;margin:8px 14px 0px 7px; }
#ladehalte img.euro { float:left; width:20px; border:0;margin:2px 14px 0px 7px; }

#ladehalte span.datatable { 
	float:left;
	width:100px;
line-height: 16px;
}

#ladehalte hr {
	border:0;
	border-bottom:1px dashed #035003;
}

#ladehalte i.infocreate {
	font-style:normal;
	float: right;
	width:350px;
	margin-top:-3px;
	background: #DBF6BB;
	padding:6px 10px;
	border: 1px solid gray;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}
     * html #ladehalte i.infocreate { padding:6px 2px; }
     *:first-child+html #ladehalte i.infocreate { padding:6px 2px; }

.popupHelp {
	font-size:10px;
	width:200px;
	background: #DBF6BB;
	padding:6px 10px;
	border: 1px solid silver;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	-moz-border-radius:8px;
	-khtml-border-radius:8px;
}

/* --------------------------------------
### Ladehalte Info
### Ladehalte FAQ
-------------------------------------- */

#info .adobe { width:50px; border:0; float:left; margin: -15px 5px 0 0px; }


.info_box { top: -5px; }
  * html .info_box { top: -3px; } 
  *:first-child+html .info_box { top: -3px; }

.info_navigation {
	color:#DBF6BB;
	float:left;
	color:#DBF6BB;
	font-size:14px; 
	font-variant:small-caps;
	font-weight:bold; 
	text-decoration:none; 
	text-align: center; 
	padding: 5px 5px 7px 5px; 
	margin: 12px 1px 0px 1px; 
	border-bottom: 2px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	width:31.3%; /*bei 3 Einträgen:31.9% - bei 4 Einträgen:23,6%*/
}
  * html .info_navigation { width:33.1%; } 
  *:first-child+html .info_navigation { width:33.1%; }

a:hover.info_navigation {
	background:transparent;
	color:white;
	padding: 7px 5px 5px 5px; 
	margin: 12px 1px 0px 1px; 
}

/* --------------------------------------
Impressum 
-------------------------------------- */

#impressum h2 {
	font-size:11px; 
}

#impressum p.disclaimer {
	font-size:10px; 
	line-height: 1.2; 
}

#impressum hr.disclaimer {
	margin-top:30px; 
	width:100%; 
	border:1px solid #E75A26;
}

#impressum span.kontaktform {
	float:left;
	width:60px;
}

#impressum textarea.kontaktform {
	width:400px; 
	height:110px;
}
  * html #impressum textarea.kontaktform { height:120px; } 
  *:first-child+html #impressum textarea.kontaktform { height:120px; }


/* --------------------------------------
Links 
-------------------------------------- */
.leftlink { width:30%; float:left; margin-left:5%; margin-right:10%; text-align:center; }
.rightlink { margin-right:5%; text-align:center;  }




/*----------------------------------------------------------------------------------------
Tooltip-Popup-Fenster 
----------------------------------------------------------------------------------------*/

.tooltipHead {  
	font-size: 10px;
	font-weight: bold; 
	color: #F4D50B;
	background-color: #1B4F80;
	border: 2px solid #fbf096;
	margin: 0px 0px 0px 0px;
	padding: 4px 12px 4px 12px;
}
.tooltipText {  
	font-size: 11px;
	line-height: 1.4;
	color: #003070;
	text-align: justify;
	background-color: #fbf096;
	margin: 0px 0px 0px 0px;
	padding: 6px 12px 10px 12px;
}
.tooltipText li {  
	font-size: 11px;
	margin: 0px 0px 0px 20px;
	padding: 4px 0px 4px 0px;
}



/*----------------------------------------------------------------------------------------
Menü/Navigation 
----------------------------------------------------------------------------------------*/

div#Rahmen {
	width: 800px;
	padding-top:13px;
	background-color: #6E8061;
	background-color: transparent;
}
     * html div#Rahmen { padding-top:5px;  }
     *:first-child+html div#Rahmen {padding-top:10px;  }



div#Rahmen div {
    clear: left;
}
ul#Navigation {
    margin-top: 2px; 
    padding-left: 18px; /* ----- Abstand 1. Button v. linken Rand für Zentrierung ----- */
    font-size:11px;
}
     * html ul#Navigation { margin-left:0px;  }
     *:first-child+html ul#Navigation {padding-left:10px;  }

ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0px; padding: 0;
}
    /* Korrektur fuer den IE 5 und 6 */
     * html ul#Navigation li { margin-bottom: 0px; }
    /* Korrektur fuer den IE 7 */
     *:first-child+html ul#Navigation li { margin-bottom: -0.1em; }

ul#Navigation li ul {
    margin: 0px; padding: 0px;
    position: absolute;
    top: 18px; 
    left: -1px;
    font-size:11px;
    display: none;  /* Unternavigation ausblenden*/ 
}
     * html ul#Navigation li ul { top: 28px; }
     *:first-child+html ul#Navigation li ul { top: 28px; }

ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
}
ul#Navigation li ul li {
    float: none;
    display: block;
 }

ul#Navigation a {
	color:#DBF6BB;
	display: block;
	/* width: 90px;  Breite der Buttons */
	margin: 0px 1px 0px 1px;     /* --------------- Abstand zwischen den Buttons ---------------- */
	padding: 4px 15px 4px 15px;
	font-weight: normal; 
	text-decoration: none; 
	text-align:center;
background-color: transparent;  
}
     * html ul#Navigation a { margin-top: 8px; }
     *:first-child+html ul#Navigation a {  margin-top: 8px; }

ul#Navigation span {
	color: #FAFFE6; 
	color: white; 
	display: block;
	/* width: 90px;  Breite der Buttons */
	margin: 0px 1px 0px 1px;     /* --------------- Abstand zwischen den Buttons ---------------- */
	padding: 3px 14px 3px 14px;
	text-align:center;
border: 1px solid #6A8D5C;
-moz-border-radius:6px;
-khtml-border-radius:6px;
/*
display: list-item;
list-style-type:disc;
list-style-position:inside;
list-style-image: url(images/icons/list_arrow.gif);
*/
}
     * html ul#Navigation span { margin-top: 8px; }
     *:first-child+html ul#Navigation span { margin-top: 8px; }



ul#Navigation a:hover {
	color: white;
	background-image: none;
	padding: 3px 14px 3px 14px;

border: 1px solid #6A8D5C;
-moz-border-radius:8px;
-khtml-border-radius:8px;
}

  ul#Navigation li ul li a { 
	width: 120px;  /*Breite der Buttons */
white-space: nowrap;
	text-align:left;
	color: #DBF6BB; 
	padding: 5px 6px 5px 8px;
	border-left: 3px groove #DBF6BB;
	border-right: 3px ridge #DBF6BB;
	background:url(images/button_menue.gif) center center repeat-x #185A00;
	filter:alpha(opacity=90); -moz-opacity:0.90; 
  }
     * html ul#Navigation li ul li a { width: 140px; margin-top: 0px;}
     *:first-child+html ul#Navigation li ul li a {width: 125px; margin-top: 0px; }

ul#Navigation li ul li a:hover {
	margin-left:-5px;
	padding: 4px 13px 4px 15px;
}
     * html ul#Navigation li ul li a:hover { padding-left: 10px; margin-top: 0px; margin-left:0px; }
     *:first-child+html ul#Navigation li ul li a:hover {width: 125px; margin-top: 0px; }

  ul#Navigation li ul li span { 
	display: list-item;
list-style-image: url(images/icons/list_arrow.gif);
list-style-position:inside;
	width: 90px;  /*Breite der Buttons */
	text-align:left;
	margin: 0 2px 0 -8px;
	padding: 0px 0px 0px 1px; /* Active-Sublink wird eingerückt*/
border: none;
  }
     * html ul#Navigation li ul li span { margin-left: -20px; padding-left:4px; }
     *:first-child+html ul#Navigation li ul li span {margin-left: -10px; }



/* --------------- Ende Menü/Navigation -------------*/