/* CSS ProBÜRGER 7  Copyright bei ruhr-connect GmbH - Herten */



img {border: 0px;}

.dir_clear {clear:both;}

/* ul {list-style-image: url(images/listsymbol.png);} */
#hierarchie ul li {list-style-image:none;}

.dir_ul_linksymbol {list-style-image: url(images/listsymbol_link.png);}


a.dir_mAZ:link, a.dir_mAZ:visited, a.dir_mAZ:active {color: #333333; text-decoration: none; font-size:80%; font-weight:bold;}
a.dir_mAZ:hover {color: #FFFFFF; font-weight:bold;}

.dir_mAZ_box {position:relative; float:left; background-color:#cccccc; padding:2px; margin-right:4px; margin-bottom:5px; border: 1px #999999 solid; width: 2%; text-align: center;}



.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

.input_button {border: 1px solid #ff9900; color:#666666; }

.dir_small {margin-left:5px; font-size:85%; color:#000000; font-style:italic;}
.dir_text {font-size:90%; color:#666666;}
.dir_text_klein {font-size:75%; color:#666666;}
.dir_produktimage, .dir_personimage {position:relative; float:left; min-width:150px; margin: 0px 10px 10px 0px;}
.dir_ansprechpartnerimage {position:relative; float:right; width:100px; margin: 0px 0px 0px 0px;}
#dir_text_block {position:relative; float:left; margin: 0px 0px 20px 0px;}

.dir_body  
{
    width: 800px;
    margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    border: 0px solid #cccccc;
    text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    margin-bottom: 0px;
    margin-top: 0px;
}

#dir_head {position:relative; margin-bottom: 30px;}

#dir_head_toptext {position:relative; float:left;}

#dir_head_toplogo {position:relative; float:right; margin-top:10px;}    

#dir_head_text {position:relative; float:right; width: 450px; font-size: 80%;}

#dir_menu {position:relative; margin-bottom: 10px; margin-top: 10px; width: 100%; /* font-size:80%; */}

#dir_box
{
  position:relative; 
  float:left; 
  width: 100%;  
}

#dir_box_rechts {position:relative; float:right; width: 300px; min-height: 200px;} 

.dir_box_rechts 
{
    position:relative;
    float:right;
    width: 300px;
    padding:10px;
    border: 1px #cccccc solid;
    margin-bottom: 10px;
}

.dir_box_rechts_text 
{
    position:relative;
    float:left;
    font-size:80%;
    color:#666666;
}

#dir_box_links {position:relative; float:left; width: 650px; min-width: 650px; min-height: 200px;}

.dir_box_links 
{
    position:relative;
    float:left;
    width: 450px;
    padding:10px;
    border: 1px #cccccc solid;
    margin-bottom: 10px;
}

.dir_box_links_liste { font-size:80%; margin: 20px 0px 0px 0px;}

.dir_box_links_text 
{
    position:relative;
    float:right;
    width: 250px;
    font-size:80%;
    color:#666666;
}

.dir_box_text 
{
    position:relative;
    float:left;
    font-size:80%;
    color:#666666;
}

#dir_box_navi
{
    position:relative;
    float:left;
    font-size:85%;
    color:#666666;
    width:100%;
}

#dir_box_mAZ 
{
    position:relative;
    float:left;
    font-size:85%;
    color:#666666;
    width:100%;
}

#dir_box_searchresult
{
    
}
.dir_h_container 
{
    position:relative;
    float:right;
    width: 350px;
    height: 450px;
    padding:10px;
    border: 0px #cccccc solid;
    margin-bottom: 10px;
    overflow:auto;
}

.dir_h_containerplan
{
    position:relative;
    float:right;
    width: 400px;
    height: 300px;
    padding:10px;
    border: 0px #cccccc solid;
    margin-bottom: 10px;
    overflow:auto;
}
#dir_footer 
{
    position:relative;
    float:left;
    width:800px;
    margin: 10px 0px 20px 0px;
}

#dir_footer_links_text 
{
    position:relative;
    float:left;
    width:350px;
    font-size:70%;
}

#dir_footer_rechts_text 
{
    position:relative;
    float:right;
    width:350px;
    font-size:70%;
    text-align:right;
}
#dir_element_info 
{
    position: relative;
    width: 100%;
}
#dir_element_info2 
{
    position: relative;

    width: 100%;
}
#dir_element_projectdate 
{
    position: relative;
    width: 100%;
}
#dir_element_contacts 
{
    position: relative;
    width: 100%;
}
#dir_element_categories {
    position: relative;
    width: 100%;
    margin-top: 5px;}
#dir_element_facility {
    position: relative;
    width: 100%;
}
#dir_element_institution {
    position: relative;
    width: 100%;
}
#dir_element_polygones {
    position: relative;
    width: 100%;
}
#dir_element_pdf {
    position: relative;
    width: 100%;
}

#dir_element_plan {
    position: relative;
    width: 100%;
    height: 315px;
    /* min-width: 1000px; */
} 

#dir_element_img {
    position: relative;
    float:right;
    width: 200px;
} 

#dir_element_img img {
    width: 200px;
} 

#dir_searchresults
{
    position: relative;
    float: left;
    width: 100%;
    
    /* padding: 50px 0px 0px 0px; */
}

a.dir_SearchresultElement_link:link, a.dir_SearchresultElement_link:visited {
    display: block;
    #background-color: #F7F7F7;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 5px 10px;
    border: 1px #cccccc solid;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 3px 3px 3px #999999;
    -webkit-box-shadow: 3px 3px 3px #999999;
    box-shadow: 3px 3px 3px #999999;
    min-height: 100px;
}

a.dir_SearchresultElement_link:hover {
    display: block;
    background-color: #EDEDED;
    margin: 10px 0px 10px 0px;
    padding: 5px 0px 5px 10px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 1px #999999;
    -webkit-box-shadow: 1px 1px 1px #999999;
    box-shadow: 1px 1px 1px #999999;
}


#dir_element_map .dir_h_container
{
  display:none;
}


#dir_element_map #googleMap
{
  width:300px;
  height: 250px;
}

#googleMap { float:left; margin:1em 0 0 0; padding:0 0 0 1em; width:550px; border-left:1px solid #ccc; height: 400px; }
#dirm { float:left; margin:1em 0 0 0; padding:0 0 0 1em; width:500px;; border-left:1px solid #ccc; min-height: 300px;; height: 300px;; }