body , html {
  background-color:#004400;
  scrollbar-base-color:#00DD00;
  scrollbar-arrow-color:#00FF00;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#00AA00;
  scrollbar-highlight-color:#FFFF88;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#00AA00;
  color:#FFFF00; /* Hauptschriftfarbe (auch Route Liste) */
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 10px;
  margin: 2px;
  margin-top :5px;
  padding: 0px;
  height : 100%;

}



a:link,a:active,a:visited {
	font-size  : 11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	text-align : center;
	color: #FFFFFF;
}


a.mail {
	color      : #FFFFFF;
	font-size  : 11px;	
	font-weight: bold; 
}

H2 {
	Color : #FF4488;
	font-size : 18px;
	vertical-align : middle;
	}

table.main {
    background: #004400;
    border:   1px #FFAA00 solid;
    width  : 900px;
    height: 90%;
    padding    :0px;
    text-align : left;
    font-size: 11px;
    padding : 0px;

}

table.outer {
		width : 100%;
    vertical-align: middle;
}
table.topright {
    background: #008800;
    color     : #FFFF00;
    width     : 100%;
    height    : 100%;
    border: 1px #FFFF00 solid;
    text-align : left;
    font-size: 12px;
    padding :   0px;
    vertical-align: top;

}

table.values {
    background: #008800;
    color : #008800;
    border: 0;
    width : 980px;
    text-align : left;
    font-size: 5px;
    padding : 1;
    vertical-align: top;
}



/* begin counter tabelle */

table.tab1 {
    background: #004400;
    border: 0px #FFAA00 solid;
    text-align : left;
    padding :   0px;
    vertical-align: top;

}

td.td1 {
    background: #004400;
    color : #FFFFFF;
    border: 0px #FFAA00 solid;
    text-align : right;
    font-size: 12px;
    vertical-align: middle;
    width : 30%;
}
/* end counter tabelle */


td.td2 {
    color : #FFFF00;
    background: #006600;
    border: 1px #FFAA00 solid;
    text-align : center;
    vertical-align : middle;
}

td.td3 {
    background: #004400;
    color : #FFFFFF;
    border: 0px #FFAA00 solid;
    text-align : center;
    font-size: 12px;
    vertical-align: middle;
    width : 30%;
}

td.info {
    color : #AAAAAA;
    border: 0px #FFFF00 solid;
    background: #004400;
    text-align : left;
    font-size: 11px;
}

tr.oben {
	  height    : 30%;
    background: #004400;
    padding :0;
    color : #DDDDFF;
    border: 0px #FFFF00 solid;
    border-width: 0px 0px 0px 0px;
    text-align : left;
    font-size: 11px;
    font-weight: normal; 
    vertical-align: top;
}

tr.unten {
	  height    : 30%;
    background: #004400;
    color : #DDDDFF;
    border: 0px #FFFF00 solid;
    border-width: 0px 0px 0px 0px;
    text-align : left;
    font-size: 11px;
    font-weight: normal; 
    vertical-align: top;
}


td.linklist {
    color : #FFFF00;
    border: 0px #FFFF00 solid;
    margin-left : 50px;
    ;background: #004400;
    text-align : left;
    font-size: 11px;
}


input.green, select.green, textarea.green { 
	width : 110;
	font-size:11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #FFFF00;
	background-color:#004400;
	border :    0;
	height : 18px;
	text-align : left;
	vertical-align : middle;
}


input.green:hover, select.green:hover { 
	width : 110;
	font-size:11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #FFFF00;
	background-color:#008800;
	border :  0;
	height : 18px;
	text-align : left;
	vertical-align : middle;
}

input.green:focus { 
	width : 110;
	font-size:11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #000000;
	background-color:#FFFFFF;
	border :0;
	height : 18px;
	vertical-align : middle;
}

 select.green { 
	width : 50;
	font-size:11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #FFFF00;
	background-color:#004400;
	border :    0;
	height : 18px;
	text-align : left;
	vertical-align : middle;
}


select.green:hover { 
	width : 50;
	font-size:11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #FFFF00;
	background-color:#008800;
	border :  0;
	height : 18px;
	text-align : left;
	vertical-align : middle;
}

 select.green:focus { 
	width : 50;
	font-size:11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #000000;
	background-color:#FFFFFF;
	border :0;
	height : 18px;
	vertical-align : middle;
}

 textarea.green { 
	width : 200;
	height : 100;
	font-size:11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: normal; 
	color: #FFFFFF;
	background-color:#006600;
	border :    1;
	text-align : left;

}

input.b_green {
	width      : 80px;
	font-size  : 11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	text-decoration : none;
	color: #FF8800;
	background-color:#006600;
	border: 1px #AAAAAA solid;
	border-width: 1px 0px 0px 1px;	
	height : 18px;
	vertical-align : middle;
	
}

input.b_green_wide {
	width      : 100px;
	font-size  : 11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	text-decoration : none;
	color: #FF8800;
	background-color:#006600;
	border: 1px #AAAAAA solid;
	border-width: 1px 0px 0px 1px;	
	height : 18px;
	vertical-align : middle;
	
}

input.b_green:hover {
	width      : 80px;
	font-size  : 11px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	text-decoration : none;
	color: #FFAA00;
	background-color:#006600;
	border: 1px #AAAAAA solid;
	border-width: 1px 1px 1px 1px;		
	height : 18px;
	vertical-align : middle;
	
}

span.put {
	color : #0000FF;
	text-decoration : underline;
	cursor : pointer;
}




p.header {
    font-weight: bold;
    color : red;
    text-align : center;
    font-size: 13px;
}



p.centerhead {
    font-weight: bold;
    color : red;
    text-align : center;
    
    font-size: 13px;
}

p.einrueck {
    font-weight: bold;
    color : white;
    text-align : left;
    margin-left:1cm;
    font-size: 13px;
}



p.start {
    font-weight: bold;
    color : #88FF88;
    vertical-align:text-top;
    text-align : center;
    font-size: 13px;
}

p.ziel {
    font-weight: bold;
    vertical-align:text-top;
    color : red;
    text-align : center;
    font-size: 13px;
}

img.gelb {
    float: left; 
    margin-right:  3px; 
    margin-bottom: 3px;
    border: 1px solid #FFFF00;
    
}
img.gelbr {
    float: right; 
    margin-right:  3px; 
    margin-bottom: 3px;
    border: 1px solid #FFFF00;
    
}

input.gruen, select.gruen, textarea.gruen { 
	width : 80px;
	font-size:12px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #FFFF00;
	background-color:#006600;
	border : 1px;
	height : 22px;
	vertical-align: middle;
}

input.gelb,  textarea.gelb { 
	width : 90px;
	font-size:12px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #008800;
	background-color:#DDDD00;
	border : 1px;
	height : 15px;
	vertical-align: middle;
}

 select.gelb { 
	width : 93px;
	font-size:12px; 
	font-family: Tahoma, Verdana,sans-serif; 
	font-weight: bold; 
	color: #008800;
	background-color:#DDDD00;
	border : 1px;
	height : 20px;
	vertical-align: middle;
}


span.adrspan {
color     : #888888;
font-size : 10px;	
}

span.zipspan {
color      : #008800;
font-size  : 12px;	
font-weight: bold; 
}
div.popup {
font-size  : 12px;	
text-align : center;
}

table.panoInfo  {
    color: #004400 ;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size:  6px;
	  background: #004400;
}