@charset "utf-8";

/* ******************************
        Validation-Errors	
******************************** */
.validationError {
    border: 1px solid red;
}

span.errortext {
    margin-left: 3px;
    display: block;
}


input,
textarea,
select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #64646E;
    font-size: 11px;
    margin-bottom: 4px;
    border: 1px solid #929297;
}

input {
    padding: 2px 3px;
}

.label,
.errorlabel {
    color: #64646E;
    width: 145px;
    display: block;
    float: left;
    margin-right: 24px;
    line-height: 16px;
}

.label_short {
    color: #64646E;
    width: 80px;
    display: block;
    float: left;	
}

.label_input {
    padding-top: 3px;
}

.auswahlfeld_mittel{
    width: 88%;
}

.inputfeld_mittel{
    width: 85%;
}

textarea {
    width: 100%;
    height: 150px;
}

.select_long {
    width: 730px;
}

.std_input {
    width: 140px;
}

.std_select {
    width: 147px;
}

.ausw_button {
    background-position: right top;
    cursor:pointer;
    display:inline;  
    margin-left:15px;   
    padding: 4px 16px 10px 0px;    
    background-image: url(../resources/img/template/buttons.gif);
    float:left;  
    color: #ffffff;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
    border: 0 none;
    line-height: 15px;
    text-align: left;
    margin-bottom: 0;
}	

.ausw_button:hover {
    color: #E1EEF6;
}

/* CONTAINER */
.container {
    /* padding-top: 20px; */
}

.container .row {
    margin-bottom: 4px;
}

.container .row-header {
    font-weight: normal; 
    padding-bottom: 20px; 
    border-bottom: 1px dotted #808080;
    margin: 0;
}

.container .row-header div {
    float: left; 
    color: #60606b;
}

.container .title {
    color: #60606b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

.container .column {
    float: left;    
}
.container .row .box {
    margin: 0 5px 10px;	  
    border: 1px dotted #97A5B0;  
}	

.container .box .boxheader {
    color: #60606b;
    font-weight: bold;
    padding: 5px 10px;    
    border-bottom: 1px dotted #97A5B0;
}

.container .box .boxcontent {
    padding: 10px;	
    min-height: 200px;
}

* html .container .box .boxcontent {
    height: 200px;
}

.box175 {width: 170px;}
.box200 {width: 195px;}
.box300 {width: 280px;}
.box450 {width: 430px;} 


.container .box-right .section {
    width: 300px;
    text-align: left;
    padding: 50px 5px 5px 5px;
}

.container .row-footer {
    margin-top: 20px;
    margin-bottom: 10px;
}

.container .row-border {
    padding-top: 10px;
    border-top: 2px dotted #808080;
}

.container .row-menu {
    padding-bottom: 50px;
}


/* BUTTONS */
.buttons {
    text-align: right;
    padding-top: 5px;
}

a.button {
    margin-right: 2px;
}

a.button,
a.button span{
    background-image: url(../resources/img/template/buttons.gif);
    float: left;  
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}	

a.button span {
    background-position: right top;
    cursor: pointer;
    display: inline;  
    margin-left: 15px;   
    padding: 4px 16px 10px 0px;    
    /*line-height: 27px;
    padding-right:15px; */
}

a.zurueck,
a.zurueck span{
    background-image: url(../resources/img/template/button-zurueck.gif);    
}

a.buttonbig,
a.buttonbig span{
    background-image: url(../resources/img/template/button-big.gif);    
}

a.buttonsmall,
a.buttonsmall span{
    background-image: url(../resources/img/template/button-small.gif);    
}

a.buttonbig span {
    font-size: 14px;
    padding: 15px 22px 17px 10px;
}

a.buttonsmall span {
    font-size: 9px;
    padding: 3px 15px 7px 0;
}

.row-footer a.button {
    float: right;
}

a.button:hover {
    color: #E1EEF6;
}

a.button:hover span {
    color: #E1EEF6;
}


/* tables */
td {
    vertical-align: top;
}

table.tablesorter {
    margin: 10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
    color: #60606B;
    border-bottom: 1px dotted #808080;
    font-size: 8pt;
    padding: 4px;
}

table.tablesorter thead tr .header {
    background-image: url(../resources/img/template/sorter.gif);
    background-repeat: no-repeat;
    background-position: center left;
    cursor: pointer;
    padding-left: 10px;
}

table.tablesorter thead tr .headerMedium {
    width: 160px;	
}

table.tablesorter thead tr .headerLarge {
    width: 260px;	
}

table.tablesorter thead tr .headerShort {
    width: 85px;	
}

table.tablesorter tbody td {
    padding: 4px 4px 4px 8px;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    /*background-color:#F0F0F6;*/
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../resources/img/template/sorter-asc.gif);
    padding-left: 10px;
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../resources/img/template/sorter-desc.gif);
    padding-left: 10px;
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
    /*background-color: #8dbdd8;*/
}

table.tablesorter tbody tr.odd td{
    /*background-color:#f5f7f8;*/
}

table.tablesorter tbody tr.over{
    background-color:#e5e5e5;
}

table.tablesorter tbody tr.sub-header{  
    font-weight: bold;
}

table.tablesorter tbody tr.sub-header td{
    padding-top: 10px;
}

table.tablesorter tbody tr.sub-body td{
    /*background-color: #ffffff;*/
}


/* ******************************
           LIST	
******************************** */

.list h3 { 
    margin-top: 5px;
    margin-bottom: 5px; 
    padding-bottom: 5px; 
    border-bottom:0px dotted #808080;
    color: #60606b;
}

.list .header {
    font-weight: bold; 
    padding: 15px 0 5px 0;
    border-bottom:1px dotted #808080;		
    font-size: 13px;
    color: #000;
}

.list .subheader {
    font-weight: bold;
    margin-top: 10px; 
    margin-bottom: 10px; 
    color: #60606b;
    background-color: #f5f7f8;
    padding: 8px 0 0 16px;
}

.list .header div {
    color: #60606b;
}

.list .odd {
    border-bottom: 1px dotted #d5e0e9;
    padding-bottom: 5px;	
}

.list .even {
    border-bottom: 1px dotted #d5e0e9;
    padding-bottom: 5px;
}

.list .row {
    padding-top: 5px;
    clear: both;
}

#page-standortuebersicht .list .row {
    padding-left: 20px;
}

.list .row .column_shorter {
    width: 80px;
    float: left;
}


.list .row .column_short {
    width: 100px;
    float: left;
}

.list .row .column_medium {
    width: 170px;
    float: left;
}

.list .row .column_middle {
    width: 260px;
    float: left;
}


.list .row .column_long {
    width: 380px;
    float: left;
}

.list .row .column_verylong {
    width: 600px;
    float: left;
}


.list .row .column_menu {
    width: 90px;
    float: right;	
}

.list .sub-header {
    margin-top: 15px;
    font-weight: bold
}

.list .sub-header .header-left {
    margin-top: 5px;
    float: left;
}

.list .row .group {
    color: #60606b;
}

.list .sub-row {
    margin: 10px 0 0 16px;
}

.list .sub-row .column_short {
    width: 100px;
    float: left;
}

.list .sub-row .column_medium {
    width: 170px;
    float: left;
}

.list .sub-row .column_long {
    width: 380px;
    float: left;
}

/* ******************************
           CONTAINER	
******************************** */

.container .level1 {
    font-size: 13px;
    margin-bottom: 5px;	
    color: #60606b; 
    margin-bottom: 10px;
    font-weight: bold;
}

.container .level2 {
    font-size: 11px;
    margin: 0 0 5px 10px;
    color: #64646E; 
}

/* ******************************
           HEADER	
******************************** */
#page-header {
    margin-top: 45px; 
    margin-bottom: 35px;
}

#page-header #pagetitle {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 54px;
    background: url(../resources/img/template/header_sep.gif) repeat-x bottom left;
}

#page-header #pagetitle a {
    color: #ffffff;
}

#page-header #benutzerzugang-box,
#page-header #benutzerzugang-box {
    float: right;
    padding-top: 16px;
    margin-bottom: -13px;
}

#page-header #benutzerzugang-box .label {
    color: #60606b;
    width: 60px;
    line-height: 15px;
}

#page-header #benutzerzugang-box .input {
    width: 100px;
}

#page-header #benutzerzugang-box .label,
#page-header #benutzerzugang-box .input {
    color: #60606b;
    font-size: 10px;
    margin-bottom: 3px;
}

#page-header #benutzerzugang-box a {
    color: #60606b;
    font-size: 11px;
}


/* ******************************
           MENU	
******************************** */

#page-menu {
    margin-left: -80px;
    padding-top: 17px;
    padding-left: 77px;
    background: url(../resources/img/menu_bg.png) no-repeat 0 17px;
    height: 51px;
    width: 1036px; 
}

#page-menu ul#mainMenu {
    margin: 0;
    padding: 15px 0 0 0;
    /* background-color: #99cc19; */
}

#page-menu ul {
    list-style-type: none;
}

#page-menu ul.subMenu {
    margin: 0;
    padding: 0;
    display: none;  
    background-color: #99cc19;
    position: absolute;    
    z-index: 1000;
}

#page-menu #mainMenu li:hover ul{
    display:block;
    width: auto;  
}

#page-menu #mainMenu li ul li{
    display:inline;  
}

#page-menu #mainMenu li ul{
    display:none;
    width: auto;  
}

#page-menu #mainMenu .menuItem ul li{
    clear: both;    
}

/* Additional IE specific bug fixes... */
* html #page-menu ul { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}

*:first-child+html #page-menu ul  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

#page-menu ul:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

#page-menu li {
    float: left;
    min-width: 84px;
    height: 34px;
}

#page-menu .subMenu li {
    height: 22px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #86b31a;
}

* html #page-menu li {
    width: 84px;	
}


#page-menu .mspacer {
    float: left;
    width: 2px;
    height: 22px;
    margin: 2px 0 0 0;
    background: url(../resources/img/template/mspacer.gif) no-repeat;
    min-width: 2px;
}

#page-menu a,
#page-menu a span {
    display: block;
    padding: 0 14px;
    color: white;
    font-size: 14px;
}

#page-menu a {
    color: white;
    /*font-weight: bold;*/
    /*line-height: 1.2;*/
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    padding-left: 0;
    padding-top: 1px;
}

#page-menu .subMenu li a {
    font-weight: normal;
    height: 22px;
    text-align: left;
}

#page-menu .subMenu li:hover {
    background-color: #86b31a;
}

#page-menu .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}

#page-menu a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 5px;
    padding-right: 0;
}

*>#page-menu a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

#page-menu .ui-tabs-selected a span {
    padding-bottom: 1px;
}

#page-menu .ui-tabs-selected a,
#page-menu a:hover,
#page-menu a:focus,
#page-menu a:active {
    background-position: 100% -150px;
}

#page-menu a {
    background-position: 100% -100px;
    height: 28px;
}

#page-menu .ui-tabs-selected a span,
#page-menu a:hover span {
    background-position: 0 -50px;
}

#page-menu a span {
    background-position: 0 0;
}

#page-menu a:hover,
#page-menu a:focus,
#page-menu a:active {
    cursor: pointer;
}

#page-content {
    list-style-type:none;
    min-height: 400px;
}

* html #page-content {
    height: 600px;
}

.olControlAttribution {
    position: absolute;
    font-size: 10px;
    bottom: 0 !important;
    right: 0 !important;
    background: rgba(0, 0, 0, 0.1);
    font-family: Arial;
    padding: 2px 4px;
    border-radius: 5px 0 0 0;
}

div.olControlZoomPanel .olControlZoomInItemInactive,
div.olControlZoomPanel .olControlZoomOutItemInactive {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
}

div.olControlZoomPanel .olControlZoomInItemInactive {
    border-radius: 5px 5px 0 0;
}

div.olControlZoomPanel .olControlZoomOutItemInactive {
    border-radius: 0 0 5px 5px;
    top: 37px;
}

div.olControlZoomPanel .olControlZoomOutItemInactive:after,
div.olControlZoomPanel .olControlZoomInItemInactive:after {
    font-weight: bold;
    content: '+';
    font-size: 36px;
    padding: 7px;
    z-index: 2000;
    color: #fff;
    line-height: 1em;
}

div.olControlZoomPanel .olControlZoomOutItemInactive:after {
    font-weight: bold;
    content: '-';
    z-index: 2000;
    color: #fff;
    line-height: 1em;
    padding: 0 11.5px;
}

div.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
    display: none;
}

.pflichtfeld {
    font-size: 9px;
    display: block;
    padding-top: 5px;
    padding-left: 5px;
    float: left;
}

input.laenge_breite {
    width: 100px;
}

#baumart_dialog select {
    width: 100%;
}

.ui-datatable td.baumGefaelltDataTableEntry a{
    color: #A9A9A9;
}