/* Styles fuer team-computer.de */

body {
  color: black; background-color: white;
  font-size: 100.01%;
  font-family: Arial,Helvetica,sans-serif;
  margin: 0; padding: 1em 0;
}

div#Seite {
  text-align: left;    /* Seiteninhalt wieder links ausrichten, falls vorher zentriert */
  margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
  width: 740px;
  padding: 0;
  border: 2px ridge silver;  /* erstmal für die Orientierung */
  background: url(images/bk_blue.gif) repeat-y;

}

code {
 font-size: 0.83em;
}

.Textmarker1 {
  color: red;
 }
 
 .Textmarker2 {
  font-weight: bolder;
 }

 .Textmarker3 {
  font-style: italic;
 }
 
 .Anmerkung {
  font-weight: normal;
  font-size: 0.83em;
}

div#Kopf {
  text-align: left;
  margin: 0 auto;
  background-color: #fed; 
}

div#Kopf  h1{
  font-size: 1.5em;
  margin: 0; padding: 0.3em;
  text-align: center;
  padding-left: 150px;
  background-image: url(images/tlogog.gif);
  background-position: 50px 3px;
  background-repeat:no-repeat;
  border-bottom: 1px solid silver;
}
  
/* Navigation */
#Navigation {
    width: 180px;
    margin: 0; padding:  5px 5px 5px;
    border: 0px solid black;
    /* background-color: #99cccc; */
	text-align: center;
	float: left;
  }

#Navigation ul{
    width: 160px;
    margin: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0.2em 0.2em 0.2em;
    border: 1px solid black;
    /* background-color: #99cccc; */
	font-size: 0.83em;
	background-color: #eee;
  }

  #Navigation ul ul{
    width: 156px;
    margin: 0;
	margin-left: 0px;
	padding: 0;
    border: 0px solid black;
    /* background-color: #99cccc; */
	font-size: 1em;
  }

  * html #Navigation {  /* Korrekturen fuer IE 5.x */
    width: 100px;
    w\idth: 100px;
    padding-left: 0;
    padd\ing-left: 5px;
  }

  
  #Navigation li {
    list-style: none;
    margin: 0.2em; padding: 0;
  }

  #Navigation a, #Navigation span, #Navigation h2 {
    display:block;
    padding: 0.2em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
	font-size: 0.83em; 
  }
  
  #Navigation h2 a {
    font-size: 1.0em;
  }
  
  * html #Navigation a, * html #Navigation span, * html #Navigation h2 {
    width: 140px;    /* Breitenangabe fuer IE 5.x */
    w\idth: 140px;  /* Breitenangabe fuer IE 6 */
  }
  #Navigation a:hover, #Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  #Navigation h2 {
    font-size: 1em;
    margin: 0;
    border-color: gray;
    color: black; background-color: #eee;
  }

  * html #Navigation h2 {
    width: 140px;    /* Breitenangabe fuer IE 5.x */
    w\idth: 140px;  /* Breitenangabe fuer IE 6 */
  }

div#Inhalt {
  border: 0px dashed silver;
  padding: 0.1em;
  min-width: 16em;
  margin-left: 220px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 0.8em;
  font-weight: bold;
}

div#Inhalt h1 {
  margin: 0 0 1em;
  font-size: 1.5em;
}

div#Inhalt h2 {
  margin: 0 0 1em;
  font-size: 1.5em;
}

div#Inhalt p {
  margin: 1em 0;
}


.Inhaltskopf table{
  text-align: left; 
  padding: 3px;
  margin: 1px;
}
.Inhaltskopf td{
  text-align: left;
  vertical-align: top;
  font-size: 0.8em; 
  width: 33%;
  padding: 3px;
  margin: 1px;
}

.ProdInfo {
 border: 1px solid silver;
 border-bottom: 1px solid silver;
 padding: 0px;
 margin-top: 0.5cm;
 margin-bottom: 0.5cm;
 margin-left: 0;
 margin-right: 10px;
}

.ProdInfo h5 {
 font-size: 0.95em;
 padding-left: 10px;
 padding-right: 10px;
}

.ProdInfo li {
 font-size: 0.85em;
 padding-left: 10px;
 padding-right: 10px;

}

.Produkt {
 border: 1px solid silver;
 border-bottom: 1px solid silver;
 padding: 0px;
 margin-top: 0.5cm;
 margin-bottom: 0.5cm;
 margin-left: 0;
 margin-right: 10px;
}

.Produkt table {
    text-align: left; 
	margin: auto; 
    vertical-align: top;
	border: 0px;
	padding: 0px;
	margin:  0px;
}

.Produkt td {
 font-size: 0.85em;
 vertical-align: top;
 padding: 0px;
 border: 0px;
 height: 0px;
 margin: 0px;
 padding-right: 3em;
}

.Produkt  ul {
 margin: 0px;
 color: blue;
}


.Produkt.Bild  {
 margin: 0px;
 border: 0px;
}

.Produkt.Details {
 font-size: 0.85em;
 vertical-align: top;
 padding: 0px;
 border: 0px;
 height: 0px;
 margin: 0px;
 padding-right: 3em;
}

.infohead {
	display: block;
	color: white;
	/* background: url(images/eckeli.gif) top left no-repeat; */
	background-color: #507396;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}


.prodhead {
	display: block;
	color: black;
	/* background: url(images/eckeli.gif) top left no-repeat; */
	background-color: #99cccc;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.infofoot {
	display: block;
	color: black;
	/* background: url(images/eckeli.gif) top left no-repeat; */
	background-color: #cdb632;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.Preisbox {
  margin-top: 10px;
}

.Preistabelle {
   text-align: center;
   width: 500px;
}  

.Preistabelle th{
 color: red;
 width: 20%;
 font-size: 0.85em;
 text-align: center;
 padding: 3px;
 margin: 0px;
 border: 1px solid silver; 
}  
.Preistabelle td{
 text-align: center;
 color: green;
 width: 20%;
 font-size: 0.85em;
 padding: 3px;
 margin: 0px;
 border: 1px solid silver; 
}  

td.Preis_td{
 text-align: center;
 color: yellow;
 width: 20%;
 font-size: 0.85em;
 padding: 3px;
 margin: 0px;
 border: 1px solid silver; 
}  

.faq {
  border: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 0.5em;
  margin-top: 0.5cm;
  margin-bottom: 0.5cm;
  margin-right: 2em;
}

.faq li{
  color: blue;
  margin-top: 15px;
  margin-bottom: 5px;
}
.faq li span{
  color: green;
  display: none;
}

* html .faq li span{
  color: red;
  display: block;
}

.faq li:hover {
  color: red;
}

.faq li:hover  span{
  color: green;
  display: block;
}

.wiemieten {
  border: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.wiemieten ol li{
  color: blue;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.wiemieten ol > li:hover{
  color: red;
}

.wiemieten ul{
  margin-left: 0px;
  padding-left: 10px;
  margin-right: 20px;
}

.wiemieten ul li{
  /*color: green;*/
  color: black;
  font-weight: normal;
  margin-top: 5px;
  margin-right: 5px;
}

.wiemieten ol li ul{
  display: none;
}

* html .wiemieten ol li ul{
  display: block;
}


.wiemieten ol li:hover ul{
  display: block;
  color: green;
}

.infobox {
  border: 1px solid silver;
  border-bottom: 1px solid silver;
  padding: 0px;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.infobox h3 {
  margin-left: 20px;
}

.infobox table {
    text-align: left; 
	margin: auto; 
    vertical-align: top;
	border: 0px;
	padding: 0px;
	margin:  0px;
	margin-left: 10px;
}

.infobox td {
 font-size: 0.85em;
 vertical-align: top;
 padding: 0px;
 border: 0px;
 height: 0px;
 margin: 0px;
 padding-right: 20px;
}

.infobox td td{
 font-size: 1em;
 font-weight: bold;
}

.infobox ul{
  margin-left: 0px;
  padding-left: 10px;
  margin-right: 20px;
}

.infobox ul li{
  color: black;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 5px;
}

.Zweispalter  table{
  text-align: left; 
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}
.Zweispalter td{
  text-align: left;
  vertical-align: top;
  width: 50%;
  padding: 0px;
  margin: 0px;
}

.Wegbeschreibung {
  text-align: left; 
  padding: 0px;
  margin: 0px;
}

.Wegbeschreibung li{
  font-weight: normal;
}


p#Fusszeile {
    clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #fed; border: 1px solid silver;
    padding-top: 5px;
	padding-bottom: 5px;

}