/*
CSS StyleGuide for www.tiearztpraxis-wedding.de
written by meike lattermann – 2009
*/

* {
		margin:0;
		padding:0;
		}


html, body {
		height:100%;
		}


BODY {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 14px;
	text-align: left;
}
#distance { 
		width:1px;
		height:50%;
		margin-bottom:-332px; /* half of container's height */
		float:left;
}

	
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	width: 1030px;
	clear:left;
	height: 664px;
	text-align: left;
	z-index: 7;
	border: 1px solid #666;
	
}	
#content-start {
	position:absolute;
	top:150px;
	width: 633px;
	left: 235px;
	height: 477px;
	color: #FFFFFF;
	z-index: 15;
	background-color: #696358;
	padding-left: 100px;
	padding-top: 15px;
	padding-right: 60px;
	font-size: 14px;
	font-weight: bold;
	
}
#content-kontakt {
	position:absolute;
	top:175px;
	width: 549px;
	left: 56px;
	height: 415px;
	font-size: 12px;
	color: #333333;
	z-index: 15;
	
	
}
#content {
	position:absolute;
	top:150px;
	width: 728px;
	left: 235px;
	height: 476px;
	color: #FFFFFF;
	z-index: 15;
	background-color: #696358;
	padding-left: 35px;
	padding-top: 15px;
	padding-right: 30px;
	font-size: 12px;
	font-weight: bold;
	

	
}
#top {
	top:4px;
	left:257px;
	width:136px;
	height:113px;
	position:absolute;
	font-size: 14px;
	font-weight: bold;
	z-index: 32;
}
#top-men {
	top:68px;
	left:877px;
	width:136px;
	height:82px;
	position:absolute;
	font-size: 14px;
	font-weight: bold;
	z-index: 12;
}		
#black {
	top:39px;
	left:960px;
	width:15px;
	height:15px;
	position:absolute;
	z-index: 18;
	
}
#name {
	position:absolute;
	top:58px;
	left:556px;
	width:433px;
	height: 18px;
	z-index: 28;
	font-family: "AvantGarde Bk BT";
}	
#titel {
	position:absolute;
	top:58px;
	left:31px;
	width:257px;
	height: 18px;
	z-index: 27;
	font-family: "AvantGarde Bk BT";
	letter-spacing: 1px;
}
#subtitel {
	position:absolute;
	top:130px;
	left:31px;
	width:429px;
	height: 18px;
	z-index: 29;
	font-weight: bold;
}
#subtitel2 {
	position:absolute;
	top:130px;
	left:556px;
	width:429px;
	height: 18px;
	z-index: 30;
	font-weight: bold;
}
#pic {
	position:absolute;
	top:239px;
	left:0px;
	width:153px;
	height: 214px;
	
	z-index: 17;
}
#txt {
	position:absolute;
	top:249px;
	left:180px;
	width:378px;
	height: 194px;
	
	z-index: 17;
}
#menu {
	width:134px;
	height:17px;
	position:absolute;
	font-size: 16px;
	z-index: 22;
	color: #9E1E25;
	font-weight: bold;
}
#line-top {
	left:0px;
	top:125px;
	width:1004px;
	height:4px;
	position:absolute;
	z-index: 4;
	border-bottom: 1px solid #ccc;
}

#line-left {
	left:3px;
	top:3px;
	width:1024px;
	height:145px;
	position:absolute;
	z-index: 3;
	border-right: 1px solid #ccc;
	background-color: #9E1E25;
}
#line-right {
	left:1008px;
	top:5px;
	width:4px;
	height:703px;
	position:absolute;
	z-index: 12;
	border-left: 1px solid #ccc;
}
	
#line-btn {
	left:0px;
	top:653px;
	width:1004px;
	height:4px;
	position:absolute;
	z-index: 4;
	border-bottom: 1px solid #ccc;
}
#footer {
	top:643px;
	left:3px;
	width:998px;
	height:18px;
	position:absolute;
	z-index: 26;
	background-color: #9E1E25;
	font-weight: bold;
	padding-left: 27px;
	padding-top: 2px;
}	
.style1 {color: #850300}

#hund-bgleft {
	top: 312px;
	left:40px;
	position:absolute;
	height:262px;
	width:192px;
	z-index: 16;
}
#hund-bgre{
	top: 312px;
	left:231px;
	position:absolute;
	height:262px;
	width:162px;
	z-index: 16;
}
#katze-bgre{
	top: 426px;
	left:730px;
	position:absolute;
	height:236px;
	width:162px;
	z-index: 31;
}
#snake{
	top: 572px;
	left:236px;
	position:absolute;
	height:71px;
	width:793px;
	z-index: 31;
}
#ticker{
	top: 580px;
	left:361px;
	position:absolute;
	height:47px;
	width:641px;
	z-index: 32;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}


#pfote {
	position:absolute;
	left:15px;
	height:10px;
	width:10px;
	z-index: 18;
}
#img {
	padding: 2px;
	border:1px solid #ccc;
}