/* Für die Einstellung min-height könnte dieser Hack verwendet werden:
   (Denn min-height funktioniert nicht im IE-6)
   Tja, nur wohin damit ...
  min-height:800px;
  height:auto !important;
  height:800px;
  border: 1px solid green;
  
  Die FarbWelt:
  -------------
  
  JTP-Rot:
  color: rgb(209,0,25);
  
  Überschrift/Text:
 	color:rgb(145,135,119);
  
  Links:
 	color: rgb(69,65,63);
  
  Links hover:
  color: rgb(209,0,25);

..................................................

  ToDo:
  - px aufräumen und entweder em pder pt setzen ...
  - css von Fotoalbum - gaestebuch und standard zusammenführen
  - Überschriften korrekt sortieren (h1-h2-h3 ...)
  

*/


 body
 {
 	font-family:   Helvetica, Verdana, Arial, Sans-Serif ;
 	font-size:11px;
 	text-align:center;
 	color:rgb(67,67,67);
 	
/*  	color:rgb(145,135,119);
 	
 background-color: rgb(245,242,208);*/
  	border: solid 0px green;
 }

 #centerdiv
 {
 	width:750px;
 	margin:0px auto;
 	margin-top: 3em;
 	text-align:left;
 	border: solid 0px blue;
  background-color: white;
  position: relative;
  }

 h1 {font-size:1.3em; 	color:rgb(67,67,67);margin-top:10px;margin-bottom:10px;padding:0px;}
 h2 {font-size:1.1em; 	color: rgb(69,65,63); margin-top:10px;margin-bottom:10px;padding:0px;}
 h3 {font-size:1.0em;   color: rgb(69,65,63); font-weight:bold;margin:0px; padding: 0px; text-transform:uppercase; }
 h4 {
	font-size: 1.1em;
  color:rgb(67,67,67);
	font-weight: bold;
	margin:0px;
	padding: 3px 0px 5px 0px;
  }
 h5 {
	font-size: 10px;
  color:rgb(67,67,67);
	font-weight: bold;
	margin:0px;
	padding: 3px 0px 5px 0px;
  } 
p {margin-top:5px;
   margin-bottom:5px;}
ul {margin-top:7px;
    margin-bottom:7px;
    margin-left:15px;}
li {margin-left: 5px;
    margin-bottom:7px;}
   
 /* Die "Standard-Hyperlinks" */
 	a:link, a:visited {
  text-decoration: underline; 
 	color: rgb(69,65,63);
 	padding: 0px;
  }
 	a:active, a:hover
  {
  color: rgb(209,0,25);
 	border-left: 0px solid red;
  }

/* Images erhalten keinen Rahmen (sieht Scheisse aus ...) */
a img {border: none; }

   
 /* Die Titelzeile */
 #title {
 	clear: left;
 	width: 750px;
 	height:27px;
 	margin:0px;
 	padding:0px 0px;
 	text-align: left;
 	color: white;
 	/*background-color: rgb(209,0,25);*/
 }
 
 /* Die Fusszeile */
 .footer {
	clear: left;
	width: 750px;
  line-height:20px;
	vertical-align:middle;
	text-align: right;
	font-weight: bold;
 	background-color: rgb(209,0,25);
	font-size: 1em;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}
 
  /* Die Hyperlinks im Footer */
 	a.footer:link, a.footer:visited {
	color: #D3D3D3;
	text-decoration: none;
  }
 	a.footer:active, a.footer:hover  {
 	color: white;
  }

 /* Das Menü */
 .menu {
 	float: left;
 	text-align:left;
 	border: 0px solid red;
  height: 10px;

   }

  td.menu {
  margin-bottom: 1px;
  }
   
 .trenner {
 	color: rgb(209,0,25);
 	padding: 0px 5px 0px 5px;
   }

/* Die Hyperlinks im Menü .menu:visited 
 
 	.menu a:link, a:visited,
 	.menur a:link, a:visited
 {
  color: gray;
 }
 
 	.menu a:active, a:hover,
 	.menur a:active, a:hover
 {
 	color: red;
 	text-decoration:none;
 }

*/
 	a.menu:link, a.menu:visited {
/* 	font-size:1.0em;*/
 	font-weight:bold;
 	/* text-transform:uppercase;*/ 
 	font-size: 0.9em;
  color: rgb(69,65,63);
 	text-decoration:none;
 	border-left: 1px solid white;
 	padding-left:  5px;
  padding-right: 10px;
  }

 
 	a.menu:active, a.menu:hover {
 	color: rgb(209,0,25);
 	text-decoration:none;
  border-left: 1px solid rgb(69,65,63);
  }



 /* Der Inhalt */
 .content {
  float: left;
 	clear: both;
 	border-top:1px solid rgb(209,0,25);
 	padding: 0em;
 	
  width: 750px;
 }
 
 .content_web {
   padding-bottom: 0px;
}
 
  .content_index {
 	border: 0px solid blue;
  width: 750px;
 	padding-top: 0.5em;
 	padding-bottom: 1.5em;
 	margin-top: 0em;

/* Minimum-Höhe weil der Jan sonst "geköpft" würde ! 
 muss wieder gelöscht werden !!!


 	min-height:170px;
  height:auto !important;
  height:170px;
  */
 	
 }

/* Minimum-Höhe weil der Jan sonst "geköpft" würde ! 
war auf 250px muss wieder zurückgeändert werden ...
*/
  .content_index_min { 	
  /*
  min-height:250px;
  height:auto !important;
  height:250px;
  border: 0px solid green;
  */
  }
 
   .content_1 {
  float: left;
  position: relative;
 	border: 0px solid blue;
 	border-left:0px solid rgb(209,0,25);
  width: 340px;
  padding-left: 10px;
 	margin-top: 20px;
 	margin-right: 20px;
 	margin-bottom: 20px;

 }
 
   .content_2 {
  float: left;
  position: relative;
 	border: 0px solid blue;
 	border-left: 1px solid rgb(209,0,25);
  width: 340px;
  padding-left: 20px;
 	margin-top: 20px;
 	margin-bottom: 20px;
 }
 
   .content_3 {
  text-align: center;
 }
 
 
   .min-hoehe {
  float: left;
  position: relative;
 	border: 0px solid blue;
  width: 340px;
  height: 510px;
 }
 
.min-hoehe_2 {
  min-height:415px;
  height:auto !important;
  height:415px;
  width: 340px;
  border: 0px solid green;
  }
 
/*wird derzeit nicht mehr verwendet, Sternchen bei Auswertung */
 .textgrey {

 }

 .box1, .box2 {
	float: left;
	text-align: left;
	margin: 2px;
	border: 0px solid blue;
	color: Gray;
	min-height:12px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
 
  .box1 {
 	 	width: 130px;
 }
 
  .box2 {
 	 	width: 400px;
 }

 /* Der Hingugger */
 .hingugger_gross{
 	background-color: transparent;
 	border: 0px solid black;
 	position: absolute;
 	margin-left: 320px;
 	margin-top: -670px;

 }

#safari-overflow-fix {
clear:both;
position:relative;
height:0;
}
 
  /* Der Hingugger */
 .hingugger_klein{
 	background-color: transparent;
 	border: 0px solid black;
  position: absolute;
  width:  300px;
  height: 190px;
  left: 420px;
  top:  -25px;
  text-align: right;
}
 
 .webmasterbox1, .webmasterbox2, .webmasterbox3, .webmasterbox4 {
	border: 0px solid blue;
	color: Gray;
  height: 177px;
}
 
  .webmasterbox1 {
    position: relative;
	  text-align: left;
 	 	width: 440px;
 }
 
   .webmasterbox10 {
    position: absolute;
    top: 7px;
    left: 100px;
	  text-align: left;

 }
 
    .webmasterbox11 {
    position: absolute;
    top: 0px;
    left: 440px;
    height: 200px;
	  text-align: left;

 }
 
   .webmasterbox2 {
    position: relative;
    left: 308px;
	  text-align: left;
 	 	width: 440px;
 }
 


 /* Wird momentan nicht verwendet ... */
  .webmasterbox3 {
     filter:alpha(opacity=50);
     -moz-opacity:0.5;
     position: absolute;
     top: 300px;
     left:650px;
     width:250px; 

     border:1px solid #000000;
     background-color:rgb(255,248,245);
     z-index:2;
  }
 
   .webmasterbox4 {
    float: left;
    width: 180px;
  }
 
 
/* form elements */
form {
  padding: 10px;
	border: 1px solid #EAEAEA; 
	background-color: rgb(253,253,253);

/*	background-color: rgb(255,255,240) ;*/
/*	background-color: #FAFAFA; */
}
label {
  margin: 6px 0px 3px 35px;
	display:block;
	font-weight:bold;
  text-align: left;
}
input {
  padding: 4px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {

	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;

	display:block;
	color:#777;
}
input.button { 
	margin: 5px; 
	font: bolder 12px Arial, Sans-serif; 
	border: 1px solid #EAEAEA;
	padding: 2px 3px; 
	background: #CCC ; /*url(../images/buttonbg.gif) repeat-x left bottom;*/ 
	color: #333;/* color: #339900; */
	cursor:hand;
	cursor:pointer;
}

.mailmeldung, .fehlermeldung {
	border:1px solid #eee;
	text-align: center;
	color: rgb(209,0,25);
  font-weight:bold;
  padding: 100px;	
}

.erfolgsmeldung {
	border:1px solid #eee;
	text-align: center;
	color: rgb(67,67,67);
  font-weight:bold;
  padding: 100px;	
}


/* Fotoalbum */

.fotoalbum {
  text-align: center;
  padding-bottom: 15px;
}


/* Auswertung */

.wertung {
  width: 748px;
  }


table {
	font: 11px/13px Helvetica, Verdana, Arial, sans-serif;
	border-collapse: collapse;

	}

th {
	padding: 0 0.5em;
	text-align: left;
	}

tr.yellow td {
	border-top: 1px solid rgb(209,0,25);
	border-bottom: 1px solid rgb(209,0,25);
	background: whitesmoke;
	}
	
thead {display: table-header-group;}
	
tr.red td {
	border-top: 0.20em groove grey;
	}

td.width {
	width: 300px;
	}

td.adjacent {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	border-left: 1px solid #CCC;
	text-align: left;
	}
td.adjacent_mi {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	border-left: 1px solid #CCC;
	text-align: center;
	}
td.adjacent_re {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: right;
	}
td.adjacent_mi_re {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: center;
	}
td.fahrer {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}

/* Links - Kontaktseite */

td.links_klein {
  width: 200px;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	padding: 0 0.5em;
	}
	
td.links_gross {
  width: 350px;
	border-bottom: 0px solid #CCC;
	border-left: 0px solid #CCC;
	padding: 0 0.5em;
	}
	
td.links_rahmen {
	border-bottom: 1px solid #CCC;
	border-left:   1px solid #CCC;
	border-right:  1px solid #CCC;
	padding: 1em;
	}
	
td.oben_rahmen {
	border-top:  1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 1em;
	}
	
td.form_rahmen {
	border:  1px solid #CCC;
	padding: 1em;
	}
	
.trenner_zeile {
  background-color: whitesmoke ;
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: center;

}

/* Wertungs-FAQ */

.gesamt_wertung{
 	background-color: transparent;
 	border: 0px solid black;
 	position: absolute;
 	margin-left: 30px;
 	margin-top: 20px;
}

.div_faq{
  text-align: left;
  width: 600px;
 	margin-left: 100px;

}


.handcursor{
cursor:hand;
cursor:pointer;

}
.switchgroup1{
border: 1px solid red;
padding: 10px;
margin: 10px;
}

/* CHECK-Tabellen */

.td_aenderung{
color: red
}

.td_sort{
color: blue
}


.hinweis_wertung {
text-align: center;
	font-style: italic;
 }
 
.hinweis_fehler {
  text-align: center;
  font-style: italic;
  color: red;
}

.pagination {
  padding-top:   15px;
  margin-bottom:  2px;
}



 /* News */
 

.news {
 	clear: both;
 	width: 350px;

 	text-align: left;
 	padding: 5px;
 	margin-top: 15px;
 	margin-bottom: 10px;
 	border: 1px solid rgb(209,0,25);
 }

.news p {
  padding: 5px;
}

.news table {
 	font: 10px/10px Helvetica, Verdana, Arial, sans-serif;
 	border: 0px;
 	}
.news td {
 	padding-left:  10px;
 	padding-right: 10px; 	
  border-spacing: 10px;
  border: 0px;
  border-bottom: 0px;
  }


/* Fahrerliste */

    input {height: 20px; padding: 3px;}
    .submitbutton { margin-top: 22px; }
    select { font-size: 9px; color:rgb(67,67,67); padding-bottom: 1px; border: 1px solid rgb(224,224,224); }     
    .auswahl_fahrerliste { margin: 5px; height: 55px; float: left; border: 0px solid red; }
    .auswahl_fahrerliste h1 { font-size: 10px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; border: 0px solid blue; }
    .pagination_fahrerliste { text-align: center; float: clear both;}










/*
.news {
 	clear: both;
 	text-align: left;
 	 	width: 350px;
 	padding: 5px;
 	padding-top: 15px;
 	margin-bottom: 10px;
 	border: 0px solid rgb(67,67,67);
 }
 
.news table {
 	font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
 	border: 1px solid rgb(209,0,25);

}

.news td {
 	padding-left:  10px;
 	padding-right: 10px; 	
  border-spacing: 10px;
  border: 0px;
}

*/

/* Der Gecko-Fix (z.B. Firefox) zur "springenden" Seite - Scrollbalken 
   Fix deaktiviert, da er mehr Probleme schafft, als er löst:
   - Als iframe eingebundene Seiten enthalten den Scrollbalken auch
   - Die print-css Eigenschaften übernehmen dies und somit werden Tabellen beim Ausdruck nicht "umgebrochen"
   - overflow:-moz-scrollbars-none; zeigt keine Wirkung um die Einstellung "aufzuheben"
   
body {
  overflow:-moz-scrollbars-vertical;
  }
*/
.nurdruck { display: none; }

.nurscreen {  padding-bottom: 3px; }

/* Druck-Einstellungen */

@media print{
     /* Hier kommen die Angaben für den Ausdruck hinein */
body              { color: black;}
#centerdiv        { width: 170mm; text-align: left; }
#title            { display: none; }
#news             { display: none; }
.menu             { display: none; }
.hingugger_klein  { display: none; }
.hingugger_gross  { display: none; }
.footer           { display: none; }
.content          { width:  170mm; }
.content_1        { width:   80mm; }
.content_2        { width:   80mm; }
table             { font: 9px Verdana; color: black; }
.wertung          { width: 170mm;  }
.div_faq          { margin-left: 0px; width: 140mm; }
.switchgroup1     { margin-right: -50px; }
.nurdruck         { display: inline; font-size:1.3em; color: rgb(69,65,63); font-style: italic; text-align: center; }
a:link, a:visited { text-decoration: none; color: black; }
.nurscreen        { display: none; }
}

/* Änderungen Gebrauchtmarkt: */

td.adjacent img {
  padding: 3px;
}
td.adjacent p {

}
td.adjacent h1 {

}

td.adjacent {

}


.gebraucht_daten {
  border: 0px solid lightgrey;

}

.gebraucht_daten h1 {
  color: rgb(209,0,25);
}

.gebraucht_daten table {

}

.gebraucht_box1 {
  float: left;
  width: 400px;
  margin-bottom: 15px;
  min-height:320px;
  height:auto !important;
  height:320px;
  border: 0px solid green;
}

.gebraucht_box2 {
  float: right;
  width: 310px;
  border: 1px solid lightgrey;
  padding: 20 15 10 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.gebraucht_bilder {
  clear: both;
  border: 0px solid lightgrey;
  text-align: center;
  margin-top:    20px;
  margin-bottom: 20px;

}

.thumbs img, #bild_gross {
  padding: 2px;
  margin:  5px;
  border:  1px solid lightgrey;
}

.thumbs:hover img{
  border: 1px solid rgb(209,0,25);
}

/* form elements */
.gebraucht_daten form {
  padding: 0px;
	border: 0px solid #EAEAEA; 
	background-color: white;

}


.gebraucht_daten label {
  margin: 0px;
  border: 0px solid red;
  width: 700px;
  float: left;
	height: 20px;
}
.gebraucht_daten .feld {
	border:1px solid #eee;
	height: 20px;
	width: 200px;
}


.gebraucht_daten textarea {

	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
  width: 200px;

	color:#777;
}