/* Stylesheet für Udos mobile Hundeerziehung */



/*Farbcodes: 

Hellgrau: #d5d2d6 		Background 
Schwarz-Grau: #222222 	Rönder
Dunkel-Grau: #333333 	Wrapper
Mittel-Grau: #414141 	Background Boxen, Leisten
Saftes Gelb: #ddcd84 	Menü 1 + 2 + Footer
Sonnen-Gelb: #fbd029 	Links


*/



body {
  
   background-color: #d5d2d6;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   color: white;
   }


#wrapper {
   background-color: #333333;
   width: 850px;
   min-height: 600px;
   
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 20px;
   border: 5px ridge #222222;
 
   
  
   
   }







  
/* ======================================
				HEADER	
=======================================*/	  
      
#header {
	height: 223px;
	background: url(images/banner.jpg) no-repeat center;
	background-color: #414141;
	
    
		}
		


/* ======================================
				MENU	
=======================================*/	



	

#menu {
	margin: 0 0 20px 0;
	text-align: center;
	color: #FFFFFF;
	background-color: #414141;
	background-position: top left;
	padding: 15px 10px10px 10px;
	border-top: 2px groove #222222;
	border-bottom: 1px solid  #ddcd84;
	}
	
#menu ul {
	margin-bottom: 0;
	} 

#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	}	
	
#menu a {
	color: #FFF;
	padding: 4px 10px 6px 10px;
	
	}	
	
#menu a:hover {
	text-decoration: none;
	color: #222222;
	background-color: #ddcd84;
	padding-bottom: 2px;
	border-bottom: none;
		
		
		}


/*

#menu li a:hover, 
#menu li a#selected, 
#menu li a#selected:hover {
		text-decoration: none;
		color: #222222;
		background-color: #ddcd84;
		padding-bottom: 2px;
		border-bottom: none;
		}

*/






/* ======================================
				MENU 2	
=======================================*/	



	
/*
#menu2 {
	float: right;
	text-align: right;
	color: #FFFFFF;
	
	background-color: #414141; 
	padding: 20px 30px 20px 10px;
	border-top: 1px thin  #ddcd84;
	border-left: 1px solid  #ddcd84;
	border-bottom: 1px solid  #ddcd84;
	}
	
#menu2 ul {
	margin-bottom: 0;
	} 

#menu2 li {
	
	list-style-type: none;
	margin: 0;
	}	
	
#menu2 a { 
	color: white;
	padding: 10px 10px 10px 20px;
	 
	
	
	}	
	
#menu2 a:hover {
		text-decoration: none;
		color: #222222;
		background-color: #ddcd84;
		padding-bottom: 2px;
		border-bottom: none;
		}	
		
		
		*/
		
		

#menu2 { 
  color: white;
  width: 195px;
  margin: 60px 0px 0px 0px;
  float: right;
  padding: 0 19px 15px 25px;
  
}


#menu2 .sidebaritem
{ color: white;
  text-align: left;
  width: 168px;
  float: left;
  margin: 0px 0px 23px 0px;
  border: 1px ridge #d5d2d6;
  padding: 14px 8px 14px 8px;
  background-color: #414141;
}




#menu2 .sidebaritem p { 	

	line-height: 16px; 
  	padding: 0px 0px 8px 0px;
	}


#menu2 .sidebaritem a, 
{ padding: 0px 0px 2px 19px;
  text-decoration: none;
  color: white;
 
}

#menu2 .sidebaritem a:hover {
	 background-color: #ddcd84;
	 color: #222222;
	 
	 
	} 
	 

#menu2 .sbilinks  {padding: 0px}

#menu2 .sbilinks ul {margin: 0px auto;} 

#menu2 .sbilinks li 
{ margin: 0px; 
  float: left; 
  list-style: none; 
} 


#menu2 .sbilinks li a, .sbilinks li a:hover
{ 	color: white;
	float: left; 
	height: 16px;
  	text-decoration: none; 
  	padding: 5px 0px 4px 19px;
  	width: 149px;
} 




/* ======================================
				CONTENT	
=======================================*/		



#content {
	text-align: left;
	padding: 20px;
	margin: 0 20px 0 20px;
	min-height: 400px;
	padding-right: 25px;
	max-width: 750px;
	line-height: 1.7em;
	}	
	

#content a {
	color: #fbd029;
	}
	
	
#content a:hover {
		text-decoration: none;
		color: #fbd029;
		border-bottom: 2px dotted #fbd029;
		}
		
#content .img a {
	text-decoration: none;
	border: none;
	border-bottom: none;
	}
	
#content .img a:hover {
	text-decoration: none;
	border: none;
	border-bottom: none;
	}	

#content .img_right {
	float: left;
	margin: 0 10px 10px 20px;
	border: 2px ridge #222222;
	}
	
#content .img_left {
	float: left;
	margin: 0 20px 10px 10px;
	border: 2px ridge #222222;
	}		
	
#content .img_center {
	
	margin: 10px 30px 20px 30px;
	border: none;
	
	
	}		
	
/* ======================================	
				CONTENT	2
=======================================*/		



#content2 {
	text-align: justify;
	padding: 20px;
	margin: 0 20px 0 20px;
	min-height: 400px;
	padding-right: 25px;
	max-width: 750px;
	font-size:small;
	line-height: 1.7em;
	}	
	

#content2 a {
	
	}
	
	
#content2 a:hover {
		text-decoration: none;
		
		border-bottom: none;
		}

#content2 .img {
	border: none;
	padding: 2px;
	}
		
#content2 .img a {
	text-decoration: none;
	border: none;
	border-bottom: none;
	}
	
#content2 .img a:hover {
	text-decoration: none;
	border: none;
	border-bottom: none;
	}	

#content2 .img_right {
	float: right;
	margin: 0 10px 10px 20px;
	border: 2px ridge #222222;
	}
	
#content2 .img_left {
	float: left;
	margin: 0 20px 10px 10px;
	border: 2px ridge #222222;
	}		
	
#content2 .img_center {
	
	margin: 10px 30px 5px 30px;
	border: none;
	
	
	}	
	
#content2 img_big {
	border: 2px ridge #222222;
	}
	






#dunkel{
	background-color: #222222;
	padding: 20px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	
	}	
	
	












#notfell01 {
	background-color: #222222;
	padding: 20px;border-right: 2px solid black;
	border-bottom: 2px solid black;
	}	
	
#notfell01 .img_notfell {
	border: 2px ridge black;
	}	
	
#content2 #notfell01 .img {
	border: none;
	padding: 2px;
	}
		
#content2 #notfell01 .img a {
	text-decoration: none;
	border: none;
	border-bottom: none;
	}
	
#content2 #notfell01 .img a:hover {
	text-decoration: none;
	border: none;
	border-bottom: none;
	}	



/* ======================================
				FOOTER	
=======================================*/	



#footer {
	font-size: smaller;
	background-color: #414141;
	border-top: 1px dotted #ddcd84;
	text-align: right;
	color: #ffffff;
	padding: 7px 20px 7px 20px;
	


}
	

#footer ul {
	margin-bottom: 0;
	} 

#footer li {
	display: inline;
	list-style-type: none;
	margin: 0;
	}	
	
#footer a { 
	color: #ffffff;
	padding: 5px 10px 0 10px;
	letter-spacing: 0.2em;
	
	
	}	
	

#footer a:hover {
		text-decoration: none;
		color: #ddcd84;

		}			

#footer adress {
		display: none;
		}		
		
		
/* ======================================
				HTML TAGS	
=======================================*/	
		
		
	
	h1 { 
		font-size: 105%;
		text-transform: uppercase;
		letter-spacing: 0.3em;
		margin-bottom: 1.1em;
		margin-right: 280px;
		padding-bottom: 0.7em;
		border-bottom: 2px groove #d5d2d6;
		}
		
	h2 { 
		
		font-size: 120%; 
		margin-bottom: 1em;
		}
	h3 {
		
		font-size: 100%;
		margin: 2em 0 1em 0;
		text-transform: uppercase;
		letter-spacing: 0.1em;	
		}
	h4 {
		
		font-size: 100%;
		letter-spacing: 0.1em;
		}	

	
	
a { text-decoration: none; outline: none; }

a:link {
	color: #F00;
} 




p, ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	text-align: left;
	}

ul ul {
    margin: 0;
	}
	
li {
    margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
	}

ul li {
	list-style: none;
	margin-left: 1.5em;
	}

ol li {
	list-style: decimal;
	margin-left: 1em;
	}	
    		
dl {
	color: #ffffff;
	background-color: #222222; 
	padding: 12px;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	}
	
dl dt { 
	padding-bottom: 10px;
	}
	

.udo {
	letter-spacing: 0.2em;
	font-weight: 400;
	}

.small {
font-size: smaller;
}

	.small2 {
		font-size: 80%;
		
		}


.MouseOverGrafikCSS {
 	position: absolute;
 	visibility: hidden;
 	z-index: 100;
	}