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

copyright 2008 by mmc

Version: 1.0

Author: Georg Paul

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:"" "";}



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

#sprungmarken { display: none; }
html { height: 100%;}

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



/*------------------------------*/
/* =page 				*/
#page {
	width: 1000px;
	margin: 0 auto;
	background: #e9edf1;
	border-top:none;
	position: relative;
	}

/******************    SPRUNGMARKEN    ********************/

	#sprungmarken a:focus { outline: none; }
	#sprungmarken { 
		p!osition: absolute; 
		top: 0; 
		left: 0; 
		w!idth: 100%; 
		height: 0px; 
		} 
	#sprungmarken a { 
		position: absolute; 
		top: -1000em; 
		left: -1000em; 
		height: 1px; 
		width: 1px; 
		overflow: hidden; 
		} 
	#sprungmarken a:focus, 
	#sprungmarken a:active { 
		top: 0px; 
		left: 430px; 
		height: 1.2em; 	
		width: 350px; 		
		z-index: 200;
		color: #ffffff;
		font-size: 1.3em;
		text-transform: uppercase;
		text-align: center;
		background: url(../img/jump_nav_bg.gif) no-repeat 50% top;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 5px 0px;
		} 
	
	
	

/********************    HEADER    ************************/

	#header {
		position: relative;
		width: 966px;
		height: 125px;
		margin: 0 15px 0 19px;
		background:transparent url(../img/header_level3.gif) no-repeat scroll center top;
		z-index: 999;
		}
	
	
	#logo { 
		position: absolute;
		left: 20px;
		top: 0px;
		}
	
	
	.navname { position: absolute; top: -9999px; left: 0; width: 1px; height: 1px; margin: 0; }
	
	
/**********************************************************/
/***************    MAIN NAVIGATION    ********************/
/**********************************************************/
		
	#main_nav { 
		position: absolute; right: 20px; top: 24px;
		margin: 0;
		padding-left: 0px;
		}
		#main_nav .indentspan, .hidden { display: none;  }
		#main_nav li { background: url(../img/nav_inline_shadow.png) repeat-x left bottom; }
		
		
		#main_nav .first { background: url(../img/nav_first_shadow.png) no-repeat left bottom;  }
		#main_nav .last { background: url(../img/nav_last_shadow.png) no-repeat right bottom;  }
		
		
		#main_nav a { 
			width: 100px;
			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 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; }
		
		
   /* Der "Pedigree Hilft" - Menüpunkt mit den Promos */
    
    
    #main_nav .uid_959>a {
      background: url(/fileadmin/system/assets/img/nav/nav_pedigreehilft.gif) 0 -3px no-repeat transparent scroll !important;
      width: 166px !important;
      height: 47px;
    }
    
    #main_nav .uid_959 .tinytext {
      display: block;
      margin-top: -16px;
      padding-left: 14px;
      height: 15px;
      float: left;
      clear: both;
      color: #f4aa00;
      font-size: .9em;
      font-family: Arial, Helvetica, sans-serif;
      background: url(/fileadmin/system/assets/img/nav/dropdown_sprite.gif) 128px 3px no-repeat scroll transparent;
      width: 152px;
    }

    #main_nav .uid_959:hover {
      background: none transparent;
    }

    #main_nav .uid_959:hover .tinytext {
      width: 239px;
      margin-left: -87px;
      background: url(/fileadmin/system/assets/img/nav/dropdown_sprite.gif) 215px -47px no-repeat scroll #34383a;
    }
    
    #main_nav .uid_959 ul {
      display: none;
    }
    
    #main_nav .uid_959:hover ul {
      display: block;
      float: left;
      clear: both;
      background: url(/fileadmin/system/assets/img/nav/nav_dropdownbg_startseite.png) -5px bottom no-repeat scroll;
      margin: 0;
      padding: 10px 0 0 0;
      width: 253px;
      margin: -1px 0 0 -87px;
    }
    
    #main_nav .uid_959 ul li {
      clear: both;
      background: none transparent;
    }
    
    #page #main_nav .uid_959 ul li a {
      clear: both;
      width: 174px;
      padding: 0 7px 0 72px;
      background-position: 12px 0;
      min-height: 50px;
      margin: 0 0 10px 0;
      text-indent: 0;
      display: block;
      color: #000;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
    }
    #main_nav .uid_959 ul li a .dropdown_h1 {
      font-weight: bold;
      margin-bottom: 5px;
      display: block;
      font-size: 1.1em;
    }
    #main_nav .uid_959 ul li a .dropdown_txt {
      font-weight: normal;
      font-size: .9em;
      display: block;
    }
						
			
		
/***************    SUB NAVIGATION    ********************/
	
	
	#sub_nav { margin: 0; padding: 0; position: absolute; right: 20px; top: 5px; }
		#sub_nav a {
			font-size: 0.9em;
			padding: 0 0.5em;
			color: #ffffff;
			background: url(../img/nav_border.gif) no-repeat right 95%;
			}
		#sub_nav .last a { background: none; }
		#sub_nav a:focus, #sub_nav a:active { background-color: #FFC016; }




		
			
/****************   INFO NAVIGATION    ******************/	
	
	#info_nav {
		float:left;
		width: 100%;
		padding-top:70px;
		background: #F4AA00 url(../img/background/footer_top.jpg) no-repeat top left;
		}
		#info_nav ul { list-style-type: none; padding-left: 0px; margin: 0;}
		#search {
			float:left;
			width:270px;
			margin: 65px 0px 0px 30px;
			display: inline;
			padding-bottom:20px;
			}
			#search label { text-indent: -999em; display: block; height: 20px; background: url(../img/search_text.png) no-repeat left top; padding-bottom: 8px; }
				#search_field { color: #808080; padding: 2px 5px; width: 140px;  float: left;}
				#search_button { 
					margin-left: 5px; 
					border: none; 
					width: 50px; 
					height: 18px; 
					padding-bottom: 2px;
					background: url(../img/search.png) no-repeat 2px top; font-weight: bold;
					}
					
				
		#info_links { 
			float:right; 
			width:670px;
			margin-top: 10px;
			padding-bottom: 10px;
			}
	
			#info_links a { color:#2d3035; line-height:2em; letter-spacing: -1px; }
			#info_links a:focus { background-color: #ffffff; }
			#info_links h2 { height:40px; margin:0px; }
		
		
		#main_li_hdrpic-1 { background: url(../img/info_links_heading1.png) no-repeat left bottom; }
		#main_li_hdrpic-2 { background: url(../img/info_links_heading2.png) no-repeat left bottom; }
		#main_li_hdrpic-3 { background: url(../img/info_links_heading3.png) no-repeat left 3px; }
		#main_li_hdrpic-4 { background: url(../img/info_links_heading4.png) no-repeat left bottom; }
		
		#info_links ul .main_li { float:left; width:157px; }
		.main_li ul { margin-top: 0; }
		.main_li ul li { padding-left:5px; }
	



/*********************   FOOTER    **********************/	


	#footer {
		clear: both;
		padding: 0 0 1em 0;
		color: #98a2ac;
		}
	
		#footnote { margin-left:10px; color: #5c656c; height: 20px; }
		
		#footer_nav { 
			float: right; 
			margin-right:10px;
			}
		
		#footer_nav li { float: left; padding:0px 8px; background: url(../img/footer_border.gif) no-repeat right 60% }
		#footer_nav li.last { background: none; }
		#footer_nav li a { color: #57666d; font-size: 0.9em; }
		#footer_nav li a:focus, #footer_nav li a:active { color: #ffffff; }
		#mmc-logo:focus { background: none; }