@charset "utf-8";
/* CSS Document */

/**
 * @author      Andrej Heinemann
 * @subpackage  Zuchtstätte vom Bastenberg
 * @link        http://www.schrift2000.de
 * @email       info@schrift2000.de
 * @copyright   Andrej Heinemann
 *
 * Template Zuchtstätte vom Bastenberg Version: 3.1.1
 * Copyright (C) 2013 Andrej Heinemann // 05.07.2013
 * 
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/


p{
	font-size: 14px;
}


#{
	margin: 0px;
	padding: 0px;
}


html, body{
	height: 100%; 
	margin: 0 auto;
	padding: 0; 
	background-color: #000000;
	font-family: 'Roboto', sans-serif;
	color: #000000;
	font-size: 14px;   
}


h3{
	font-family: 'Shadows Into Light Two', arial;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top:10px;
	padding-bottom:10px;

}




body a{ text-decoration: none;}
a:link {color: #3c2211; }
a:visited {color: #3c2211; }
a:hover {color: #000000;}
a:focus {color:#000000;}


#wrapper{
	width: 980px;
	margin-top: -600px;
	margin: 0 auto;
/*	float:clear;*/
}


#header{
	width: 1920px;
	height: 170px;
/*	background-image:url(../images/bg_header.jpg);*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	float: left;
}


#header_linie{
	width:2000px;
	height: 11px;
	background-image:url(../images/bg_white_30.png);
	background-repeat:repeat-x repeat-y;
	float: left;
	float: clear;
}


#header_inner{
	width: 980px;
	height: 247px;
	position: relative;
	background-image:url(../images/bg_header_inner.png);
	background-repeat:no-repeat;
	z-index: 8888;
}

#bg_bild{
	height: 100%;
	width: 100%;
	background-image:url(../images/bg_startseite.jpg);
	background-attachment:fixed;
	background-position: top center;
	background-repeat:no-repeat;
	overflow: auto;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CONTENTS */


#ssv_link{
	border-top-radius: 20px;
	margin-left: 400px;
}


#content .news  .item p{
	font-size: 16px;
	padding-bottom: 25px;
	margin-top: 25px;
	border-bottom: 1px solid #000;
}


#content .news .items-leading p{
	font-size: 16px;
	padding-bottom: 25px;
	margin-top: 25px;
	border-bottom: 1px solid #000;
}

.news #content h2{
	font-family: 'Shadows Into Light Two', arial;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: -10px;
	margin-top:30px;
}


.news #content{
	width:680px;
	padding-left: 150px;
	padding-right: 150px;

}


#content h3{
	margin-top: -20px;
	font-family: 'Shadows Into Light Two', arial;
	font-size: 24px;
	font-weight: normal;
	}
	

.home #content{
	background-image:none;
}


.item-10 #content{
	background-image:none;
}

.home_footer #content{
	background-image:none;
}


#ueber_uns img{
	width: 400px;
	height: 267px;
	border-radius: 20px;
}


#ueber_uns img:hover{
  -webkit-transform:scale(1.55);
    -moz-transform:scale(1.55); 
    -o-transform:scale(1.55);
  -webkit-transition-duration: 0.8s; 
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    box-shadow:0px 0px 30px gray;
    -webkit-box-shadow:0px 0px 30px gray;
    -moz-box-shadow:0px 0px 30px gray;
    opacity: 1;
}

#welpen_bilder{
	margin-left: 15px;
}

#welpen_bilder img{
	border: 3px solid #fff;
}


#container_vater_mutter{
	 width: 800px;
	 margin-left: 60px;
	
}


#welpen_mutter{
	float: left;
	width: 380px;
	margin-right: 20px;
}

#welpen_vater{
	float: right;
	width: 380px;
	margin-left: 20px;
} 



#table_nachwuchs{
	margin-top: 40px;
	border: 2px dotted #F03;
	width: 712px;
	padding: 10px;
}


#table_welpen{
	margin-top: 40px;
}


#table_wuerfe{
	font-family: 'Shadows Into Light Two', arial;
	margin: 0 auto;
	text-align:center;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ SLIDER */

.welpen #content h3{
	margin-top: 10px;
	font-family: 'Shadows Into Light Two', arial;
	font-size: 30px;
	font-weight:bold;

	margin-bottom:-40px;
	margin-top:-40px;
	}
	

	
	
.gallerie #content h3{
	margin-top: -20px;
	font-family: 'Shadows Into Light Two', arial;
	font-size: 24px;
	font-weight: normal;
	}
	
	.gallerie #content{
	padding-left: 50px;
	width: 900px;
	}
	
	
	
.hunde #content h3{
	margin-top: -20px;
	font-family: 'Shadows Into Light Two', arial;
	font-size: 24px;
	font-weight: normal;
	}
	
	
	.hunde #content{
	padding-left: 50px;
	width: 900px;
	font-size: 14px;
	}
	
	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ STARTSEITE */

#sprechblase{
	position:absolute;
	width: 330px;
	height: 197px;
	margin-top: 300px;
	margin-left: 120px;
}

#sprechblase_facebook{
	position:absolute;
	width: 207px;
	height: 197px;
	margin-top: 190px;
	margin-left: 620px;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2-spaltig - ÜBER UNS */

#container_ueber_uns{
	 margin: auto;
	 width: 880px;
	 margin-bottom: -61px;
}

#left{
	float: left;
	width: 400px;
	padding: 5px;
	font-size: 14px;
	font-weight: 400;
}

#right{
	float: right;
	width: 400px;
	padding: 5px; 
	font-size: 14px;
	font-weight: 400;
} 
          
.clear{
	clear: both;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2-spaltig - STAMMBÄUME */

#container_stammbaum{
	 width: 800px;
	 margin-left: 40px;
	
}

#inchy{
	float: left;
	width: 380px;
	margin-right: 20px;
}

#destiny{
	float: right;
	width: 380px;
	margin-left: 20px;
} 
          
.clear{
	clear: both;
}


#navigation{
	width: 980px;
	height: 35px;
	margin-bottom: 30px;
	margin-top: -66px;
	background-image: url(../images/bg_white_30.png);
	background-repeat: repeat-x repeat-y;
	border-bottom-left-radius:20px;
	border-bottom-right-radius: 20px;
	font-size: 24px;
	color:#333333;
	float:left;
	z-index:7777;
}



#navigation ul.menu{
	position: relative;
	list-style-type: none;
	margin-top: -10px;
	padding: 5px;
	width: 980px;
	height: 48px;
	z-index: 9999;
}


#navigation ul.menu li{
    height: 28px;
	width: 100px;
	margin-left: 15px;
    text-align: left;
    float:left;
}


#navigation ul.menu li a{
	font-family: 'Shadows Into Light Two', arial;
    height: 28px;
	margin-left: 15px;
    text-align: left;
    float:left;
	color: #333333;
}


		#navigation ul.menu li a:hover{
			font-weight: bold;
		}
		


#navigation ul.menu li.item-104{
    height: 28px;
	
	margin-left: 30px;
    text-align: left;
    float:left;
}




#navigation ul.menu li.item-106{
    height: 28px;
	width: 200px;
	margin-left: 140px;
    text-align: left;
    float:left;
}

#navigation ul.menu li.item-107{
    height: 28px;
	width: 100px;
	margin-left: -70px;
    text-align: left;
    float:left;
}

#navigation ul.menu li.item-108{
    height: 28px;
	width: 100px;
	margin-left: -12px;
    text-align: left;
    float:left;
}


#sub_menue{
	width: 280px;
	font-size: 18px;
	color:#333333;
	margin-left:270px;
	float:left;
	z-index:7777;
}



#sub_menue ul.menu{
	position: relative;
	background-image: url(../images/bg_white_30.png);
	list-style-type: none;
	border-radius:20px;
	margin-top: -25px;
	padding: 2px 5px 4px 35px;
	width: 280px;
	height: 25px;
	z-index: 8888;
}


#sub_menue ul.menu li{
    height: 25px;
	width: 70px;
    text-align: left;
    float:left;
}


#sub_menue ul.menu li a{
	font-family: 'Shadows Into Light Two', arial;
    height: 25px;
    text-align: left;
    float:left;
	color: #333333;
}


		#sub_menue ul.menu li a:hover{
			font-weight: bold;
		}
		
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++CONTENT*/

#content{
	width: 920px;
	min-height: 450px;
	padding: 5px 30px 15px 30px;
	background-image:url(../images/bg_white_30.png);
	background-repeat: repeat-x repeat-y;
	border-radius: 20px;
	font-size:18px;
	color:#000000;
	margin-bottom:150px;
	float:left;
}


.impressum #content{
	width:680px;
	padding-left:150px;
	padding-right:150px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++FOOTER*/



#footer{
	bottom: 0;
	height:50px;
	width: 100%;  
	background-image:url(../images/bg_footer.png);
	background-repeat:repeat-x;
	color: #FFF;
	position:fixed;
	font-size: 8px;
	font-weight: 300;
	text-align: center;
	padding: 2px 10px 8px 10px;
	z-index: 8888;
	float: left;
}


				#footer_inner{
					height: 50px;
					width: 980px;
					margin: 0 auto;
				}
				

#footer a:link{
	color: #fff;
}

#footer a:hover{
	color: #000;
}


#footer_menu{
/*	position: fixed;*/
    margin-top: -88px;
	margin-left: -29px;
	width: 120px;
	height: 35px;
	text-align: left;
	float: left;
	z-index: 9999;
}

#footer_menu ul.menu{
	width: 160px;
	height: 35px;
	position: absolute;
	list-style-type: none;
	float: left;
	text-align: left;
}

#footer_menu ul.menu li{
	width: 40px;
	height: 20px;
	text-align: left;
	float: left;
}

			
				#footer_menu ul.menu li.item-115{
				width: 45px;
				height: 35px;
				background-color: #3c2211;
				border-top-left-radius: 20px;
				border-top-right-radius: 2px;
				text-align: left;
				float: left;
			    }
				
				#footer_menu ul.menu li.item-115 a{
				margin-left: 7px;
				line-height: 30px;
			    }
				
				
				
				#footer_menu ul.menu li.item-116{
				width: 83px;
				height: 35px;
				margin-left: 2px;
				background-color: #3c2211;
				border-top-left-radius: 2px;
				border-top-right-radius: 20px;
				text-align: left;
				float: left;
			    }
				
				#footer_menu ul.menu li.item-116 a{
				margin-left: 7px;
				line-height: 30px;
			    }
		
		

#footer_menu ul.menu li a{
    font-family: 'Shadows Into Light Two', arial;
	list-style-type: none;
	font-size: 18px;
	color: #fff; 
	height: 40px;
}

#footer_menu ul.menu li a:hover{
	font-weight: bold;
}


#ssv{
	margin-left: 430px;
	margin-top: -13px;
}