/* Layout v. Loef van Horne, by WurmQ-Design */
/* All associated graphics copyright 2006, Jeffrey Sonnema */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
	 
/* Layout
--------------------------------------------------------------*/
Body{
	background:url('../img/bg.gif');
	background-repeat:repeat-y;
	background-position:center;
	margin:0px;
}
#Container{
	position:absolute;
	width:900px;
	margin-left:-450px;
	height:829px;
	margin-top:0px;
	left:50%;
	top:0%;
}
#Top{
	width:880px;
	height:87px;
	background:url('../img/top.png');
	padding:0px 0px 0px 20px;
}
#Header{
	width:900px;
	height:160px;
	background:url('../img/header.jpg');
}
#Nav{
	width:900px;
	height:30px;
	background:url('../img/nav.jpg');
	margin:0; 
	padding:0;
	list-style-type:none;
}
#Main{	
	width:800px;
	height:415px;
	background:url('../img/main.png');
	padding:40px 80px 5px 20px;	/* boven, rechts, onder, links */
}
#Main span{
	border:1px solid #d39245;
}
.date{
	width:120px;
	height:240px;
	float:left;
	margin-left:0px;
	text-align:left;
}
.update{
	width:550px;
	height:240px;
	float:left;
}
.album_next{
	float:right;
	width:110px;
	height:20px;
	text-align:left;
	padding-left:130px;
}
.pic_home{
	float:right;
	width:326px;
	height:259px;
	margin-left:20px;
	padding-top:1px;
}
.leftimg{
	float:left;
	width:400px;
	height:253px;
	padding-top:2px;
	text-align:center;
}
.rightimg{
	float:left;
	width:400px;
	height:253px;
	padding-top:2px;
	text-align:center;
}
.leftimg span, .rightimg span{
	border:1px solid #d39245;
}
.lefttext{
	float:left;
	width:400px;
	height:46px;
}
.righttext{
	float:left;
	width:400px;
	height:46px;
}
.lefttext2{
	float:left;
	width:400px;
	height:30px;
}
.righttext2{
	float:left;
	width:400px;
	height:30px;
}
.name_ivy{
	float:right;
	width:280px;
	height:30px;
	text-align:center;
}
.name_sylvie{
	float:right;
	width:400px;
	height:30px;
	text-align:center;
}.name_sylvie2{
	float:right;
	width:300px;
	height:30px;
	text-align:left;
}
#Footer{
	width:800px;
	height:82px;
	background:url('../img/footer.png');
	padding-top:10px;
	padding-left:100px;
}

/* Navigation
--------------------------------------------------------------*/

.Nav{
	width:900px;
	height:30px;
	background:url('../img/nav.jpg');
	margin:0; 
	padding:0;
	list-style-type:none;
}
.Nav li{
	display:inline; 
	padding:0; 
	margin:0; 
} 
.Nav a.nav:link,
.Nav a.nav:visited{
	padding:7px 12px 7px 12px; 
	float:left; 
	width:auto; 
	border-right:1px solid #3f2714;
	text-decoration:none; 
	font:13px Georgia, Arial, Helvetica;
	font-weight:bold;
}
.Nav-home, .Nav-nieuws, .Nav-honden, .Nav-pups, .Nav-shows, .Nav-fotogalerie,.Nav-links, .Nav-contact, a.nav{
	color:#fffbcf; 
	text-shadow:none; 
} 
.Nav-home, .Nav-nieuws, .Nav-honden, .Nav-pups, .Nav-shows, .Nav-fotogalerie, .Nav-links, .Nav-contact, a.nav:hover{ 
	color:#fffbcf;
	background:#3f2714 url("../img/bg_navshadow.gif") repeat-x; 
} 
.Nav-home, .Nav-nieuws, .Nav-honden, .Nav-pups, .Nav-shows, .Nav-fotogalerie, .Nav-links, .Nav-contact, a.nav:active{ 
	background:#3f2714; 
	color:#fffbcf; 
} 
.Current a.nav{
  background:#3f2714 url("../img/bg_navshadow.gif") repeat-x;
	color:#fffbcf;
}

/* Text
--------------------------------------------------------------*/

h1{
	font-family:Arial, Georgia, Helvetica;
	color:#fffbcf;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	margin:0;
}
h2{
	font-family:Arial, Georgia, Helvetica;
	color:#fffbcf;
	font-weight:100;
	font-size:12px;
	text-align:justify;
	margin:0;
}
h3{
	font-family:Arial, Georgia, Helvetica;
	color:#fffbcf;
	font-weight:bold;
	font-size:12px;
	text-align:justify;
	margin:0;
}
h4{
	font-family:Arial, Georgia, Helvetica;
	color:#fffbcf;
	font-weight:100;
	font-size:12px;
	text-align:left;
	margin:0;
}
h5{
	font-family:Arial, Georgia, Helvetica;
	color:#fffbcf;
	font-weight:100;
	font-size:12px;
	text-align:center;
	margin:0;
}
h6{
	font-family:Arial, Georgia, Helvetica;
	color:#fffbcf;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	margin:0;
}
span.h2{
	font-weight:bold;
}
/* Links
--------------------------------------------------------------*/

a.standard:link { 
color:#d39245; 
text-decoration: none; 
border-bottom:dashed 1px #d39245;
} 
a.standard:visited { 
text-decoration: none; 
color:#d39245; 
border-bottom:dashed 1px #d39245;
} 
a.standard:hover { 
text-decoration: none; 
color: #d39245; 
background:#3f2714 url("../img/bg_navshadow.gif") repeat-x;
} 
a.standard:active { 
text-decoration: none; 
color:#d39245;
border-bottom:dashed 1px #d39245; 
}

/* Titles
--------------------------------------------------------------*/

span.dropcap_d{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_d.gif");
  background-repeat:no-repeat;
}
span.dropcap_h{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_h.gif");
  background-repeat:no-repeat;
}
span.dropcap_k{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_k.gif");
  background-repeat:no-repeat;
}
span.dropcap_m{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_m.gif");
  background-repeat:no-repeat;
}
span.dropcap_o{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_o.gif");
  background-repeat:no-repeat;
}
span.dropcap_p{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_p.gif");
  background-repeat:no-repeat;
}
span.dropcap_s{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_s.gif");
  background-repeat:no-repeat;
}
span.dropcap_w{
  display:block;
  float:left;
  width:60px;
  height:70px;
  margin-right:5px;
  background-image:url("../img/dropcap_w.gif");
  background-repeat:no-repeat;
}
span.dropcap_h span, span.dropcap_k span, span.dropcap_m span, span.dropcap_o span, span.dropcap_s span, span.dropcap_w span{
	display:none;
} 

