﻿div#mp-frame-left{
    width:215px;
}

div#mp-cnt-frame{
    margin:0 0px 0 15px;
}
div#mp-cnt-frame .hdl_top {display:none;}
div#mp-cnt-frame h1.hdl_spots {display:none;}

div#mp-frame_cnt{
    float:left;
    padding:0 0px 0 0;
    width:645px;
    background:url(/pedigree/Images/layout_rl/dots_vertikal.gif) repeat-y;
}
div#cnt-mp-breadcrumb{
    background:url("/pedigree/Images/layout_rl/mp-bg-breadcrumb.gif") no-repeat;
    width:860px;
    height:35px;
    color:#8a8a8a;
    padding:10px 0 5px 15px;
    margin:0px;
}
div#cnt-mp-breadcrumb A{
    color:#8a8a8a;
    text-decoration:none;
}
div#cnt-mp-submenu ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div#cnt-mp-submenu ul li{
    font-weight:bold !Important;
    line-height:20px;
}
.cnt-mp-submenu-item-active{
    font-weight:bold;
    color:#faba00;
}
.cnt-mp-submenu-item{
    font-weight:bold;
}

/** STARTSITE ***/
div#mp-start-cnt{
    position:relative;
    width:620px;
    margin:0px;
margin-top:15px;
}
div#mp-cnt-frame H1{
    color:#faba00;
    font-size:16px;
}
div#mp-start-cnt-teaser-cnt{
    float:left;
    width:350px;
}
div#mp-start-cnt-image{
}
.mp-start-cnt-teaser{
    position:relative;
    background:url('/pedigree/Images/layout_rl/dots_horizontal.gif') repeat-x bottom;
    padding-bottom:10px;
    margin-bottom:15px;
}
.mp-start-cnt-teaser H2{
    font-weight:bold;
    padding-bottom:10px;
}
.mp-start-cnt-teaser P{
    padding-bottom:10px;
}
.mp-start-cnt-teaser-links{
    width:100%;
    text-align:right;
}
 #globallogin .error {
                color: #f00;
}
 
/* = global login
-------------------------------------------------- */
#globallogin {
left:0px;
position:relative;
top:-8px;
z-index:2;
width:530px;
float:left;
} 
#mp-login-btn{
    position:relative;
    top:-8px;
    left:15px;
    cursor:pointer;
    
}
#top_box{position:absolute; width:600px; z-index:5}   
#box_search{ position:relative; float:left}
.box_artikel h1{ color:#FABA00; }
 



/* Welpenkalender ----------------------------------*/
#WelpenKalender {
    float: left;
    background: transparent url(/pedigree/Images/layout_rl/dots_vertikal.gif) top right repeat-y;
    width: 613px; padding-right: 16px;
}
* html #WelpenKalender { width: 600px; padding-left: 0px; padding-right: 16px; }
#WelpenKalender h1 {
    color:#FABA00;
    font-size: 16px;
    margin-bottom: 10px;
}
#WelpenKalender h2 {
    font-weight:bold;
    padding-bottom:10px;
}
#WelpenKalender p { margin-bottom: 10px; }
#WelpenKalender .box_search_cnt h1 {
    background: #FABA00 url(/pedigree/Images/layout_rl/bg_hdl_suche.gif) left top no-repeat;
    color: #FFF; font-weight: bold;
    font-size: 12px; line-height: 165%;
    padding: 5px 10px 5px 9px;
    margin: 0;
}
#WelpenKalender .box_search_cnt h1 span { float: right; font-weight: normal; }
#WelpenKalender .box_search_cnt select { width: 115px; }
#WelpenKalender h1.hdl_top {
    background: transparent url(/pedigree/Images/layout_rl/bg_hdl.gif) left center no-repeat;
    clear: both;
    font-size: 12px; color: #FABA00; line-height: 100%;
    font-weight: bold;
    padding: 3px 4px 5px 8px;
    display: block;
}
#frame_rt { background: none; }
* html #frame_rt { margin-top: 14px; padding-left: 0; }
#WelpenKalender #search_cnt_food { 
    display: inline-block; float: left; 
    width: 611px; 
    padding: 0; 
}
#WelpenKalender .search_bottom {
    clear: both;
    background: transparent url(/pedigree/Images/layout_rl/bg_suche.gif) left top no-repeat;
    height: 7px;
    margin: 0 -1px 0 -1px;
    position: relative;
    top: 7px;
}
#search_cnt_food .Welpendaten { display: inline-block; margin: 0; padding: 14px 9px; }
#search_cnt_food p { margin: 0; padding: 0; }
#search_cnt_food .Welpendaten img { float: left; margin: 0 15px 10px 0; }
#search_cnt_food dl { float: left; width: 380px; margin: 0 0 5px 0; }
#search_cnt_food dt { float: left; width: 110px; }
#search_cnt_food dd { float: none; margin-left: 120px; }
#search_cnt_food td { text-align: left; vertical-align: top;  margin: 0; padding: 0; }

#search_cnt_food .SmallText { display: inline-block; text-decoration: underline; color: #666666; font-size: 95%; margin-left: 120px; }
#search_cnt_food .Kalender { 
    clear: both; background: #aaa; color: #FFF;
    width: 611px; overflow: hidden;
    margin: 0; padding: 8px 0;
}
#search_cnt_food .Kalender .scrollable { 
    display: inline-block; width: 611px; overflow: hidden;
    position:relative;
    height:90px;
    margin:0;
    padding:0;
    background: #AAA;
}
#search_cnt_food .Kalender .items {
    position: absolute;    
    float: left; width: 9500px; } /*   Breite anpassen für 12 Monate */
#search_cnt_food .Kalender .items div {  float: left; }
#search_cnt_food .Kalender .items .Tools { width: 611px; text-align: center; }
#search_cnt_food .Kalender .items table.Monatskalender {
    font-size: 11px;
    margin-left: 8px;
}
#search_cnt_food .Kalender .items table.Monatskalender th { color: #FFF; text-align: center; }
#search_cnt_food .Kalender .items table.Monatskalender th p { width: 18px; }
#search_cnt_food .Kalender .items table.Monatskalender th.now { border-left: 2px solid #000; border-right: 2px solid #000; border-top: 2px solid #000;}
#search_cnt_food .Kalender .items table.Monatskalender td { 
    background: #E6E6E6; 
    color: #333; text-align: center; 
    width: 18px; height: 17px;
    border: 1px solid #666; border-right: none;
}
#search_cnt_food .Kalender .items table.Monatskalender td.BGOrange { background: #fbba00; }
#search_cnt_food .Kalender .items table.Monatskalender td.So,
#search_cnt_food .Kalender .items table.Monatskalender td.Last { border-right: 1px solid #666; }
#search_cnt_food .Kalender .items table.Monatskalender td.Last.So { border-right: 2px solid #666; }
#search_cnt_food .Kalender .items table.Monatskalender td.now { border-left: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; }
#search_cnt_food .Kalender .items table.Monatskalender tr.Phase td{ 
    width: auto; text-align: left; border-right: 1px solid #666;    
    padding-left: 14px;
}
#search_cnt_food .Kalender .items table.Monatskalender th.Blank {
    height: 5px; overflow: hidden; font-size: 1px;
}
a.prev.browse.left {
    float: left; height: 17px;
    background: transparent url(/pedigree/Images/layout_rl/Pedigree_Welpenkalender_Pfeil_links.jpg) 0 0 no-repeat;
    padding: 0 0 0 23px; margin-left: 9px;
    cursor: pointer;
}
a.next.browse.right {
    float: right; height: 17px; 
    background: transparent url(/pedigree/Images/layout_rl/Pedigree_Welpenkalender_Pfeil_rechts.jpg) top right no-repeat;
    padding: 0 23px 0 0; margin-right: 9px;
    cursor: pointer;
}
a.prev.browse.left img,
a.next.browse.right img { margin-top: 1px; }
#WelpenKalender .WelpenTermine {
    float: left; display: inline-block; 
    width: 611px; overflow: hidden;
    margin: 0; padding: 0;
    background: #E6E6E6;
}
#WelpenKalender .WelpenTermine .Reiter { 
    float: left; width: 100%; background: #AAA;
    padding: 0 0 0 9px;
    margin: 0;
    clear: both;
}
#WelpenKalender .WelpenTermine table { 
    margin: 15px 20px;
}
#WelpenKalender .WelpenTermine th { font-weight: bold; padding-bottom: 10px; }
#WelpenKalender .WelpenTermine td { padding-bottom: 10px; } 
#WelpenKalender .mp-start-cnt-teaser { float: left; display: inline-block; }
#WelpenKalender .mp-start-cnt-teaser.noneline { background: none; margin-bottom: 0;}
#WelpenKalender .mp-start-cnt-teaser img { float: left; margin-right: 12px; margin-bottom: 10px; }
* html #WelpenKalender .mp-start-cnt-teaser img { margin-right: 10px; }
#WelpenKalender .mp-start-cnt-teaser a { color: #666; text-decoration: underline; }
#WelpenKalender .mp-start-cnt-teaser h2 { font-size: 14px; }
#WelpenKalender #accordion {
    float: left; display: inline-block; width: 591px; overflow: hidden;
    padding: 15px 10px; margin: 0;
}
#WelpenKalender #accordion h3 {
    display: inline-block; background: none; color:#FABA00;
    font-size: 14px;
    margin-bottom: 10px;
}
li.issues {
    background: transparent;
    padding: 13px 0;
    width: auto;
}
li.issues div {
    width:auto;
}
li.issues div.toggle_content p {
    float: left;
    min-height: 15px;
    width: auto;
}
li.issues .toggle_content p img { float: left; margin: 0 15px 10px 0; }
.box_contxt p { font-size: 12px; margin: 0 0 8px 0;  }
.AlignedRight { float: right; text-align: right; width: 613px; }

.BtnFeedback { 
    display: block; width: 84px; height: 20px;
    background: transparent url(/pedigree/Images/layout_rl/btn_feedback.gif) 0 0 no-repeat;
    margin: 0; padding: 0;
}
.BtnPDFDownload {
    display: block; width: 165px; height: 27px;
    background: transparent url(/pedigree/Images/layout_rl/Pedigree_Welpenkalender_Marginal-BTN_Download.jpg) 0 0 no-repeat;
    margin: 0; padding: 0;
}
.BtnTermineDownload {
    display: block; width: 189px; height: 27px;
    background: transparent url(/pedigree/Images/layout_rl/Pedigree_Welpenkalender_Marginal-BTN_Termine.jpg) 0 0 no-repeat;
    margin: 0; padding: 0;
}
.BtnJetztBestellen {
    display: block; width: 137px; height: 27px;
    background: transparent url(/pedigree/Images/layout_rl/Pedigree_Welpenkalender_Marginal-BTN_Jetzt-Bestellen.jpg) 0 0 no-repeat;
    margin: 0; padding: 0;
}

#lightbox #lightbox-content form.js-ajax-submit-lightbox-master-container.premiumorder p {float: left; clear:both; margin-bottom:0.5em; padding-bottom:0;}
form.js-ajax-submit-lightbox-master-container.premiumorder label { float: left; width: 120px; }
form.js-ajax-submit-lightbox-master-container.premiumorder select { float: left; width: 206px; } 
form.js-ajax-submit-lightbox-master-container.premiumorder input { float: left; width: 200px; }
form.js-ajax-submit-lightbox-master-container.premiumorder input.checkbox { float: left; width: 20px; margin-left: 117px; }
form.js-ajax-submit-lightbox-master-container.premiumorder input.button { width: auto; }

#lightbox #lightbox-content form.js-ajax-submit-lightbox-master-container.dogform p {float: left; clear:both; margin-bottom:0.5em; padding-bottom:0; width:100%;}
form.js-ajax-submit-lightbox-master-container.dogform p.birthday select { float: left; width: auto; }
form.js-ajax-submit-lightbox-master-container.dogform label { float: left; width: 120px; }
form.js-ajax-submit-lightbox-master-container.dogform select { float: left; width: 206px; } 
form.js-ajax-submit-lightbox-master-container.dogform input { float: left; width: 200px; }
form.js-ajax-submit-lightbox-master-container.dogform input.checkbox { float: left; width: 20px; margin-left: 117px; }
form.js-ajax-submit-lightbox-master-container.dogform input.button { width: auto; }
form.js-ajax-submit-lightbox-master-container.dogform textarea { float: left; width: 320px; font-size: 12px;}

#psize, #pbreed { width: 500px; overflow:hidden; display: inline-block; }

#relatedArticles div.toggle {
    cursor:pointer;
    float:right;
    width:auto;
}
#relatedArticles div.toggle span img {
    margin-right:5px;
}
#relatedArticles .box_teaser {
    display:none;    
}

#relatedArticles div.toggle span.hide {
    display:none;
}

#Welpenkalender_Header {
    float: left;
    background: transparent url(/pedigree/Images/layout_rl/dots_vertikal.gif) top right repeat-y;
    width: 613px; padding-right: 16px;
}
 
#Welpenkalender_Header h1 {
    color:#FABA00;
    font-size: 16px;
    margin-bottom: 10px;
}

#Welpenkalender_Header p { margin-bottom: 10px; }

.hidden {display: none;}
