/* *******************************************************
			Modifikationen am yaml-Layout
********************************************************* */
body{
 margin-top:10px;
 padding:0px;
 scrollbar-base-color: #444e58;
 scrollbar-track-color: #444e58;
}

/* weißer Hintergrund */
body, #header, #nav, #nav_main{
 background-color:#FFFFFF;
}

#page{
 margin:0px;
 padding:0px;
 border:0px;
}

#header{
 margin:0px;
 border:0px;
 padding:0px;
}

/* Logo zentrieren */
#header img {
 display: block;
 margin: 0px auto 0px auto;
 padding-top:0px;
}

.keywords{
 display:none;
}

/* ********** Top-Menue-Leiste ********* */
#nav{
 height:27px;
}

#nav_main{
 float:left;
 width:49%;
 padding:0px;
 border:0px;
 margin:0px;
 background-image:url(none);
}

#nav_main ul{
 float:left;
 margin-right: 10px;
 margin-left: 10px;
 padding:0px;
 border:0px;
}

/* Menü-Buttons formatieren */
#nav_main li {
 background: #FFFFFF url("images/navigation/left.gif") no-repeat top left;
 border-bottom:0px;
}

#nav_main a, #nav_main strong {
 color:#000000;
 background: url("images/navigation/right.gif") no-repeat top right;
}

/*#nav_main a:focus, #nav_main a:hover, #nav_main a:active {
 background:;
}*/

#nav_main #current {
 background: url("images/navigation/left_on.gif")  no-repeat top left;
}

#nav_main #current a, #nav_main #current strong {
 color:#FFFFFF;
 background: url("images/navigation/right_on.gif") no-repeat top right;
 border-bottom:0px;
}

/* Hintergrundfarbe */
#main, #footer, #page{
 background-color: #3C454E;
}


#main{
 min-height:400px;
 border:1px;
 padding:2px;
}

/* footer */
#footer{
 border:0px;
 margin:0px;
 padding:1px;
 text-align:right;
}


/* **************************************************
			Login-Zeile
**************************************************** */
#loginBox{
 float:right;
 width:49%;
 margin:6px 0px 0px 0px;
 padding-bottom:0px;
 vertical-align:absmiddle;
 text-align:right;
 color:#88A6B7;
}

#loginBox label,
#loginBox a{
 width:auto;
 color:#88A6B7;
 vertical-align:absmiddle;
}

#loginBox form input{
 width:80px;
}

/* ********* Kartenbereich: google Map  ************ */
#mapNav{
 margin-top:10px
}

#mapNavButtons{
 clear:both;
 float:left;
 width:150px;
}

#mapInfoAndSearchBox{
 float:right;
 width:500px;
 text-align:right;
 padding:8px 0px 0px 0px;
}

#mapInfoAndSearchBox form{
 display:inline;
 vertical-align: center;
 margin:0px;
 padding:0px;
}

#mapInfoAndSearchBox form select, #mapInfoAndSearchBox form input{
 width:120px;
}

#addressInputField, #streetInputField{
 padding:1px;
 margin-bottom:2px;
}

#mapInfoAndSearchBox form select{
 margin-bottom:1px;
}

#map{
 height: 370px;
 margin:0px;
 border:0px;
 cursor:hand;
}


/* **************************************************
			Content-Spalten
**************************************************** */

/* Seitenränder */
#col1{
 border-right: 1px solid #666666;
}

#col2{
 border-left: 1px solid #666666;
}
/* ************************************************
			Schriften
************************************************* */
body,h1,h2,h3,h4,p,div,label,td {
 font-family: Helvetica, Arial, sans-serif;
 color:#FFFFFF;
}

body {
   font-size: 75.00%;
}

h1,h2,h3 { font-weight:bold; margin: 0 0 0.50em 0; }
h1 { font-size: 133.33% }                     /* 16px */
h2 { font-size: 116.67% }                     /* 14px */
h3 { font-size: 100%; font-style:italic }  /* 12px */


a, a:active{
 color:#96B6C9;
 font-weight:bold;
}

a:hover{
 color:#E43336;
 text-decoration:none;
}

/* ************************************************
			Formular-Elemente
************************************************* */
form{
 margin:0px;
}


input, textarea, select {
    width: 170px;
	border: 1px #96B6C9 solid;
    background: #fafafa;
	margin:0px;
    padding: 1px;
	color: #777;
}

textarea{
 height:40px;
 font-size:0.95em;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

.formRadio, .formCheckbox{
 width:auto;
 background:transparent;
 border:0px;
}

.formSubmit, .formButton{
 color:#666666;
 background-color:#96B6C9;
 border-width:1px;
 border-style:outset;
 margin:0px;
 padding:1fpx;
 width:100px;
}

.formZip{
 width:40px;
}

.formCity{
 width: 123px
}


/* label-Elemente für Formulare */
label{
 /*display: -moz-inline-box;*/
 display: -moz-inline-box;;
 display: inline-block;
 width:100px;
 color:#FFFFFF;
 margin:1px 1px 1px 0px;
 /*overflow:scroll;*/
}

/* meist im Formular bei Falsch-Angaben verwendet */
.redBorder{
 border: 1px solid #FF0000;
}

.infoTable{
 width:100%;
}

td{
vertical-align:top;
margin:2px;
padding:2px;
}

td.header{
 font-weight:bold;
 border-bottom:1px solid #666666;
}

.infoTable h2{
 margin-top:20px;
 border-bottom:1px solid #666666;
}

.listTableHeader{
	font-weight:bold;
}

.listTableContent{
	/*height:100%;*/
}

.listTableContent .scrollable{
	height:100%;
	width:100%;
	overflow:auto;
}

.tableList p{
 margin-bottom:5px;
}

.editCol{
 width: 55px;
}

.listTableRow1{
 background-color: #54606D;
}

.listTableRow2{
 background-color: #444E58;
}

/* ************************************************
			google map
************************************************* */
.mapNavigationButton{
 background-color:#D4E6F1;
 border: 1px solid #B8C9D2;
}

.mapNavigationButtonActive{
 background-color:#F2BABA;
 border: 1px solid #FF0000;
}

.mapTooltip, .markerTooltip{
 background-color:#ffffff;
 color:#000000;
 font-weight:bold;
 padding:5px;
 border:1px #AAAAAA solid;
}

/* ************************************************
			Such-Tabs
************************************************* */
div.searchTab{
 margin-top:20px;
}

div.searchTabHeader div{
 /*width:60px;*/
 float:left;
 margin: 0px 1px 0px 1px;
 padding:1px 7px 1px 7px;
}


div.searchTabActive{
 background-color:#96b6c9;
 border: 1px solid #666666;
}

div.searchTabActive a{
 color:#3C454E;
 font-weight:bold;
}

div.searchTabInactive{
 background-color:#3C454E;
 border: 1px solid #666666;
 border-width: 1px 1px 0px 1px;
}

div.searchTabInactive {
 color:#96b6c9;
 font-weight:normal;
}

div.searchTabContent{
 border-width:1px;
 border-style:solid;
 border-color:#000000 #666666 #666666 #000000;
 margin: 0px 0px 10px 0px;
 padding: 10px 5px 0px 5px;
 min-height:300px;
}

div.searchTabContent image{
 margin-left:10px;
}

#clickInfoBox div{
 border:1px solid #FF0000;
 background-color:#FFCCCC;
 color: #FF0000;
}

/* --- Block für Adress-Info ---- */
div.reverseGeocodeInfo{
 min-height:40px;
 /*background-color:#FFFFFF;*/
 color:#FFFFFF;
 padding-top:3px;
}

div.reverseGeocodeInfo span{
 color:#FFFFFF;
}

div.searchTabInput{
 border: 1px solid #96999C;
 margin:5px 0px 0px 0px;
 padding:3px 2px 3px 2px;
}

div.searchTabInput span{
 display: -moz-inline-box;;
 display: inline-block;
 width:90px;
}

div.searchTabButtons{
 text-align:center;
 margin:0px;
 padding:0px;
}

div.searchTabButtons input{
 width:50px;
 background-color:#3C454E;
 color:#FFFFFF;
 margin:0px;
 padding:0px;
}

div.searchTabButtons b{
 margin:20px;
}

/* ************************************************
			weitere Formatierungen
************************************************* */
.info{
 font-size:0.85em;
 color:#BBBBBB;
}

.active{
 color:#00FF00;	// rot
}

.inactive{
 color:#FF0000; // grün
}

.disabled, .disabled:hover{
 color:#AAAAAA; // grau
 font-weight:normal;
}

/* ----------------------------------------------------------
				Info-Boxen
------------------------------------------------------------ */


/* editInfo wird verwendet, wenn Eingabehilfen angzeigt werden */
.editInfo{
 background: url("images/info.gif") no-repeat;
 padding:1px 1px 1px 20px;

}

.editInfo, .editInfo a{
 font-size:8pt;
 font-weight:normal;
 color:#555555;
}

/* ------------ Layout der info-Boxen function displayInfo() -------- */

.infoBox{
 margin:10px 0px 10px 0px;
 border: 1px solid #aaaabb;
}

.infoBoxHeader{
 margin:0px;
 padding:2px;
 background-color:#aaaabb;
 color:#FFFFFF;
 font-weight:bold;
}

.infoBoxContent{
 margin:0px;
 padding:2px;
 background-color:#E5E5F3;
}

.infoBoxContent div{
 color:#000000;
}

/* --------- Layout der infoUpdate-Boxen function displayUpdateInfo() ------ */
.updateInfoBox{
 margin:10px 0px 10px 0px;
 border: 1px solid #73A145;
}

.updateInfoBoxHeader{
 margin:0px;
 padding:2px;

 background-color:#73A145;
 color:#E7F2DD;
 font-weight:bold;
}

.updateInfoBoxContent{
 margin:0px;
 padding:2px;
 background-color:#E7F2DD;
}

.updateInfoBoxContent div, .updateInfoBoxContent p{
 color:#006600;
}


div.createObject{
 margin: 2px 100px 2px 100px;
 padding:3px;
 border:1px solid #CCCCCC;
 text-align:center;
 background-color: #86a3b4;
}

div.createObject a{
 font-weight:bold;
 color:#FFFFFF;
}

.quoteBox{
 background-color:#CCCCCC;
 color:#777777;
 padding:2px;
 font-size:0.95em;
}

/* ************************************************
			linke Navigation
************************************************* */

ul#submenu {
    width: 100%;
    overflow: hidden;
    margin: 0em 0 1.5em 0px;
    padding:0px;
    list-style-type: none;
    border-top: 0px;
  }

#submenu a,
#submenu strong {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 5%;
    text-decoration: none;
}


/* Menu Title */
#submenu li#title {
    padding: 3px 0px 3px 0px;
    font-weight: bold;
    background-color: transparent;
    margin:0px 0px 0px 0px;
    border-bottom: 1px #cccccc solid;
}

#submenu li#title a,
#submenu li#title a:focus,
#submenu li#title a:hover,
#submenu li#title a:active {
    font-weight: bold;
    font-size: 133.33%;
    color: #FFFFFF;
    padding:0px;
    background-color:transparent;
}

/* Level 1 */
#submenu li#active,
#submenu li strong {
    margin:0px;
    font-weight: bold;
    color: #fff;
    background-color:#aaaabb;
    border-bottom: 1px #cccccc solid;
  }

  #submenu li {
    margin:0px;
    background-color: #86A3B4;
    border-bottom: 1px #cccccc solid; }
  #submenu li a { width: 90%; padding-left: 10%; color: #EEEEEE; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#aaaabb; color: #fff; }


/* ************************************************
			footer
************************************************* */
#footerInfo{
 max-width:80em;
 min-width:740px;
 border:0px;
 margin-left: auto;
 margin-right: auto;
 margin-top:100px;
 font-size:0.9em;
 color:#AAAAAA;
}