/******************************************************************/
/*       [Stylesheet]                                                           */
/*                                                                              */
/*       Project:        Deutsch Kurzhaar :: Von der Schwarzen Laaber           */
/*       Version:        1.0                                                    */
/*       Last change:    01/11/09                                               */
/*       Assigned to:    Stefanie Mueller - www.no8design.de                    */
/******************************************************************/
/******************************************************************/

/******************************************************************/
/*       Reset all                                                */
/******************************************************************/
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,
b, u, i, center,
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-size: 100%;
        vertical-align: baseline;
        background: transparent;
        list-style-type: none;
		
		
}


/******************************************************************/
/*       Global settings                                          */
/******************************************************************/
body{
         font-family: Arial, Helvetica, sans-serif;
         color: #000;
         line-height: 1.4 em;
         background-color: #fff;
		 overflow:-moz-scrollbars-vertical;
}


/******************************************************************/
/*       Headings                                                 */
/******************************************************************/
h1{
         font-size: 130%;         
         font-family:  Georgia;
         color: #626262;
         text-align: left;
		 margin: 0 0 10px 0;
		 /*padding-bottom: 6px;*/
		 /*border-bottom: 1px dotted #C1C3AB;*/
		 
         
}

h2{
         font-size: 110%;
        font-family:  Georgia;
         text-align: left;
         color: #626262;
         margin: 5px 0 8px 0;
		padding: 0 0 2px 0;
		 border-bottom: 1px solid #D6D6D6;
		 Text-transform:uppercase;
		 letter-spacing: 0.04em;
}

h3{
         font-size: 100%;
         font-family: Arial, Helvetica, sans-serif;
         margin: 10px 12px;
		 padding: 0 0 6px 0;
		 color: #9B9B99;
}

h4{
         font-size: 80%;
         font-weight: bold;
         font-family: Georgia;
         color: #626262;
		 border-bottom: 1px solid #D6D6D6;
		 Text-transform:uppercase;
		 letter-spacing: 0.04em;
         
}

h5{
         font-size: 80%;
         font-weight: normal;
         font-family: Arial,Trebuchet, Helvetica, sans-serif;
         color: #9B9B99;
         margin: 0 0 0 12px;
}

h6{
         font-size: 70%;
         font-family: Arial, 'Trebuchet MS',Trebuchet, Helvetica, sans-serif;
         color: #4C4B4C;
         text-align: center;
         margin: 0 0 -10px 0;

}


/******************************************************************/
/*       Links                                                    */
/******************************************************************/
a{
         color: #A39161;

         text-decoration: none;
}

a:link{
         color: #A39161;
         text-decoration: none;
}

a:visited{
         color: #A39161;
         text-decoration: none;
}

a:hover{
         color: #A39161;
         text-decoration: none;
         text-decoration: underline;
}

/******************************************************************/
/*       Clearfix                                                   */
/******************************************************************/
.clearfix{
         clear: both;
}

/******************************************************************/
/*       Structure                                                */
/*       1. Header       #header_wrapper                          */
/*       2. Content      #content_wrapper                         */
/*       3. Footer       #footer_wrapper                          */
/******************************************************************/
#header_wrapper{
         
         height: 25px;
         width: 100%;
		 margin: 0 0 30px 0;
		 background-color: #A39161;
}



#content_wrapper{
         
         width: 100%;
         margin: 0 0 0 0;
}

#footer_wrapper {
         
         width: 100%;
         height: 235px;
}


/******************************************************************/
/*       Header          #header_wrapper                          */
/*       1. Container    #header                                  */
/*       2. Logo         #logo									  */
/*       4. Navi         #navi                                    */
/******************************************************************/
#header{
         margin: 0 auto;
         width: 900px;
		 height: 300px;		
		position:relative;
}



#impressum{
		 font-size: 80%;
         color: #fff;
		 padding: 5px 0;

}

#dk{
		 position:absolute;
		 top:133px;
		 left:350px; z-index:3; 
		 background:#fff;
		 padding:0px 10px;
		 Text-transform:uppercase;
		 font-family: Georgia;
		 color: #A9AAA9;
		 letter-spacing: 0.04em;
}

#logoHund{
		 text-align:center;
		border-bottom: 1px solid #D6D6D6;
		margin: 15px 0 20px 0;
		padding: 0 0 30px 0;
}

#logo{
         text-align:center;
         margin: 0  0 20px 0;
         
}

#navi{
		 list-style-type: none;	
		 
}


#navi ul{

         float: left;
         border-top: 1px solid #D6D6D6;
		 border-bottom: 1px solid #D6D6D6;
}

#navi li{
         display: block;
		 width: 180px;
         float:left;
         margin:15px 0 -7px 0;
		
}

#navi a{
         display: block;
		 text-align:center;
         margin: 6px 28px;
		 padding: 0 0 14px 0;
         color: #A9AAA9;
         text-decoration: none;
		 font-family: Georgia;
		 text-transform:Uppercase;
		 letter-spacing: 0.04em;
}

#navi li.current a,
#navi li a:hover{
         color: #A39161;
		 border-bottom: 5px solid #A39161;

}



/******************************************************************/
/*       Content         #content_wrapper                         */
/*       1. Container    #content                                 */
/*       2. Links        #content_left                            */
/*       3. Rechts       #content_right                           */
/******************************************************************/
#content{
         clear: both;
         margin: 0 auto;
         width: 900px;
		
		 /*background: #8090ff;*/
		 
		 
}

#content img{
		border: 4px solid #fff;

}

#content p, table{
		font-size: 80%;
		margin: 0 0 25px 0;
		color: #7D7C7C;
		line-height: 1.4em;
}

#content_left{
         float: left;
         width: 600px;
		 margin: 30px 0 0 0;
		 padding: 0 0 20px 0;
		 /*background: #525151;*/
}

#content_right{
         float: right;
		 /*background: #EFEFEF;*/
		
         width: 270px;
		 padding: 35px 0 35px 25px;
		/* background: #F79292;*/

}

.content_left_two{
         float: left;
		 /*background: #EFEFEF;*/
		margin: 30px 0 0 0;
		 padding: 0 0 20px 0;
         width: 270px;
		 
		/* background: #F79292;*/

}

.content_right_two{
         float: right;
         width: 600px;
		 padding: 35px 0 35px 25px;
		 /*background: #525151;*/
}

.content_col_one{
         float: left;
		 /*background: #EFEFEF;*/
		margin: 0px;
		 padding: 0 0 20px 0;
         width: 280px;
		 
		/* background: #F79292;*/

}

.content_col_two{
         float: right;
         width: 300px;
		 padding: 0 0 35px 5px;
		 /*background: #525151;*/
}



#content_right p{

		margin: 10px 0 15px 0;

}






.img_border{
		background: #A39161;
		
		padding: 10px;
		

}

#subnavi{
		float: left;
        width: 270px;
		margin: 35px 0 0 0;
		font-size: 90%;
		/* background: #808080;*/

}


#subnavi ul{

         
         list-style-type: none;
		 

}

#subnavi li{
         display: block;
         font-size: 90%;		 
         

}

#subnavi a{
         display: block;
         /*margin: 10px 0px;*/
		 padding: 10px 0;
         color: #A6A5A5;
         text-decoration: none;
		 border-bottom: 1px dotted #C1C3AB;
         

}

#subnavi a.up{
         
		 border-top: 1px dotted #C1C3AB;
         

}

#subnavi li.current a,
#subnavi li a:hover{
         color: #A39161;
		

}


#subnavi li a:hover{
         color: #A39161;
		

}


#content_right_col{
		float: right;
		 background: #EFEFEF;
		 border: 1px dotted #C1C3AB;
         width: 610px;
		 padding: 15px;
		 margin: 25px 0 25px 0;
		 /*background: #F79292;*/


}


#content_right_col h4{
		/*color: #0082D6;*/
		margin: 0 0 10px 0;
}

#content_right_col h3{
		color: #0082D6;
		margin: 0 0 5px 0;
}

#content_right_col ul{
		color: #7D7C7C;
		font-size: 80%;
}

#content_right_col ul li{
		margin: 10px 0 15px 25px;
}

#content_right_col ul li ul li{
		margin: 5px 0 5px 25px;
		font-size: 120%;
}


#contact_col_middle{
		float: left;
		 /*background: #EFEFEF;*/
		 border-left: 1px dotted #C1C3AB;
         width: 300px;
		 padding: 0 0 15px 25px;
		 margin: 65px 0 30px 20px;
		 /*background: #F79292;*/


}

#contact_col_middle h3{
		font-family: Georgia;
		color: #4E4E4C;
		font-size: 105%;
		margin: 10px 0 5px 0;
		padding: 0;
}

#contact_col_middle h4{
		font-family: Georgia;
		font-size: 105%;
		color: #0082D6;
		margin: 0 0 30px 0;
}

#contact_col_middle h5{
		
		font-size: 85%;
		color: #4E4E4C;
		margin: 25px 0 5px 0;
		padding: 0 0 3px 0;
		border-bottom: 1px dotted #C1C3AB; 
}

#contact_col_middle p{
		
		font-size: 85%;
		/*color: #0082D6;*/
		margin: 0 0 5px 0;
}

#map{
		float: right;
		 /*background: #EFEFEF;*/
		 border: 1px dotted #C1C3AB;
         width: 280px;
		 height: 300px;
		 
		 padding: 0 0 15px 25px;
		 margin: 65px 0 30px 20px;
		 /*background: #F79292;*/


}


/* für das Infofenster */
.mapInfo {
	font-size: 70%;
}

#subnavi span.error{
	font-size: 75%;
	color: #c20202;
	
}

label {
 color:#7D7C7C;
 font-size:1em;
 margin:0 3px 3px 0;
 padding:0;
 line-height:1.4em;
 width:130px;
 display:block;
 
}

input {
 border:1px solid #C1C3AB;
 padding: 4px 2px;
 /*padding-left:0.1em;*/
 margin-bottom: 2px;
 /*height: 25px;*/
 width:260px;
 background:#fff;
}

input:focus {border-color:#0082D6;}

textarea {width:260px; border:1px solid #C1C3AB; height: 50px; padding: 4px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 85%;}
textarea:focus {border-color:#0082D6;}

button {
	width:123px; background:#0082D6; border:1px solid; border-color:#999 #333 #333 #999; color:#fff; cursor:pointer; padding: 4px 2px; margin:0 0 20px 0;	
}




/******************************************************************/
/*       Footer          #footer_wrapper                         */
/*       1. Container    #footer                                 */
/*       2. Links        #content_left                            */
/*       3. Rechts       #content_right                           */
/******************************************************************/
#footer{
         clear: both;
         margin: 0 auto;
         width: 900px;
		 border-top: 1px solid #7D7C7C;
		
		 font-size: 60%;
         color: #7D7C7C;
		 /*background: #565656;*/
		 height: 30px;
		 
		 
}


#footer_left{
		float: left;
         width: 600px;
		 margin: 0;
		 padding: 8px 0;
	}
	
#footer_right{
		float: right;
		 /*background: #EFEFEF;*/
		 text-align: right;
         width: 270px;
		 padding: 8px 0;
		/* background: #F79292;*/
}

#footer a{
         
         color: #7D7C7C;
         padding: 0 5px;
}