html,body { 
	height: 100%; 
	font-family: Verdana;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: x-large;
	font-weight: bold;
}
.background {
	border: 1px solid #3D3937; 
	background-color: #171411;
}
.content {
	border: 1px solid #3D3937;
	background: #171411 url(images/logo_achtergrond.png) no-repeat center center; 
	width: 896px; 
	max-height:535px;
	height: 535px;
}
.menu {
	border: 1px solid #3D3937;
	background-color: #171411;
	width: 896px; 
	height: 74px;
	margin: 0px;
	padding: 0px;
}
.fixed-height-1 { 
	max-height:74px;
	height: 74px; 
	margin: 0px;
	padding: 0px;
}
.fixed-height-2 { 
	max-height:535px;
	height: 535px; 
	margin: 0px;
	padding: 0px;	
}	

.content-image {
	float: left;
	/*width: 503px; */
	padding-left: 55px;
	padding-top: 70px;
/*	height: 553px; */
}
.content-list {
	display: none;
	background: url(images/merker_bjkg_trans.png);
	overflow: auto;
	color: #707070;
	font-weight: bold;
	margin: 0px;
	width: 369px;
	float: right;
	height: 520px;
	padding-left: 18px;
	padding-top: 12px;
	padding-right: 18px;
	padding-bottom: 0px;
}
.content-list a, .content-list a:visited  {
	color: #707070;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.5;
}
.content-list a:hover{
	color: #000000;
	text-decoration: none;
}
.sub-content{
	position: relative;
	left: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, "Sans Serif"; 
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
	color: #707070;
	padding: 0px;
	margin: 0px;
	z-index:1000;
	margin-top: -40px;
	}

#imageMenu {
	position: relative;
	width: 896px;
	height: 74px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;	
}

#imageMenu ul {
	list-style: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 74px;
	width: 1288px;
}

#imageMenu ul li {
	float: left;
	margin: 0px;
	padding: 0px;	
}

#imageMenu ul li a {
	text-indent: -1288px;
	background:#FFFFFF none repeat scroll 0%;
	/* border-right: 2px solid #3D3937; */
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:128px;
	height: 74px;
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}
#imageMenu ul li.horloges a {
	background: url(images/m_horloges.png) repeat scroll 0%;
}

#imageMenu ul li.goud a {
	background: url(images/m_goud.png) repeat scroll 0%;
}

#imageMenu ul li.zilverstaal a {
	background: url(images/m_zilver_staal.png) repeat scroll 0%;
}

#imageMenu ul li.trouwringen a {
	background: url(images/m_trouwringen.png) repeat scroll 0%;
}

#imageMenu ul li.jeugd a {
	background: url(images/m_jeugd.png) repeat scroll 0%;
}

#imageMenu ul li.catalogus a {
	background: url(images/m_catalogus.png) repeat scroll 0%;
}

#imageMenu ul li.vanbeek a {
	background: url(images/m_vanbeek.png) repeat scroll 0%;
}
h2 { 
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

.collapse {
	height: 0px;
	width: 896px;
	overflow: hidden;
}

#content-vanbeek {
	text-align: top;
	width: 745px;
}
#content-vanbeek-image {

}

#content-collapse{
	z-index: 1;
}
/*Twitter speciffic*/

#twittercontainer {
	height: 74px; /*74 - 2*padding*/
	width: 896px; /*896-2xpadding*/
	overflow: hidden;

	font-size: 12px;
}

.tweetslide  {
	padding: 10px;
	padding-bottom: 0px;
}

.tweetslide span {
color: #FFFFFF;
}

.tweetslide a {
text-decoration: none;
display: inline;
color: #707070;
}

.tweetslide a:hover {
text-decoration: underline;
color: #707070;
}
.tweetslide a:active {
text-decoration: none;
color: #707070;
}
.tweetslide a:visited {
text-decoration: none;
color: #707070;
}


.tweetslide span a {
text-decoration: none;
display: inline;
color: #707070;
}

.tweetslide span a:hover {
text-decoration: underline;
color: #707070;
}
.tweetslide span a:active {
text-decoration: none;
color: #707070;
}
.tweetslide span a:visited {
text-decoration: none;
color: #707070;
}
.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
}
.invisible {
	color: #171411;
}
.twitterlogo {
	padding:0px;
	margin:0px;
	padding-top:11px;
	padding-right: 10px;

}