/* Stylesheet für Udos mobile Hundeerziehung */



/*Farbcodes: 

Hellgrau: #d5d2d6
Schwarz-Grau: #222222
Dunkel-Grau: #333333
Mittel-Grau: #414141
Saftes Gelb: #ddcd84
Sonnen-Gelb: #fbd029
Orange: #F7B25B


NEU NEU

pink: #A9506C überschrift
gold #B3AA69 link 
blau hell #3C6A81 
blau dunkel #001628
blau kräftig #065881 lang
blau hell #4AA0CF


#abcfd6

*/



body {
  
   background-color: #ced4d2; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
   color: #ddd;
   background-image: url(images/pattern2.png);
   }


#wrapper {
   background-color: #333333;
   width: 950px;
   min-height: 600px;
   
   margin-right: auto;
   margin-left: auto;
   margin-bottom: 20px;
   border: 1px solid #3C6A81;
  
   }







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

		


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



	

#menu {

	margin: 0;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 85%;
	background-color: #414141; 
	background-position: center;
    padding: 10px 2px 10px 2px;
	border-top: 2px solid #3C6A81;
	border-bottom: 1px solid  #A9506C;
	}
	
#menu ul {
	margin-bottom: 0;
	} 

#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	}	
	
#menu a { 
	color: #fff;
	 
	padding: 4px 6px 6px 6px;
	
	}	
	
#menu a:hover {
		text-decoration: none;
		color: #fff;
		background-color: #A9506C;
		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 {

	margin: 0 0 20px 0;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	font-size: 80%;
	background-color: #222; 
	background-position: center;
    padding: 7px 10px 7px 7px;
	border-bottom: 1px solid  #3C6A81;
	}
	
#menu2 ul {
	margin-bottom: 0;
	} 

#menu2 li {
	display: inline;
	list-style-type: none;
	margin: 0;
	}	
	
#menu2 a { 
	color: #fff;
	 
	padding: 4px 6px 6px 6px;
	
	}	
	
#menu2 a:hover {
		text-decoration: none;
		color: #fff;
		background-color: #4AA0CF;
		padding-bottom: 2px;
		border-bottom: none;
		
		
		}




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



#content {
	
	text-align: left;
    padding: 20px;
	margin: 0 10px 0 10px;
	min-height: 400px;
	padding-right: 25px;
	width: 870px;
	line-height: 1.5em;
	}	
	

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


#content #inner_content a:hover {
	text-decoration: none;
	color: none;
	border: none;
	}		



#popup {
	
	background-color: #333333;
    padding: 20px;
	}	


#popup a{
	
	color: #B3AA69;
	}	
	
#popup a:hover {
		text-decoration: none;
		color: #B3AA69;
		border-bottom: 2px dotted #B3AA69;
		}
	
#content .abstand {	
	margin-top: 1.1em
	}	

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



#content2 {
	
	text-align: justify;
    padding: 10px;
	margin: 0 10px 0 10px;
	min-height: 400px;
	padding-right: 15px;
	max-width: 870px;
	font-size:small;
	
	}	

#content2 a {
	color: #4AA0CF;
	}
	
	
#content2 a:hover {
		text-decoration: none;
		color: #4AA0CF;
		border-bottom: 2px dotted #4AA0CF;
		}
		


#content2 #inner_content a:hover {
	text-decoration: none;
	color: none;
	border: none;
	font-size: 80%;
	}
#content2 #inner_content a  {
	font-size: 80%;
	}			
	
	
#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;
	}	
	
		


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



#footer {
	
	font-size: smaller;
	background-color: #414141;
	border-top: 1px dashed #3C6A81;
    text-align: left;
	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: #A9506C;

		}			





/* ======================================
			GUESTBOOK		
=======================================*/		
		


	.rahmen_unten {
	
		border-top-width: 0px;
		border-right-width: 1px;
		border-bottom-width: 2px;
		border-left-width: 1px;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: solid;
		border-left-style: none;
		border-right-color: #abcfd6; 
		border-bottom-color: #abcfd6;
		border-left-color: #abcfd6;
		text-align: justify;
	}
	.rahmen_oben {
		border-top-width: 2px;
		border-right-width: 1px;
		border-bottom-width: 2px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
		border-right-color: #222222;
		border-bottom-color: #222222;
		border-left-color: #222222;
		text-align: justify;
		border-top-color: #222222;
	}		
		
  









		
		
/* ======================================
				HTML TAGS	
=======================================*/	
		
		
	.index_img {
		padding: 0;
		margin: 0;
		border: none;
		}
			
		
	.img {
		border:ridge 1px white;
		}	
		
	.img_right {
		float: right;
		border: solid 2px #A9506C;
		margin: 10px 5px 10px 25px;
		}
		
		
		
	.img_left {
		float: left;
		border: ridge 1px #666;
		margin: 10px 20px 10px 5px;

		}	
	
	h1 { 
		font-size: 105%;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		margin-bottom: 1.1em;
		padding-bottom: 0.7em;
		}
		
	h2 { 
		
		font-size: 120%; 
		margin-bottom: 1em;
		}
	h3 {
		
		font-size: 100%;
		margin: 2em 0 1em 0;
		background-color: #111;
		color: #A9506C;
		letter-spacing: 0.2em;
		padding: 2px 30px 2px 5px;
		}
		
	h5 {
		
		font-size: 100%;
		margin: 0 0 1em 0;
		background-color: #111;
		color: #A9506C;
		letter-spacing: 0.2em;
		padding: 2px 30px 2px 5px;
		}
		
		
	h4 {
		
		font-size: 100%;
		margin: 0;
		}
		
		

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

a:link {  } 




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

ul ul {
    margin: 0;
	}
	
li {
    margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
	}
    		
dl {
	color: #white;
	background-color: #222222; 
	padding: 5px;
	}

dl dd {
	padding-top: 10px;
	}
	
.www {
		letter-spacing: 0.2em;
		}	
		
.smaller {
	font-size: 80%;
	}
	
.smaller2 {
	font-size: 90%;
	}

.bigger {
	font-size: 120%;
	}
	
		
.event {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-bottom: 1.1em;
	padding-bottom: 0.7em;
	font-weight: bold;
	}	
	
.smaller_text {
	font-size: 80%;
	letter-spacing:normal;
	line-height: normal;
	text-align: justify;
	}			
	
.blue {
	color: #A9506C;
	font-size: large;
	}
	
.grey {	
	color:#999;
	font-size: smaller;
	}

.white {	
	color: #CCC;
	font-size: 90%;
	}

.lang {
	color: #4AA0CF;
	font-style: italic;
	}
	
.fb-like-box {
	height:300px; 
	width:290px;
	border: #A9506C 1px;

	}	
	
.fb-like {
	float:right;
	padding-top:10px;
	padding-right:10px;
	margin-left: 200px;
	}				

.rechts {
	float: right;
	margin: 100px 100px 0 0;
}