﻿/************************************************
PEDIGREE
http://www.comspace.de
Author: franz@comspace.de
Create Date: 28.07.08
CONTENT / CONTEXT Template
NOT Tested in: 
PC -> IE 6, IE 7, Firefox 2.0.0.16, FF 3.01, Opera 9.27
MAC -> Firefox 2.0.0.16, FF 3.01, Safari 3.1, Opera 9.27
************************************************
  HEADLINES (CONTENT / CONTEXT)
  
************************************************/    

#box_print_header {
    display:none;
}

h1 {
    font-size:13px;
    font-weight:bold;
    color:#000;
    }
    
h1.hdl_top {
    font-weight:bold; 
    color:#faba00; 
    background: url(/pedigree/Images/layout_rl/bg_hdl.gif) left no-repeat;
    padding: 4px 4px 4px 8px;
    clear: both;  
    }

h1.hdl_spots{
    padding: 0 0 12px 0 !important;
    }

.hdl_prof {
background: url(/pedigree/Images/layout_rl/dots_horizontal.gif) repeat-x;
padding-top: 3px;
margin-top: 5px;
display: none; /* ausgeblendet weil Prof Bild nicht da */
}

        
.hdl_top_ergebnisse {
    background: url(/pedigree/Images/layout_rl/bg_hdl.gif) left no-repeat;
    padding: 4px 4px 4px 8px;
    height: 16px
    }        
    
* html .hdl_top_ergebnisse {
    background: url(/pedigree/Images/layout_rl/bg_hdl.gif) left no-repeat;
    padding: 4px 4px 4px 8px;
    height: 18px
    }                
.hdl_top_ergebnisse h1 {
    font-weight:bold; 
    color:#faba00; 
    }    
    
#input_item_number {
    font-size:11px;
    height:19px;
    margin-top:-1px;
    width:84px;
}
* html #input_item_number{
    margin-bottom:-2px!important;
}
.box_search_cnt h1 {
    color:#fff; 
    font-size:14px;
    background:url(/pedigree/Images/layout_rl/bg_hdl_suche.gif) top left no-repeat;
    height:18px; 
    padding: 4px 0 0 14px; 
    }
    
.box_search_cnt h2 {
    color: #faba00;
    padding: 5px 0 5px 0;
    }
    
.box_cnt_hdl h1 {font-size:17px;}  

#SearchButton {
height:17px;
width:72px
}
    
h2 {
    font-size:12px;
    font-weight: normal;
    color:#000;
    padding: 0 0 8px 0;
    }
    
.box_teaser h2    {
    font-size:12px;
    font-weight: bold;
    color:#000;
    padding: 0 0 2px 0;
    }    
    
.box_website h2    {
    font-size:12px;
    font-weight: bold;
    color:#000;
    padding: 10px 0 2px 0;
    }
    
    
.box_cnt_txt .schlagwort h2 {color:#efb200}    
.box_cnt_img .cnt_img .rating h2 {color:#efb200; font-weight: bold;}
.box_cnt_img .cnt_img .category  h2 {color:#efb200; font-weight: bold;}
    
#frame_rt h2 {
    font-size:12px;
    font-weight: normal;
    color:#faba00;
    padding: 0 0 8px 0;
    }
h3, h4, h5, h6 {
    font-size:12px;
    font-weight: bold;
    color:#000;
    padding: 0;
    }

strong {
    font-weight: bold;
}
    
/************************************************
  ANCHORS
  
************************************************/    
a.anc_more, a.anc_more2, a.linkItemArrow  {
    background:url(/pedigree/Images/layout_rl/ico_arr_more.gif) 0% 50% no-repeat; 
    padding: 0 0 0 14px; 
    text-decoration:none;
    }

a.anc_less {
    background:url(/pedigree/Images/layout_rl/ico_arr_less.gif) 0% 50% no-repeat; 
    padding: 0 0 0 14px; 
    text-decoration:none;
    }
    
a.anc_more2 {
    background:url(/pedigree/Images/layout_rl/ico_arr_more2.gif) 0% 50% no-repeat; 
    }
   

.search_wissen a.anc_more, .search_wissen a.anc_more2 {
    background:transparent url(/pedigree/Images/layout_rl/bg_suche_wissen1.jpg) repeat scroll 0 0;
    color:#FABA00;
    display:block;
    float:right;
    font-weight:bold;
    height:26px;
    line-height:26px;
    padding:0 0 0 10px;
    margin:-8px 0 0 92px;
    width:172px;
    }
    
.search_wissen a.anc_more2 {
    background: transparent url(/pedigree/Images/layout_rl/bg_suche_wissen2.jpg);
    }

* html .search_wissen a.anc_more, * html .search_wissen a.anc_more2 {
    margin: 0 5px 0 92px;
}

    
a.anc_website {
    background:url(/pedigree/Images/layout_rl/ico_arr_more.gif)  0% 50% no-repeat; 
    padding: 0 0 0 14px; 
    text-decoration:none;
    font-weight: bold;
    }
    
a.anc_rate {
    background:url(/pedigree/Images/layout_rl/ico_rate.gif) 0% 50% no-repeat; 
    padding: 0 0 0 18px; 
    }    
    
a.anc_print, a.linkItemPrintVertical  {
    background:url(/pedigree/Images/layout_rl/ico_print.gif) 0% 50% no-repeat; 
    padding: 0 0 0 18px; 
    }
a.anc_pdf {
    background:url(/pedigree/Images/layout_rl/ico_pdf.gif) 0% 50% no-repeat; 
    padding: 0 0 0 18px; 
    }
a.anc_friend, a.linkItem {
    background:url(/pedigree/Images/layout_rl/ico_mail.gif) 0% 50% no-repeat; 
    padding: 0 0 0 18px; 
    }
a.anc_fav {
    background:url(/pedigree/Images/layout_rl/ico_favs.gif) 0% 50% no-repeat; 
    padding: 0 0 0 18px; 
    }
    
/************************************************
  CONTENT
  
************************************************/  
  
.cnt_search_dummy {
    margin: 0 0 16px 0;    
    float: left;
    width: 100%;
}
.box_search_cnt {
    margin-bottom:16px;
    width: 613px;
    background:    #fff;
    float: left;
    }
.box_search_cnt .search_cnt, 
.box_search_cnt #search_cnt_food {
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    padding:14px 0 0 14px;
}        
      
.box_search_cnt .search_cnt input {width:174px;}        
.box_search_cnt .search_cnt input.btn {width:72px;}
.box_search_cnt .search_cnt input.checkbox{width:auto;}
.box_search_cnt .search_cnt label {cursor:pointer;}
.box_search_cnt .search_cnt label:hover {cursor:pointer; color: #faba00;}
.box_search_cnt .search_cnt .label1 {
    background: url(/pedigree/Images/layout_rl/bg_search_label.gif) no-repeat;
    width: 123px;
    }
    
.box_search_cnt .search_cnt .label2 {
    width: 133px;
    }

.box_search_cnt .search_cnt .btn_img_cnt {padding: 2px 0 0 8px}
.box_search_cnt .search_cnt .extended_search{padding: 4px 0 0 60px}
* html .search_wissen .extended_search {
    padding:0!important;
    margin-top:-3px;
    
}
.box_search_cnt .search_bottom {
        background: url(/pedigree/Images/layout_rl/bg_suche.gif) top left no-repeat; 
        height:7px;
        margin: 0 -1px 0 -15px;
        top: 7px;
        position: relative;
        }
* html .search_bottom {
    overflow:hidden;
}
.box_cnt_hdl {padding-bottom: 14px;}
.cnt_hdl {width:72%}
.box_cnt_img {padding-bottom: 20px;}

.box_cnt_img .cnt_rating {width:224px; padding-right:10px;}
.box_cnt_img .space {
        width:104px;
        float:left;
        }
.box_cnt_img .cnt_img {
        width:509px;
      float:left;
        }
        
        
.box_cnt_img .cnt_img .rating {padding-bottom: 28px;}

.box_cnt_img .cnt_img .article_img_cnt {width:275px;}
.box_cnt_txt {padding-bottom: 20px; margin-left: 100px;}
.box_cnt_txt .schlagwort {
        margin-left: -100px;
        padding-right: 0px;
        position: relative;
        width: 94px;
        float: left;
        }
        
.box_cnt_txt .cnt_txt {
        width:509px;
        float:left;
        }

.box_cnt_txt ul {
    list-style: none;
}

.box_cnt_txt ul li {
    list-style: none !important;
    background: url('/pedigree/Images/layout_rl/ico_bullet.gif') no-repeat 0 5px;
    padding: 0 0 0 12px;
}

.box_teaser {
    background:url(/pedigree/Images/layout_rl/dots_horizontal.gif) bottom left repeat-x; 
    margin: 12px 0 8px 0; 
    padding: 0 0 8px 0;
    }
    
.box_website { 
    margin: 12px 0 16px 0; 
    }
    
.box_website .website_big_anc    {padding:38px 0 0;}
    
.box_website .website_big_img    {width:275px; padding:0 10px 6px 0;}
.box_website .website_big_txt    {width:328px; margin-top: -10px;}
.box_teaser  .website_links {
    margin-left: 73px;
    }
    
.box_teaser .teaser_small_owner {color:#999}
    
.box_teaser .teaser_date {color: #999;}    
    
.box_teaser .teaser_big_img    {width:275px; padding:0 10px 6px 0;}
.box_teaser .teaser_big_txt    {width:328px;}
.box_teaser .teaser_big_kat    {font-size:10px; padding: 10px 0 0 0;}
* html .box_teaser .teaser_big_kat    {padding: 0 0 0 0;}
.box_teaser .teaser_big_anc    {padding:10px 0 0 0;}

.box_teaser .cnt_helfer_anc    {
    float:right;
    padding-top:10px;
    width:328px;
    }

.box_teaser .teaser_small_img    {width:62px; padding:0 10px 6px 0;}
.box_teaser .teaser_small_txt    {width:541px}
.box_teaser .teaser_small_kat {font-size: 10px;}
.box_read_more {margin-top:20px}
.box_ergebnisse {
    height:16px;
    margin: 20px 0 20px 0;
    }
.box_ergebnisse .ergebnisse_auswahl a{
    color: #333;
    text-decoration: underline;
    }
    
.box_ergebnisse .ergebnisse_auswahl a.active{
    color: #333;
    text-decoration: none;
    font-weight: bold;
    }
    
.ergebnis_txt {
    width: 500px;
}
.ergebnis_hdl {
    width: 533px;
}

.img_tv {
    margin-right: -6px;
    padding-bottom: 30px;
}
    
/************************************************
  TOOLBOX
  
************************************************/
    
#toolbox {    
    height:58px;
    background:#fef8e5 url(/pedigree/Images/layout_rl/dots_horizontal.gif) top left repeat-x;
    border-bottom: 2px solid #faba00; 
    margin-top: 15px;
    }
    
#toolbox .rowtool {
    padding:8px 4px 0 8px;
    }
#toolbox .tool {
    float:left;
    width: 184px;
    }
    

/************************************************
  ARIKEL MIT UND OHNE SCHLAGWORT
  
************************************************/        
.hdl_big_dark {
    background: url(/pedigree/Images/layout_rl/bg_hdl_dark.gif) no-repeat;
    width: 613px;
    height: 24px;
    padding-bottom: 14px;
    }
.box_artikel {
    padding-left: 10px;
    }
    
.box_artikel ul {
    list-style: none;
}

.box_artikel ul li {
    list-style: none !important;
    background: url('/pedigree/Images/layout_rl/ico_bullet.gif') no-repeat 0 5px;
    padding: 0 0 0 12px;
}

.box_artikel h1 {
    font-size: 17px;
    padding-bottom: 14px;
    }    
        
.box_artikel img {
    padding: 0 0 14px 14px;
    }    
    
    /*****  SCHLAGWORT *****/    
    
.artikel_mit_schlagwort {
    }            
    
.artikel_mit_schlagwort .schlagwort {
    width:94px; 
    float:left;
    padding:0 10px 0 0;
    }        
    
.artikel_mit_schlagwort h2 {
    color:#efb200;
    }    
    
.artikel_mit_schlagwort .text {
    padding-left: 104px;
    }
    

/************************************************
  CONTEXT
  
************************************************/    
.box_contxt {
    padding:0 0 16px 0; 
    margin: 0 0 12px 0;
    background:url(/pedigree/Images/layout_rl/dots_horizontal.gif) bottom left repeat-x;
    }
.tag_box {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
padding: 10px;
width:    201px
    }
    
.contxt_teaser_img    {
        width:65px; 
        padding-right:15px;
        }        
.contxt_teaser_txt {width:140px;}

* html .contxt_teaser_img    {padding-right: 5px;
        }        
* html .contxt_teaser_txt {
    width: 135px;
}


.contxt_teaser_anc {padding-top: 4px;}
.anc_tag12 { font-size: 12px; text-decoration: none; line-height: 16px; }
.anc_tag15 { font-size: 15px; text-decoration: none; line-height: 19px; }
.anc_tag18 { font-size: 18px; text-decoration: none; line-height: 22px; }
.anc_tag21 { font-size: 21px; text-decoration: none; line-height: 25px; }
 
div.dotted_line {
height:1px;
background: url(/pedigree/Images/layout_rl/dots_horizontal.gif) repeat-x;
}

/************************************************
  NEWS
************************************************/   
 
.news_accordion .cnt_txt,.eb_accordion .cnt_txt {
    width: 400px !important;
    
}
.news_accordion .box_cnt_txt,.eb_accordion .box_cnt_txt {
    margin:0;
    
}
.news_accordion .dotted_line,.eb_accordion .dotted_line {
    margin: 15px 0 0 0;
    
}
.news_accordion h2, .eb_accordion h2  {
    color: #faba00;
    font-weight:bold;
}
.news_accordion div.full,
.news_accordion .cnt_more_options,
.eb_accordion div.full,
.eb_accordion .cnt_more_options {
 display:block;
}
.news_accordion div.preview,
.news_accordion a.anc_open,
.eb_accordion div.preview,
.eb_accordion a.anc_open {
 display:none;
}
.news_accordion .show_preview div.full,
.news_accordion .show_preview .cnt_more_options,
.eb_accordion .show_preview div.full,
.eb_accordion .show_preview .cnt_more_options {display:none;}
.news_accordion .show_preview div.preview,
.news_accordion .show_preview a.anc_open,
.eb_accordion .show_preview div.preview,
.eb_accordion .show_preview a.anc_open {display:block;}

.news_accordion .cnt_more_options,.eb_accordion .cnt_more_options {
    width: 200px!important;
    float:right;
    clear:both;
    line-height:25px;
    height:90px;
    margin-top:-75px;
}
*+html .news_accordion .cnt_more_options,
*+html .eb_accordion .cnt_more_options {
    float:left;
    clear:left;
    margin-left: 430px;
    margin-top:-70px;
}
* html .news_accordion .cnt_more_options, 
* html .eb_accordion .cnt_more_options{
    float:left;
                clear:both;
                padding-left: 430px;
    margin-top:-70px;
}
.news_accordion .anc_open, .news_accordion .cnt_more_options a,
.eb_accordion .anc_open, .eb_accordion .cnt_more_options a  {
    clear:both;
    display:block;
    padding-left: 18px;
    cursor: pointer;
}

.news_accordion .anc_open, .news_accordion .anc_close,
.eb_accordion .anc_open, .eb_accordion .anc_close {
    background: url(/pedigree/Images/layout_rl/ico_arr_more.gif) left center no-repeat;
}
.news_accordion .anc_print,
.eb_accordion .anc_print  {
    background: url(/pedigree/Images/layout_rl/ico_print.gif) left center no-repeat;
}
.news_accordion .anc_send,
.eb_accordion .anc_send{
    background: url(/pedigree/Images/layout_rl/ico_mail.gif) left center no-repeat;
}
 
 
 




/*expertenform*/
 
div.form_expert { /*bottom: /pedigree/Images/layout_rl/bg_form_expert_bottom.gif  (placeholder for correct publishing)*/
                background: #f2f2f2 url(/pedigree/Images/layout_rl/bg_form_expert_top.gif) left top no-repeat;
                width: 520px;
                padding: 22px 22px 0 22px;
}
div.form_expert span, div.form_expert input{
                display: block;
                float:left;
                clear:left;
                width: 101px;
                padding-right: 4px;
}

div.form_expert input, div.form_expert div.dropdowns {
                width: 305px;
                border: 1px solid #a9a9a9;
                clear:none;
                margin-bottom: 6px;
                padding:0;
}
div.form_expert textarea {
                width: 418px;
                height: 184px;
                border: 1px solid #a9a9a9;
                margin-right: -50px;
}
div.form_expert div.dropdowns {border:none; height:33px; float:left;}
div.form_expert div.dropdowns span{display:inline;float:none;}
div.form_expert div.dropdowns select{margin-top: 7px;}
div.form_expert div.chars {margin-left: 105px; width:256px;}
div.form_expert div.chars span {display:inline; float:none; padding:0;}
div.form_expert #ExpertenFormular_Result span.error  {
                display: block;
                float:none;
                clear:none;
                margin-bottom: 16px;
                width: auto;
}

div.form_expert #ExpertenFormular_btnGo {
    background: black url(/pedigree/Images/layout_rl/btn_abschicken.gif); /*  */
    border: none;
    text-indent: -200000px;
    width: 113px;
    height: 18px;
    float: right;
    margin-top: -8px;
}

#accordion {
    background-color: #FFFFFF;
    float: left;
}
li.issues {
    background:#FFFFFF url(/pedigree/Images/layout_rl/dots_horizontal.gif) repeat-x scroll left bottom;
    padding:13px 0;
    width: 612px;
}
    li.issues h3 {
        display: inline;
        *float: left;
        *width: 450px;
        _float: left;
        _width: 450px;
    }
    li.issues div.toggle {
        float: right;
        cursor: pointer;
        width: auto
    }
    li.issues div {
        width: 612px;
    }
        li.issues div.toggle_content p {
            float: left;
            width: 612px;
            min-height: 15px;
        }
        li.issues div.toggle span.hide {
            display: none;
        }
    li.issues span.toggle img {
        margin-right:8px;
    }
    li.issues.hide {
        display: none;
    }
    .issues div.toggle span img {
        margin-right: 5px;
    }
#search_cnt_food .label1 {
    background: transparent url(/pedigree/Images/layout_rl/dots_vertikal.gif) repeat-y scroll right top;
    float: left;
    margin-right: 30px;
    width: 73px;
    padding-bottom: 15px;
}
#search_cnt_food input {
    margin-right: 10px;
}
.extended_search_food {
    margin-left: 50px;
}
