/*-----------------------------------------   

copyright 2010 by mmc

Version: 1.0

Author: David Rerych

Author URI: http://www.mmc-agentur.at

-------------------------------------------*/

/*--------------------------------------*/
/* =1 Reset Style Sheet by Eric Meyer  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}/* remember to define focus styles! */:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}
hr {margin:0;padding:0;}

/*------------------------------*/
/* =2 global styles        */


html { height: 100%;}

body { 
  font: 62.5% Verdana, Helvetica, Arial, sans-serif; /* 62.5% font-size = 10px */
  line-height: 1.3em;
  color: #34383a;
  background: #f4aa00;
  margin: 0;
  } 

.ir, .hidden {
  height:1px;
  left:-9999px;
  margin:0;
  position:absolute;
  top:0;
  width:1px;
  line-height: 0;
}

p, .csc-bulletlist li, input {
  font-size: 1.1em;
}

a:link, a:hover, a:active {
  color: #e80019;
  text-decoration: underline;
}

a:visited {
  color: #9d051f;
}

h3 {
  font-size: 1.7em;
}

strong {
  font-weight: bold;
}

.uppercase {
  text-transform: uppercase;
}

.ce_clear {
  clear: both;
}


/*------------------------------*/
/* =3 page layout       */

#page {
  width: 960px; /*width: 1150px;*/
  margin: 0 auto;
}

#header {
  width: 960px;        /* margin: 0 95px; */
  margin: 0;
  height: 175px;
  float: left;
  position: relative;
  z-index: 900;
} 


#main {
  width: 1150px;
  margin: 0 -95px;
  padding-bottom:37px;
  float: left;
  background: url(/fileadmin/system/assets/img/background/main_content_shadow.png) center bottom no-repeat scroll transparent;
  position: relative;
  z-index: 500;
}


.layout_1 #content_area {
  width: 960px; 
  height: 468px;
  margin: 0 95px;
  float: left;
  background: url(/fileadmin/system/assets/img/background/bg_content_area.png) 0 0 no-repeat scroll transparent;
  position: relative;
}


.layout_2 #content_area {
  width: 960px;
  margin: 0 95px;
  float: left;
  background: url(/fileadmin/system/assets/img/background/bg_u_content_area.png) 0 102px repeat-y scroll transparent;
  position: relative;
  padding: 0 0 60px 0;
}


.layout_2 #bg_content_area_top {
  width: 960px;
  height: 102px;
  background: url(/fileadmin/system/assets/img/background/bg_u_content_area_top_bottom.png) 0 0 no-repeat scroll transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.layout_2 #bg_content_area_bottom {
  width: 960px;
  height: 123px;
  background: url(/fileadmin/system/assets/img/background/bg_u_content_area_top_bottom.png) left bottom no-repeat scroll transparent;
  position: absolute;
  bottom: 0;
  left: 0;
}

.layout_2 #content {
  position: relative;
  width: 595px;
  float: left;
  margin: 25px 55px 0 25px;
}

#pagetitle {
  height: 32px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999em;
  margin-bottom: 7px;
}
#pagetitle_sub {
  font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  margin-bottom: 20px;
}


#footer {
  width: 960px;
  /* margin: 0 95px; */
  float: left;  
}

#teaser_area {
  width: 970px;
  height: 109px;
  background: url(/fileadmin/system/assets/img/background/teaser_area_bg.png) 1px center no-repeat scroll transparent;
  float: left;
}

/*------------------------------*/
/* =4 Header content        */

#logo {
  float: left;
  width: 170px;
  height: 147px;
}

#logo_pedigree {
  float: right;
  margin: 10px 18px 0 0;
}
#logo_pedigree span {
  float: left;
  background: url(/fileadmin/system/assets/img/logo_pedigree_txt.png) 0 0 no-repeat transparent scroll;
  width: 171px;
  height: 12px;
  text-indent: -9999em;
  margin: 18px 10px 0 0;
}




/*------------------------------*/
/* =5 Navigations         */

/*------------------------------*/
/* =nav styles           */
.nav { float: left; display: inline;}
.nav  ul { float: left;}
.nav li { float: left; list-style: none;}
.nav a { float: left; display: block; }






/*
Main Nav
*/
    
#main_nav {
    position: absolute;
    right: 20px;
    top: 71px;
    margin: 0;
    padding-left: 0px;
  z-index: 999;
}

#main_nav .indentspan {
}

#main_nav li {
    background: url(/fileadmin/system/assets/img/background/nav_inline_shadow.png) repeat-x left bottom;
  position: relative;
}

#main_nav .first {
    background: url(/fileadmin/system/assets/img/background/nav_first_shadow.png) no-repeat left bottom;
}

#main_nav .last {
    background: url(/fileadmin/system/assets/img/background/nav_last_shadow.png) no-repeat right bottom;
}

#main_nav a {
    text-indent: -999em;
    display: inline;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 33px;
}

#main_nav li a:hover, #main_nav li.active a, #main_nav li a:focus, #main_nav li.active a, #main_nav li a:active {
    background-color: transparent;
    background-position: 0 -46px;
}

#main_nav li.active a {
  background-position: 0 -92px;
}

#main_nav a:focus, #main_nav a:active {
    outline: none;
}

/* ohne #page würde der Code nicht greifen, weil mit #main_nav a {} weiter oben bg-position bereits gesetzt wird */
#page ul.level3 a:hover, #page ul.level3 li.active a, #page ul.level3 li a:focus, #page ul.level3 li a:active {
    background-position: 0 -92px;
}

#main_nav li ul {
  position: absolute;
  top: 30px;
  left: 0;
  display: none;
  background: #F7B00C url(/fileadmin/system/assets/img/background/bg_nav_dropdown.png) top right no-repeat;
  border-bottom: 1px solid #fff;
  width: 100%;
}

#page #main_nav li ul li {
  background: none transparent;
}

#main_nav li:hover a {
  height: 30px;
    background-position: 0 -46px;
}

#main_nav li:hover ul {
  display: block;
}

#main_nav li ul li {
  text-align: center;
  width: 100%;
  margin-left:-1px;
}

#page #main_nav li ul li a {
    display: block;
  text-align: center;
  text-indent: 0;
  color: #000;
  text-decoration: underline;
  width: 100%;
  height: 20px;
  background: url(/fileadmin/system/assets/img/background/white.gif) left repeat-y transparent scroll;
}
#page #main_nav li ul li.first a {
  padding-top: 10px;
} 
#page #main_nav li ul li.last a {
  padding-bottom: 10px;
} 
#page #main_nav li ul li a:hover {
  text-decoration: none;
}


/* HEADER SHARE BOX */

#header_sharebox {
  position: absolute;
  top: 4px;
  left: 270px; /* 280px; */
  width: 163px;
  height: 22px;
  padding: 16px 18px;
  z-index: 1100;
}

#header_sharebox:hover {
  background: url(/fileadmin/system/assets/img/header_sharebox_sprite.png) 0 -450px no-repeat;
  width: 198px;
  height: 179px;
}


#header_sharebox h4 {
  text-indent: -9999em;
  background: url(/fileadmin/system/assets/img/header_sharebox_sprite.png) 0 0 no-repeat;
  width: 163px;
  height: 22px;
  cursor: pointer;
  float: left;
}

#header_sharebox ul {
  display: none;
  float: left;
  width: 198px;
  margin: 0;
  list-style: none;
  margin-top: 15px;
}

#header_sharebox:hover ul {
  display: block;
}

#header_sharebox ul li {
  float: left;
  width: 99px;
  height: 29px;
  margin-bottom: 8px;
}
#header_sharebox ul li a {
  width: 99px;
  height: 29px;
  display: block;
  background-image: url(/fileadmin/system/assets/img/header_sharebox_sprite.png);
  background-repeat: no-repeat;
  text-indent: -9999em;
}
#header_sharebox .hdsh_facebook { background-position: 0 -50px; }
#header_sharebox .hdsh_myspace { background-position: 0 -100px; }
#header_sharebox .hdsh_twitter { background-position: 0 -150px; }
#header_sharebox .hdsh_delicious { background-position: 0 -200px; }
#header_sharebox .hdsh_digg { background-position: 0 -250px; }
#header_sharebox .hdsh_studivz { background-position: 0 -300px; }
#header_sharebox .hdsh_netlog { background-position: 0 -350px; }
#header_sharebox .hdsh_blogger { background-position: 0 -400px; }

/* =5.5 sprungmarken      */

#sprungmarken a:focus { outline: none; }

#sprungmarken { 
  position: absolute;
  top: 0; 
  left: 0;
  height: 0;
  width: 100%;
}
#sprungmarken a {
  position: absolute;
}
#sprungmarken a:focus, 
#sprungmarken a:active {
  top: 0; 
  left: 50%;
  height: auto;
  width: 300px;     
  z-index: 200;
  color: #ffffff;
  background: #606060;
  text-transform: lowercase;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1px;
  margin-left: -150px;
  padding: 5px 0px;
} 




/* TAB NAV */

#tab_nav {
  position: absolute;
  right: 95px;
  bottom: 0;
  float: left;
}
#tab_nav li {
  float: left;
}

#tab_nav li a {
  float: left;
  width: 125px;
  height: 21px;
  background: url(/fileadmin/system/assets/img/main_sprites.png) 0 -800px no-repeat;
  text-indent: -9999em;
}


#tab_nav li.initiative a {
  background-position: 0 -900px;
}

#tab_nav li.hundezonen a {
  background-position: 0 -1100px;
}
#tab_nav li.initiative.active a, #tab_nav li.initiative.active a:hover {
  background-position: 0 -800px;
}

#tab_nav li.hundezonen.active a, #tab_nav li.hundezonen.active a:hover {
  background-position: 0 -1000px;
}

#tab_nav li.initiative a:hover {
  background-position: 0 -850px;
}

#tab_nav li.hundezonen a:hover {
  background-position: 0 -1050px;
}


/* BREADCRUMB */

#breadcrumb_wrap {
  position: absolute;
  left: 285px;
  bottom: 12px;
  float: left;
}

#breadcrumb_wrap h3 {
  font-size: 1.1em;
  font-weight: bold;
  display: inline;
  float: left;
}

#breadcrumb li {
  font-size: 1.1em;
  border-right: 1px solid #000;
  padding: 0 5px;
}

#breadcrumb li.last {
  border-right: 0 none;
}

#breadcrumb li a, #breadcrumb li a:active, #breadcrumb li a:visited, #breadcrumb li a:hover  {
  color: #000;
  text-decoration: underline;
}

#breadcrumb .active a, #breadcrumb .active {
  font-weight: bold;
  text-decoration: none;
}

/* LOCAL NAV */

#local_nav_area {
  position: relative;
  width: 285px;
  float: left;
  margin-top: 30px;
}

#cattitle {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 24px;
  margin: 0 0 0 28px;
  text-indent: -999em;
}

#local_nav {
  margin-top: 30px;
  padding-top: 3px;
  background: url('/fileadmin/system/assets/img/background/local_nav_line.png') 1px 0 no-repeat scroll transparent;
}

#local_nav li {
  background: url('/fileadmin/system/assets/img/background/local_nav_line.png') 1px bottom no-repeat scroll transparent;
}

#local_nav li a {
  display: block;
  text-decoration: none;
  color: #34383a;
  background: url('/fileadmin/system/assets/img/background/local_nav_icon.png') 0 6px no-repeat scroll transparent;
  margin-left: -11px;
  padding: 11px 0 17px 38px;
  min-height: 33px;
}

#local_nav li a span {
  display: block;
}

#local_nav li a .localnav_ir {
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 18px;
  text-indent: -9999em;
  text-decoration: none;
  margin-bottom: 2px;
}

#local_nav li a .localnav_sub {
  color: #34383a;
  font-size: 1.3em;
  font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
  text-decoration: none;
}

/* FOOTER NAV */



#footer_nav {
  float: right;
  margin: 20px 0;
}

#footer_nav a, #footer_nav a:link, #footer_nav a:active, #footer_nav a:visited {
  color: #000;
}

#footer_nav ul li {
  float: left;
  border-right: 1px solid #000;
  padding: 0 8px;
}

#footer_nav ul li.last {
  border-right: 0 none;
  padding-right: 0;
}

#footer_nav ul li ul.social_links li {
  float: left;
  border-right: 0 none;
  padding: 0 4px;
}

#footer_nav ul li ul.social_links li a {
  display: block;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  background: url(/fileadmin/system/assets/img/icons_communities_sprites.png) 0 0 no-repeat transparent;
}

#footer_nav ul li ul.social_links li a.twitter {
  background-position: 0 0;
}
#footer_nav ul li ul.social_links li a.facebook {
  background-position: 0 -50px;
}
#footer_nav ul li ul.social_links li a.youtube {
  background-position: 0 -100px;
}

 
 
 
 
 

/*-------------------------------------------------------------------
* Teaser
*/
 

.teaser {
  width: 281px;
  height: 81px;
  background: url(/fileadmin/system/assets/img/background/teaser_bg_sprites.png) 0 0 no-repeat scroll transparent;
  float: left;
  margin: 9px 10px 0 11px;
  padding: 12px 0 0 18px;
  position: relative;
}

.teaser a {
  color:#E80019;
}
.teaser.red a, .teaser.red p, .teaser.red div {
  color: #000;
}

.teaser.blue p, .teaser.blue a, .teaser.blue div {
  color: #fff;
}

.teaser.last {
  margin-right: 0px;
}

.teaser.lightblue {
  background-position: 0 0;
}
.teaser.yellow {
  background-position: 0 -100px;
}
.teaser.blue {
  background-position: 0 -200px;
}
.teaser.grey {
  background-position: 0 -300px;
}
.teaser.red {
  background-position: 0 -400px;
}

.teaser h2 {
  position: relative;
  z-index: 50;
  padding: 2px 0 0 25px;
  background: url(/fileadmin/system/assets/img/main_sprites.png) 0 0 no-repeat;
  height: 22px;
}
 
.teaser h2 a {
  background-position:0 0;
  background-repeat:no-repeat;
  display:block;
  height:20px;
  width:214px;
  margin: 0;
  padding: 0;
}



.teaser p, .teaser div { 
  width:180px; 
  margin: 0; 
  padding: 3px 0px 2px 5px;
  font-size: 1.1em;
}

.teaser a.morelink, .teaser a.more { 
  width: 180px; 
  margin: 0; 
  padding: 0 0 0 0px;
}

.teaser .teaser_img {
  position: absolute;
  right: 3px;
  top: 1px;
  z-index: 30;
}
span.news-list-morelink {
  display:none;
}

.browsebox_wrap {
  width:600px;
  float:left;
  
}

.co_bottom_nav li {
  /*margin-top:30px;*/  
}

.news_entry_ev {
  background:url("/fileadmin/system/assets/img/content_row_bottom_new2.gif") no-repeat scroll left bottom transparent;
  padding-bottom:20px;
  margin-bottom:20px;
}

.teaser .more {
  display:block;
}

.first.m1:hover {
  border-left:1px solid #FFFFFF
}
.last.m4 {
  border-right:1px solid #f4aa00
}
.last.m4:hover {
  border-right:1px solid #FFFFFF
}


#main_nav .nav li.last.m4:hover {
  /*border-right:1px solid #FFF*/
}

#local_nav .active a .localnav_ir {
  background-position:0 -24px;
}

#local_nav li a:hover .localnav_ir {
  background-position:0 -24px;
}

#main_content h2 {
  font-size:20px;
  font-weight:bold;
  line-height: 1em;
  margin-bottom: 10px;
}

#main_content ul {
  list-style-type:disc;
  margin-left:20px;
}

#main_content ul li {
  margin-bottom:10px;
  font-size:1.1em;
}

#teaser_area .ce_wrap {
  float:left;
  clear: none;
}

#teaser_area .ce_clear {
  clear: none;
}

.teaser.blue {
  background-position:0 -200px;
}

h2.unsubscribe_h2 {
  margin-bottom:10px;
}

#form_unsubscribe .type_submit {
  background-color:#ECA501;
  border:medium none;
  font-weight:bold;
  height:20px;
}

.atsign {
  background-color:#E80019;
}

.news-single-item .news_p {
  margin-bottom:0;
}

#main_content .news-single-item h2.imageheader2 {
  font-weight:normal;
  font-size:1.5em;
}

#main_nav .total_1 a {
  padding-top:10px;
}

#ie6 {
  display:none;
}

#ie7 .localnav_sub {
  display:block;
  width:230px;
}

#updatebr {
  background:transparent url('/fileadmin/system/assets/img/updatebrowser.jpg') no-repeat top left;
  width:1148px;
  height:930px;
  position:relative
}

.browser-links {
  width:350px;
}

.yt-alert-content {
  position:absolute;
  right:50px;
  top:300px;
  width:300px;
}

#link_pedigree {
  position:absolute;
  right:100px;
  top:10px;
  width:100px;
  height:50px;
}

.upgrade-message {
  margin-left:20px;
  margin-bottom:5px;
  margin-top:30px;
}

.browser-links {
  margin-top:0;
}

.page_66 .column_left, .page_66 .column_right {
  width: 297px;
  float: left;
  margin-bottom: 10px;
}

/* Realisierte Hundezonen CSS - Main Nav */

#facebook_fanbox {
  background-color: #FFFFFF;
    position: absolute;
    right: -330px;
    z-index: 999;
  height:660px;
}

#header #main_nav a {
  height:43px;
}

#header #main_nav .nav li {
  background:none;
  margin-top:6px;
}

#header #main_nav li.last {
  margin-top:0px;
}

#main_nav .last.m4 {
  border-right:0px solid #f4aa00
}
#main_nav .last.m4:hover {
  border-right:0px solid #FFFFFF
}

#header #main_nav {
  top:67px;
  right:0;
}

#main_nav li ul {
  top:29px;
}

#header #main_nav .nav li ul li {
  margin-top:0;
}

#header #main_nav li.m5 {
  margin-top:0px;
}

#main_nav li.m5 {
  border-right:0px solid #f4aa00
}
#main_nav li.m5:hover {
  border-right:0px solid #FFFFFF
}

#main_nav li.active.m5 a {
  background-position:0 0px;
}

#header_sharebox {
  left:166px;
}

 */