/* 

You may adapt elements of this CSS in your own projects, but the unique combination of images, 
colors, sizes, typography, and positioning ("the design") is copyright (c) 2005 Leendert van der Ree 
and may not be reproduced. (css template for Christine van der Ree Amsterdam)

*/ 

#container {
	background: transparent;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 5;
}

#firstbottom {
	width: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 0;
}

#bottom {
	position: relative;
	margin: 0 auto;
	padding: 0;
	z-index: 0;
}

#randomwrapper {
	position: absolute;
	top: 50px;
	left: 40px;
	width: 90%;	
}
.random {
	position: relative;
	padding: 15px;
	float: left;
}

#beeldinfo {
	position: absolute;
	top: 140px;
	left: 25px;
	margin: 0;
	padding: 6px;
	font-size: 90%;
	z-index: 99;
}
#beeldinfo a {
	text-decoration: none;
}
.home a#home, .zilver a#zilver, .sieraad a#sieraad, .paneel a#paneel, .restauratie a#restauratie, .info a#info, .actueel a#actueel, .workshop a#workshop, .contact a#contact {
/*	color: silver !important;*/
	color: #5600b7 !important;
	background-color: #b7b300 !important;
}

/*   main typo   */

p, .cv {
	color: silver;
	letter-spacing: 0.15em;
	text-align: left;
	font-size: 75%;
}

.cv a:link, .cv a:visited {
	color: white;
	text-decoration: underline;
}

em {
	font-style: normal;
	color: #b0eeaa;
	font-variant: small-caps;
	letter-spacing: 0.2em;
}

.cv {
	width: 850px;
	padding: 20px 0 0 0px;
	font-size: 100%;
	line-height: 145%;
	clear: both;
}


#main ul {
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: silver;
	float: left;
	width: 100%;
	text-align: left;
	font-size: 100%;
}

#main ul li {
	display: list-item; 
	font-size: 100%;
}

strong a:link, strong a:visited{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}

/*   div's  & typo */

#main {
	position: absolute;
	top: 60px;
	left: 40px;
	width: 600px;
}

#main img {
	float: left;
	padding: 0 16px 16px 0;
}

.kopje {
	background: transparent;
	font-family: Georgia,Times,serif;
	font-size: 95%;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #b70005;
	display: block;
	clear: left;
}

.kopje em {
	color: #f4bb9d;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

.subkopje {
	background: transparent;
	font-family: Georgia,Times,serif;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #b75700;
	display: block;
	clear: left;
}

#personal {
	background: transparent;
	font-family: Georgia,Times,serif;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-size: 80%;
	color: #b75700;
	display: block;
	text-align: left;
}

/*   main nav  */

#navcontainer ul {
	padding: 0;
	margin: 0;
	background-color: #b70005; /*#ababab;*/
	color: #654B39; /*#999;*/
	float: left;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#navcontainer ul li { 
	display: inline; 
}

#navcontainer ul li a {
	padding: 0.2em 1em;
/*	background-image: url(../nav/menu_breed.jpg);
	background-repeat: repeat;*/
	background-color: #b70005;
	color: orange; /*#545454;*/
	text-decoration: none;
	float: left;
	border-right: 2px solid #0062b7; /*#fff;*/
	width: 100px;
	height: 15px;
}

#navcontainer ul li a:hover {
	background-color: #484cff;
	color: silver; /*#5600b7;*/
}

/*   sub nav   */

#subnavcontainer  {
	background-color: transparent  !important;
}

#subnavcontainer ul {
	padding: 0;
/*	margin: 10px 0 0 0;*/
	background-color: transparent;
	color: #654B39; /*#999;*/
	float: left;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#subnavcontainer ul li { 
	display: inline; 
}

#subnavcontainer ul li img { 
	border: 1px none red; 
}

#subnavcontainer ul li a {
/*	padding: 0.2em 1.25em;*/
	padding: 0 3px 10px 2px;
	background-color: transparent;
	color: orange; /*#545454;*/
	text-decoration: none;
	float: left;
/*	width: 50px;*/
}

#subnavcontainer ul li a:hover {
	background-color: transparent;
	color: #5600b7;
}

/*   language differences   */
	
#infodutch {
	position: absolute;
	top: 140px;
	left: 25px;
	background: transparent;
	width: 240px;
	height: auto;
	font-size: 95%;
	letter-spacing: 0.15em;
	line-height: 145%;
	padding: 6px;
	visibility: hidden;
	z-index: 100;
}

#infodutch>p {
	color: #eee8aa;
}

#infodutch>a:link, a:visited {
	color: #eee8aa;
}