/*
    Document   : base.css
    Created on : 07.04.2010, 15:04:29
    Author     : JS
    Description:
        holds all (unchangeable) layout specific definitions like positions and sizes
        and the base skin that can be overwritten in skin css-files.
*/

/*************************
 * Allgemeine Definitionen
 ************************/
html, body {
    text-align:center; /* style fÃ¼r IE erforderlich, fÃ¼r das zentrieren; text-align:left zusÃ¤tzlich in das zu zentrierende div */
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    position:relative;
    
    /* fullscreen */
    width:100%;
    height:100%;}


html {
    /* overflow:auto; extra für IE damit an der rechten Seite kein Scrollbalken ist, aber damit PopUp-Probleme im Safari */
    height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}


/*********************************
 * Allgemeine Klassen-Definitionen
 ********************************/
a.button {
    /* bekommen alle <a>'s die ein img enthalten (Buttons) */
    font-size:0px;
    text-decoration:none; /* nötig, da IE sonst ein Leerzeichen blau unterstrichen neben dem Button anzeigt */} 

h1, h2, h3, h4, h5, h6 {
   margin-top: 0px;
}

img {
    border: 0px;
}

.clear, .clearer {
    clear: both;
}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/**********
 * Messages
 *********/
div.error, div.info, div.success, div.notice {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
  position: relative;  }

div.error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
div.error a {color: #8A1F11;}

div.info {background: #FFF6BF; color: #514721; border-color: #FFD324;}
div.info a {color: #514721;}

div.success {background: #E6EFC2; color: #264409; border-color: #C6D880; text-align:center;}
div.success a {color: #264409;}

div.info ul, div.error ul {
padding-left: 60px;
}

div.success ul {
margin-bottom:5px;
margin-top:5px;
padding-left:50px;
padding-right:50px;
}

div.info li, div.error li {
list-style-type:square;
}

div.success li {
list-style-type:none;
}

/*****************
 * Layout-Elemente
 ****************/
#layout_wrapper {
    padding-left:40px;
    padding-right:165px;
    min-width:780px;
    /* alte Werte fÃ¼r 1280px
    padding-left: 100px;
    padding-right: 200px;
    width: 900px;*/
    text-align: left;
    margin: 0px auto;
    border: 0px solid;
    
    /* fullscreen */
    position:relative;
    padding-left: 100px;
    padding-right: 220px;      
    height:100%}

#layout {
    min-width:780px;
    position:relative;
    
    /* fullscreen */
    height:100%;}

#header {
    height:78px;
}

#header_img {
    position: absolute;
    right:-13px;
    top: 10px;
}

/**
 * EnthÃ¤lt auch die Menupunkte links und rechts sowie die Navigation
 */
#content_wrapper {
    position:relative;
    min-height:70%;  
    background-color: #EAEAEA;
    
    /* fullscreen */
    /* height:70%; */
    /* min-height:450px; */}

#layout > .map{
    height:70%;
    
    min-height:450px; /*
    dies bringt Fehler mit sich, wenn man das Browserfenster in der Höhe ganz klein macht
    ohne dies gibt es jedoch ein anderes Problem, es gibt min-height bei der Karte mehr */}


/************************************************************
 * Navigationsbuttons rechts und links des Content-Containers
 ***********************************************************/
#button_entry {
    position: absolute;
    top: 30px;
    right: -164px;}

#button_tour {
    position: absolute;
    top: 120px;
    right: -156px;}

#button_banking {
    position: absolute;
    top: 175px;
    right: -156px;}


#button_about {
    position: absolute;
    top: 220px;
    right: -120px;}


#button_goto_myposition {
    position: absolute;
    top: 6px;
    left: -36px;}

/* gehört nicht zur Hauptnavigation, liegt innerhalb des content_container */
.olMap .olControlMyPosition {
    position:absolute;
    left:-1px;
    top:8px;
    z-index:1;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/buttons/myposition_set.png");
    width:  24px;
    height: 24px;
    cursor:pointer;}  
    

.olControlPanZoomBar {
    top:40px !important;}

#button_account {
    position: absolute;
    top: 38px;
    left: -36px;
}

#button_logout {
    position: absolute;
    top: 168px;
    left: -36px;
}

#button_admin {
    position: absolute;
    top: 278px;
    left: -36px;
}



#button_map {
    position: absolute;
    top:-37px;
    left:25px;
}




/*******************************************
 * Footer-Wrapper mit Links und Suchformular
 ******************************************/
#footer {
    width: 100%;
    position: relative; /* wichtig fÃ¼r das suchfeld */
    margin-bottom:30px;
    min-height:60px;
}

#footer_links {
    font-family: 'Verdana';
    font-size: 10px;
    left: -8px;
    top: 12px;
    position: relative;
    border: 0px solid;
    border-color: #ff00ff;
}

#footer_links a {
    float: left;
    padding-right: 10px; /* Abstand zum nÃ¤chsten Link */
}

#footer_links a:link, #footer_links a:visited {
    color: #444444;
    text-decoration: underline;
}
#footer_links a:active { color: #ffffff; text-decoration: none; }
#footer_links a:hover { color: #222222; text-decoration: underline; }

#form_search {
    position:relative;
    float:right;
    top: 7px;
    left: 14px;
    width: 245px;
    height: 54px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/bg_search.png");}

#form_search span {
    position: absolute;
    top: 34px;
    left: 12px;
    color: #606060;
    font-family: 'Verdana';
    font-size: 11px;
}

#input_search {
    position: absolute;
    top: 10px;
    right: 38px;
    width: 192px;
}

#button_search {
    position: absolute;
    top: 10px;
    right: 11px;
}

#button_search:hover {
    border: 2px solid;
}

/**************************************
* das CSS was sich um die Karte aufbaut
**************************************/
.sidebar_enabled {
    float: left;
    width: 690px;
}

#content_border_upper, #content_border_lower {
    left:0px;
    position:absolute;
    width:100%;
    height:11px;
    background-repeat:repeat-x;
}

#content_border_upper {
    top:-11px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_upper.png");
}

#content_border_lower {
    bottom:-11px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_lower.png"); }

#content_border_left, #content_border_right {
    background-repeat:repeat-y;
    position:absolute;
    width:13px;
    height:100%;
    top:0px;}

#content_border_left {
    left:-13px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_left.png");
}

#content_border_right {
    right:-13px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_right.png");
}

#content_border_right_upper, #content_border_left_upper, #content_border_left_lower, #content_border_right_lower {
    width:13px;
    height:11px;
    position:absolute;
}

#content_border_right_upper {
    right:-13px;
    top:-11px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_right_upper.png");
}

#content_border_left_upper {
    left:-13px;
    top:-11px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_left_upper.png");
}

#content_border_left_lower {
    left:-13px;
    bottom:-11px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_left_lower.png");
}

#content_border_right_lower {
    right:-13px;
    bottom:-11px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/border_right_lower.png");
}

/******************************************************
 * FÃ¼r die Kartendarstellung: Container + Innenschatten
 *****************************************************/
/* damit die Icons auf der KArte scharf sind */
.olMap {
    image-rendering: -moz-crisp-edges;
}


#map {
    /* height + width required for the map to be displayed */
    
    
    /* alter wert fÃ¼r 1280px
    width: 900px;*/
    width: 780px;
    background-color: #EAEAEA; /* visible when the map is loading... */
    position: relative; /* required for the inner shadow to be visible */
    
    /* fullscreen */
    height:100%;
    width:100%;}
    /* min-height: 450px; */
    
#innershadow_upper, #innershadow_lower { 
    position: absolute;
    width: 100%;
    height: 8px;
    background-repeat: repeat-x;
    z-index:1000;}

#innershadow_upper {
    top: 0px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/innershadow_upper.png");    }

#innershadow_lower {
    bottom: 0px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/innershadow_lower.png"); }

#innershadow_left, #innershadow_right {
    background-repeat: repeat-y;
    position: absolute;
    width: 8px;
     z-index:1000;
     height:100%}

#innershadow_left {
    left:0px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/innershadow_left.png");}

#innershadow_right {
    right:0px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/innershadow_right.png");}

/* Quelle OSM */
/* #OpenLayers\.Control\.Attribution_6 */
.olControlAttribution {
    background-color: white;
    background-image: none;
    border: 1px solid #CCCCCC;
    bottom: -1px !important;
    font-size: 11px !important;
    height: 12px;
    opacity: 0.6;
    padding: 0 6px 1px 10px;
    position: absolute;
    right: 0px !important;}        
    
/* #OpenLayers\.Control\.Attribution_6 a */
.olControlAttribution {
    text-decoration: none;} 



/*************
 * Menuleisten
 ************/
.menu, .menu_green {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 70px;
    padding-top: 0px;
    padding-left:1px;
}

#first_level {
    position: relative;
    top: 0px;
    left: 0px;
    height: 36px;
    width: 100%;
    background-repeat: repeat-x;
}

.menu #first_level {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_bg_red.jpg");
}


.menu_green #first_level {
     background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_bg_green.jpg");
     
}

.menu_entry {
    padding-left: 9px;
    padding-right: 9px;
    float: left;
    left: 0px;
    min-width: 0px;
    top: 0px;
    position: relative;
    line-height: 35px;
    /* transparenter rahmen damit sich die inhalte nicht verschieben */
}

#first_level .active {
  background-repeat:repeat-x;
  border:1px solid #FFFFFF;
  height:33px;
  left:-1px;
}

.menu #first_level .active {
   background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_active_submenu_bg_red.jpg"); 
}
.menu_green #first_level .active {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_active_submenu_bg_green.jpg");
    
}

#menu_active_submenu_marker {
    position: absolute;
    left: 0px;
    bottom: -3px;
    z-index: 3;
    height: 3px;
    width: 100%;
    background-repeat: repeat-x;
}

.menu #menu_active_submenu_marker {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_active_submenu_red.jpg");
}
.menu_green #menu_active_submenu_marker {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_active_submenu_green.jpg");  
}


#menu_active_marker {
    position: absolute;
    left: 50%;
    bottom: 1px;
}

#submenu_active_marker {
    position: absolute;
    left: 50%;
    bottom: 2px;
}

#menu_active_img {
    position: absolute;
    left: -10px;
    width: 21px;
    height: 14px;
}

.menu #menu_active_img {
     background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_marker_red.png");}
     
.menu_green #menu_active_img {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/menu_marker_green.png");}


.menu_entry a:link, .submenu_entry a:link, .menu_entry a:visited, .submenu_entry a:visited {
    font-family:arial;
    font-weight:bold;
    text-decoration:none;}
    
.menu_entry a:active, .menu_entry a:hover,
.submenu_entry a:active, .submenu_entry a:hover {
    font-family:arial;
    font-weight:bold;
    text-decoration:none;}
    
.menu_green a, .menu a{
    color:#DDDDDD;}    
    
.menu_green .active > a, .menu .active > a, .menu_green a:hover, .menu a:hover {
    color:#FFFFFF;}


#second_level {
    position: relative;
    left: 0px;
    top: 0px;
    background-repeat: repeat-x;
    height: 33px;
    width: 100%;
    clear: both;
}

.menu #second_level {
     background-image:url("http://lausitzer.regionalatlas.net/media/images/skin_base/submenu_bg_red.jpg"); 
}
.menu_green #second_level {
    background-image:url("http://lausitzer.regionalatlas.net/media/images/skin_base/submenu_bg_green.jpg");
}

.submenu_entry {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    min-width: 0;
    padding-left: 6px;
    padding-right: 6px;
    line-height: 24px;
    font-size: 13px;}

/*.active a:link {
    font-family:arial;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;}  */  

    /*.active a:visited, .active a:active, .active a:hover{
    font-family:arial;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;} */
    

.submenu_entry:hover .thirdmenu {
    display:block;
    color:#ffffff;}

.submenu_entry .thirdmenu {
    border:1px solid #c2c2c2;
    top:23px;
    display:none;
    padding:0 20px;
    color:#DDDDDD;
    left:0px;
    line-height: 25px;}

.menu_green .thirdmenu {
    position: absolute;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/skin_base/submenu_bg_green.jpg");
    z-index: 1000;
    white-space: nowrap;}







/*******************************************************/
/* Die ersten drei Elemente zum Inhalt einer Seite, kommen auf jeder Seite vor, bei Admin und bei Usern */
/*******************************************************/
/* EnthÃ¤lt nur den eigentlichen Inhalt */
#content_container {
    position:relative;
    font-size: 13px;
    font-family: arial;
    color: #444444;
    padding-left: 10px;
    padding-right: 10px;
    padding-top:10px;
    padding-bottom:15px;
    
    /* fullscreen */
    min-height: 356px;
    height:100%;
    /* min-height:450px; */}
    
    


/* Eine Box mit Rahmen, kann mehrmals innerhalb des content_containers platziert werden */
.content_box,
.admin_box {
    position:relative;
    background-color:#f1f1f1;
    border: 1px solid;
    border-color: #c3b9b8;
    }

.admin_box {
    margin:5px 0px 0px 0px;}

.content_box {
    margin:5px 13px 0px 13px;}

.box_content {
    position:relative;
    border: 1px solid;
    border-color: #FFFFFF;
    min-height: 293px;}


.admin_box .box_content {
    overflow-x: auto;
    padding:10px;}


/* Zweites Div innerhalb der Box, für den Rahmen
und Abstand nach innen zu Formualren etc.
nur für User-Bereich!! */
.content_box .box_content {
    /* alle Unterseiten im User-Bereich erhalten dieses padding,
    nur manche wie die BankingÜbersicht erhalten ein eigenes Padding,
    die User-Formulare werden hingehen zusätzlich mit top:...px noch ein Stück runter gesetzt, da wegen der custommessage es nicht mit padding geht */
    padding-top: 20px;
    padding-left: 55px;
    padding-bottom: 10px;
    padding-right:55px;
    
    height:100%;
    position:relative;}

.admin_box a {
    white-space: nowrap;}




/*******************************************************/
/* CSS Admin-Bereich
/*******************************************************/
/* es gibt ein .content_box und ein .admin_box, das ist die höchste Ebene um zwischen Admin und User-Bereiche zu unterscheiden */

.admin_box table {
    border: 1px solid #CCCCBB;
    margin-bottom: 2em;
    width: 100%;
}

.admin_box table tr {
    border-bottom: 1px solid #DDDDDD;
}

.admin_box table th {
    background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #D5D5D5;
    color: #555555;
    text-align: center;
    padding: 10px;
}

.admin_box table td {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E0E0E0;
    padding: 10px;
}


.admin_box table .account_locked td {
    background-color: #ffe0d7;}


.admin_box table .account_inactive td {
    background: #FFF6BF;}

.admin_box table .account_closed td {
    background: #d4c9c9;}

.admin_box table .subscription_terminated td {
    background: #FFF6BF;}
    
.admin_box table .offer_inactive td {
    background: #FFF6BF;}

.adminform label {
    display:block;
    margin-top:10px;
    }

.adminform {
    background-color: #F1F1F1;
    border: 1px solid #C3B9B8;
    position: relative;
    margin: 10px 300px 0 0;
}


.adminform .form_content {
    border: 1px solid #FFFFFF;
    padding: 10px;
    position: relative;
    }

.adminform fieldset {
    padding-left:20px;
    margin-bottom:10px;}

.adminform .required {
    font-weight:bold;}

.admin_box #back {
    margin-left:10px;
    }

.adminform fieldset textarea {
  width:350px
  }

.adminform button, .adminform input[type="submit"] {
    margin-top:10px;}

/* die Fehlermeldungen im AdminBereich */
.adminform .form-errors{
    padding: 10px;}

.adminform .form-errors p{
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/listicon_error.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    margin: 0;
    padding: 5px 25px 5px 35px;
    background-color: #FFEEEE;
    border: 2px solid #FF0000;
    margin-bottom:5px;}

/* kleiner fix, in manchen Admin-Bereichen liegt ein Formular direkt im .box_content (z.B. Standort editieren)
und manchmal auf gleicher Höhe mit admin_box im content_container (z.B. Account editieren) */
.admin_box .box_content .adminform,
.admin_box .box_content .adminform .form_content {
border:0px none;
}


form select.icon {
    height: 1.7em;
}
form select.icon option {
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:34px;
    height: 30px;
    vertical-align: middle;
}


/* Tabelle bei den Übersetzungen */
#box_translation_index_list .box_content {
overflow:visible;}

/* Tabelle bei den SubscriptionOffers */
#box_admin_subscriptionoffers_index .box_content {
overflow:visible;}

/* Überweisungsformular AdminBereich */
.adminform #widget_accountsearch,
.adminform #widget_senderSearch {
    width:231px;}

.adminform #recentpartners {
    width:auto;}

.adminform #div_recentpartners .dijitButtonContents {
  width: 212px;}

.adminform #div_accountsearch img,
.adminform #div_senderSearch img {
    position:absolute;
    margin-left:3px;}

.adminform #div_recentpartners img {
    position:absolute;
    margin-left:1px;
    margin-top:3px;}
    
.adminform #selectPayee {
    width: 231px;
    margin-bottom:0px;}
    
.adminform #selectPayee td{
    width: 100%;}
    
.adminform #div_sender {
    margin-bottom:40px;}
    
.adminform #selectPayee_tooltip {
     margin-left: 3px;
    margin-top: 3px;
    position: absolute;}
    
.adminform #div_nominal_value .hint,
.adminform #div_current_value .hint {
    margin:0px;}
    
    
/* ToolTips neben den input-feldern */
.adminform .form_element_tooltip {
    margin-left: 3px;
    position: relative;
    top: 5px;}
    
 


/* hat der Jakob irgendwie gebraucht */
td.center {
    text-align: center;
    vertical-align: middle;
}

td.center img {
    vertical-align: middle;
}

td.right {
    text-align: right;
}

td.left {
    text-align: left;
}




/* Pagination/Seitenblättern im Adminbereich */
.admin_box .paginationControl {
    position: relative;
    float:right;
    width:0px;}  

.admin_box .paginationControl td {
    text-align: center;     
    /* min-width: 19px; */}


.admin_box .paginationControl .pagination_pages {
    /* min-width:200px; */}              
    
#form_bankaccount_create #div_upper_hard_limit label,
#form_bankaccount_create #div_lower_hard_limit label {
    color: #FF0000;}
    
    
    
    
    
    
    
    
    



/*******************************************************/
/* Eröffnugnselemente und Tabellen vom User-Ebereich
/*******************************************************/


/* es gibt ein .content_box und ein .admin_box, das ist die höchste Ebene um zwischen den beiden zu unterscheiden */

.content_box h2 {
    font-size: 19px;
    color: #777777;
    margin: 5px 0px 5px 5px;
}

.box_content > p {
    color: #555555;
    font-family: arial;
    font-size: 12px;
    margin-left: 5px;
    margin-right: 5px;
    max-width: 700px;
    margin-bottom:30px;}


.content_box table {
    border:0 solid #CCCCBB;
    border-collapse: separate;
    border-spacing: 0px 5px;
    /* width:100%; nicht reinnehmen, da sonst Tabelle über Content-Bereich rausgehen kann */
    table-layout: fixed; /* der Inhalt in Tabllen wird dadurch bei der Platzaufteilung nicht berücksichtigt, width geht vor */}

.content_box tr {
    background-color: #FFFFFF;
    /* sonst kein CSS nötig */}


.content_box th,
.content_box td {
    border-bottom: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    vertical-align: middle;}
    
.content_box th  {
    text-align:left;}  

.content_box .col_first {
    border-left: 1px solid #D0D0D0;    }

.content_box .col_last {
    border-right: 1px solid #D0D0D0;    }


.content_box .data_table th {
    font-size: 13px;
    font-weight: bold;}


/************************************************************************
 * die Messages den über Formularen im User-Bereich,
 * da wo zum Beispiel auch Fehlermeldungen nicht in die TextBox gelangen
 ***********************************************************************/
#box_subscription_confirm .messages, /* Buchungsbestätigung und die Frage ob er die Buchung wirklich abschicken möchte */
#box_user_login .messages, /* Login mit Hinweis das man eingelogt sein muss um diese Seite zu sehen */
#box_banking_transactions_confirm .messages, /* Überweisungsbestätigung */
#box_banking_transactions_create .messages, /* Fehlermeldung wenn das Konto gesperrt ist, kein Formular-Fehler */
#box_banking_management_index .messages{ /* Banking-Einstellungen, wenn Änderungen gespeichert wurden */
    top:20px; /* ein padding ist hier wegen der div.box_content nicht möglich */
    margin-bottom:7px;
    position:relative;
    width:670px; 
    left:20%;
    margin-left:80px; /* nicht ändern, sonst versetzt zum darunter anschließenden Formular */ }

/* Extrawurst, dies schon in einem .customform sitzt und das #form_banking_transactions_create schon die Ausrichtung übernimmt */
#form_banking_transactions_create .form-errors { /* Fehlermeldungen über dem Überweisungsformular */
}
    
#box_subscription_confirm .messages .info,
#box_user_login .messages .error, /* Login - Hinweis das man kein Recht hat diesen Standort zu bearbeiten und sich einloggen soll */
#box_user_login .messages .notice,
#box_banking_transactions_confirm .info,
#form_banking_transactions_create .form-errors div,
#box_banking_transactions_create .messages .error,
#box_banking_management_index .success {
    border-left: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #a8a8a8;
    margin-bottom: 3px;
    background-color: #FFFFFF;
    width: 386px;
    position :relative;
    padding:0px;
    left:-200px; /* nicht ändern, sonst versetzt zum darunter anschließenden Formular */}
    
#box_subscription_confirm .messages .info p,
#box_user_login .error p,
#box_user_login .notice p,
#box_banking_transactions_confirm .info p,
#form_banking_transactions_create .form-errors p,
#box_banking_transactions_create .messages .error p,
#box_banking_management_index .success p {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/listicon_error.png");
    background-repeat:no-repeat;
    background-position:15px 50%;
    border-bottom: 1px solid #CBCBCB;
    margin: 0;
    width: 352px;
    padding: 12px 25px 12px 35px;
    position: relative;
    width: 327px;
    text-align:left;}

/* es gibt Fehlermeldungen welche als message ausgegeben werden, deswegen hier zweimal das style */    
#form_banking_transactions_create .form-errors p,
#box_banking_transactions_create .messages .error p {
    font-weight:bold;
    color: #DD2211;}
    



/***************************************
 * Spezielle Settings fÃ¼r einzelne Views
 **************************************/
/*******************************
 * Box fÃ¼r default.account.index
 ******************************/
#box_account_index th.locations_heading,
#box_account_index th.market_heading,
#box_account_index th.energy_heading,
#box_account_index th.account_heading {
    padding:25px 30px 25px 30px;
    width:70px;
    border-left: 1px solid #D0D0D0;
}

#box_account_index td.locations_info,
#box_account_index td.market_info,
#box_account_index td.energy_info,
#box_account_index td.account_info {
    padding: 15px 30px 15px 30px;
    font-size:13px;
    width:350px;
}

#box_account_index td.locations_status,
#box_account_index td.market_status,
#box_account_index td.energy_status,
#box_account_index td.account_status {
    padding:10px 10px 10px 10px;
    width:165px;
    font-size:12px;}
    
#box_account_index td.account_status b {
    margin-right: 5px; }
    
#box_account_index td.locations_status a {
    color: #444444;
    text-decoration:none;}

#box_account_index td.locations_gotooverview,
#box_account_index td.market_gotooverview,
#box_account_index td.energy_gotooverview,
#box_account_index td.account_gotooverview {
    width:50px;
    border-right: 1px solid #D0D0D0;}

/*************************************
 * Boxen für default.account.locations
 ************************************/
#box_account_own_locations .box_content {
    padding: 20px 50px 30px;
    min-height:20px;}

#box_account_helper_locations .box_content {
    padding: 10px 20px;
    min-height:130px;}

#box_account_own_locations td.locations_icons {
    padding: 8px 10px 7px 8px;
    width:120px;
    border-left: 1px solid #D0D0D0;
    white-space:nowrap;}

#box_account_own_locations td.locations_name {
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
    width: 240px;}

#box_account_own_locations td.locations_address {
    font-size: 10px;
    font-weight: bold;
    padding: 0 10px;
    width:220px;}

#box_account_own_locations td.locations_status {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;}
    
#box_account_own_locations td.locations_status img {
    float:left;}

#box_account_own_locations td.locations_status span {
    display: block;
    font-weight: normal;
    margin-left: 22px;
    margin-right: 5px;
    margin-top: 2px;
    position: relative;
    width: 70px;}


#box_account_own_locations td.locations_edit {
    white-space: nowrap;
    width: 75px;}
    
#box_account_own_locations td.locations_edit a {
    margin-right:5px;}

#box_account_helper_locations {
    margin: 5px 3px 13px 150px;
    width: 540px;}

#box_account_helper_locations h2 {
    font-size: 16px;
    margin: 5px 0 0 5px;}

#box_account_helper_locations p {
    margin:0 0 20px 5px;}

#box_account_helper_locations td.locations_icons {
    padding: 4px 10px 3px 8px;
    width: 40px;
    border-left: 1px solid #D0D0D0;}

#box_account_helper_locations td.locations_name {
    font-weight: bold;
    padding: 0 20px 0 10px;
    width: 320px;}

#box_account_helper_locations td.locations_status {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    width: 0px;
}

#box_account_helper_locations td.locations_edit {
    width: 80px;}

#box_account_helper_locations td.locations_edit a {
    float:left;
    margin-right:5px;}


#box_account_own_locations table a img,
#box_account_helper_locations table a img{
    position: relative;
    top: 3px;
}
/*********************************
 * Box fÃ¼r default.account.profile
 ********************************/

 #box_account_profile table {
 empty-cells: show;} /* überflüssig */


#box_account_profile th {
    padding: 15px 20px;
    width: 170px;
    border-left: 1px solid #D0D0D0;
}

#box_account_profile td.info {
    padding: 15px 20px;
    width: 280px;
    font-size:12px;}

#box_account_profile td.action {
    font-size: 12px;
    padding: 12px 10px 12px 20px;
    width: 150px;
    border-right: 1px solid #D0D0D0;
}

#box_account_profile td.action a {
    line-height:20px;
    white-space:nowrap;
}

/*********************************
 * Box für die Angebotsvorstellung/Abonnement
 *********************************/
#box_information_subscriptions table {
    min-width: 610px;
    width: 75%;
    border-spacing: 0;
    border: 1px solid #D0D0D0;
    margin-bottom:20px;}

/* #box_information_subscriptions table.location_subscription_offer,
#box_information_subscriptions #location_subscription_individual {
       border-spacing: 0;
       border: 1px solid #D0D0D0;
       margin-bottom:20px;
       width:100%;}       */ 
      
#box_information_subscriptions td {
      border:0px none;
      padding-left: 35px;}
      
#box_information_subscriptions .location_subscription_offer td {
      border:0px none;
      padding-left: 35px;}
      
#box_information_subscriptions td h4,
#box_information_subscriptions td p {
      margin:0px;
      padding:0px;
      padding-left: 22px;
      padding-right: 40px;}
      
#box_information_subscriptions td h4 {
      background-image: url("http://elbtaler.regionalatlas.net/media/images/picto_active.jpg");
      background-position: 0 0;
      background-repeat: no-repeat;
      min-height:19px;
      background-size: 18px auto;}
      
#box_information_subscriptions th {
      border:0px none;
      border-bottom:1px solid #D5D5D5;
      border-top:4px solid #bbbbbb;
      font-size: 16px;
      padding-bottom: 12px;
      padding-top: 15px;
      padding-left:25px;}
                              
#box_information_subscriptions .subscriptionoffer_features_info td,
#box_information_subscriptions #location_subscription_individual td {
    padding-top:10px;} 
    
    
    
    
/*****************   
/* die Preis-Box */
  
#box_information_subscriptions .subscriptionoffer_price,
#box_information_subscriptions .location_subscription_individual_price {
    float:left;
    border-top:1px solid #D5D5D5;
    padding:3px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-top: 10px;}  

#box_information_subscriptions .subscription_action {
    float: left;
    left: 100px;
    margin-top: 12px;
    position: relative;}
      
#box_information_subscriptions .subscriptionoffer_price_value span {
    font-size: 18px;
    font-weight: bold;} 
    
#box_information_subscriptions .subscriptionoffer_monthly_hint span {
    font-weight:bold;}
    
#box_information_subscriptions .subscriptionoffer_monthly_hint b,
#box_information_subscriptions .subscriptionoffer_monthly_hint .currency_positive {
    font-size:11px;}
/* Ende Preis-Box */
                             
   
#box_information_subscriptions .subscriptionoffer_hints {
    font-size:11px;
    margin-top:15px;
    margin-bottom:8px;
    clear:both;}
    
#box_information_subscriptions .subscriptionoffer_hints .subscriptionoffer_payment_hint {
    margin-left:10px;}
                            
/* das Sonderangebot */    
#box_information_subscriptions .location_subscription_individual_price {
    font-size: 18px;
    font-weight: bold;
    border-top:0px none;
    color:#555555;}
    
#box_information_subscriptions .location_subscription_individual_price span {
    font-size: 12px;
    font-weight:normal;
    color: #666666;}      
    
/* Ausblendungen */    
#box_information_subscriptions #location_offer_1 .subscriptionoffer_display_info,
#box_information_subscriptions #location_offer_2 .subscriptionoffer_support_info {
    display:none;}    
    
    

/*********************************
 * Buchungsbestätigung
 * gilt für ... 
 *********************************/
div#box_subscription_confirm #fieldset-confirmSubscription #div_offer {    
    padding-top: 15px;}  
 
div#box_subscription_confirm #fieldset-confirmSubscription #div_accept_terms {    
    padding-bottom: 30px;
    margin-left:70px;}   
 
div#box_subscription_confirm #fieldset-confirmSubscription #div_offer div,
div#box_subscription_confirm #fieldset-confirmSubscription #div_price div,
div#box_subscription_confirm #fieldset-confirmSubscription #div_address div {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    font-family: arial;
    font-size: 12px;
    padding: 5px;
    width: 240px;}
    
div#box_subscription_confirm #fieldset-confirmSubscription #div_address div span {
    font-weight:bold}    

div#box_subscription_confirm #fieldset-confirmSubscription .subscriptionPrice,
div#box_subscription_confirm #fieldset-confirmSubscription .subscriptionAddress {
    display:block;}

div#box_subscription_confirm #fieldset-confirmSubscription #div_offer div span,   
div#box_subscription_confirm #fieldset-confirmSubscription #div_price div span,
div#box_subscription_confirm #fieldset-confirmSubscription #div_address label {
    font-weight:bold;} 
    
div#box_subscription_confirm #fieldset-confirmSubscription #div_abort {
    left:70px;}

div#box_subscription_confirm #fieldset-confirmSubscription #div_submit {
    left:160px;}



 
/*********************************
 * Box fÃ¼r Startseite Online-Banking (Übersicht)
 ********************************/
#box_banking_balance .box_content {
    min-height:30px;
    padding:20px 50px 10px;}    
            
#box_banking_info .box_content {
    min-height:220px;}
    
#table_account_balance {
    float:left;
    margin-left: 10%;
    margin-right: 10%;
    width:200px;}

#box_banking_balance h2 {
    margin-bottom:20px;}

#table_account_balance th  {
    text-align:center;
    /* width:200px; */
    border-right: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    padding-top: 15px;
    padding-bottom: 15px;}

#table_account_limits {
    white-space: nowrap;
    top:-5px;
    position:relative;}

#table_account_limits th {
    font-size:12px;
    border-left: 1px solid #D0D0D0;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left:15px;}

#table_account_limits td {
    border-right: 1px solid #D0D0D0;
    text-align:right;
    padding:10px;}

div #box_banking_info {
    margin-left:40px;
    margin-right:40px;}

#box_banking_info h2 {
    color:#904242;
    font-size:15px;}


#box_banking_info table {
    font-size:12px;}

#table_account_details {
    width:auto;
    float:left;
    margin-left: 3%;
    margin-right: 3%;}



#table_account_details .currency_positive {
    color:#444444;
    font-weight:normal;}

#table_account_fees {
    width:auto;}

#table_account_details th {
    text-align:right;
    width:110px;
    font-size:12px;
    line-height: 18px;
    border-left: 1px solid #D0D0D0;
    padding:5px 10px 5px 15px;
    white-space:nowarp;}

#table_account_details td {
    line-height: 18px;
    border-right: 1px solid #D0D0D0;
    padding:5px 20px 5px 5px;
    width:50px;}

#table_account_details tr {
    width:210px;}


/* beachte, dies muss nach #table_account_fees td kommen, damit das width für den Gebührenwert überschrieben wird
die Gebührennamen haben keine eigene Klasse*/
#table_account_fees td.fees_circulationfee,
#table_account_fees td.fees_transactionfee {
width:150px;
padding:10px 10px 10px 20px;
}

#table_account_fees td.fees_value {
width:50px;
text-align:right;
}

#table_account_fees td.fees_value .currency_positive {
color:#444444;
}

#table_account_fees td.fees_tooltip {
width:30px;
padding-left: 15px;
}


.fees_circulationfee span,
.fees_transactionfee span {
font-weight:bold;
}


/*********************************
 * User-Seite der Konto-Umsätze
 ********************************/

#box_banking_transactions_index .box_content {
    padding: 20px 20px 20px 30px;}


#box_banking_transactions_index .data_table {
    /* border-spacing: 0px 5px; */
    background-color:#d0d0d0;
    border-spacing: 0px;
    font-family:verdana;
    position:relative;
    left: -20px;
    margin-left: 5%;}

#box_banking_transactions_index .data_table th {
    padding: 10px;
    text-align:center;
    border-top: 4px solid #CCCCCC;}

#box_banking_transactions_index .data_table td {
    border-top:0px none;
    padding: 8px 10px 8px 9px;}


#box_banking_transactions_index .transaction_date {
    border-left:0px none;
    width:70px;}


#box_banking_transactions_index .transaction_incoming {
    width:60px;
    text-align:right;
    border-left: 1px solid #d0d0d0; }

#box_banking_transactions_index .transaction_outgoing {
    width:60px;
    text-align:right;}


#box_banking_transactions_index .transaction_outgoing span,
#box_banking_transactions_index .transaction_incoming span {
    white-space: nowrap;}

#box_banking_transactions_index .transaction_partner {
    border-left: 2px solid #F2F2F2;
    border-right: 1px solid #999999;
    padding-left: 16px;
    width: 230px;}

#box_banking_transactions_index td.transaction_partner {
    color: #333333;
    font-size: 12px;}


#box_banking_transactions_index .organization_name,
#box_banking_transactions_index .individual_contact {
    font-weight:bold;
    color:#444444;
    font-size:13px;}

#box_banking_transactions_index .individual_name {
    color:#444444;
    font-size:13px;}

#box_banking_transactions_index .transaction_reference {
    background-color: #EEEEEE;
    width:280px;}

#box_banking_transactions_index #table_account_balance {
    left:0px;
    top:0px;
    margin-left:0px;
    float:none;
    
    left: -20px;
    margin-left: 5%;

    /* margin-bottom:30px; macht im IE Probleme und verrückt das paginationControl */    }
    
#box_banking_transactions_index .paginationControl { 
    margin-top:10px; /* braucht hier ein größeres padding, da die Tabelle bei den Umsätzen kein spacing hat */
    margin-bottom:10px;
    left: 660px;} 

#box_banking_transactions_index #table_account_balance td{
    text-align:center;
    font-family:arial;
    border: 1px solid #D0D0D0;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 200px;}
    
#box_banking_transactions_index #table_account_balance span {
    margin-top: 3px; }

#box_banking_transactions_index tr.transactionFee .transaction_partner,
#box_banking_transactions_index tr.transactionFee .transaction_partner .individual_name,
#box_banking_transactions_index tr.transactionFee .transaction_reference {
    font-size:11px;
    color:#999999;}

#box_banking_transactions_index tr.transactionFee td.transaction_date {
    background-color: #F1F1F1;
    color: #F1F1F1;}

#box_banking_transactions_index .box_content > p {
    max-width:700px;}

/* gilt für alle Seiten-Blättern im User-Bereich, deswegen .content_box */
.content_box .paginationControl {
    background-color: #FFFFFF;
    border: 1px solid #9F9F9F;
    color: #8B7170;
    padding: 1px 10px 0px;
    position: relative;
    
    /* der Trick damit es an der rechten Seite ist,
    die SeitenButtons sich nach links ausbreiten,
    und dennoch das Paging an seiner Position bleibt */
    float:right;
    left: 630px;
    margin-right: 100%;}


.content_box .paginationControl td {
    background-repeat: no-repeat;
    font-weight: bold;
    /* height: 19px; */
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    width: 19px;
    padding-top:0px;
    padding-bottom:0px;
    border:0px none;
    height:19px;}

.content_box .paginationControl .pagination_pages {
    width:40px;
    padding-right: 10px;}

.content_box .pagination_page {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/page.png");
    margin-right: 6px;}

.content_box .pagination_current {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/current.png");
    color:#000000;
    height:17px;
    padding-top:2px;
    margin-right: 6px;}

.content_box .pagination_current div {
    width:19px; /* wichtig damit das Paging fehlerfrei an der rechten Seite angezeigt werden kann*/
    height:18px;
    padding-top:1px;}

.content_box .pagination_first {
    color: transparent;
    margin-right: 6px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/first.png");}

.content_box .pagination_first:hover {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/first_hover.png");}

.content_box .pagination_previous {
    color: transparent;
    margin-right:16px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/previous.png");}

.content_box .pagination_previous:hover {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/previous_hover.png");}

.content_box .pagination_next {
    color: transparent;
    margin-right: 6px;
    margin-left:10px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/next.png");}

.content_box .pagination_next:hover {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/next_hover.png");}

.content_box .pagination_last {
    color: transparent;
    margin-right:10px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/last.png");}

.content_box .pagination_last:hover {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/pagination/last_hover.png");}

.content_box .pagination_first a,
.content_box .pagination_previous a,
.content_box .pagination_next a,
.content_box .pagination_last a {
    filter: alpha(opacity=0); /* IE */
    -moz-opacity: 0; /* Mozilla */
    opacity: 0; /* Opera/Mozilla */}

.content_box .paginationControl a {
    display:block;
    /* padding-top:1px; */
    top:1px;
    width:19px;
    height:19px;
    text-decoration: none;
    color: #8B7170;
    position:relative;}


.content_box .paginationControl a:link,
.content_box .paginationControl a:visited {
    color: #8B7170;}

.content_box .paginationControl a:hover,
.content_box .paginationControl a:focus,
.content_box .paginationControl a:active {
    color: #000000;}


/************************************************
 * User-Seite der allgemeinen Banking-Statistiken
 ***********************************************/
#box_banking_index_statistics .box_content {
    min-height:290px;}


#box_banking_index_statistics .data_table {
    /* border-spacing: 0px 5px; */
    background-color:#d0d0d0;
    border-spacing: 0px;
    font-family:verdana;
    position:relative;
    border-top:4px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;}


#box_banking_statements_index .data_table th {
    padding: 10px;
    text-align:center;    }

#box_banking_index_statistics .data_table td {
    border-top:0px none;
    padding: 8px 10px 8px 9px;}     

/* "Kontogebühren" ausgeblendet */
#box_banking_index_statistics .statistic_accountingfee {
    display:none;}  

/************************************************
 * User-Seite der Kontoauszüge
 ***********************************************/


#box_banking_statements_index .data_table {
    /* border-spacing: 0px 5px; */
    background-color:#d0d0d0;
    border-spacing: 0px;
    font-family:verdana;
    position:relative;}

#box_banking_statements_index .data_table th {
    padding: 10px;
    text-align:center;
    border-top: 4px solid #CCCCCC;}

#box_banking_statements_index .data_table td {
    border-top:0px none;
    padding: 8px 10px 8px 9px;}
    
    
#box_banking_statements_index td.statemment_view,
#box_banking_statements_index td.statement_download {
    text-align:center;}


/*******************************************************
 * die Suche - Auflistung aller Suchergebnisse abseits der Karte *
 * auch für die Suche bei Unternehmen die der Energiekarte zugefügt werden sollen 
 * und ebenso für die Auflistung aller Standorte einer gewählten Branche, jedoch ohne Suchfeld * 
 ******************************************************/
#box_search_index .customform,
#box_energy_locations_list .customform,
#box_directory_index .customform{
    width:auto;
    min-height:0px;
    padding-top:0px;
    padding-left:0px; 
    
    left:0px;        /* nötig, das .customform standardmäßig sich dynamisch nach rechts ausrichtet*/
    margin-left: 0px;}  /* nötig, das .customform standardmäßig sich dynamisch nach rechts ausrichtet*/

#box_search_index .customform .form_content, 
#box_energy_locations_list .customform .form_content{
left:0px;}  /* nötig, das .customform standardmäßig sich dynamisch nach rechts ausrichtet*/


#box_energy_locations_list #form_energy_locationsearch {
    margin-top:30px;}

#box_search_index .box_content {
    min-height: 320px;
    padding: 20px 90px 30px 50px;}

#box_energy_locations_list .box_content{
    min-height: 320px;
    padding: 20px 50px 30px 50px;} 

#box_search_index .form_header,
#box_search_index .form_footer,
#box_energy_locations_list .form_header,
#box_energy_locations_list .form_footer {
    background-image:none;
    height:0px;
    width:0px;}

#box_search_index .form_content,
#box_energy_locations_list .form_content {
    background-image:none;}

#box_search_index h2,
#box_search_index h3,
#box_energy_locations_list h2,
#box_energy_locations_list h3 {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    position: relative;
    margin:0px;
    padding:0px;
    top: -48px;
    left:120px;}

#box_search_index .form_content fieldset,
#box_energy_locations_list fieldset {
    height:auto;
    min-height:0px;
    margin:0px;
    padding:0px;
    top:0px;}

#box_search_index legend,
#box_energy_locations_list legend {
    display:none;}

#box_search_index #div_query,
#box_energy_locations_list #div_query{
    margin-left:10px;
    padding-left: 9px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/searchform_background.png");
    background-repeat:no-repeat;
    width: 620px;
    height:80px;}

#box_search_index #div_query label,
#box_energy_locations_list #div_query label{
    color: #666666;
    font-size: 11px;
    left: 0px;
    position: absolute;
    top: 31px;
    left:10px;}

#box_search_index #div_query input,
#box_energy_locations_list #div_query input{
    border: 1px solid #FFFFFF;
    width:188px;
    margin:0px;
    padding:0px;
    top:9px;
    left:2px;}

#box_search_index #div_start_search,
#box_energy_locations_list #div_start_search{
    position:absolute;
    left: 0px;
    top: 0px;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
    left: 220px;
    top: 3px;}

#box_search_index .form-errors,
#box_energy_locations_list .form-errors{
    position:absolute;
    z-index:2;
    margin-left: 80px;
    margin-top: 17px;
    top: 25px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/listicon_error.png");
    background-position: 0px 50%;
    background-repeat: no-repeat;}

#box_search_index .form-errors p,
#box_energy_locations_list .form-errors p{
    margin-left:15px;}

#box_search_index .form-errors li,
#box_energy_locations_list .form-errors li{
    list-style-type:none;
    }

#box_search_index .errors li,
#box_energy_locations_list .errors li{
    list-style-type:square;
    color: #666666;
    font-size: 16px;
    font-weight: normal;
    }

#box_search_index .form-errors b,
#box_energy_locations_list .form-errors b{
    display:none;}


/* ##########################*/
/* die Tabelle der Standorte */
#box_search_index .data_table{
    left: 67px;
    position: relative;} 

#box_energy_locations_list .data_table,
#box_directory_index .data_table{
    left: 0px;
    /* width:563px; */
    position: relative;}

/* auch wenns allgemein ist, so wird hier nur das td mit dem Button "zur Karte" angesprochen,
dies hat noch keine eitgene class */
#box_search_index .data_table td,
#box_energy_locations_list .data_table td,
#box_directory_index .data_table td {
    width:2px; /* für IE */
    margin:0px; /* für IE */
    border-right: 1px solid #D0D0D0;}
    
#box_search_index .data_table td,
#box_directory_index .data_table td{
    width: 110px; } 
    
#box_energy_locations_list .data_table td {
    width: 125px;}


#box_search_index td.icons,
#box_energy_locations_list td.locations_icons,
#box_directory_index td.icons {
    border-left: 1px solid #D0D0D0;
    border-right:0px none;
    padding: 8px 10px 7px 8px;
    width: 120px;
    white-space:nowrap;}

#box_search_index td.location_name,
#box_energy_locations_list td.locations_name,
#box_directory_index td.location_name{
    border-right:0px none;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
    width: 240px;}

#box_search_index td.address_data,
#box_energy_locations_list td.locations_address,
#box_directory_index td.address_data {
    border-right:0px none;
    font-size: 10px;
    font-weight: bold;
    padding: 0 10px;
    width: 220px;}

#box_search_index td a,
#box_energy_locations_list td a,
#box_directory_index td a {
    position:relative;
    top:3px;}

/*******************************************************
 * Übersicht zu allen Branchen für die User (alle Icons) 
 ******************************************************/
               
#box_directory_index #directory_index {
    border-spacing: 0 5px;}
               
#box_directory_index #directory_index .col_icon {
    padding: 5px 5px 5px 5px;
    border-left: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    border-right: 0px none;
     width:35px;}

#box_directory_index #directory_index .col_name {
    padding: 5px 5px 5px 5px;
    border-right: 1px solid #D0D0D0;
    border-top: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    border-left: 0px none;
     width:150px;}
    
#box_directory_index #directory_index .col_name a {
    color: #444444;
    font-weight:bold;
    font-size:12px;
    /* text-decoration:none; */}  




       
 

/*********************************************
 * UserBereich - eingetragene Energiestandorte
 ********************************************/
#box_energy_index_index .box_content {
    min-height:20px;}    
    
#box_energy_index_index #button_energymap {
    display: block;
    margin-bottom: 40px;
    width:165px;}

#box_energy_index_index #button_energyentry {
    display:block;
    width:210px;
    margin-bottom: 2px;}

#box_energy_index_index td.locations_icons {
    padding: 8px 10px 7px 8px;
    width:50px;
    border-left: 1px solid #D0D0D0;}

#box_energy_index_index td.locations_name {
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
    width: 200px;}

#box_energy_index_index td.locations_address {
    font-size: 10px;
    font-weight: bold;
    padding: 0 10px;
    width:150px;}

#box_energy_index_index td.locations_edit {
    width: 20px;}

#box_energy_index_index td.col_last {
    width: 40px;}
    
#box_energy_index_index table a  {
    float:left;
    margin-right:5px;}    
    
#box_energy_index_index table a img {
    position: relative;
    top: 3px;}
    
#box_energy_index_index .energy_iframe {
    background-color: #FFFFFF;
    border: 1px solid #D0D0D0;
    margin: 20px 0 0;
    padding: 10px;
    width: 490px;}
    
#box_energy_index_index .energy_iframe input {
    margin-top: 10px;}    

/*************************************
 * UserBereich - gewählte Unternehmen für den Energiekarte
 ************************************/

#box_energy_locations_index .box_content {
    min-height:20px;}

#box_energy_locations_index .box_content > a {
    display:block;
    width:180px;}
    
   
#box_energy_locations_index td.locations_icons {
    padding: 8px 10px 7px 8px;
    width:120px;
    border-left: 1px solid #D0D0D0;
    white-space:nowrap;}

#box_energy_locations_index td.locations_name {
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
    width:250px;}

#box_energy_locations_index td.locations_address {
    font-size: 10px;
    font-weight: bold;
    padding: 0 10px;
    width:200px;}

#box_energy_locations_index td.locations_edit {
    width: 115px;}

#box_energy_locations_index table a img{
    position: relative;
    top: 3px;}


/*****************************************************
* EnergieAtlas-Einstellungen (UserBereich)
*****************************************************/
div#form_energymap_settings #div_photo {
    padding-top:25px;}

div#form_energymap_settings #div_biogas {
    padding-bottom:40px;}

div#form_energymap_settings select{
    min-width:200px;}    

div#form_energymap_settings #div_save {
    left:75px;}
                  
div#form_energymap_settings .form_footer {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_footer_notextbox.png");
    background-repeat: no-repeat; }

/*********************************
 * Ende
 ********************************/












/*********************************
 *********************************

User-Formulare außerhalb der Karte

*********************************
*********************************
das CSS könnte hier noch optimiert werden
aktuell sind alle Submit-Buttons und dergleichen position:absolute
es geht aber auch mit relative und man könnte es sich sparen dem letzten Element immer ein padding zu geben
zudem könnten alle input-felder im einmalig mit z.B. .customform#email { width: 210px; } angegeben sein
wobei derzeit jedes nicht oft mehrmals vorkommen sollte

**********************************
allgemeines CSS für alle Formulare:
*********************************/

.customform .form_element_tooltip {
    margin-left: 3px;
    position: relative;
    top: 3px;}
    
    
div.customform {
    /* die Ausrichtung des gesamten Formulares auf einer Unterseite */
    top:20px; /* ein padding ist hier wegen dem cunstommessage nicht möglich */
    position:relative;
    width:670px;
    min-height:288px; 
    left:20%;
    margin-left:80px;}

.customform .form_header {
    background-image:url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_header.png");
    background-repeat:no-repeat;
    height:49px;
    padding-top:0px;
    width:388px;
    left:-200px;
    position:relative;}

.customform .form_content {
    position:relative;
    background-image:url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_repeat.png");
    background-repeat:repeat-y;
    margin-top:0px;
    width:388px;
    left:-200px;}

.customform .form_footer {
    background-image:url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_footer.png");
    height:96px;
    width:658px;
    position:relative;
    left:-200px;
    margin-bottom:30px;}

.customform form {
    margin:0px;
    padding:0px;}
    /*manche Browser setzen da was eigenes rein*/

.customform fieldset {
    border:0 solid;
    padding:0;
   /* min-height:116px;  thomas testet */
    position:relative;
    margin:0px;
    margin-left:30px;
    margin-right:30px;
    padding:0px;
    /* beachte: das fieldset darf kein padding haben,
    der Grund liegt im absolute positionierten submit-Button
    firefox ist der einzige Browser der das Padding bei button:0px des Buttons nicht berücksichtigt
    Lösung: die Vergrößerung des fieldsets geschieht über ein margin-top des ersten elements und ein margin-bottom des letztens elements im fieldset*/
    }

.customform legend {
    margin-left:-0px;
    position:absolute;
    margin-top:-44px;
    color:#666666;
    font-size:13px;
    font-weight:bold;
    white-space: nowrap;
    left:0px;
    }

/* das Div welches ein input-feld und sein label umschließt, nötig für float */
.customform .element_container {
    margin-left:40px;
    margin-right:30px;
    position:relative;
    padding-bottom:12px;
    left:0px;} /* nötig, sonst reagiert IE nicht auf das margin */


.customform label {
    position:relative;
    color:#663333;
    /*white-space:nowrap;  braucht es das wirklich? */
    font-size:12px;
    display:block;}

.customform input {
  margin:0px;}
  
  
.customform input[type=checkbox] {
    left: -20px;
    position: absolute;
    top: 1px;}

.customform input[type="text"],
.customform input[type="password"],
.customform textarea {
    height:16px;
    background-color:#FFFFFF;
    border:1px solid #996666;
    color:#555555;
    padding:0;
    position:relative;}

.customform input[type="text"],
.customform input[type="password"] {
    height:16px;}

.customform p.hint {
    color: #777777;
    font-family: arial;
    font-size: 12px;
    margin: 0 10px 0;
    position: relative;
    text-align: center;
    top: 18px;
    padding-bottom:50px;}

.customform label.required {
    font-weight: bold;}


/* die Buttons zum abschicken der Formulare
einige Buttons haben aber ein anderes left und beim "Passwortvergssen" auch ein psotion:relative */
.customform #div_submit_request,
.customform #div_submit_login,
.customform #div_submit_validation,
.customform #div_save,
.customform #div_submit,
.customform #div_submit_transaction,
.customform #div_abort_transaction,
.customform #div_abort {
    bottom:-25px;
    left:110px;
    position:absolute;
    z-index:2;
    margin-left:0px;}
    
.customform #div_submit_request {

}

/* thomas testet 
.customform input[type="image"] { 
    bottom:-18px;
    position:relative;    } */



/* custommessage */
/****************/
/*.custommessage {
    background-image:url("http://lausitzer.regionalatlas.net/media/images/layout/custommessage_background.png");
    height:308px;
    left:0px;
    top:0px;
    position:relative;
    width:436px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;    }  */
    
.custommessage {
    left:0px;
 
    position:relative;
    width:436px;
    margin: 0;
    padding: 0;       
    min-height: 288px; 
    
    /* widescreenn */
    left: 20%;
    margin-left: 80px;
    width: 670px;
    
    top:30px;} /* einzige Möglichkeit, da es nicht über .box_content geht */
     
    
.custommessage .message_header {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_header.png");
    background-repeat: no-repeat;
    height: 49px;
    padding-top: 0;
    left:-200px;
    position:relative;}

.custommessage .message_content {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_repeat.png");
    background-repeat: repeat-y;
    margin-top: 0;
    position: relative;
    width:390px;
    left:-200px;
    z-index:2;}
    
.custommessage .message_footer {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_footer_notextbox.png");
    height: 96px;
    background-repeat: no-repeat;
    left:-200px;
    position:relative;
    z-index: 1;
    margin-bottom:30px}
    

.custommessage h3 {
    color:#666666;
    font-size:13px;
    font-weight:bold;
    left:30px;
    position:absolute;
    top: -43px;
    white-space:nowrap;
    z-index:2;    }

.custommessage p {
    color: #777777;
    font-family: arial;
    font-size: 12px;
    margin:0;
    min-height:83px;
    padding:20px 55px 30px 55px;
    position:relative;
    text-align:center;}

.custommessage a {
    bottom: -14px;
    left: 130px;
    position: absolute;}



/* alles zur Textbox */
/*********************/
.customform .textbox {
    left: 187px;
    padding-top: 35px;
    position: absolute;
    top: -10px;
    width: 227px;}

.customform .textbox_header {
    position:relative;
    background-image:url("http://lausitzer.regionalatlas.net/media/images/form/textbox_header.png");
    background-repeat:no-repeat;
    color:#333333;
    font-weight:bold;
    height:38px;
    padding-top:0px;
    text-align:center;}

.customform .textbox_content {
    position:relative;
    background-image:url("http://lausitzer.regionalatlas.net/media/images/form/textbox_repeat.png");
    background-repeat:repeat-y;
     padding:2px 20px 8px 25px;
    /* padding:2px 20px 2px 0px; neu */
    margin:0px 0px 0px 0px;
    font-size:12px;}

.customform .textbox_footer {
    position:relative;
    background-image:url("http://lausitzer.regionalatlas.net/media/images/form/textbox_footer.png");
    height:2px;}

.customform .textbox span { /* Überschrift der TextBox */
    display: block;
    font-size: 12px;
    height: 39px;
    line-height: 18px;
    padding-top: 20px;}

.customform .textbox .form-errors {     
     /* background: none repeat scroll 0 0 transparent; */
    border: 0 none;
    color: #DD2211;
    font-weight: bold;
    /* color: #333333; */
    list-style-image: url("http://lausitzer.regionalatlas.net/media/images/form/listicon_error.png");
    text-align: left;
    text-decoration: none;
    font-size: 12px;
    /* margin-left: -30px; */
    /* margin: 5px 0 0 -25px; */}

.customform .textbox .form-errors li {
    margin:1px 1px 1px -30px;
    list-style-position:outside;}

.customform .textbox_header .error { /* Die Ausrufezeichengrafik im Header der Textbox das dann über der Fragezeichengrafik liegt wenn ein Error eingeblendet wird */
    background-image:url("http://lausitzer.regionalatlas.net/media/images/form/error_new.png");
    background-position:8px 2px;
    background-repeat:no-repeat;}



/*********************************
die Größe der einzelnen Eingabefelder
*********************************/
/* noch nicht drin */
/* .customform #email {
 width: 210px;
} */



/*********************************
Die einzelnen Formulare
*********************************/

/* Login-Formular zum Login außerhalb der Karte */
/************************************************/

div#form_user_login #div_email {
    margin-left:35px ;
    padding-top:15px;  }/* siehe hierzu Kommentar bei .customform fieldset, das erste Element bestimmt den Abstand nach oben */
   

div#form_user_login #div_email input[type="text"]{
    width: 256px; }
   

div#form_user_login #div_password {
    margin-left:35px ;
    margin-right:6px;
    z-index:2; /* braucht hier einen z-Index da sonst der Button "Passwort vergessen" drüber liegt und das Feld nicht klickbar ist */
    width:130px;
    padding-bottom:30px;}


div#form_user_login #div_password label {
    font-weight:bold; /* ist nicht fett durch required, da man hier auch auf "Passwort vergessen" klicken kann
    beachte, das label[for="password"] im IE nicht greift */
    }

div#form_user_login #div_password input[type="password"] {
    width: 120px;
    /*float:left;*/
    }

div#form_user_login #div_forgot_password {
    /*padding-bottom:20px;*/ /* siehe hierzu Kommentar bei .customform fieldset, das letzte Element bestimmt den Abstand zum submit-Button */
    /*top:-13px;*/
    left: 162px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 73px;}

div#form_user_login #div_forgot_password input[type="image"] {
    /*left:6px;
    top:-1px;
    position:relative;*/
    }

/*****************************************************
 * Passwortvergessen-Formular außerhalb der Karte
 * das Formular wo man nur seine Emailadresse angeben muss
 ****************************************************/
div#form_user_passwordrequest #div_email {
    padding-top:25px;   
    padding-bottom:40px; }

div#form_user_passwordrequest #div_email input[type="text"] {
    width: 231px;    }



/*****************************************************
 * Formular mit Hinweis das Bestätigungsmail bereits verschickt wurde
 * und ob eine neue Passwortanfrage abgesendet werden soll
 *****************************************************/

/* bei diesem Formular ist das besondere, das <p> direkt im #div_submit_request mit drin sitzt */
div#form_user_resendpasswordrequest #div_submit_request {
left:15px;
position:relative;
}

div#form_user_resendpasswordrequest #div_submit_request p {
/* padding-bottom:20px; */
}

div#form_user_resendpasswordrequest #div_submit_request input {
    left:18px;
    position:relative;}


/*****************************************************
 * Formular mit dem Angeben eines neuen Passworts (erreicht man über "Passwort vergessen")
 * Formular nicht zu verwechseln mit "Passwort ändern" im User-Bereich
 ****************************************************/
div#form_user_setpassword #div_new_password {
    padding-top:15px;
    }

div#form_user_setpassword #div_password_confirm {
    padding-bottom:30px;
    }


/*****************************************************
 * Token-Formular (gibt es nur außerhalb der Karte)
 ****************************************************/


div#form_user_validate #div_email {
    padding-top:15px;
    }

div#form_user_validate #div_token {
    padding-bottom:30px;
    }

div#form_user_validate #div_email input[type="text"],
div#form_user_validate #div_token input[type="text"] {
    width: 210px;
    }



/*****************************************************
 * Emailadresse ändern-Formular
 ****************************************************/

div#form_user_changepassword #div_old_password {
    padding-top: 15px;
    }


div#form_user_changepassword #div_password_confirm{
    padding-bottom: 30px;
    }



/*****************************************************
 * Passwort ändern-Formular
 ****************************************************/

div#form_user_changeemail #div_old_password {
    padding-top: 15px;}

div#form_user_changeemail #div_old_password input[type="password"] {
    width: 120px;}

div#form_user_changeemail #div_email {
    padding-bottom: 30px;}

div#form_user_changeemail #div_email input[type="text"] {
    width: 245px;}


/*****************************************************
 * Formular mit dem erneuten Zusenden einer ValidierungsMail
 ****************************************************/
div#form_user_resendaccountvalidation #div_email {
    padding-top:25px;
    }

div#form_user_resendaccountvalidation #div_email input[type="text"] {
    width: 210px;
    }
    
    
/*****************************************************
* Formular Gewerbeangaben ändern und Formular Privatangaben ändern  
* Achtung!: zu #form_organization_details gibt es zwei Formulare (Einzelunternehmen + Gesellschaft)
****************************************************/
div#form_organization_details #div_contact div,
div#form_organization_details #div_name div,
div#form_organization_details #div_corporate_form div,
div#form_organization_details #div_tax_number div,
div#form_user_details #div_name div,
div#form_user_details #div_identification_number div{
    background-color:white;
    border: 1px dashed #989a99;
    padding: 3px 8px 3px 8px;
    min-height:16px;}      
  
div#form_organization_details #div_contact div,
div#form_organization_details #div_name div,
div#form_user_details #div_name div {
    font-weight:bold;
    color: #663333;}
    
div#form_organization_details #div_contact label,
div#form_organization_details #div_name label,
div#form_organization_details #div_corporate_form label,
div#form_organization_details #div_tax_number label,
div#form_user_details #div_name label,
div#form_user_details #div_identification_number label{
    color:#444444;}
    
/* das erste Element im Formular mit Abstand nach oben */
div#form_organization_details form#form_organization_individual #div_contact,
div#form_organization_details form#form_organization_corporation #div_name,
div#form_user_details form#form_user_details #div_name {
    padding-top:15px;}   
    
    
/* Adressangaben */ 
/* erstes Element, Abstand nach oben*/    
div#form_user_details #div_street,
div#form_organization_details #div_street {    
    padding-top:25px;}
    
div#form_user_details #div_street input[type="text"],   
div#form_organization_details #div_street input[type="text"] {
    width: 255px;    }

div#form_user_details #div_address_info input[type="text"],
div#form_organization_details #div_address_info input[type="text"] {
    float:left;
    width:231px;    }
    
div#form_user_details #address_info_tooltip,    
div#form_organization_details #address_info_tooltip {
   top: 0px; /* keine Ahn ung wieso diese ToolTip hier eine Extrawurst spielt */    }

div#form_user_details #div_postal_code,
div#form_organization_details #div_postal_code {
    float:left;
    margin-right:15px;
    z-index:5;}
    
div#form_user_details #div_postal_code input[type="text"],
div#form_organization_details #div_postal_code input[type="text"] {
    width:60px;    }
    
div#form_user_details #div_city,
div#form_organization_details #div_city {
    margin-left:0px;    }
    
div#form_user_details #div_city input[type="text"],
div#form_organization_details #div_city input[type="text"] {
    width:175px;    }
    
/* Abstand der gestrichelten Linie nach unten - nur bei Gesellschaft*/    
div#form_organization_details form#form_organization_corporation #div_city {
    padding-bottom:25px;}

/* Personenangaben - nur bei Gewerbeangaben */    
div#form_organization_details #fieldset-organizationContact {
    border-top: 1px dashed #BABABA;}    
 
div#form_organization_details #div_contact_gender select{
    width:55px;}
    
div#form_organization_details #div_contact_gender {
    float:left;
    margin-right:6px;
    z-index:5; /* der Nachname liegt sonst drüber */
    width:55px;
    padding-top: 15px;}    

div#form_organization_details #div_contact_title {
    margin-left:0px;
    margin-right:9px;
    float:left;
    z-index:5; /* der Nachname liegt sonst drüber */
    width:45px;
   padding-top: 15px;} 

div#form_organization_details #div_contact_title input[type="text"] {
    width: 45px;}
    
div#form_organization_details #div_contact_lastname {
    float: left;
    margin: 0;
    padding: 15px 0 0;
    width: 150px;}

div#form_organization_details #div_contact_firstname {
    float: right;
    left: 0;
    margin: 0 33px 0 0;
    padding: 12px 0 0;
    padding-bottom:40px;}     

div#form_organization_details #div_contact_firstname input[type="text"],
div#form_organization_details #div_contact_lastname input[type="text"] {
    width:138px;
    margin-left:0px;}

div#form_organization_details #div_contact_firstname label {
    margin-left: 0;}
 
 
/* Buttons */    
/* die letzten Elemente, mit Abstand nach unten */ 
div#form_organization_details form#form_organization_individual #div_city,
div#form_organization_details form#form_organization_corporation #div_contact_firstname,
div#form_user_details form#form_user_details #div_city {
    padding-bottom:40px;}    
    
div#form_user_details #div_abort,
div#form_organization_details #div_abort {
    left:30px;}
    
div#form_user_details #div_save,    
div#form_organization_details #div_save {
    left:125px;}  
     
                  
    
          /* baustelle */
    






/*****************************************************
 * Formular Kontobeantragung - Privatkonto - nicht eingeloggt und eingeloggt 
 * Registration-fieldset wird ausgeblendet, wenn eingeloggt 
 ****************************************************/

/* das form ansprechen, nicht das höhere div, da dieses auch woanders noch vorkommt */

#box_banking_account_request form#form_bankaccount_userrequest
#box_banking_account_request form#form_bankaccount_userrequest fieldset {
    padding-top:20px;
    padding-bottom:15px;
    border-bottom:1px dashed #bababa;}

#box_banking_account_request form#form_bankaccount_userrequest #fieldset-accountRequestData {
    padding-top:0px;}

#box_banking_account_request form#form_bankaccount_userrequest #fieldset-accountRequestAdditonal {
    border: 0px none;
    padding-bottom: 30px;}    

#box_banking_account_request form#form_bankaccount_userrequest #div_gender select{
    width:55px;}
    
#box_banking_account_request form#form_bankaccount_userrequest #div_gender {
    float:left;
    margin-right:6px;
    z-index:5; /* der Nachname liegt sonst drüber */
    width:55px;
    padding-top: 15px;}    

#box_banking_account_request form#form_bankaccount_userrequest #div_title {
    margin-left:0px;
    margin-right:9px;
    float:left;
    z-index:5; /* der Nachname liegt sonst drüber */
    width:45px;
   padding-top: 15px;} 

#box_banking_account_request form#form_bankaccount_userrequest #div_title input[type="text"] {
    width: 45px;}
    
#box_banking_account_request form#form_bankaccount_userrequest #div_last_name {
    float: left;
    margin: 0;
    padding: 15px 0 0;
    width: 150px;}

#box_banking_account_request form#form_bankaccount_userrequest #div_first_name {
    float: right;
    left: 0;
    margin: 0 33px 0 0;
    padding: 12px 0 0;}     

#box_banking_account_request form#form_bankaccount_userrequest #div_first_name input[type="text"],
#box_banking_account_request form#form_bankaccount_userrequest #div_last_name input[type="text"] {
    width:138px;
    margin-left:0px;}

#box_banking_account_request form#form_bankaccount_userrequest #div_first_name label {
    margin-left: 0;}

#box_banking_account_request form#form_bankaccount_userrequest #div_identification_number {
    clear: both;
    height: 30px;
    padding-top: 12px;}

    
#box_banking_account_request form#form_bankaccount_userrequest #div_identification_number input[type="text"] {
    width:250px;}



#box_banking_account_request form#form_bankaccount_userrequest #div_street input[type="text"] {
    width: 255px;
    }

#box_banking_account_request form#form_bankaccount_userrequest #div_address_info input[type="text"] {
    float:left;
    width:231px;
    }
    
#box_banking_account_request form#form_bankaccount_userrequest #address_info_tooltip {
   top: 0px; /* keine Ahn ung wieso diese ToolTip hier eine Extrawurst spielt */    }

#box_banking_account_request form#form_bankaccount_userrequest #div_postal_code {
    float:left;
    margin-right:15px;
    z-index:5;}

#box_banking_account_request form#form_bankaccount_userrequest #div_postal_code input[type="text"] {
    width:60px;
    }

#box_banking_account_request form#form_bankaccount_userrequest #div_city {
    margin-left:0px;
    }

#box_banking_account_request form#form_bankaccount_userrequest #div_city input[type="text"] {
    width:175px;
    }

#box_banking_account_request form#form_bankaccount_userrequest #div_email input[type="text"] {
    width:231px;}

#box_banking_account_request form#form_bankaccount_userrequest #div_password input[type="password"] {
    width:120px;}
    
#box_banking_account_request form#form_bankaccount_userrequest #div_password_confirm input[type="password"] {
    width:120px;}

#box_banking_account_request form#form_bankaccount_userrequest #div_accept_terms {
    margin-left:60px;}
    
    
#box_banking_account_request .custommessage a {
    left: 120px;}



/*****************************************************
 * Formular Kontobeantragung - Gewerbekonto
 * und RA-Abo buchen 
 ***************************************************/
  
/* für alle fiedlsets */ 
#box_subscription_organizationdata #form_subscription_organizationorder fieldset,
#box_banking_account_request #form_bankaccount_organizationrequest fieldset {
    padding-top:20px;
    padding-bottom:15px;
    border-bottom:1px dashed #bababa;} 

/* erste fieldset */
#box_subscription_organizationdata #form_subscription_organizationorder #fieldset-organizationDetails, 
#box_banking_account_request #form_bankaccount_organizationrequest #fieldset-accountRequestData {
    padding-top:0px;}
    
/* letztes fieldset */
#box_subscription_organizationdata #form_subscription_organizationorder #fieldset-orderAdditional,
#box_banking_account_request #form_bankaccount_organizationrequest #fieldset-accountRequestAdditonal {
    border: 0px none;
    padding-bottom: 0px;}
    
#box_subscription_organizationdata #form_subscription_organizationorder #fieldset-organizationContact {
    border-bottom:0px none;}
    
/* Achtung nicht verwechseln mit Personenname, dies ist der Gewerbename */    
#box_subscription_organizationdata #form_subscription_organizationorder #div_name,
#box_banking_account_request #form_bankaccount_organizationrequest #div_name {
    padding-top: 15px;}

#box_subscription_organizationdata #form_subscription_organizationorder #div_name input[type="text"],
#box_banking_account_request #form_bankaccount_organizationrequest #div_name input[type="text"] {
   width: 255px;}

#box_subscription_organizationdata #form_subscription_organizationorder #div_corporate_form_id select,
#box_banking_account_request #form_bankaccount_organizationrequest #div_corporate_form_id select {
    width: 258px;}    

#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_gender,
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_gender {
    float:left;
    margin-right:6px;
    z-index:5; /* der Nachname liegt sonst drüber */ }       
    
#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_gender select,
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_gender select {
    width:55px;}   
    
#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_title,
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_title {
    margin-left:0px;
    margin-right:7px;
    float:left;
    z-index:5; /* der Nachname liegt sonst drüber */ }    

#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_title input[type="text"], 
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_title input[type="text"] {
    width: 45px;}

#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_lastname,
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_lastname {
    float: left;
    margin: 0;
    padding: 0px;
    width: 150px;}

#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_firstname,
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_firstname {
    float: right;
    left: 0;
    margin: 0 33px 0 0;
    padding: 12px 0px 10px 0px;} 
    

#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_firstname input[type="text"],
#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_lastname input[type="text"],
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_firstname input[type="text"],
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_lastname input[type="text"] {
    width:138px;
    margin-left:0px;}

#box_subscription_organizationdata #form_subscription_organizationorder #div_contact_firstname label,
#box_banking_account_request #form_bankaccount_organizationrequest #div_contact_firstname label {
    margin-left: 0;}

#box_subscription_organizationdata #form_subscription_organizationorder #address_info_tooltip,
#box_banking_account_request #form_bankaccount_organizationrequest #address_info_tooltip {
    top:0px;}        

#box_subscription_organizationdata #form_subscription_organizationorder #div_street input[type="text"], 
#box_banking_account_request #form_bankaccount_organizationrequest #div_street input[type="text"] {
    width: 255px;}

#box_subscription_organizationdata #form_subscription_organizationorder #div_address_info input[type="text"],    
#box_banking_account_request #form_bankaccount_organizationrequest #div_address_info input[type="text"] {
    float:left;
    width:231px;} 

#box_subscription_organizationdata #form_subscription_organizationorder #div_postal_code,  
#box_banking_account_request #form_bankaccount_organizationrequest #div_postal_code {
    float:left;
    margin-right:15px;
    z-index:5;}

#box_subscription_organizationdata #form_subscription_organizationorder #div_postal_code input[type="text"], 
#box_banking_account_request #form_bankaccount_organizationrequest #div_postal_code input[type="text"] {
    width:60px;}
    
#box_subscription_organizationdata #form_subscription_organizationorder #div_city,  
#box_banking_account_request #form_bankaccount_organizationrequest #div_city {
    margin-left:0px;}
    
#box_subscription_organizationdata #form_subscription_organizationorder #div_city input[type="text"],
#box_banking_account_request #form_bankaccount_organizationrequest #div_city input[type="text"] {
    width:175px;}
    
#box_subscription_organizationdata #form_subscription_organizationorder #div_accept_terms,
#box_banking_account_request #form_bankaccount_organizationrequest #div_accept_bankingterms {
    padding-bottom:30px;
    margin-left:50px;}


/*****************************************************
 * Formular Kontobeantragung - Hinweisformular Unternehmenseintrag erforderlich
 * UND: Formular GewerbeAbonnement - Hinweisformular Unternehmenseintrag erforderlich
 * wird für eingeloggt und nicht eingeloggt verwendet, beim ersteren wird das Login-hinweis ausgeblendet
 ***************************************************/
#formbankingrequestNotPossible fieldset,
#formsubscriptionorderNotPossible fieldset {
    border-bottom: 0px none;
    padding-bottom: 0px;
    padding-top:0px;}   

#formbankingrequestNotPossible .element_container,
#formsubscriptionorderNotPossible .element_container {
    margin: 0px 30px;}
    
#formbankingrequestNotPossible p,
#formsubscriptionorderNotPossible p {
    margin: 0px;}
    
#formbankingrequestNotPossible #div_start_entry p,
#formsubscriptionorderNotPossible #div_start_entry p {
    padding-bottom: 10px;}

#formbankingrequestNotPossible #div_start_entry input,
#formsubscriptionorderNotPossible #div_start_entry input {
    left:25px;
    position:relative;
    margin-top:25px;}

#formbankingrequestNotPossible #div_goto_login p,
#formsubscriptionorderNotPossible #div_goto_login p {
    padding-bottom: 35px;
    padding-top: 10px;}

#formbankingrequestNotPossible #div_goto_login input,
#formsubscriptionorderNotPossible #div_goto_login input {
    left:80px;
    position:relative; }


/*****************************************************
 * Banking-Einstellungen
 ****************************************************/
div#form_banking_management #div_mailnotification {
padding-top:35px;
margin-left:40px;
padding-bottom:40px;
width:270px;}

div#form_banking_management #div_mailnotification label {
    white-space:normal;}

div#form_banking_management #mailnotification {
    top:34px;
    left:-22px;
    position:absolute;}

div#form_banking_management #div_save {
    left:75px;}

div#form_banking_management .form_footer {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_footer_notextbox.png");
    background-repeat:no-repeat;}




/*****************************************************
 * Formular Kündigungsbestätigung
 *****************************************************/
/* dieses customfiorm sieht optisch aus wie ein custommeesage
das besondere ist hier, das <p> direkt im #div_submit_request mit drin sitzt,
weshalb das allgemeine CSS von customform hier nicht funktioniert, deswegen ein manueller Eintrag,
genauso bei allen anderen customforms wo es nur ein <p> gibt*/
div#form_subscription_terminate #div_submit_request {
    left:15px;
    position:relative;  }

div#form_subscription_terminate #div_submit_request input {
    left: 55px;
    position: relative; }

/*****************************************************
 * Banking-Information
 ****************************************************/
#box_banking_information_index #personalaccount_information {
	display:none;}

#box_banking_information_index table {
    width:100%;}

#box_banking_information_index .col_first {
    padding:20px;}

#box_banking_information_index .col_last {
    width:180px;
    padding:20px 50px 20px 0px;}
    
/*****************************************************
 * Banking-Documents
 * beachte, das der gesamte html Inhalt als Überetzung-String existiert 
 ****************************************************/
#box_banking_information_documents table {
    width:630px;}

#box_banking_information_documents .col_first {
    padding:20px;
    border-top: 4px solid #D0D0D0;}

#box_banking_information_documents .col_last {
    width:180px;
    padding:20px 50px 20px 0px;
    border-top: 4px solid #D0D0D0;}  
    
/*****************************************************
* Regiogeld-Banner
****************************************************/  
#box_banking_information_links #locationselect {
    height:auto !important;
    display:block;
    margin: 10px 0 30px 4px;
    width:234px !important;}    
    
#box_banking_information_links input[type="image"] {
    margin-top:2px;}    
    
#box_banking_information_links .dijitButtonText {
    text-align:left !important;
    font-family:sans-serif;
    font-size:12px;
    padding:0px !important;} 
    
#box_banking_information_links td.dijitButtonContents {
    padding-left:10px !important;} 
    

    
/*****************************************************
 * Tour
 ****************************************************/
#box_information_tour .info_box {
    border:1px solid #D0D0D0;
    background-color:#FFF;
    padding:10px;
    margin-bottom:20px;
    margin-top:20px;}


        
    

/*****************************************************
* DropDowns
****************************************************
Es gibt zwei Arten von DropDown-Auswahlen!
(verwenden im Userbreich und im Adminbereich dasselbe CSS):
A: Liste der Treffer bei einer input-Suche (z.B. Empfängersuche) -> ul/li-Struktur   div.dijitComboBoxMenuPopup
B: Aufklappen einer festen Auswahl (z.B. bisherige Empfänger oder Standortauswahl) -> table-Struktur  div.dijitMenuPopup */


/********************************
/* A: die Suche - das inputfeld */
div.dijitTextBox {
    width:230px;}
    
.content_box div.dijitTextBox {
    border:0px none !important;}

/* nur im UserBereich */
.content_box div.dijitInputField {
    background-color: #FFFFFF;
    border: 1px solid #996666;
    color: #555555;
    padding: 0;} 


    
    
/********************************
/* B: die Auswahl - der TableButton */    
table.dijitSelect {
    border: 0 none;
    border-spacing: 0;
    height: 19px;
    margin: 0;
    width:auto !important;} 
    
table.dijitSelect td.dijitButtonContents {    
    width: 214px; }

/* nur im UserBereich */    
.content_box table.dijitSelect td.dijitButtonContents { 
    border: 1px solid #996666;
    border-right:0px none;}
    
table.dijitSelect td.dijitDownArrowButton {
    width: 16px;}  
    
/****************************
/* die aufgeklappte Liste */
div.dijitComboBoxMenuPopup,
div.dijitMenuPopup > div {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 232px;
    border-bottom:2px solid #B9D6DC;
    border-top:2px solid #B9D6DC;}    

div.dijitMenuPopup table {
    width:100%;}
    
div.dijitComboBoxMenuPopup li,
div.dijitMenuPopup tr {    
    background: none repeat scroll 0 0 #EAF0F2;
    border-bottom: 1px solid #B9D6DC;
    cursor: pointer;
    display: block;
    padding: 5px;
    text-decoration: none;
    text-align: left;
    color:#000000;
    font-size:12px;
    font-family: arial;}    
    
div.dijitComboBoxMenuPopup li.dijitMenuItemHover,    
div.dijitComboBoxMenuPopup li.dijitMenuItemSelected,
div.dijitMenuPopup tr.dijitMenuItemHover,
div.dijitMenuPopup tr.dijitMenuItemSelected {
    background-color:#d9e1e4 !important;
    color:#000000 !important;}

/* der erste Eintrag der bisherigen Empfänger hat keinen Eintrag, deshalb immer ausblenden,
Achtung: #dijit_MenuItem_0 gibt es auch z.B. bei der Standortwahl bei den "Links&Buttons"
deshalb gilt das nicht für jeden */
div.dijitMenuPopup tr#dijit_MenuItem_0 {
    display:none;}
    
#locationselect_dropdown tr#dijit_MenuItem_0 {
    display:block;}
    
    
    
    
    
    



/*****************************************************
 * Überweisungs-Formular
 ****************************************************/
 
/* das #form_banking_transactions_create ist nötig da sonst das CSS ebenfalls im AdminBereich benutzt wird */
#form_banking_transactions_create .form_footer {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_footer_notextbox.png");
    width:433px;}

#form_banking_transactions_create #div_accountsearch {
    margin-left:37px;
    padding-top:15px;}
    
#form_banking_transactions_create img {
    top: 5px;} 

/* bisherige Empfänger */
#form_banking_transactions_create #div_recentpartners {
    padding-top:15px;
    margin-right:0px;}







/* wird für alle Empfänger-Darstellungen benutzt */
.account_owner_name {
    font-weight: bold;}

.account_owner_additional {
    font-weight: normal ;} /* !important */

.account_number {
    font-weight: normal; /* !important; */
    color:#777777;}

/* nötig da .dijitSelectSelectedOption im tundra.css alles auf bold setzt */
.dijitSelectSelectedOption span.account_number,
.dijitSelectSelectedOption span.account_owner_additional {
    font-weight: normal;
}





/* Anzeige des ausgewählten Empfängers*/
div#form_banking_transactions_create #div_payee {
    padding-top:15px;
    }

/* gilt für Admin und User-Breich */
#div_payee label,
#div_sender label {
    font-weight:bold;
    }

#div_payee div,
#div_sender div {
    background-color: #F5F5F5;
    border: 1px solid #999999;
    font-family: arial;
    font-size: 12px;
    margin: 0;
    min-height: 46px;
    padding: 5px;
    width: 240px;}

#div_payee p,
#div_sender p {
    text-align:center;
    top:0px;
    margin:0px;
    padding:7px 0px 0px 0px;}


/* allgemeine Sachen */
div#form_banking_transactions_create .element_container {
    margin-left: 37px;}

/* die anderen Elemente*/
div#form_banking_transactions_create #div_payee input[type="text"] {
    width: 200px;}

div#form_banking_transactions_create #div_amount input[type="text"] {
    width: 100px;}

div#form_banking_transactions_create #div_reference {
    padding-bottom: 30px;
    }

div#form_banking_transactions_create #div_reference {
    font-weight:bold;
    }

div#form_banking_transactions_create #div_reference textarea {
    width: 250px;
    height:52px;
    overflow-x: hidden;
    overflow-y: hidden;
    resize:none;
    }

div#form_banking_transactions_create #div_submit_transaction {
    margin-left:0px;
    }



/*****************************************************
 * Überweisungsbestätigung
 ****************************************************/
#form_banking_transactions_confirm .form_footer {
background-image: url("http://lausitzer.regionalatlas.net/media/images/form/fieldset_footer_notextbox.png");
width:433px;}


div#form_banking_transactions_confirm #div_submit_transaction {
    left:160px;}

div#form_banking_transactions_confirm #div_abort_transaction {
    left:70px;}

div#form_banking_transactions_confirm #div_amount {
    margin-left:38px;
    padding-top:15px;}

div#form_banking_transactions_confirm #div_reference {
    margin-left:38px;
    padding-bottom:30px;}

div#form_banking_transactions_confirm #div_payee {
    margin-left:38px;}

div#form_banking_transactions_confirm #div_payee div {
    background-color: #FFFFFF;}

div#form_banking_transactions_confirm #div_reference div {
    height:40px;}

div#form_banking_transactions_confirm #div_amount div,
div#form_banking_transactions_confirm #div_reference div {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    font-family: arial;
    font-size: 12px;
    padding: 5px;
    width: 240px;}

div#form_banking_transactions_confirm #div_amount div span {
    color:#000000;}



/****************
*****************
* Ajax Map Forms
*****************
*****************/



/************
 * allgemeines CSS
 ***********/

.div_loading {
    background: url("http://lausitzer.regionalatlas.net/media/images/anim_loading_big.gif") no-repeat center center;}





/************************************
 * Forms  - Formualre auf der Karte
 ***********************************/

.form_ajax form select.icon {
    height: 1.7em;
}

.form_ajax form select.icon option {
    background-repeat:no-repeat;
    background-position: center left;
    padding-left:34px;
    height: 30px;
    vertical-align: middle;
}

.form_ajax label.required {
    font-weight: bold;
}

.form_ajax label.error {
    color: #8A1F11;
}

/* list with entries for each erroneous form element */
.form_ajax ul.errors {
    /*list-style-image:none !important;*/
	border: 1px solid #DDD;
    margin: 0 0 0.8em 0;
    background: #FBE3E4;
    color: #8A1F11;
    border-color: #FBC2C4;
}

/* we hide the form elements label */
.form_ajax ul.errors b {
    display: none;
}

.form_ajax ul.errors li {
    list-style-type: none !important;
}

/* list with entries for each error on a single form element */
.form_ajax ul.errors {
    margin-bottom: 0 !important;
}
.form_ajax ul.errors li {
    list-style-type: disc !important;
}









/* Thomas test: nicht sicher ob das überhaupt noch gebraucht wird
.form_ajax input, .form_ajax textarea, .form_ajax select, form input, form textarea, form select {
   display: block; /*
  /* an dieser Stelle kein margin-bottom verwenden da sonst Darstellungfehler im fieldset mit Chrome und Safari */





/* Grundeinstellungen fÃ¼r alle Elemente im Kartenformular */
.form_ajax {
    position:absolute;
    font-size: 12px;
    font-family: arial;
    left:-312px; /* die Hälfte der Breite der Formulare auf der Karte */
    top:-150px;
    
    /* Thomas testet */
    width:1px;
    height:1px;
    overflow:visible;}
    
.form_ajax .form_container {
    position: absolute; /* wichtig fÃ¼r den Textbox-Schatten */
    width: 396px;
    height: 295px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/mapform_background.png");
    left: 0px;
    top: 0px;}     

.form_ajax input {     
    margin:0px;}
    
/* Alle Elemente im Formular absolut positionieren */
.form_ajax fieldset,
.form_ajax input,
.form_ajax select,
.form_ajax textarea,
.form_ajax button,
.form_ajax label {
   position: relative;
   /* left: 0px; */
   /*top: 0px; deaktivieren, da sonst die Buttons bei der GeoCoder-Trefferauflistung nicht korrekt sitzen*/ }

.form_ajax fieldset {
    border: 0px solid; /* Browser-Default ist mit Rahmen */
    padding: 0px; 
    left:0px;                       
    top:40px; /* diesen Wert nicht verändern!!, sonst stimmt nix mehr */}

.form_ajax legend {
    top:-30px;
    left:20px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    white-space:nowrap;
    position:absolute;}

/* jeder Container separate Positionierung */
.form_ajax .element_container  {
    position:relative;
    padding-left: 60px;
    padding-top: 15px;
    float:left;}       

.form_ajax .element_container label {
    color: #663333;
    position: relative;
    top:0px;
    left:0px;
    display:block;
    white-space: nowrap;
    width: 208px; /* hack because browser breaks after each space */
    cursor: pointer; /* Mauszeiger wird zur Hand */}   

.form_ajax input[type="text"],
.form_ajax input[type="password"],
.form_ajax select,
.form_ajax textarea {
    padding: 0px;
    color: #555555;
    background-color: #FFFFFF;
    border: 1px solid #996666;}    

/* die NavigationsButtons der formulare*/ 
.form_ajax #div_back, .form_ajax #div_abort, .form_ajax #div_continue, .form_ajax #div_confirm, .form_ajax #div_finish, .form_ajax #div_close, .form_ajax #div_save{ 
position: absolute;
margin:0px;
padding:0px;}

/*Buttons auf der linken Seite*/
.form_ajax #div_back, .form_ajax #div_abort {
left: 15px;
top: 208px;}

/*Buttons auf der rechten Seite */
.form_ajax #div_continue, .form_ajax #div_confirm { 
    left: 280px;  
    top: 208px;}

.form_ajax #div_save {
    left: 166px;
    top: 211px;}

.form_ajax #div_finish {
    left: 255px;
    top: 208px;}
 
.form_ajax #div_close {
left: 375px;
top: -42px;}

.form_ajax .form_element_tooltip {
    margin-left:3px;
    position:absolute;} 

.form_ajax .dijitCheckBox {
    left: -18px;
    position: relative;
    top: -15px; }






.form_ajax .textbox {
    position: absolute;
    top: 48px;
    left: 385px;
    width: 244px;
    min-height: 0;
    height: 100%; }

.form_ajax .textbox_header {
    height: 32px;
    text-align: center;
    font-weight: bold;
    color: #333333;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/map_textbox_top.png");
    background-repeat:no-repeat;
    padding-top: 10px; /* to position the heading */}

.form_ajax .textbox_header span {
    display:block;
    line-height: 18px;
    height: 39px;
    font-size:12px;}

.form_ajax .textbox_header .error {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/icon_error.png") ;
    background-repeat:  no-repeat;
    background-position:213px 0px;}

.form_ajax .textbox_content {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/map_textbox_repeat.png");
    background-repeat: repeat-y;
    padding: 5px 15px 5px 18px;
    margin: -10px 0px 0px 0px; /* -10top same as the padding on textbox_heading to avoid space */
    color: #333333;}

.form_ajax .textbox_content .form-errors {
    border: 0px;
    /* margin-left: -25px; test */
    /*background: transparent;  ws ist das? sorgt dafür das im IE der Text in der Textbox nicht sichtbar ist*/
    list-style-image: url("http://lausitzer.regionalatlas.net/media/images/form/listicon_error.png");
    color:#333333;
    text-decoration:none;
    text-align:left;
    padding: 0px 0px 0px 20px;
    margin: 3px 0px 0px 0px;      
    color: #DD2211;
    font-weight:bold;
    
    /* margin-left: -25px; test */}
.form_content .element_container .error,
.form_ajax .element_container .error {
  color: #DD2211;
    font-weight:bold;}

.form_ajax .textbox_content .form-errors li {
    margin-bottom: 7px;}

.form_ajax .textbox_footer {
    height: 14px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/map_textbox_bottom.png");  }






/* Eingabefelder kÃ¶nnen in mehreren Formularen erscheinen und haben die leiche ID
   da die Elemente mit der selben ID jedoch in einzelnen Formularen an einer anderen Position stehen
   mÃ¼ssen sie zusÃ¤tzlich Ã¼ber ihr Formular angesprochen werden */
/*********************************************************
 * Formular auf der Karte - Die Ladeanimation
 ********************************************************/

.form_ajax .layer_loading {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/mapform_background_loading.png");
    height: 450px;
    width: 780px;
    z-index:2;
    background-repeat: no-repeat;
    background-position: 196px 28px;
    position:relative;
    left: -78px;
    top: -75px;}

.form_ajax .layer_loading img {
    left: 375px;
    position: relative;
    top: 212px;}

.olCustomPopupContent .picto_loading {
    padding:15px;}



/*********************************************************
 * Formular Energiestandort eintragen: Typ (Icon) auswählen
 ********************************************************/
#form_energyproject_preselect #abort {
}

#form_energyproject_preselect #div_photo {
    padding-left: 55px;
    padding-top: 15px;}

#form_energyproject_preselect #div_biogas {
    padding-left: 85px;
    padding-top: 15px;}

#form_energyproject_preselect #div_wind {
    padding-left: 125px;
    padding-top: 15px;}
    
    
/**************************************************************
 * Formular Energiestandort EDIT-Startseite
 *************************************************************/
#form_energyproject_selectedit .element_container {
    padding-left: 70px;
    padding-top: 8px;}
    
#form_energyproject_selectedit #div_position {
    padding-top: 15px;}
    
#form_energyproject_selectedit #div_abort {
    padding:0px;}    

#form_energyproject_selectedit #state {
}

#form_energyproject_selectedit #position {
}

#form_energyproject_selectedit #details {
}

#form_energyproject_selectedit #photo {
}

#form_energyproject_selectedit #abort {
}    

/**************************************************************
 * Formular Energiestandort EDIT-Foto
 *************************************************************/
#form_energyproject_picture .element_container {
padding-top:5px;}


#form_energyproject_picture #div_delete_old {
    height: 20px;
    padding-top: 10px;
    }

#form_energyproject_picture #div_delete_old label {
    }   
    
#form_energyproject_picture #div_file {
    }

#form_energyproject_picture #div_name {
    }

#form_energyproject_picture #div_name input{
    width: 270px;}

#form_energyproject_picture #div_description {
    }

/* muss expliziet nochmal überschrieben werden, da dieses textarea dijit-style hat */    
#form_energyproject_picture #description {    
    background-color: #FFFFFF;
    border: 1px solid #996666;
    color: #555555;
    padding: 0; 
    height: 50px;
    width: 270px;}

#form_energyproject_picture #div_close,
#form_energyproject_picture #div_back,
#form_energyproject_picture #div_continue {
    padding:0px;}  
    

/*********************************************************
 * Formular Energiestandorte: gilt für alle Formulare
 ********************************************************/
/*#form_energyproject_state label,
#form_energyproject_photodata label,
#form_energyproject_biogasdata label,
#form_energyproject_winddata label,
#form_energyproject_picture label,
#form_energyproject_address label{ 
    position:relative;
    display:block;}
    
   
#form_energyproject_state .element_container,
#form_energyproject_picture .element_container,
#form_energyproject_address .element_container{
    position:absolute;
    left: 60px;}

#form_energyproject_photodata .element_container,
#form_energyproject_biogasdata .element_container,
#form_energyproject_winddata .element_container{
    position:absolute;
    left: 35px;} */

        
/* alle input-Felder und deren ToolTips */ 
.form_ajax #div_power_output input {
    width:150px;}    
    
.form_ajax #div_power_output .form_element_tooltip {
   }     
    
.form_ajax #div_co2_reduction input{
    width:90px;}    
    
.form_ajax #div_co2_reduction .form_element_tooltip{
    }  
    
.form_ajax #div_modules .form_element_tooltip {
    }     
    
.form_ajax #div_modules input,
.form_ajax #div_oscillator input,
.form_ajax #div_communication input,
.form_ajax #div_type input,
.form_ajax #div_resource input{
    width: 295px;}
    
.form_ajax #div_oscillator .form_element_tooltip,
.form_ajax #div_communication .form_element_tooltip,
.form_ajax #div_type .form_element_tooltip,
.form_ajax #div_resource .form_element_tooltip{
    } 
    

/************************************
 * Formular Energiestandort eintragen: Adresse
 ***********************************/
#form_energyproject_address #div_postal_code {
    width:52px;  }

#form_energyproject_address #div_postal_code input {
    width:50px;}

#form_energyproject_address #div_city {
    padding-left:10px;}
    
#form_energyproject_address #div_city input {
    width:200px;} 

#form_energyproject_address #div_street {
   }

#form_energyproject_address #div_street input {
    width:208px;}    
    
#form_energyproject_address #div_web {
    }

#form_energyproject_address #div_web input {
    width:250px;} 
    
#form_energyproject_address #web_tooltip {
  }  
    
/*********************************************************
 * Formular Energiestandort eintragen: Grundangaben und Status
 ********************************************************/
 
#form_energyproject_state .element_container {
    padding-top:5px;}

#form_energyproject_state #div_back,
#form_energyproject_state #div_close,
#form_energyproject_state #div_continue {
    padding:0px;}
    
#form_energyproject_state #div_name {
}
    
#form_energyproject_state #div_name input{
    width: 270px;}
    
#form_energyproject_state #div_state {
}
    
#form_energyproject_state #div_state select {
    min-width: 100px;}

#form_energyproject_state #state_tooltip {
}
    
#form_energyproject_state #div_completion_date {
}

#form_energyproject_state #div_completion_date input {
    width: 143px;}

#form_energyproject_state #completion_date_tooltip {
}

#form_energyproject_state #div_operator {
}
    
#form_energyproject_state #div_operator input {
    width: 270px;}

#form_energyproject_state #div_costs {
width:145px;
}

#form_energyproject_state #div_building_time {
 width: 50px;
 padding-left:15px;
}

#form_energyproject_state #div_building_time input {
    width: 50px;}
    
/*********************************************************
 * Formular Energiestandort eintragen: Technische Daten PV-Anlage
 ********************************************************/
#form_energyproject_photodata .element_container {
padding-left:40px;
padding-top:5px;

}

#form_energyproject_photodata #div_power_output {
    width: 152px;}        

#form_energyproject_photodata #div_system_output {
    padding-left: 40px;
    width: 100px;}    
    
#form_energyproject_photodata #div_system_output input{
    width: 90px;}   
    
#form_energyproject_photodata #div_system_output .form_element_tooltip{
    }     
    
#form_energyproject_photodata #div_co2_reduction {
padding-left:15px;
    }

#form_energyproject_photodata #div_size_photo {
    width:75px;}

#form_energyproject_photodata #div_size_photo input {
    width: 70px;} 
    
#form_energyproject_photodata #div_size_photo .form_element_tooltip{
    } 
    
#form_energyproject_photodata #div_modules {
    } 
    
#form_energyproject_photodata #div_oscillator {
   }

#form_energyproject_photodata #div_communication {
    }  
#form_energyproject_photodata #div_close,
#form_energyproject_photodata #div_back,
#form_energyproject_photodata #div_continue {
    padding:0px;}  
    
    
/*************************************************************
 * Formular Energiestandort eintragen: Technische Daten Biogas
 ************************************************************/
#form_energyproject_biogasdata .element_container {
padding-left:40px;
padding-top:5px;

}

#form_energyproject_biogasdata #div_power_output {
    }
    
#form_energyproject_biogasdata #div_heat_output {
    } 
    
#form_energyproject_biogasdata #div_heat_output input{
    width:150px;}    
    
#form_energyproject_biogasdata #div_heat_output .form_element_tooltip{
    }    
    
#form_energyproject_biogasdata #div_co2_reduction {
   } 
    
#form_energyproject_biogasdata #div_type {
    }

#form_energyproject_biogasdata #div_resource {
   }   
    
#form_energyproject_biogasdata #div_close,
#form_energyproject_biogasdata #div_back,
#form_energyproject_biogasdata #div_continue {
    padding:0px;}    
    

    
/****************************************************************
 * Formular Energiestandort eintragen: Technische Daten Windkraft
 ***************************************************************/
#form_energyproject_winddata .element_container {
padding-left:40px;
padding-top:5px;

}

#form_energyproject_winddata #div_power_output {
    }  
    
#form_energyproject_winddata #div_co2_reduction {
    }
 
#form_energyproject_winddata #div_size_wind {
   }    
    
#form_energyproject_winddata #div_size_wind input{
    width: 70px;} 

#form_energyproject_photodata #div_size_wind .form_element_tooltip{
    } 
    
#form_energyproject_winddata #div_type {
    }
    
    
#form_energyproject_winddata #div_close,
#form_energyproject_winddata #div_back,
#form_energyproject_winddata #div_continue {
    padding:0px;}    
    

 
    
    
   

/*********************************************************
 * Formular zur Vorauswahl Helfereintrag / eigener Eintrag
 ********************************************************/


#form_entry_preselect #div_manager {
    padding-left: 110px;
    padding-top: 45px;}
  
#form_entry_preselect #div_helper {
    padding-left: 80px;
    padding-top: 15px;}

/************************************
 * Adress-Formular fÃ¼r HelfereintrÃ¤ge
 ***********************************/
#form_entry_helperaddress #div_postal_code {
    width: 70px;
    padding-top:50px;}
    
#form_entry_helperaddress #div_postal_code input{
    width:50px;}

#form_entry_helperaddress #div_city {
    padding-left:0px;
    padding-top:50px;}
    
#form_entry_helperaddress #div_city input{
    width:200px;}

#form_entry_helperaddress #div_street input{
    width:208px;}


/**************************************
 * Address-Formular fÃ¼r eigene EintrÃ¤ge (UnternehmerEintrag))
 *************************************/
  
#form_entry_manageraddress #div_postal_code {
    width: 70px;
    padding-top:25px;
    float:left;}
 
#form_entry_manageraddress #div_postal_code input {
    width:50px;}

#form_entry_manageraddress #div_city {
    padding-left:0px;
    padding-top:25px;}
    
#form_entry_manageraddress #div_city input{
    width:200px;}

#form_entry_manageraddress #div_street input{
    width:208px;}
    
#form_entry_manageraddress #div_address_info input {
    width: 188px; }



/*************************************
 * Formular fÃ¼r Geocoder-Ergebnisliste
 ************************************/
 
#form_entry_geocoder #fieldset-address {
    top:0px; /* hebt allgeimes CSS auf*/}
 
#form_entry_geocoder  legend {
    top:10px; /* hebt allgeimes CSS auf*/}


#form_entry_geocoder #geocoder_scrollbox {
    position: absolute;
    left:4px;
    top:32px;
    width:385px;
    height:228px;
    overflow-x: hidden;
    overflow-y: auto;

}

#form_entry_geocoder #geocoder_tablebox {
    position: relative;
     height: 210px; /*height:228px;*/
     padding-top: 16px; /*test, sorgt im IE und Chrome für ein zu großes Div und es scrollt schon*/
    /* die nÃ¤chsten beiden Zeilen machen das Div zu einer Tabelle, dadurch ist eine vertikale zentrierung des Inhalts mÃ¶glich*/
    display: table-cell;
    vertical-align: middle;}

#form_entry_geocoder .geocoder_result {
    position: relative;
    left:68px;
    width:130px;
    margin-bottom:17px;
    padding: 10px 60px 10px 60px;
    font-family: arial, sans-serif;
    font-size: 12px; color: #663333;
    text-align: left;
    border:1px solid #996666;
    background-color:#FFFFFF;}

 .geocoder_result .geocoder_back {
    left: -45px;
    bottom: 2px;
    position: absolute;}

 .geocoder_result .geocoder_select {
    right: -45px;
    bottom: 2px;
    position: absolute;}

 .geocoder_result .tooltip {
    right: -9px;
    bottom: 6px;}

#form_entry_geocoder #div_close {
    left: 377px;
    top: -2px; /* braucht extra-CSS, da hier das fieldset anders beginnt und der button auch nicht im fieldset ist*/}

#form_entry_geocoder #back {
    left:17px}


.geocoder_result img {
    left:240px;}


/********************************************************************************
 * Formular um die Icon-Position zu Übernehmen oder eine andere Adresse zu wählen
 * wird nicht über ID angesprochen, da es zwei ähnliche Formulare gibt,
 * einmal für den Eitnrag und einmal für das Edit
 *******************************************************************************/
#form_entry_position {
    top:-45%;
    left:-270px;}

#form_entry_position .layer_loading {
    left:-120px;
    top:-18px;}
                  
#form_entry_position .form_container {
    background-image: none !important;
    /*width: 550px; */
    height: 0px !important; /* background:none kommt beim Ie nicht an, deswegen height:0px */
    /* min-height: 100%;
    position: absolute;
    top: 0px; */ }

#form_entry_position fieldset {
    height: 100%;}  

#form_entry_position .textbox {
    left: 0px;
    top: 0px;
    width: 525px;}

#form_entry_position  legend {
    left: 20px;
    top: -30px;}

#form_entry_position .textbox_header {
    height: 39px;
    text-align:left;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/location_position_textbox_bg_top.png");
    background-repeat: no-repeat; }

#form_entry_position .textbox_header span {
    display:none;}

#form_entry_position  .textbox_content {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/location_position_textbox_bg_repeat.png");
    max-height: 200px;
    padding: 5px 32px 15px 32px; }

#form_entry_position  .textbox_footer {
    height: 13px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/location_position_textbox_bg_bottom.png"); }
               
#form_entry_position  #div_back {
    left:0px;
    top:25px;}

#form_entry_position  #div_confirm {
    left:335px;
    top:25px;}
    
#form_entry_position fieldset #div_close {
    left: 504px;
    top: -42px;}






/*****************************************************
 * Formular fÃ¼r die GeschÃ¤ftsdaten (Unternehmereintrag)
 ****************************************************/
    
#form_entry_managerdata #div_name,
#form_edit_managerdata #div_name {
    padding-top: 5px;
    padding-left:45px;}  

                                    
#form_entry_managerdata #div_name input,
#form_edit_managerdata #div_name input {
    width: 275px;}  

#form_entry_managerdata #name_tooltip,
#form_edit_managerdata #name_tooltip {
}
            
#form_entry_managerdata #div_custom_sector,
#form_edit_managerdata #div_custom_sector{
    padding-right: 100px;
    padding-top: 5px;
    padding-left:45px;}
    
#form_entry_managerdata #div_custom_sector input,
#form_edit_managerdata #div_custom_sector input{
    width: 275px;}
              
#form_entry_managerdata #custom_sector_tooltip,
#form_edit_managerdata #custom_sector_tooltip {
}
        
#form_entry_managerdata #div_offers,
#form_edit_managerdata #div_offers {
    height:29px;
    padding:0px;
    padding-left:48px;}     
    
#form_entry_managerdata #div_offers2,
#form_edit_managerdata #div_offers2,
#form_entry_managerdata #div_offers3,
#form_edit_managerdata #div_offers3,
#form_entry_managerdata #div_offers4,
#form_edit_managerdata #div_offers4 {
    padding:0px;
    padding-left:48px;
    height:19px; } 
               
#form_entry_managerdata #div_offers label,
#form_edit_managerdata #div_offers label { 
    background-image: url("http://lausitzer.regionalatlas.net/media/images/listicon_offers.png") ;
    background-repeat:  no-repeat;
    padding-left:8px;
    font-weight:bold; 
    padding:0px;     
    background-position: 0px 17px;  
    width:30px;
    height:29px;}     
    
#form_entry_managerdata #div_offers2 label,
#form_edit_managerdata #div_offers2 label,
#form_entry_managerdata #div_offers3 label,
#form_edit_managerdata #div_offers3 label,
#form_entry_managerdata #div_offers4 label,
#form_edit_managerdata #div_offers4 label {
     background-image: url("http://lausitzer.regionalatlas.net/media/images/listicon_offers.png") ;
    background-repeat:  no-repeat;
    padding-left:8px;
    font-weight:bold; 
    padding:0px;
    height:19px;   
    background-position: 0px 7px;
    height:20px;} 
    
#form_entry_managerdata #div_offers input,
#form_edit_managerdata #div_offers input,     
#form_entry_managerdata #div_offers2 input,
#form_edit_managerdata #div_offers2 input,
#form_entry_managerdata #div_offers3 input,
#form_edit_managerdata #div_offers3 input,
#form_entry_managerdata #div_offers4 input,
#form_edit_managerdata #div_offers4 input {     
    left: 10px;
    top: -15px;
    width: 262px;}  
 
#form_entry_managerdata #offers_tooltip,
#form_edit_managerdata #offers_tooltip {
    margin-left: 13px;
    top: 13px;}   
 
#form_entry_managerdata #div_iconset_a,
#form_edit_managerdata #div_iconset_a,
#form_entry_managerdata #div_iconset_b,
#form_edit_managerdata #div_iconset_b,
#form_entry_managerdata #div_iconset_c,
#form_edit_managerdata  #div_iconset_c{
    padding-top:2px;
    height:33px;
    width:33px;}
    
#form_entry_managerdata #div_iconset_a,
#form_edit_managerdata #div_iconset_a {
    padding-left:45px;}
    
#form_entry_managerdata #div_iconset_b,
#form_edit_managerdata #div_iconset_b,
#form_entry_managerdata #div_iconset_c,
#form_edit_managerdata  #div_iconset_c  {
    padding-left:2px; }




/***********************************************
 * Gewerbeangaben-Formular fÃ¼r den HelferEintrag
 **********************************************/
#form_entry_helperdata #div_name,
#form_edit_helperdata #div_name {
    padding-left: 110px;
    padding-top: 65px;}

#form_entry_helperdata #div_name input ,
#form_edit_helperdata #div_name input {
    width: 210px;}
    
#form_entry_helperdata #name_tooltip,
#form_edit_helperdata #name_tooltip {
   }

#form_entry_helperdata #div_iconset_a,
#form_edit_helperdata #div_iconset_a {
    position:absolute;
    left:0px;
    top:0px;
    padding-left: 42px;
    padding-top: 70px;}     
   
#form_entry_helperdata #iconset_a_tooltip,
#form_edit_helperdata #iconset_a_tooltip {
    padding-left:0px;
    padding-top:0px;
    left: 70px;
    top: 70px;}





/*********************************
 * Form zur Auswahl eines IconSets
 ********************************/
#form_entry_iconselect div.hidden {
	display: none;}

/* die Tabliste */
div#iconset_tabs {
    padding-top:50px;
    padding-left:29px;
    position: absolute;}

div.tabContainer > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;}
	
div.tabContainer > ul > li {
	margin: 0px 5px;}

div.tabContainer > ul > li a {
	height: 15px;
	padding: 5px;
  background-color:#f5efef;
  border:1px solid #b1b1b1;
  width: 105px;
  text-decoration: none;
	color: #603836;
  display:block;}
  
div.tabContainer > ul > li a:hover { 
    background-color:#e1d5d5;}
  
div.tabContainer > ul > li.selected a {
  background-color:#FFFFFF;
  border:1px solid #646464;}

div.tabContainer > ul > li:hover,
div.tabContainer > ul > li:hover a {
	color: #black;}

div.tabContainer > ul > li.selected a {
	color: #603836;
	font-weight: bold;} 
	
/* die Iconliste */
div.tabContainer div.tabContent {
	float: left;
  border:1px solid #927f7b;
  background-color:#FFFFFF;
  width:200px;
  height:180px;}
  
div.tabContainer fieldset {
	margin: 6px;
  top:0px;
  border-bottom: 1px solid #adadad;
  height: 140px;}
	
div.tabContainer .element_container {
    padding:0px;}
    
div#iconset_tabs .tooltip_area {
    top:145px;
    border:0px none;
    background:none;
    text-align:center;
    margin: 0;
    padding-top: 10px 0px 0px 0px;
    color: #555555;
    font-size: 12px;}

div#iconset_tabs fieldset > .element_container {
    color: #61393A;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 0;
    text-align: center;
    width: 100%;}


/*****************************************************
 * Formular auf der Karte zur Abfrage ob er sich registrieren oder einloggen möchte
 ****************************************************/
#form_entry_account .form_container {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/mapform_background.png");}

#form_entry_account #div_register {
    padding-left: 70px;
    padding-top: 50px;}

#form_entry_account #div_gotologin {
    padding-left: 125px;
    padding-top: 30px;}

/*****************************************************
 * Formular zum Einloggen auf der Karte
 ****************************************************/

#form_entry_login .form_container {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/mapform_background_login.png");
    }
#form_entry_login #div_email {
    padding-top: 53px;}


#form_entry_login #div_email input{
    width: 210px;}

#form_entry_login #div_password {
    padding-top: 6px;}
    
#form_entry_login #div_password input{
    width: 120px;}

#form_entry_login #div_forgot_password {
    left: 189px;
    padding: 0;
    position: absolute;
    top: 104px;}

#form_entry_login #div_login {
    left: 80px;
    position: absolute;
    top: 120px;}

/*************************
 * Registrierungs-Formular
 ************************/

#form_entry_register #div_email input {
                              width: 210px;}

#form_entry_register #email_tooltip {
}



#form_entry_register #div_password input{

    width: 120px;}

#form_entry_register #password_tooltip {
}



#form_entry_register #div_password_confirm input{
    width: 120px;}


#form_entry_register #div_accept_terms .dijitCheckBox {
 }
 
#form_entry_register #div_accept_terms label {
    padding-left:4px;}
                        
#form_entry_register a {
    color: #554b6b;
}

#form_entry_register a:hover {
    color: #2c2197;
}



/**********************************
 * Formulare ErgebnisprÃ¤sentationen
 *********************************/
/* es gibt mehrere Ergebnisformulare, welche sich nur durch einen anderen Text und den angezeigten Buttons unterscheiden
ansonsten ist es dasselbe html/css
zu allen End-Formularen gehÃƒÂ¶rt auch immer ein Ergebnis-PopUp, das sich aber in den einzelnen Formularen unterscheiden kann (kostenlos/Abo)*/

/* das Ansprechen über eine 2.class kommt im IE6 und IE7 nicht an */
    
.olControlCustomForm {
    position:absolute;
    width:0px; /* wenn 0 gesetzt, damit man auf die Karte und die PopUp-Buttons klicken kann */
    height:0px;
    left:50%;
    top:50%;
    
    /* thomas testet */
    overflow:visible;
    width:1px;
    height:100%; /* wichtig, für die Formulare die am Rand der Karte liegen */} 
    
#form_entry_finished,
#form_energyproject_finished {
    left: -310px; 
    top: 9%;
    height:auto;
    position:relative;}

#form_entry_finished #fieldset-finished,
#form_energyproject_finished #fieldset-finished {
    height:100%;
    padding:0px;}

#form_entry_finished .form_container,
#form_energyproject_finished .form_container {
    background-image: none;
    width:0px;  /* damit man den Text der Textbox markieren kann */
    height:100%;
    position:absolute;
    top:0px;
    left:0px;}
    
#form_entry_finished .element_container,
#form_energyproject_finished .element_container {
    float:none;
    padding:0px;
    position:absolute;}

#form_entry_finished .textbox,
#form_energyproject_finished .textbox {
    width:603px;
    left:0px;
    /* left:96px; */
    top:0px;
    position:relative;
    height:auto;}

#form_entry_finished legend,
#form_energyproject_finished legend {
    left: 0px;
    width: 596px;
    text-align: center;}

#form_entry_finished .textbox_header,
#form_energyproject_finished .textbox_header{
    height: 33px;
    text-align: left;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/location_finished_textbox_bg_top.png");
    background-repeat: no-repeat;
}

#form_entry_finished .textbox_header span,
#form_energyproject_finished .textbox_header span {
    display: none;}

#form_entry_finished .textbox_content,
#form_energyproject_finished .textbox_content {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/location_finished_textbox_bg_repeat.png");
    /*min-height: 200px;*/
    padding: 10px 20px 15px 20px;
    text-align: center; }

#form_entry_finished .textbox_footer,
#form_energyproject_finished .textbox_footer {
    height: 49px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/form/location_finished_textbox_bg_bottom.png");}

    
#form_entry_finished #div_close_window,
#form_energyproject_finished #div_close_window {
    position:absolute;
    left: 20px;
    bottom: 57px;}
    
#form_energyproject_finished #div_next_entry,
#form_entry_finished #div_show_subscriptions,
#form_entry_finished #div_edit_entry,
#form_entry_finished #div_next_entry {
    left: 400px;
    position: absolute;
    bottom: 52px;}
    
    
    





/**************************************************************
 * Formulare mit der Startseite zum bearbeiten eines Unternehmer-Standortes
 *************************************************************/
#form_location_edit_managerselect fieldset {
      padding-left:5px;}

#form_location_edit_managerselect legend {
    }

#form_location_edit_managerselect .element_container {
    left: 0;
    padding-left: 15px;
    padding-top: 8px;
    top: 0;
    width: 171px;}
         
#form_location_edit_managerselect #miniwebsite {
}
                
#form_location_edit_managerselect #div_abort {
    left: 15px;
    top: 208px;
    padding:0px;
    margin:0px;}

/* gehört zu den ToolTips */
p.edit_set, p.edit_notset, p.edit_unavailable, p.edit_limited {
    background-repeat: no-repeat;
    background-position: 0 -2px;
    color: #999999;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 20px;
    position:relative;}

p.edit_set {
background-image:url("http://lausitzer.regionalatlas.net/media/images/picto_check.png");
}

p.edit_notset {
background-image:url("http://lausitzer.regionalatlas.net/media/images/picto_empty.png");
background-position: 2px -3px;
}

p.edit_unavailable {
background-image:url("http://lausitzer.regionalatlas.net/media/images/picto_unavailable.png");
background-position: 2px -2px;
}

p.edit_limited {
background-image:url("http://lausitzer.regionalatlas.net/media/images/picto_down.png");
background-position: 1px 1px;
}



/**************************************************************
 * Formulare mit der Startseite zum bearbeiten eines Helfer-Standortes
 *************************************************************/
#form_location_edit_helperselect #div_position {
    padding-left: 110px;
    padding-top: 40px;
}

#form_location_edit_helperselect #div_businessdata {
 padding-left: 110px;}

#form_location_edit_helperselect #abort {
}


/**************************************************************
* Formular auf der Karte zum Bestätigen der Löschung eines Standortes
*************************************************************/
#form_location_delete #div_confirm,
#form_energyproject_delete #div_confirm {
    top:-40px;
    left:0px;}

#form_location_delete #div_confirm p,
#form_energyproject_delete #div_confirm p {
    background-color: #F1ECEA;
    border: 1px solid #CCBBB8;
    color: #764B4A;
    font-weight: bold;
    left: 35px;
    padding: 40px 10px;
    position: absolute;
    text-align: center;
    top: 75px;
    width: 300px;}

#form_location_delete #div_delete,
#form_energyproject_delete #div_delete {
    padding-left: 112px;
    padding-top: 128px;}

#form_location_delete #abort,
#form_energyproject_delete #abort {
}



/**************************************************************
 * Formulare zum Angeben der Kontaktdaten für das PopUp
 * erreicht man nur über Edit-Startseite
 *************************************************************/
        
#form_edit_contact .element_container {
    padding-top: 6px;} 

#form_edit_contact #div_back,
#form_edit_contact #div_save,
#form_edit_contact #div_close {
    padding:0px;}
  
#form_edit_contact #div_email input{
    width:240px;}

#form_edit_contact #div_web input{
    width:240px;}

#form_edit_contact #div_is_webshop {
    padding-left: 78px;
    padding-top: 2px;}

      
 /**************************************************************
 * Formulare zum Angeben der Suchbegriffe für einen Standort
 * erreicht man nur über Edit-Startseite
 *************************************************************/     

/* 
nicht nötig?
#form_edit_searchterms #div_back,
#form_edit_searchterms #div_save,
#form_edit_searchterms #div_close {
    padding:0px;}  */
    
#form_edit_searchterms #div_search_terms {
 padding-left: 40px; }
   
    
    
#form_edit_searchterms #search_terms {
    height:120px;
    width:300px;
    resize:none;}


/**************************************************************
* Formulare zum Hochladen eines Logos für alle eigenen Standorte
* erreicht man nur über Edit-Startseite
*************************************************************/     
#form_edit_logo #div_file {
    padding-top:5px;}

#form_edit_logo #div_current_logo {
    padding:15px 0px 0px 150px;}
    
#form_edit_logo #div_current_logo div {
     border: 1px solid #A4A4A4;}

#form_edit_logo #div_current_logo div img {
    position:relative;
    border:1px solid #FFFFFF}
    
    
/**************************************************************
* Formulare zur Angabe der Öffnungszeiten für einen Standort
* erreicht man nur über Edit-Startseite
*************************************************************/     
   
#form_edit_businesshours #div_1,
#form_edit_businesshours #div_2,
#form_edit_businesshours #div_3,
#form_edit_businesshours #div_4  {
    padding:2px;}      
        
#form_edit_businesshours #div_3 {
    padding-left:10px;}
   
#form_edit_businesshours input[type="text"] {
    width:45px;}
    
#form_edit_businesshours #fieldset-mon legend, 
#form_edit_businesshours #fieldset-tue legend,
#form_edit_businesshours #fieldset-wed legend,
#form_edit_businesshours #fieldset-thu legend,
#form_edit_businesshours #fieldset-fri legend,
#form_edit_businesshours #fieldset-sat legend,
#form_edit_businesshours #fieldset-sun legend {
    left:0px;
    top:0px;
    position:relative;
    float:left;
    text-align:right;
    width:95px;}

#form_edit_businesshours #fieldset-mon label, 
#form_edit_businesshours #fieldset-tue label,
#form_edit_businesshours #fieldset-wed label,
#form_edit_businesshours #fieldset-thu label,
#form_edit_businesshours #fieldset-fri label,
#form_edit_businesshours #fieldset-sat label,
#form_edit_businesshours #fieldset-sun label {
    float: left;
    left: 0;
    position: relative;
    top: 0;
    width: 22px;}
    
    

#form_edit_businesshours #div_all_locations {
    padding-top:5px;}


#form_edit_businesshours #div_appointment {
    height:15px;
    padding-top:10px;}
    

/*********
* Grafiken
*********/

img.icon {
    border: 0px solid;
    vertical-align: middle;
}

/*********
* Tooltips
*********/

/* das div das den ToolTip-Text enthält und über Javascript erstellt wird*/
.js_tooltip {
    position: absolute;
    background:none repeat scroll 0 0 #FFFFFF;
    border:1px solid #CCCCCC;
    color:#6C6C6C;
    display:none;
    font-family:Verdana,Arial,sans-serif;
    font-size:12px;
    max-width:250px;
    z-index:2;
    padding:5px 10px 5px 10px;
    text-align:left;
    margin:0px;
    /*margin-right:10px;
    margin-left:10px;*/
}


/* die Grafik mit der bei einem mouse-over das ToolTip ausgelöst wird
jedes img hat auch eine eigene id welche in dem einzelnen CSS zu jedem Formular positioniert wird */
.form_ajax img {
 position: absolute;}



/***************************************
 * ToolTip auf der Karte (Icons auf der Karte)
 ************************************/
#tooltip {
overflow:visible !important;
width:auto !important;
filter: none !important; /* wichtig für IE, sonst ist die Schrift transparent*/
}

#tooltip div {
display: none;}

#tooltip #tooltip_GroupDiv {
display: block;
padding: 3px 10px;
border: 1px solid #888888;
overflow:visible !important;
height:16px; /* für den Apple-Browser (nicht Safari), der bricht irgendwie einmal zu viel um */
background-color: white;
opacity: 1;
color:#000000; }

#tooltip #tooltip_contentDiv {
/* min-width:175px; */
display:block;
white-space: nowrap;}






/*******************************************************
 * einfaches CSS-ToolTip das ohne Javascript funktioniert,
 * wird außerhalb der Karte eingesetzt
 ******************************************************/

.tooltip {
    position:relative;
    }

.tooltip_area {
    display:none;
    position:absolute;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #6C6C6C;
    font-size: 11px;
    margin-left: 20px;
    min-width: 175px;
    padding: 2px 3px;
}


.tooltip:hover .tooltip_area{
    display:block;
    }




/********
 * Listen
 *******/

ul.bordered {
    list-style: none;
}

ul.bordered table {
    border: 1px solid #AAA;
    background: #EEE;
    margin: 2px;
}

ul.bordered table.private-set {
    background: #ffb19a;}

table.private-set td {
background-color:#ffe0d7;}


/*******
 * Icons
 ******/
.iconbox {
    overflow:hidden;
}

.iconbox a {
    display: block;
    width: 100px;
    height: 80px;
    float: left;
    text-align: center;
    padding: 2px;
    margin: 3px;
    background: #EEE;
    border: 1px solid #AAA;
    text-decoration: none;
}

/*********************
 * Popup auf der Karte
 ********************/
.olCustomPopup {
    position: absolute;
    overflow: visible;
}

.olCustomPopupContent {
    position: relative;
    z-index: 2;
    /*padding: 8px 4px 10px 9px;  orginal */
    padding: 6px 4px 8px 9px; /* ein Trick, das padding an dieser Stelle ist mit das wichtigste, darin liegen die Rahmen des PopUps, fixe Werte */
    left: 0px;
    top: 0px;
    /* overflow: hidden; testweise rausgenommen, keine PopUps im IE*/
}

#popup_groupDiv {
    position: absolute;
    overflow:visible;
}

.position_br {
    left: 14px;
    top: 20px;
}
.position_bl {
    right: 20px;
    top: 19px;
}
.position_tl {
    right: 22px;
    bottom: 16px;
}
.position_tr {
    left: 13px;
    bottom: 16px;
}

/* alle Positionswerte von dem PopUp-Hintergrund und der Nasen sind fixe Werte und funktionieren bei jedem PopUp-Inhalt */
#frame_tlDiv {
    overflow: hidden;
    width: 50%; /* der LÃ¶sungsansatz, es Ã¼ber die halbe volle Breite zu machen */
    height: 50%; /* das Padding weiter oben erhÃ¶hte die HÃ¶he und Breite um den PopUp-Schatten drin zu haben */
    left: 0px;
    right: 0px;
    top: 1px;
}
#frame_tlImg {
    left: 0px;
    top: 0px;
}

#frame_trDiv {
    overflow: hidden;
    width: 50%;
    height: 50%;
    right: 1px;
    top: 1px;
}
#frame_trImg {
    right: 0px;
    top: 0px;
}

#frame_blDiv {
    overflow: hidden;
    width: 50%;
    height: 50%;
    left: 0px;
    bottom: 0px;
}
#frame_blImg {
    left: 0px;
    bottom: 0px;
}

#frame_brDiv {
    overflow: hidden;
    width: 50%;
    height: 50%;
    bottom: 0px;
    right: 1px;
}
#frame_brImg {
    right: 0px;
    bottom: 0px;
}

/*  die 4 Nasen des PopUps */
/* links oben */
.position_br #frame_noseDiv {
    overflow: hidden;
    width: 88px;
    height: 31px;
    left: -20px;
    top: -26px;
}
.position_br #frame_noseImg {
    left: -304px;
    top: -4px;
}

/* rechts oben */
.position_bl #frame_noseDiv {
    overflow: hidden;
    width: 88px;
    height: 30px;
    right: -25px;
    top: -25px;
}
.position_bl #frame_noseImg {
    left: -103px;
    top: -5px;
}

/* rechts unten */
.position_tl #frame_noseDiv {
    overflow: hidden;
    width: 88px;
    height: 30px;
    bottom: -22px;
    right: -25px;
}
.position_tl #frame_noseImg {
    left: 0px;
    top: -2px;
}

/* links unten */
.position_tr #frame_noseDiv {
    overflow: hidden;
    width: 88px;
    height: 30px;
    left: -20px;
    bottom: -22px;
}
.position_tr #frame_noseImg {
    left: -205px;
    top: -2px;
}

/* enthÃ¤lt den Inhalt der PopUps was durch Javascript reingeladen wird*/
.popup_content {
    /*overflow: hidden; test, ist das wirklich nötig, versaut das min-width */
    position: relative;
    z-index:3;
    min-width:250px; /* nötig wegen dem linken und rechten Bearbeitungsbutton */
}

.olCustomCloseBox {
    background:url("http://lausitzer.regionalatlas.net/media/images/popup/button_close_popup.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
}


/* */


#btn_popup_edit,
#btn_popup_delete_location {
position:absolute;
right:8px;
}

#btn_popup_goto_locations {
position:absolute;
left:9px;
}


div.position_bl #btn_popup_edit,
div.position_br #btn_popup_edit {
bottom: -18px;
}

div.position_tl #btn_popup_edit,
div.position_tr #btn_popup_edit {
top: -16px;
z-index:1; /* nötig, da die Schatten der Button sonst falsch übereinander liegen */
}

div.position_bl #btn_popup_delete_location,
div.position_br #btn_popup_delete_location {
bottom: -37px;
z-index:1; /* nötig, da die Schatten der Button sonst falsch übereinander liegen */
}

div.position_tl #btn_popup_delete_location,
div.position_tr #btn_popup_delete_location {
top: -35px;
}

div.position_bl #btn_popup_goto_locations,
div.position_br #btn_popup_goto_locations {
bottom: -18px;
}

div.position_tl #btn_popup_goto_locations,
div.position_tr #btn_popup_goto_locations {
top: -16px;
}

#olpopup_contentDiv a img {
position:relative;} /* nötig, da man sonst in Opera nicht auf die Button klicken kann, weil irgendwas drüber liegt */

#olpopup_contentDiv > a {
z-index:100;
}

/* das Blättern der PopUps */
.popup_content > table {
    border: 0px solid;
}

.popup_content > table td {
    border: 0px solid;
}


.popup_content td {
    padding:0px;}

#popup_forward, #popup_back {
    width: 17px;
    position: absolute;
    height: 100%;
    top: 0px;
    background-position: 50% 50%;
}


#popup_forward {
    right: 0px;
   background-image: url("http://lausitzer.regionalatlas.net/media/images/popup/popup_forward.png");    
     /*background-image: url("http://www.retrospec.de/regionalatlas/popup_forward.png");            */
}

#popup_back {
    display: none; /* default nicht sichtbar, erst nach weiterschalten durch JS */
    left: -1px;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/popup/popup_back.png"); 
   /* background-image: url("http://www.retrospec.de/regionalatlas/popup_back.png");            */
}

#popup_forward:hover {
    background-position: 50% 50%;
   background-image: url("http://lausitzer.regionalatlas.net/media/images/popup/popup_forward_hover.png");
     /*background-image: url("http://www.retrospec.de/regionalatlas/popup_forward_hover.png");                */
}

#popup_back:hover {
    background-position: 50% 50%;
    background-image: url("http://lausitzer.regionalatlas.net/media/images/popup/popup_back_hover.png");  
     /*background-image: url("http://www.retrospec.de/regionalatlas/popup_back_hover.png");            */
}



/****************************
 * Einzelne Elemente im Popup
 ***************************/


/****************************
 * Einzelne Elemente im Popup
 ***************************/
.popup_content #popup_page_1,
.popup_content #popup_page_2,
.popup_content #popup_page_3,
.popup_content #popup_page_4,
.popup_content #popup_page_5 {
display:none; /* standardmäßig sind alle PopUpSeiten ausgeblendet */
border-collapse:collapse;}

/****************************
 * PopUp eines Gewerbestandortes
 ***************************/

/* .popup_content tabel {} kann hier nicht benutzt werden, da es sonst auch beim HelferPopUp ankommt,
obwohl es dann mit .popup_content table#popup_helper_page wieder überschrieben werden kann, macht der Ie hier Probleme */

#popup_page_1 .icon_content {
    display: block;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 0px;
    vertical-align:top;
    padding-right:4px;
}

#popup_page_1 .icon_content img {
    display: block;
    padding-bottom: 3px;
}

#popup_helper_page .icon_content {
    padding:0 2px 0 4px;
    position:relative;
}

#popup_page_1 .business_data {
    padding-top: 5px;
    padding-bottom: 0px;
    position: relative;
    border: 0px solid;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;}
    
    
#popup_page_1 .location_logo {
    padding-right: 20px;
    padding-top: 10px;
    vertical-align: top;}

#popup_page_1 .location_logo div{
    border: 1px solid #A4A4A4;
    margin-left: 8px;
    margin-right: 3px;}
    
#popup_page_1 .location_logo img{
    border:1px solid #FFFFFF;}    

#popup_helper_page .business_data {
    padding: 7px 16px 2px 10px;
    position: relative;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;}


#popup_page_1 .location_name {
    color: #555555;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}

#popup_helper_page .location_name {
    color: #555555;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}

#popup_page_1 .custom_sector {
    position: relative;
    border: 0px solid;
    color: #555555;
    font-family: Verdana;
    font-size: 11px;
}
#popup_page_1 .offers {
    padding-left: 7px;
    padding-top: 12px;
    padding-bottom: 8px;
    position: relative;
    overflow: hidden;
}

#popup_page_1 .offers div {
    background-image: url("http://lausitzer.regionalatlas.net/media/images/listicon_offers.png") ;
    background-repeat:  no-repeat;
    padding-left: 10px;
    color: #555555;
    font-family: Verdana;
    font-size: 11px;
}


#popup_page_1 .bartermember {
background-image:url("http://lausitzer.regionalatlas.net/media/images/logo_bartermember.png");
background-position:0 0;
background-repeat:no-repeat;
color:#444444;
font-size:11px;
height:18px;
overflow:visible;
padding-left:44px;
padding-top:14px;
padding-bottom:6px;
position:relative;}

#popup_page_1 .bartermember a {
font-weight:bold; }

#popup_page_1 .bartermember span {
margin-left:2px; }

#popup_page_1 a:visited {
color:#555555;
}

#popup_page_1 a:link {
color:#555555;
}

#popup_page_1 a:hover {
color:#550088;
}

#popup_page_1  .dotted_line {
  margin-bottom:1px;}

#popup_page_1 .bartermember img {
position:relative;
top:-3px;
padding-left:18px;
margin-bottom:-6px;
}

#popup_page_2,
#popup_page_3,
#popup_page_4 {
    /*padding:0px 20px 0px 30px;*/
    text-align:left; /* notwendig? */
    margin:0px 20px 0px 30px; /* IE hat mit Padding hier Probleme, deshalb lieber margin*/
}


#popup_page_2 tr,
#popup_page_3 tr,
#popup_page_4 tr  {
    margin: 0px;
    padding: 0px;
    font-family: Verdana;
    font-size: 11px;
    color: #555555;
    position: relative;
}

#popup_page_2 td,
#popup_page_3 td,
#popup_page_4 td {
    padding:0px;
    margin:0px;
    white-space: nowrap;
}



#popup_page_2 .organization_name,
#popup_page_2 .individual_contact {
font-weight:bold}


#popup_page_2 .individual_name {}

#popup_page_2 .organization_info {
    padding: 0px 25px 0px 25px;}


#popup_page_2 .address_data {
    padding: 0px 25px 0px 25px;}

#popup_page_2 .address_label {
    font-size:10px;
    font-weight:bold;
    padding-left:25px;}

.popup_content #popup_page_2 a img {
    left:25px;
    margin-bottom:6px;}  
    
.popup_content .weekday {
    padding-left:25px !important;
    padding-right:15px !important;
    text-align: left;}
        
.popup_content td.firsttime,
.popup_content td.secondtime {
    padding-right: 10px !important;}  

.popup_content .location_businesshours_appointment {
    padding-top:5px !important;
    padding-left:5px !important;}
    
.popup_content .location_businesshours_appointment td {
    padding-left:25px !important;
    font-size:10px;}
    
.popup_content #popup_businesshours {
    padding-left:25px !important;}

/* die labels von den Kontaktdaten */
.popup_content td.label {
    font-size:10px;
    font-weight: bold;
    padding: 0px 15px 3px 25px !important;}


.popup_content img.popup_iswebshop {
    margin-left: 6px;
    position: absolute !important;
    top: -3px;}


#popup_page_4 a,
#popup_page_3 a {
    color: #000092;
    text-decoration: underline;
    display: block;
    margin: 0 30px 0 0;
    position: relative;}


#popup_page_4 a:link {}
#popup_page_4 a:visited {}
#popup_page_4 a:active, #popup_page_3 a:hover {}



.popup_content .dotted_line {
    top: 0px;
    left: 0px;
    z-index: 70;
    width: 100%;
    height: 3px;
    position: relative;
    border: 0px none;
    background-image: url(http://lausitzer.regionalatlas.net/media/images/popup/dotted_line.png);
    background-repeat: repeat;
    margin-top: 6px;
    margin-bottom: 6px;} 



.popup_content .popup_actions {
    font-family: Verdana;
    font-size: 11px;
    padding-bottom: 2px;
}


/****************************
 * PopUp eines Energiestandorts
 * 1.Seite 
 ****************************
 
/* table für Icon, location_header und Status */ 
#popup_page_1 #project_header {
      white-space:nowrap;
      margin-right:20px;
      margin-bottom:5px;      } 

#popup_page_1 #project_header .project_info {
    width:100%;
    padding-left: 5px;
    padding-top: 3px;
    padding-right:30px;} 

#popup_page_1 #project_header .icon {
    display: block;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 0px;
    vertical-align:top;
    padding-right:10px;
}

#popup_page_1 #project_header .icon img {
    display: block;
    padding-bottom: 3px;
}

#popup_page_1 #project_header .location_header {
    padding-top: 5px;
    padding-bottom: 2px;
    position: relative;
    border: 0px solid;
    padding-right: 20px;
    padding-left: 10px;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;}


#popup_page_1 #project_header .project_name {
    color: #555555;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}

#popup_page_1 #project_header .project_type,
#popup_page_1 #project_header .project_city {
    position: relative;
    border: 0px solid;
    color: #555555;
    font-family: Verdana;
    font-size: 11px;
}

/*table für Anlagendaten und Foto*/
#popup_page_1 #project_content {
    white-space:nowrap;
    font-size:11px;
    border-spacing:0px;
    margin-bottom:6px;
    width:100%;
    /* padding-right:5px; Opera ignoriert das padding:px von verschachtelten Tabellen,  */ } 
    /* deshalb bekommt das höher liegende td das padding */
#popup_page_1 #project_content_cell {
    padding-right:5px;}


#popup_page_1 #project_content #project_data {
    border: 1px solid #dadada;
    background-color:#f9f9f9;
    border-spacing:0px;
    padding-top:3px;
    padding-bottom:3px;
    line-height: 14px;
    border-left:0px none;
    width:100%;}

/* keine Ahnung was das hier ist
#popup_page_1 #project_content #location_data {
    border-spacing:0;
    padding-left:10px; 
    padding-right:10px; 
    border:1px #d9d9d9 solid; 
    background-color:#f9f9f9;} */

#popup_page_1 #project_content .label {
    padding-left:15px;
    font-weight:bold;
    text-align:right;
    padding-right:10px;
    color:#555555;
    white-space: nowrap;}

#popup_page_1 #project_content .value {
    padding-right:15px;
    color:#565656;
    white-space: nowrap;}

#popup_page_1 #project_content .picture {
    /* min-width:10px; */
    display:block;}

#popup_page_1 #project_content .picture div {
    border: 1px solid #a4a4a4;
    margin-right: 15px;}

#popup_page_1 #project_content .picture img {
    border: 1px solid #FFFFFF;}
    
#popup_page_1 #popup_energy_content {
width:100%; /* nötig da sonst Mozilla den Fotorahmen nicht korrekt darstellt, wenn der Name der Anlage mal ziemlich lang ist*/
}

/* der Zusatz für Standorte inPlanung */
#popup_page_1 #contact_box {
border: 1px solid #d8d8d8;
background-color: #edffde;
margin: 0 30px 5px 25px;
text-align:center;
padding: 5px 0px 3px  0px;}

#popup_page_1 #contact_box p {
border: 1px solid #b2b2b2;
background-color: #bcf987;
padding:2px;
margin: 0px 0px 4px 0px;
white-space: normal;
font-size: 11px;
border-left: 0px none;
border-right: 0px none;}
    
/****************************
 * PopUp eines Energiestandorts
 * 2.Seite 
 *****************************/

#popup_page_2 #project_data,
#popup_page_2 #project_technology {
border-spacing:0px;
border: 1px solid #dadada;
background-color:#f9f9f9;
margin: 0px;
width: 100%; }

#popup_page_2 #project_technology {
margin-bottom:12px;}

/* auch hier hat opera wieder problem mit dem padding an einem table, deshalb das tbody */
#popup_page_2 #project_data tbody,
#popup_page_2 #project_technology tbody {
    display:block;
    padding: 5px 20px 5px 15pt;}

#popup_page_2 .popup_header {
    font-size:10px;
    margin-top:7px;}

#popup_page_2 #project_data .label,
#popup_page_2 #project_technology .label {
    font-weight:bold;
    text-align:right;
    padding-right:10px;
    color:#555555;
    white-space: nowrap;
    font-size:10px;
    width: 1000px; /* Thomas testet */}

#popup_page_2 #project_data .value,
#popup_page_2 #project_technology .value {
    color:#565656;
    white-space: nowrap;
    width: 60%; /* Thomas testet */}



   
   
   

/****************************
*****************************
*****************************
* BANKING
*****************************
*****************************
****************************
das CSS für die Ausgabe von Geld-Zahlen

Kontostände: class=balance_[positive|negative] 
Transaktionen: class=transaction_[positive|negative]
sonstige: currency_[positive|negative]*/

.balance_positive,
.balance_negative {
    font-weight: bold;
    font-family: arial;
    font-size:13px;}  

.balance_positive {
    color: #904242;}

.balance_negative {
    color: #429090;}

.transaction_positive, 
.transaction_negative {
    font-weight: bold;
    font-family: arial;
    font-size:13px;}

.transaction_positive {
    color: #00a427;}

.transaction_negative {
    color: #a40027;}  
    
.currency_positive,
.currency_negative {
    font-size:12px;
    color: #444444;
    font-family: arial;
    font-weight: normal;}
    
/*Hier noch paar Ausnahmen*/

/* Banking-Übersicht, größere Schriftart für Kontostand */    
#table_account_balance .balance_positive,   
#table_account_balance .balance_negative {
    font-size: 16px;} 

/* Banking-Übersicht, Gebühren des letzten Monats */       
#table_account_fees .currency_positive,
#table_account_fees .currency_negative {
    font-weight: bold;}
    
/* Banking-Übersicht die Werte im GebührenToolTip*/
.banking_tooltip .currency_positive,
.banking_tooltip .currency_positive {
    /* color: #00a427; */
    font-weight:bold;}    
    
/* Überweisungsvorschau, der zu überweisende Betrag */  
div#box_banking_transactions_confirm .transaction_positive,
div#box_banking_transactions_confirm .transaction_negative {
    font-weight:bold;}
    
/* Überweisungsvorschau, die fälligen Gebühren */      
div#box_banking_transactions_confirm .currency_positive,
div#box_banking_transactions_confirm .currency_negative {
    font-weight:bold;
    color: #00a427;}
        

/* muss ans Ende aller input-Felder , sonst funktionierts irgendwie nicht
mit class vorweg, damit das inputfeld bei der Suche nicht betroffen wird */
.form_ajax input[type="text"]:focus,
.form_ajax  input[type="password"]:focus,
.form_ajax  input[type="textarea"]:focus,
.customform input[type="text"]:focus,
.customform  input[type="password"]:focus,
.customform  input[type="textarea"]:focus,
.form_ajax .dijitTextBoxFocused input, /* kommt im CSS an, aber hat keine Auswirkung ..?? */
.customform .dijitTextBoxFocused input /* kommt im CSS an, aber hat keine Auswirkung ..?? */{
    border:1px solid #724c4c;
    background-color:#ededed;}
    
.adminform input[type="text"]:focus,
.adminform  input[type="password"]:focus,
.adminform  input[type="textarea"]:focus {
    background-color:#d9d9d9;}



/**
 * TEMPORÃ„R
 */
#box_market_index_index .box_content {
background-image:url("http://lausitzer.regionalatlas.net/media/images/baustelle_marktplatz.png");
background-position:50px 30px;
background-repeat:no-repeat;
min-height:290px;
padding:20px 50px 30px;
}



  
