/* --- ( CSS © Silke Schümann, 01/2006 Backnang, Germany http://www.silkester.de ----- */

html, body, div, img {margin: 0; padding: 0; border: 0;}


/* --- ( Schriften und Farben ) ------------------------------------------------------- */


@font-face { font-family: "Letter Gothic MT "; src: url(http://pg4me.de/fonts/ ?  Lc______.ttf) format("truetype"); }

body {background-color: #b7f215;}


#tec {background: url(../images/bg_tec.gif) bottom left no-repeat transparent;}

#nav    {background: url(../images/bg_nav_l.png) top left no-repeat transparent;}
#nav ul {background: url(../images/bg_nav_m.png) top left repeat-x transparent;}

#tef {background: #3caecf; border-top: 1px solid #e8eb26;}


#logo {background: url(../images/logo.gif) top left no-repeat transparent;}
#styleswitcher  img {width: 18px; height: 18px; padding: 2px; border: 2px solid #003963;}


body, p, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, td, div 
{font: 13.25px/1.4em Verdana, Arial, Helvetica,sans-serif; color: #474747;}

p {margin: .75em 0; padding: 0;}

h1 {font-size: 1.5em;  font-weight: ; color: ;}
h2 {font-size: 1.3em;  font-weight: ; color: ;}
h3 {font-size: 1.15em; font-weight: ; color: ;}
h4 {font-size: 1em;    font-weight: ; color: ;}
h5 {font-size: .95em;  font-weight: ; color: ;}
h6 {font-size: .95em;  font-weight: ; color: ;}

ul {list-style-type: square;}
dt {font-weight: bold;}

#tec ul, #trec ol {margin-left: 30px;}

table {max-width: 90%; margin: 1.53em auto; border: 0; background-color: #e6e6e6;}

tr {vertical-align: top;}

td {background-color: #f0f0f0; border: outset 0.1em #b7f215; font-size: 95%; padding:0px 5px 0px 5px;}

th {background-color: #3caecf; color: #fefefe; font-weight:bold; font-style:normal; border-bottom: 3px double #2d3235; padding: 2px 6px;}

a         {color: #003963; text-decoration: underline;}
a:link    {color: #003963; text-decoration: underline;}
a:visited {color: #017327;}
a:active  {color: #e8eb26; background-color: #029009;}
a:hover   {color: #e8eb26; background-color: #029009; text-decoration: none;}


#nav a         {color: #333; font-weight: bold; font-size: 11.25px; text-decoration: none;}
#nav a:link    {color: #333; font-weight: bold; font-size: 11.25px; text-decoration: none;}
#nav a:visited {color: #474747;}
#nav a:active  {color: #004588;}
#nav a:hover   {color: #004588; text-decoration: underline; background-color: #4fba13;}

#nav2 a         {color: #0054A6; text-decoration: none;}
#nav2 a:link    {color: #0054A6; text-decoration: none;}
#nav2 a:visited {color: #004588;}
#nav2 a:active  {color: #006AD1;}
#nav2 a:hover   {color: #006AD1; text-decoration: underline; background-color: #a9e213;}


/* ----- o CONTENT o ----- */


#tec code {font-family: "Courier New", Courier, monospace;}


/* ----- o HEADER o ----- */

#teh p, #teh h1, #teh h2, #teh h3, #teh h4, #teh h5, #teh h6, 
#teh ul, #teh ol, #teh dl, #teh th, #teh td, #teh li, #teh dd, #teh dt
{font: 1em/1.8em "Letter Gothic MT", "Arial Narrow", Helvetica, sans-serif; color: #89BC00; letter-spacing: 1px; text-transform: uppercase;}

#pgtrans {list-style-type: none; list-style-image: none;}

/* ----- o FOOTER o ----- */

#tef p, #tef h1, #tef h2, #tef h3, #tef h4, #tef h5, #tef h6, 
#tef ul, #tef ol, #tef dl, #tef th, #tef td, #tef li, #tef dd, #tef dt, #tef address
{font: .9em/1.8em "Letter Gothic MT ", "Arial Narrow", Helvetica, sans-serif; color: #f0f0f0; letter-spacing: 1px; text-transform: uppercase;}



/* --- ( Xtraklassen ) -------------------------------------------------------------e3e3e4--3caecf- */

.tsmall  {font-size: 0.85em;}
.tmiddle {font-size: 1.1em;}
.tbig    {font-size: 1.5em;}


.marker         {background:#d00; color:#fff;}
.markerschwarz  {background:#000; color:#fff;}
.markergelb     {background:#ff0; color:#000;}
.line           {border-bottom: 1px solid #d00;}
.greyline       {border-bottom: 1px solid #828282;}
.box            {margin:1em; padding: 0.7em; border: 1px solid #828282; background: #F7F7F7;}

 .greyish  {background: url(../images/schilfgras.gif) bottom left repeat-x #f0f0f0; padding: 24px 24px 124px 24px; border: 3px solid #5abfa0;}
 .hotC     {background: url(../images/bg_col_red.gif) top right repeat-y;}
 .coolC     {background: url(../images/bg_col_blue.gif) top right repeat-y;}


.hinweis          {margin: 0; padding: 0; border: 1px solid #e8eb26; color: #2b3200;}
.hinweis  div     {margin: 0; padding: 36px 24px; border: 12px solid #3caecf; color: #2b3200; background: #fff;}
.hinweis .achtung {background: #e6efc8; color: #0b5e61; padding: 2px;}


.fl50   {float: left; width: 47%; margin-left: .5em;}
.fl30   {float: left; width: 27%; margin-left: .5em;}


.thickbox, 
.smallframe {padding: 3px; border: 2px solid #333; background: #f0f0f0;}
.bigframe   {padding: 12px; background-color: #f0f0f0; border: 10px solid #2d3235;}    

.c, .center, .centered {text-align: center;}
.r, .right, .rightalign, .alignright {text-align: right;}

ul.c {position: relative; left: 20%;}
ul.r {float: right; margin-left: 1em;}

img.c, img.center, img.centered {margin: auto;}
img.r, img.right, img.rightalign, img.alignright {float: right; margin-left: .5em;}
img.l, img.left, img.leftalign, img.alignleft, 
div.l, div.left, div.leftalign, div.alignleft {float: left; margin-right: .5em;}

span.c, span.center, span.centered {display: block; margin: auto;}
span.r, span.right, span.rightalign, span.alignright,{display: block; float: right; margin-left: .5em;}
span.l, span.left, span.leftalign, span.alignleft {display: block; float: left; margin-right: .5em;}


.clear  {clear: both;}
.hide   {display: none;}


/* ---( CODE VIEWER FORMATTING )------------------------- */



ol.codelist {
	background: #333;
	border: 1px solid #DDD;
	padding: 12px 12px 12px 45px;
	margin: 1.5em 0;
	}

ol.codelist li code { color: #676767; }

ol.codelist li      {margin: 0; padding: 1px 2px; border: 1px solid #eee; color: #efefef; 	
                     font-family: "Courier New", Courier, monospace; line-height: 130%;
}

ol.codelist li.tab0 { padding-left: 2px; }
ol.codelist li.tab1 { padding-left: 26px; }
ol.codelist li.tab2 { padding-left: 50px; }
ol.codelist li.tab3 { padding-left: 74px; }
ol.codelist li.tab4 { padding-left: 98px; }
ol.codelist li.tab5 { padding-left: 122px; }
ol.codelist li.tab6 { padding-left: 146px; }
ol.codelist li.tab7 { padding-left: 170px; }

ol.codelist li.odd  {background-color: #FFF;}
ol.codelist li.even {background-color: #F0F0F0;}

ol.codelist li.sourcelink {
	color: #000;
  font-family: "Bitstream Vera Sans", verdana, arial, helvetica, sans-serif;
	list-style: none;
	margin-left: -32px;
	padding-top: .85em;
	text-align: center;
	}

/* --- ( Logdatei ) ---------------------------------------------------------------- */

#log       {background: #f0f0f0; padding: 24px; 12px;}
#log em    {display: block; width: 10em; height: 6.5em; margin:  0 .4em 0 0; padding: 2px 4px; float: left; clear: left; background-color: #ddd; font-style: normal;}
#log p     {clear: left; border-bottom: 1px solid #bbb; padding-bottom: 4px; min-height: 2em;}


/* --- ( Definition-Lists ) ---------------------------------------------------------------- */

dl.dlgal208, dl.galerie {border: 1px solid #7a8a99; background-color: #ddd; position: relative; float: left;}

dl.dlgal208 {width: 224px; text-align: center; padding: 5px; margin-right: 10px; margin-bottom: 10px;}
dl.dlgal208 dt {padding-top: 6px;}
dl.dlgal208 dl {padding-bottom: 6px;}
dl.dlgal208 dt span {display: block; text-align: center; margin: auto; border: 1px solid #7a8a99; width: 200px; min-height: 150px; overflow: hidden;}

dl.galerie {width: 142px;text-align: center; padding: 5px; margin-right: 10px;}
dl.galerie dt span {display: block;text-align: center;margin: auto;border: 1px solid #7a8a99;width: 130px;height: 130px;overflow: hidden;}
dl.galerie dt span img {margin: auto;}

dl.galerie dd, dl.dlgal208 dd {margin: 0;padding: 0;text-align: center;  background-color: #e9e9e9;}

dl.galerie dt, dl.dlgal208 dt {text-align: center;  background-color: #e9e9e9;}

dl.list {border-bottom: 6px  solid #0d6aa6; max-width: 46em; margin: 1em auto;}
dl.list dt {font-weight: bold; font-size: .95em; color: #fafaf5; background: #3caecf; border-bottom: 3px solid #303450; border-top: 1px solid #fff; padding: 2px .5em}
dl.list dd {border-top: 1px solid #fff;  border-bottom: 1px solid #ccc; background: #e6e6e6; margin-left: 0; padding: 8px 1em 8px 6em;}
dl.list dd.last {border-bottom: 2px  solid #fff;}


#tec ul.galerie80  {list-style: none; margin-left: 0;}
ul.galerie80  li         {display: block; width: 110px; height: 110px; background: url(../images/picframe.gif) top left no-repeat; margin: 12px; text-align: center;}
ul.galerie80  li img     {width: 80px; height: 80px; margin: 0;}
ul.galerie80  li a, 
ul.galerie80  li a:link  {display: -moz-inline-block; display: inline-block; width: 80px; height: 80px; margin: 14px; border: 1px solid #474747;}
ul.galerie80  li a:hover {display: -moz-inline-block; display: inline-block; width: 80px; height: 80px; margin: 12px; background: transparent; text-decoration: none; border: 3px solid #029009; }




.fs50 legend, .fs230r legend, .fs230l legend  {border: 3px double #f0f0f0; background-color: #474747; color: #f3f3f3;}

.fs230r {width: 230px; float: right; margin-left: 1em; padding: 6px;}
.fs230l {width: 230px; float: left; margin-right: 1em; padding: 6px;}

.fs230r p, .fs230l p {text-align: center;}