/*
    Created on : 07.07.2009, 10:44:33
    Author     : pjuergens
    Description: Basis Stylesheet für dhd24.com
*/
html,body {
    padding: 0px;
    margin: 0px;
}

body {
    color: #333;
    background-color: #fff;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 130%;
}

h1,h2,h3,h4,h5,h6 {
    color: #333;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0;
}

* html h1 {
    padding: 1px 0 10px 0 !important;
}

*+html h1 {
    padding: 1px 0 10px 0 !important;
}

h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link {
    color: #246b8f;
    text-decoration: none;
}

h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
    {
    color: #246b8f;
    text-decoration: none;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
    color: #246b8f;
    text-decoration: underline;
}

h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active
    {
    color: #246b8f;
    text-decoration: underline;
}

h1,h1 a {
    font-size: 22px;
}

h2,h2 a {
    font-size: 16px;
}

h3,h3 a,h4,h4 a,h5,h5 a,h6,h6 a {
    font-size: 14px;
}

h4,h4 a {
    font-size: 13px;
}

h5,h5 a {
    font-size: 12px;
}

p {
    font-size: 12px;
    line-height: 14px;
}

small {
    font-size: 9px;
}

img {
    border: none;
}

a {
    color: #246b8f;
}

a:link {
    text-decoration: underline;
    color: #246b8f;
}

a:visited {
    text-decoration: underline;
    color: #246b8f;
}

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

a:active {
    text-decoration: underline;
    color: #246b8f;
}

a:link img,a:visited img,a:hover img,a:active img {
    text-decoration: none !important;
}

a.azlSortLink:link,a.azlSortLink:visited,a.azlSortLink:hover,a.azlSortLink:active
    {
    text-decoration: none !important;
}

ul {
    list-style-image: url(/images/base/listItem.gif);
    margin-left: 15px;
    padding-left: 30px;
}

li {
    margin-left: 0px;
}

*+html li,* html li {
    list-style-position: outside;
    display: list-item;
}

hr {
    height: 0px;
    border: 0;
    border-bottom: 1px solid #b6c0cd;
    background: none;
}

.hr_dotted {
    border-bottom: 1px dotted #b6c0cd;
    height: 1px;
}

.transparency {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity =   50);
}

/*  Tabellen und DIVs die wie Tabellen aussehen lassen.
    Zur Zeit leider nur über Klassen zu realisieren, da es noch viele alte Tabellen-Layout-Seiten gibt, die sonst etwas komisch aussehen...
*/
.table {
    border-collapse: collapse;
}

.th {
    background-color: #f0f0f0;
}

.tr_1 {
    background-color: #fff;
}

.tr_2 {
    background-color: #f0f0f0;
}

.td {
    background: none;
    border: 1px solid #f0f0f0;
}

/*Formulare*/
input,textarea,select,button {
    padding: 3px;
    background-color: #fff;
    color: #333;
    border: 1px solid #b6c0cd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

input[disabled=disabled],textarea[disabled=disabled],select[disabled=disabled],input[disabled=true],textarea[disabled=true],select[disabled=true],input[disabled=""],textarea[disabled=""],select[disabled=""]
    {
    background-color: #f0f0f0;
}

*+html input,*+html textarea,*+html select,*+html button {
    padding: 2px;
}

input[type=button],input[type=submit],input[type=reset] {
    background-color: #f0f0f0;
}

* html input,* html button {
    padding: 0;
}

input[type=checkbox],input[type=radio] {
    background: transparent;
    border: 0;
}

input.example {
    color: #b6c0cd;
    font-style: italic;
}

.looks_like_url {
    color: #246B8F;
    cursor: default;
    text-decoration: none;
}

fieldset {
    background-color: #fff;
    border: 1px solid #b6c0cd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    margin-bottom: 15px;
}

legend {
    color: #333;
}

.form_label {
    display: block;
    float: left;
    width: 150px;
    margin: 4px 0;
}

/*Blockelement ohne Border*/
.block_borderless {
    background-color: #fff;
    border: none;
    padding: 10px;
    margin: 0 0 10px 0;
}

/*Blockelement mit Border*/
.block_border {
    background-color: #fff;
    border: 1px solid #b6c0cd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    margin: 0 0 10px 0;
}

/*Blockelement mit Border und Background*/
.block_teaser {
    border: 1px solid #b6c0cd;
    background-color: #f0f0f0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px;
    margin: 0 0 10px 0;
}

.block_teaser ul,.block_teaser li {
    padding: 0;
    list-style: none;
}

/*Block mit Hintergrundefarbe und ohne Margin */
.block_highlight {
    padding: 3px 3px 3px 0;
    background-color: #f0f0f0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.highlight {
    background-color: #f0f0f0;
}

/*Abstaende*/
.block_space_top {
    margin-top: 15px;
}

.block_space_left {
    margin-left: 15px;
}

.block_space_right {
    margin-right: 15px;
}

.block_space_bottom {
    margin-bottom: 15px;
}

/*Notice Highlighting Formular*/
.notice_input_message {
    background-image: url(/images/base/arrowNotice.png);
    height: 46px;
    width: 304px;
    background-repeat: no-repeat;
    background-position: right;
    font-weight: bold;
    font-size: 11px;
    color: #246b8f;
    text-align: right;
    padding: 30px 10px 0 0;
}

.notice_input_form {
    border: 2px solid #246b8f;
}

.error_input_form {
    border: 2px solid #f33;
}

/*Formatierung für einen Fehlertext*/
.error_txt {
    color: #f33;
}

/*Formatierung für einen Hinweistext*/
.notice_txt {
    color: #f33;
}

/*Dieser text wird als inaktiv dargestellt*/
.inactive_txt {
    color: #999;
}

.warning_block,.notice_block {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #333;
    background-color: #fffbce;
    margin: 10px 0;
    padding: 3px;
}

.warning_block {
    border: 2px solid #f33;
}

.notice_block {
    border: 2px solid #333;
}

.notice_block h1,.notice_block h2,.notice_block h3,.notice_block h4,.notice_block h5,.notice_block h6,.warning_block h1,.warning_block h2,.warning_block h3,.warning_block h4,.warning_block h5,.warning_block h6
    {
    font-size: 16px;
    margin: 0;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left;
    height: 18px;
}

.warning_block h1,.warning_block h2,.warning_block h3,.warning_block h4,.warning_block h5,.warning_block h6
    {
    color: #f33;
    background-image: url(/images/base/exclamation_mark_register.gif);
}

.notice_block h1,.notice_block h2,.notice_block h3,.notice_block h4,.notice_block h5,.notice_block h6
    {
    color: #333;
    background-image: url(/images/base/exclamation_mark_register.gif);
}

/*Listen Navigation*/
.listen_navi,.listen_navi a,.listen_navi a:link {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #333;
    list-style-image: url(/images/base/listItem.gif) !important;
}

.listen_navi li {
    margin-left: -25px;
}

.listen_navi a:visited {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #333;
}

.listen_navi a:hover {
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
    color: #333;
}

.listen_navi a:active {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #333;
}

.listen_navi li .count {
    font-size: 11px;
    color: #b6c0cd;
}

/*Hover auf unverlinken Absatz in Anzeigenliste*/
.azl_list p:hover {
    text-decoration: underline;
    color: #246b8f;
}

.aza_arrow {
	width: 50px;
	height: 53px;
	position: absolute;
	bottom: -3px;
	left: 458px;
}
/*Header*/ /*World Navigation ganz oben im Header*/
#world_navi {
    color: #0f2435;
    background-color: #f0f0f0;
    height: 22px;
    font-size: 11px;
    width: 100%;
}

#world_navi div {
    position: relative;
    margin: 0 auto;
    width: 939px;
}

#world_navi ul {
    list-style-type: none;
    list-style-image: none;
    width: 940px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
}

#world_navi li {
    padding-right: 20px;
    line-height: 23px;
    float: left;
}

#world_navi a {
    color: #0f2435;
    text-decoration: none;
}

/* Meta Navigation */
#meta_navi {
    color: #0f2435;
    font-size: 11px;
    text-align: right;
    position: absolute;
    top: 5px;
    right: 0;
}

#meta_navi ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#meta_navi li {
    padding-left: 0;
    float: left;
}

#meta_navi span {
    padding-left: 10px;
    padding-right: 10px;
}

#meta_navi a {
    color: #0f2435;
    text-decoration: none;
}

#meta_navi a:hover {
    text-decoration: underline;
}

#meta_navi.zeitungen li.on_zeitungen a,#meta_navi.preisvergleich li.on_preisvergleich a,#meta_navi.branchenbuch li.on_branchenbuch a,#meta_navi.dhd24tv li.on_dhd24tv a
    {
    text-decoration: underline;
}

#head {
    background-color: #ffffff;
}

#meta_navi_container {
    width: 939px;
    height: 105px;
    margin: 0 auto;
    position: relative;
}

#meta_navi_container img {
    position: absolute;
    bottom: 5px;
}

/*Horizontale Hauptnavigation*/
#primary_navi {
    color: #fff;
    background-color: #4c6071;
    height: 32px;
    margin-bottom: 20px;
}

#primary_navi ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

#primary_navi li {
    float: left;
    padding-left: 10px;
    margin-top: 2px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

#primary_navi li a {
    color: #fff;
    text-decoration: none;
    padding-right: 10px;
    border-right: 1px solid #ffffff;
    margin-top: 2px;
    font-size: 14px;
    height: 30px;
    background: none;
}

#primary_navi li a:hover {
    text-decoration: underline;
}

#primary_navi .kleinanzeigen li.primary_navi_item_on_kleinanzeigen,#primary_navi .aza li.primary_navi_item_on_aza,#primary_navi .my_home li.primary_navi_item_on_my_home,#primary_navi .gemeinschaft li.primary_navi_item_on_gemeinschaft
    {
    margin-top: 2px;
    font-size: 14px;
    height: 30px;
    background-color: #fff;
    color: #ffffff;
    margin-left: -1px;
}

#primary_navi .kleinanzeigen li.primary_navi_item_on_kleinanzeigen a,#primary_navi .aza li.primary_navi_item_on_aza a,#primary_navi .my_home li.primary_navi_item_on_my_home a,#primary_navi .gemeinschaft li.primary_navi_item_on_gemeinschaft a
    {
    color: #0f2435;
    margin-top: 2px;
    font-size: 14px;
    height: 30px;
    background-color: #fff;
}

#primary_navi div {
    position: relative;
    margin: 0 auto;
    width: 939px;
}

#primary_navi ul#primary_navi_login {
    position: absolute;
    left: -10px;
}

#primary_navi ul#primary_navi_login a {
    font-size: 11px;
}

#primary_navi_login li {
    padding-left: 5px;
}

#primary_navi_login li a {
    padding-right: 5px;
}

#primary_navi ul#primary_navi_menu {
    position: absolute;
    left: 300px;
}

#great_search {
    width: 939px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/*DropDown Menu Gemeinschaft in der primary_navi*/
#dropdown_gemeinschaft {
    padding: 0;
    display: none;
    position: absolute !important;
    right: 0 !important;
    top: 32px;
    height: auto;
    width: 106px !important;
    z-index: 10;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    background-color: #fff;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

* html #dropdown_gemeinschaft {
    width: 95px !important;
}

#dropdown_gemeinschaft_iframe {
    display: none;
    position: absolute !important;
    right: 0 !important;
    top: 32px;
    height: 190px;
    width: 107px !important;
    z-index: 9;
    background-color: #fff;
}

#dropdown_gemeinschaft a {
    display: block;
    width: 100%;
    margin: 0 !important; /* 0 0 10px !important;*/
    font-size: 10px !important;
    border: none !important;
}

#dropdown_gemeinschaft a:link {
    color: #333 !important;
    background: none !important;
    text-decoration: none !important;
}

#dropdown_gemeinschaft a:visited {
    color: #333 !important;
    background: none !important;
    text-decoration: none !important;
}

#dropdown_gemeinschaft a:hover {
    color: #333 !important;
    background: none !important;
    text-decoration: none !important;
}

#dropdown_gemeinschaft a:active {
    color: #333 !important;
    background: none !important;
    text-decoration: none !important;
}

#dropdown_gemeinschaft li:link {
    color: #333;
    background-color: #fff;
}

#dropdown_gemeinschaft li:visited {
    color: #333;
    background-color: #fff;
}

#dropdown_gemeinschaft li:hover {
    color: #333;
    background-color: #f0f0f0;
}

#dropdown_gemeinschaft li:active {
    color: #333;
    background-color: #fff;
}

#dropdown_gemeinschaft ul {
    list-style: none;
}

#dropdown_gemeinschaft li {
    float: none;
}

/* Footer */
#foot {
    clear: both;
    background-color: #ffffff;
    margin-top: 20px;
}

#foot_navi_container {
    width: 939px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    font-size: 11px;
    color: #b6c0cd;
}

#foot_navi_container a {
    font-size: 11px;
    color: #b6c0cd;
    text-decoration: none;
}

#foot_navi_container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

#foot_navi_container ul li {
    display: inline;
}

#foot_meta_navi {
    margin-top: 20px;
    border-top: 15px solid #4c6071;
}

#foot_meta_navi a {
    font-size: 11px;
    color: #b6c0cd;
    text-decoration: none;
}

#foot_meta_container {
    width: 540px;
    margin: 0 auto;
    padding-top: 15px;
}

#foot_meta_navi h5 {
    margin: 0 15px;
    font-size: 11px;
    color: #246b8f;
    font-weight: bold;
}

#foot_meta_navi ul {
    margin: 0 15px;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
}

#foot_meta_navi div.meta_list {
    float: left;
}

#foot_copyright {
    margin: 0;
    font-size: 11px;
}

#foot_served_by {
    margin-bottom: 0;
    text-align: right;
    font-size: 10px;
}

/* Content */
div.vNavigationDiv {
    float: left;
    width: 219px;
}

#content {
    margin: 0 auto;
    width: 939px;
}

#remaining_content {
    width: 720px;
    float: right;
}

/*Hier kommt die JS Box*/
#jsBox .b {
    background: url(/images/jsbox/b.png);
}

#jsBox .tl {
    background: url(/images/jsbox/tl.png);
}

#jsBox .tr {
    background: url(/images/jsbox/tr.png);
}

#jsBox .bl {
    background: url(/images/jsbox/bl.png);
}

#jsBox .br {
    background: url(/images/jsbox/br.png);
}

#jsBox {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    text-align: left;
}

#jsBox_overlay {
    width: 100%;
    opacity: 0.5;
    filter: alpha(opacity =   50);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
}

#jsBox_iframe {
    width: 100%;
    opacity: 0;
    filter: alpha(opacity =   0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    margin: 0;
    padding: 0;
}

#jsBox_overlay.jsBox {
    background-color: black;
}

#jsBox_overlay.modal {
    background-color: #e4e4e4;
}

#jsBox .popup {
    position: relative;
}

#jsBox table {
    margin: auto;
    border-collapse: collapse;
}

#jsBox .body {
    padding: 10px;
    background: #fff;
    width: 370px;
}

#jsBox .loading {
    text-align: center;
}

#jsBox .image {
    text-align: center;
}

#jsBox img {
    border: 0;
}

#jsBox .header {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: right;
}

#jsBox .footer {
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

#jsBox .tl,#jsBox .tr,#jsBox .bl,#jsBox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
}

/*Pagination*/
.paginationActive {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-image: url('/images/pagination_active.gif');
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 11px;
    color: #FFFFFF;
}

.paginationNotActive {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    color: #000000;
}

.paginationTextLinks {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    color: #004682;
    font-weight: bold;
}

/* Breadcrumbs (im AZL-Bereich) */
#breadcrumbs {
    font-size: 11px;
    color: #b6c0cd;
    margin-bottom: 0.5em;
}

#breadcrumbs a {
    color: #b6c0cd;
}

/*Community*/ /* Tagcloud */
div.tagcloud {
    width: 100%;
    text-align: center;
}

div.tagcloud_no_bg {
    width: 100%;
    text-align: left;
}

.cloud {
    width: 100%;
    margin: 0;
    padding: 0px;
    text-align: justify;
    line-height: 2em;
}

.cloud a {
    text-decoration: none;
}

.cloud a:visited {
    text-decoration: none;
}

.tag9 {
    font-size: 27px;
}

.tag8 {
    font-size: 25px;
}

.tag7 {
    font-size: 23px;
}

.tag6 {
    font-size: 21px;
}

.tag5 {
    font-size: 19px;
}

.tag4 {
    font-size: 17px;
}

.tag3 {
    font-size: 15px;
}

.tag2 {
    font-size: 13px;
}

.tag1 {
    font-size: 11px;
}

* html a {
    line-height: 2.2em;
}

.cloud {
    line-height: 2.2em;
}

/* Topads */
.topfoto {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 13px;
}

a.topfoto {
    text-decoration: none;
}

a.topfoto:hover {
    text-decoration: underline;
}

/*Globale Definition aus dem Header*/
div#pageContentPrefix iframe {
    margin-bottom: 10px;
    margin-top: -10px;
}

* html div#pageContentPrefix iframe {
    margin: 0px;
    margin-bottom: 10px;
}

.wait_box {
    position: absolute;
    display: none;
    z-index: 9999999 !important;
    border: 2px groove;
    width: 90px;
    height: 70px;
    text-align: center;
    background-color: white !important;
    background: url("/images/ajax_loading.gif") center top no-repeat;
}

.img_gewerblich {
    vertical-align:middle;
    background-color:black;
    width:5px;
    margin-right:5px;
}

#portal_logo {
    background-image: url('/images/base/dhd24_logo.gif');
    background-repeat:no-repeat;
    width: 261px;
    height: 81px;
}

#womo_logo {
    background-image: url('/images/base/womo_logo.gif');
    background-repeat:no-repeat;
    width: 261px;
    height: 81px;
}