/*
--------------------------------
Styles für die Dirt Eater Seiten
--------------------------------
*/
/* bgcolor="Black" text="#CCCCCC" link="#DD0806" vlink="#AA0806" alink="#81775E" background="images/back.jpg"*/
html
{
  /*Microsoft spezifisch*/
  scrollbar-base-color:#71674E;
  scrollbar-3dlight-color:#000000;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#71674E;
  scrollbar-highlight-color:#71674E;
  scrollbar-shadow-color:#71674E;
  scrollbar-track-color:#000000;
}
textarea
{
  background-color:black;
  color:#CCCCCC;
  font-size:10;
  font-family:Helvetica,Arial,sans-serif;
  /*Microsoft spezifisch*/
  scrollbar-base-color:#71674E;
  scrollbar-3dlight-color:#000000;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#71674E;
  scrollbar-highlight-color:#71674E;
  scrollbar-shadow-color:#71674E;
  scrollbar-track-color:#000000;
}
body
{
  color:#CCCCCC;
  background-image:url(images/back.jpg);
  font-family:Helvetica,Arial,sans-serif;
  text-align:justify;
  margin-left:10%;
  margin-right:10%;
}
body.start
{
  color:#CCCCCC;
  background-color:black;
  background-image:url();
  font-family:Helvetica,Arial,sans-serif;
  margin-top:20px;
  margin-left:0%;
  margin-right:0%;
}
/*für Navigationsleiste links*/
body.naviLinks{
  background-image:url(images/backleft.jpg);
  margin-left:5px;
  margin-top:5px;
}
/*für Navigationsleiste oben*/
body.naviOben{
  background-image:url(images/back.jpg);
  margin-left:0cm;
  margin-right:0cm;
  margin-top:5px;
  margin-bottom:5px;
}
div.navigation
{
  width:110px;
  background-color:#181818;
  font-weight:bold;
  line-height:150%;
  border-width:2px;
  border-style:solid;
  border-color:#AA0806;
  padding:5px;
}
div.navigationJava
{
}

div.arrow
{
  text-align:center;
  margin-top:30px;
  margin-bottom:50px;
  height:87px;
}

/*Absatz für Dirt-Eater-Pic und Abstand darunter*/
div.head
{
  width:580px;
  border-width:2px;
  border-color:#61573E;
  border-style:solid;
  padding:5px;
  margin-bottom:25px;
}

div.head-img
{
  width:580px;
  margin-bottom:25px;
}

div.head-text
{
  width:580px;
  margin-bottom:0px;
  text-align:justify;
}

/*Absatz für Dirt-Eater-Plan*/
div.plan
{
  width:710px;
  border-width:2px;
  border-color:#61573E;
  border-style:solid;
  padding:5px;
  margin-top:100px;
}

span.def
{
  font-weight:bold;
  font-style:italic;
}

span.v3
{
  margin-left:5px;
  padding-left:2px;
  padding-right:2px;
  vertical-align:top;
  font-weight:bold;
  /*font-style:italic;*/
  color:#AAAA00;
  background-color:#383838;
  font-size:8pt;
  border:1px solid #CC0806;
}

span.v4
{
  margin-left:5px;
  padding-left:2px;
  padding-right:2px;
  vertical-align:top;
  font-weight:bold;
  /*font-style:italic;*/
  color:#81775E;
  background-color:#383838;
  font-size:8pt;
  border:1px solid #CC0806;
}

p.indent
{
  margin-top:1em;
  margin-bottom:1em;
  margin-left:30px;
}

em
{
}

img.plan
{
  width:704px;
  border-width:2px;
  border-color:#61573E;
  border-style:solid;
  /*padding:5px;*/
}

table.naviOben
{
  width:80%;
  text-align:center;
  background-color:#101010;
  font-weight:bold;
  border-width:0px;
  border-color:#AA0806;
  border-style:solid;
}

td.naviOben
{
  border:2px solid #AA0806;
}

table
{
  text-align:center;
  background-color:#181818;
  margin-top:1em;
  margin-bottom:1em;
}

td
{
  padding:2px;
}

table.struc
{
  background-color:transparent;
  text-align:left;
  margin-top:0em;
  margin-bottom:0em;
  padding:0px;
}

table.links
{
  background-color:transparent;
  margin-top:0em;
  margin-bottom:0em;
  width:500px;
  border-collapse:collapse;
}

table.links td
{
  border:1px solid #61573E;
  padding:15px;
  margin:15px;
  text-align:center;
}

table.linksRuns
{
  background-color:transparent;
  margin-top:15px;
  margin-bottom:15px;
  border-collapse:collapse;
  border-spacing:0px;
  border:1px solid #61573E;
  font-size:100%;
}
table.linksRuns th
{
  vertical-align:top;
  text-align:center;
  border:1px solid #61573E;
  overflow:hidden;
  padding:3px 10px 3px 10px;
  margin-left:25px;
}
table.linksRuns th.first
{
  width:20%;
}
table.linksRuns th.details
{
  width:18%;
}
table.linksRuns th.last
{
  width:15%;
}

table.linksRuns td
{
  vertical-align:top;
  background-color:transparent;
  text-align:left;
  border:1px solid #61573E;
/* top right bottom left*/
  padding:3px 10px 3px 10px;
  margin-left:25px;
  font-size:90%;
}
table.linksRuns td.details
{
  text-align:center;
}
table.linksRuns td.first
{
  text-align:left;
}
table.linksRuns td.last
{
  text-align:center;
}
img.details
{
  width:56px;
  height:14px;
  margin-top:3px;
  margin-bottom:3px;
}

a:link    { color:#FF0806; text-decoration:none; font-weight:none; }
a:visited { color:#FF0806; text-decoration:none; font-weight:none; }
a:focus   { color:#FF0806; text-decoration:none; font-weight:none; }
a:active  { color:#FF0806; text-decoration:none; font-weight:none; }
a:hover   { color:#FF0806; text-decoration:underline overline; background-color:#51472E; font-weight:none; }
/*Bildverweise sollen keine Hintergrundfarbe anzeigen*/
a.pic:focus { color:black; text-decoration:none; font-weight:none; }
a.pic:hover { color:black; text-decoration:none; background-color:transparent; font-weight:none; }
a.pic:active{ color:black; text-decoration:none; font-weight:none; }
/*Verweise, die nur als Sprungmarke dienen, sollen auf "hover" nicht reagieren (passiert unter Firefox)*/
a.intern:hover { text-decoration:none; background-color:transparent; font-weight:none; }
/* * { color:blue; }*/

h2
{
	color:#81775E;
  font-size:20pt;
/*	font-weight:bold;
	margin-bottom:15px;*/
}

h3
{
	color:#81775E;
  font-size:14pt;
/*	font-weight:bold;
	margin-bottom:15px;*/
}

/*Zwischenlinien*/
hr
{
  width:100%;
  color:#61573E;
  background-color:#61573E;
  height:4px;
  margin-top:25px;
  margin-bottom:25px;
  border:1px solid #81775E;
}

/*Zwischenlinien*/
hr.short
{
  width:40%;
  color:#61573E;
  background-color:#61573E;
  height:4px;
  margin-top:25px;
  margin-bottom:25px;
  margin-left:0px;
  border:1px solid #81775E;
}

/*Die "Hilfe!"-Button*/
div.buttonHilfe
{
  position:absolute;
  width:40px;
  top:30px;
  left:30px;
  z-index:25;

  background-color:#002222;
  border:2px solid #DD0806;
  color:#FFFFFF;
  font-weight:bold;
  padding:1px;
  text-align:center;
  font-size:90%;
}

/*Hovering für Hilfe-Button*/
span.buttonHilfe
{
  display:none;
  position:absolute;
  width:550px;
  top:-2px;
  left:-2px;
  z-index:25;
  font-weight:normal;

  background-color:#002222;
  border:2px solid #DD0806;
  color:#FFFFFF;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:0px;
  text-align:justify;

  font-size:100%;

  margin-top:0px;
  margin-bottom:0px;
}

/*für die Auflistung*/
div.hoverInside
{
  text-align:left;
  margin-left:20px;
}

/*Wenn Maus über "Hilfe!"-Button schwebt, dann öffne span.buttonHilfe*/
li.buttonHilfe:hover span.buttonHilfe
{
  display:block;
}

div.buttonHilfe ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

span.buttonHilfe table {
  background-color:transparent;
  margin-top:0em;
  margin-bottom:0em;
  padding:0px;
  border:0;
  color:#FFFFFF;
  text-align:left;
  font-size:100%;
}
span.buttonHilfe table td {
  vertical-align:top;
}
span.buttonHilfe table td.left {
  vertical-align:top;
  text-align:right;
  width:25%;
}

/*Die "Plan"-Button*/
div.buttonPlan
{
  position:absolute;
  width:40px;
  top:30px;
  right:30px;
  z-index:25;

  background-color:#002222;
  border:2px solid #DD0806;
  color:#FFFFFF;
  font-weight:bold;
  padding:1px;
  text-align:center;
  font-size:90%;
}

/*Hovering für Plan-Button*/
span.buttonPlan
{
  display:none;
  position:absolute;
  width:708px;
  top:-2px;
  right:-2px;
  z-index:25;
  font-weight:normal;

  background-color:#002222;
  border:2px solid #DD0806;
  color:#FFFFFF;
  padding-left:8px;
  padding-right:8px;
  padding-top:8px;
  padding-bottom:0px;
  text-align:justify;

  font-size:100%;

  margin-top:0px;
  margin-bottom:0px;
}

/*Wenn Maus über "Plan"-Button schwebt, dann öffne span.buttonPlan*/
li.buttonPlan:hover span.buttonPlan
{
  display:block;
}

div.buttonPlan ul {
  list-style: none;
  margin: 0;
  padding: 0;
}