/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
    background-color: #F5D98B;
}

a {
    color: rgb(200,100,0);
    font-weight: bold;
    font-size: 9pt;
}

h1.garmin {
  color: rgb(200,100,0);
}

#statusBox {
   text-align: center;
}

.actionButton {
    background-color: rgb(200,100,0);
    color: white;
    font-weight: bold;
}

table.hinweisbox, table.tourinfoshort {
  width: 400px;
  border: 1px solid green;
  margin: 4px;
}

td.hinweisbold {
    color: rgb(200,100,0);
    font-weight: bold;
}

p.smalltext {
	font-size: 7pt;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

p.anleitung {
	font-size: 8pt;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

p.anleitungbold {
	font-size: 8pt;
	font-weight: bold;
	border: 0px;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

p.faqheader {
	font-size: 10pt;
	font-weight: bold;
	color: black;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-top: 1px solid green;
	border-bottom: 1px solid green;
}

p.faqquestion {
	font-size: 10pt;
	color: black;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

p.faqanswer {
	font-size: 10pt;
	color: black;
	padding: 0px;
	margin: 0px;
}

/* Topbanner ist quasi statisch und enthält nur die Titelgrafik */
#topbanner {
    margin: 0 0 -12px 0;
    padding: 0px;
    height: 106px;
    top: 0px;
    left: 0px;
    width: 100%;
    position: fixed;
    background-image:url(/images/tophead2.jpg);
    border: 0px;
    z-index: 98;
    
}

/* Unter dem Topbanner steht das Menü */
#topmenu {
    height: 20px;
    margin: 0px;
    padding-left: 142px;
    background-image:url(/images/hg_leiste_oben.jpg);
    border: 0px;
    width: 100%;
    position: fixed;
    left: 0px;
    top: 106px;
    z-index: 97;
}


/* Die Navigation steht links */
#left {
    float: left;
    width: 142px;
    margin: 0;
    padding: 0px;
	background-image:url(/images/hg_links.jpg);
    border: 0px;
    position: fixed;
    left: 0px;
    top: 126px;
    height: 100%;
}


#fusszeile {
    clear: both;
    font-size: 0.7em;
    margin: 0; padding: 0.1em;
    text-align: center;
    border: 0px;
}

#fourtabs {
    height: 26px;
    padding: 0px;
    margin: 0px;
    border: 0px;
	width: 100%;
    background-image:url(/images/hg_reiter_unten_normal.jpg);
}

/* Der Inhalt dann in der Mitte von allem */
#content {
    padding-top: 134px;
    padding-left: 148px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 2px;
    margin-bottom: 2px;
    z-index: 99;
    border: 0px;
}

#page1,#page2,#page3,#page4,#page5 {
    background-color: white;
    border: 0px;
    padding: 8px;
}

* html div#content {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
  }

/* Fehlerbox in Formularen */
#errorExplanation {
    border: 1px solid red;
    margin: 0px;
    padding: 0px;
}

#errorExplanation h2 {
    color: red;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
}

#errorExplanation p {
    color: red;
    text-align: center;
    font-weight: bold;
}

#errorExplanation ul li {
    color:red; 
}

div#blockunten {
    width: 99%;
}
/* Die Googlesuchkarte steht innerhalb des Contents */
div#googlesuchmap {
    float: left;
    text-align: center;
    width: 74%;
    height: 600px; 
    border: 0px;
    padding: 0px;
}

div#werbebannerrechts {
    float: left;
    text-align: center;
    background: #466b97;
    width: 200px;
    height: 600px;
    border: 3px solid #f1c437;
    padding: 0px;
    color: white;
}

div#werbebannerrechts h1 {
    font-size: 14pt;
    padding-top:8px;
    font-weight: bold;
}

div#werbebannerrechts h2 {
    font-size: 12pt;
    font-weight: bold;
    color:white;
    padding-bottom: 8px;
}


/* Formatierung der Tourlängenanzeige in der Karte */
div#tourlen {
	background-color: white;    
	font-size: 8pt;
	font-family: Tahoma, Helvetica;	
	font-weight: bold;
	color: rgb(229,175,53);
	border: 1px solid rgb(229,175,53);
}

/********* Formatierung des Topmenüs */

#topmenu ul{
    list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	/* height: 18px; */
	background-color: #008000;
	color: white;
}
		
#topmenu li{
	float: left;
	display: inline;
	font-size: 10pt;
	width: 115px;
}

/* Infobubble im Contentfenster, nicht auf den Google-Maps, z.B: für falsche Benutzeranmeldung */

#infobubble {
    width: 420px;
    border: 1px solid green;
    margin: 3px;
    padding: 6px;
    background-color: #DDD;
    font-size: 10pt;
    font-weight: normal;
}

div.fotoframe {
	float: left;
}

div.cleared {
	clear : both;
}

input.geodisplay {
	font-size: 9pt;
	background-color: #DDD;
	color: black;
}

input.submit {
 	text-decoration: none;
	color: white;
	background-color: rgb(229,175,53);
	height: 18px;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	border-left:   1px solid rgb(193,143,26);
	border-top:    1px solid rgb(193,143,26);
	border-right:  1px solid rgb(234,191,91);
	border-bottom: 1px solid rgb(234,191,91);   
}

/* Buttons mit fester Breite von 98 Pixeln */
a.buttonfixed {
	text-decoration: none;
	color: white;
	background-color: rgb(229,175,53);
	height: 16px;
	float: left;
	width: 97px;
	font-size: 10pt;
	padding: 0px;
	margin: 0px;
	text-align: center;
	border-left:   1px solid rgb(193,143,26);
	border-top:    1px solid rgb(193,143,26);
	border-right:  1px solid rgb(234,191,91);
	border-bottom: 1px solid rgb(234,191,91);
}

a.buttonfixed:hover {
	text-decoration: none;
	color: rgb(229,175,53);
	background-color: white;
	float: left;
	width: 97px;
	font-size: 10pt;
	padding: 0px;
	text-align: center;
	border-left:   1px solid rgb(193,143,26);
	border-top:    1px solid rgb(193,143,26);
	border-right:  1px solid rgb(234,191,91);
	border-bottom: 1px solid rgb(234,191,91);
}

/* Buttons mit variabler Breite */

a.button {
   background: transparent url(/images/Button_SF_Right.png) no-repeat top right;
   background-position: right 4px;
   font: normal 11px arial, sans-serif;
   color: #000!important;
   display: block;
   max-width: 120px;
/*   float: left; */
   text-align: center;
   height: 19px;
   margin-right: 6px;
   padding-right: 8px; /*sliding doors padding */
   padding-top: 4px;
   padding-bottom: 4px;
   text-decoration: none;
}

a.button span {
   background: transparent url(/images/Button_SF_Left.png) no-repeat;
   display: block;
   line-height: 9px;
   padding: 5px 0 5px 8px;
}

was.a.button {
	text-decoration: none;
	color: black;
	background-color: rgb(229,175,53);
	height: 16px;
	text-align: center;
	display: block;
	font-size: 10pt;
	padding: 0px 8px 0px 8px;
	border-left:   2px solid rgb(193,143,26);
	border-top:    2px solid rgb(193,143,26);
	border-right:  2px solid rgb(234,191,91);
	border-bottom: 2px solid rgb(234,191,91);
}

was.li was.a.button {
	background-color: transparent;
	border: 0px;
    background: url(/images/leftmenubartop.jpg);
    background-repeat: no-repeat;
}

was.a.button:hover {
	text-decoration: none;
	color: rgb(229,175,53);
	background-color: white;
	font-size: 10pt;
	display: block;
	padding: 0px 8px 0px 8px;
	text-align: center;
	border-left:   2px solid rgb(193,143,26);
	border-top:    2px solid rgb(193,143,26);
	border-right:  2px solid rgb(234,191,91);
	border-bottom: 2px solid rgb(234,191,91);
}

/***** Formatierung der Navigationsleiste */

#usermenu {
	padding-top: 30px;	
}

#navigation {
	padding-top: 15px;
}

#navigation table, #usermenu table {
    text-align: center;
	color: black;
	margin: auto;
	padding: 0px;
	border: 0px;
}

#usermenu table td {
    text-align: center;
}

/* Verwendung für die Überschriften über den Suchfeldern */
#navigation td.ueberschrift {
	font-size: 8pt;
}

#navigation select {
	font-size: 8pt;
	background-color: #EEEEEE;
}

/********* Dateneingabeformulare                     */
table.dataentry {
    border: 0px solid gray;   
    border-spacing: 0px;
}

table.fototable {
    border: 1px solid gray;   
    border-spacing: 0px;
}

td.bildueberschrift, p.fliessbildtitel {
    font-weight: bold;
    text-align: center;
	border: 0px solid;
	padding: 0px;
	padding-bottom: 3px;
	margin: 0px;
}

p.bubbletitle {
	text-align: center;
	color: black;
	font-size: 11pt;
	margin: 0px;
	border: 0px;
	padding: 0px;
	max-width: 320px;
}

p.bubbletext {
	font-size: 9pt;
	max-width: 320px;	
}

a.bubblelink {
	text-decoration: none;
}

table.fourtabs, table.datashow {
    border: 0px;
    border-spacing: 3px;
    margin: 1px;
    padding: 4px;
    width: 99%;
}

table.mainleftblock tr td {
    vertical-align: top;
}

span.fliessbild {
    float: right;
    width: 340px;
    margin: 10px 10px 10px 10px;
}

span.fliessbild_left {
    float: left;
    width: 340px;
}

div.descblock {
    float: left;
    width: 100%;
    background-color: #ccffcc;
}

div.description {
	text-align: justify;
}

table.einleitung {
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;	
}

table.einleitung p {
	color: black;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 1em;
}

table.einleitung tr {
	vertical-align: top;
}

table.dataentry tr, table.datashow tr {
    vertical-align: middle;
}

table.dataentry td {
}

table.dataentry label, table.datashow label {
    font-weight: bold;
}

table.dataentry select{
	font-size: 9pt;
	background-color: rgb(235,255,235);
}

div.fieldWithErrors >input {
	font-size: 9pt;
	background-color: rgb(255,195,195);
}

table.dataentry textarea, table.dataentry >tbody >tr >td >input{
	font-size: 9pt;
	background-color: rgb(235,255,235);
}

table.pagination {
	background-color: rgb(235,255,235);
}

td.grey {
	color: RGB(190,190,190);
}

/********* Formatierung der Benutzeran- und Abmeldung */

#usermenu td.ueberschrift {
    color: black;
    font-size: 8pt;
}

#navigation select {
	font-size: 8pt;
	background-color: #EEEEEE;
}

#usermenu td {
    text-align: center;
}


table.keywordlist {
	border: 1px solid green;
	border-spacing: 1px;
	padding: 0px;
	margin: 0px;
	width: 300px;
}
/********* Formatierung der Tourenlistendarstellung */

table.tourliste {
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

table.tourliste tr.header1 {
    background-color: #F5D367;
    text-align: center;
    color: black;
    font-size: 11pt;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

table.tourliste tr.header2 {
    background-color: #F5D367;
    color: black;
    font-size: 10pt;
    font-weight: bold;
    text-align:left;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

table.tourliste tr.header2 a {
    text-decoration : none;
    color: black;
    text-align:left;
}

/********** Tabellendarstellung der Datenverwaltung */

#content h1 {
    font-size: 12pt;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
	padding-bottom: 6px;
}

#content h2 {
    font-size: 11pt;
    font-weight: bold;
    color: black;
    margin: 14px 0px 4px 0px;
    padding: 0px;
}

#content h4 {
	font-size: 11pt;
	font-weight: bold;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

table.data {
    border: 1px solid gray;
    border-spacing: 0px;    
    padding: 4px;
    margin: 0px;
}

table.data th {
    text-align: left;
    background-color: #C0FFC0;
    border-bottom: 1px solid gray;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    margin: 0px;
    padding: 3px 4px 3px 4px;
}

tr.titlerow td{
	margin-top: 15px;	
	border-top: 1px solid green;	
	border-bottom: 1px solid green;
	font-weight: bold;	
}

tr.datalist1 {
    margin: 0px;
    padding: 0px;
    background-color: rgb(255,237,199);
    vertical-align: top;
}

tr.datalist0 {
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

table.bewertungsliste {
	border-spacing: 0px;
	border: 2px solid rgb(255,237,199);
}

table.bewertungsliste tr td {
	border-bottom: 1px solid rgb(255,237,199);
	border-top: 1px solid rgb(255,237,199);
}

table.data td {
    font-size: 9pt;
    margin: 0px;
    padding: 3px 4px 3px 4px;
}

/* Tabulators für Toureneditor */
#tourtabs {
    margin: 0 0 0 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 0 0 0 0;
    border-bottom: 1px solid rgb(100,100,100);
}

#tourtabs td {
    height: 32px;
    width: 134px;
}

#tab1,#tab2,#tab3,#tab4 {
    background: url(/images/leftmenubar.jpg);
    background-repeat: no-repeat;
	font-size: 10pt;
	color: black;	
}

#tab5 {
    background: url(/images/leftmenubar.jpg);
    background-repeat: no-repeat;
	font-size: 10pt;
	color: black;	
}

td.tabs {
    text-align: center;
}

a.active {
    text-decoration: none;
    text-align:center;
    font-weight: bold;
    font-size: 10pt;
    color: #ff6600;
}

a.inactive {
    text-decoration: none;
    text-align:center;
	color: black;
}

p.bewertungssterne {
    color: green;
    font-weight: bold;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

div.bewertung>a {
    text-decoration: none;
    color: green;
    font-weight: bold;
}

p.imgcaption {
    text-align: center;
    font-size: 8pt;
    margin: 0px;
    border: 0px;
    padding: 0px;
    line-height: 1em;
}