@font-face {
	font-family: 'Conv_DIN-Medium';
	src: url('/fonts/DIN-Medium.eot');
	src: local('☺'), url('/fonts/DIN-Medium.woff') format('woff'), url('/fonts/DIN-Medium.ttf') format('truetype'), url('/fonts/DIN-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



*
{
	margin:				0;
	padding:			0;
	border:				0;
	font: 				11px Verdana, Sans-Serif;
}

a
{
	color:				#fff;
	text-decoration:	none;
	cursor: pointer;
}

a:hover
{
	color:				#aaa;
	text-decoration:	underline;
	cursor: pointer;
}
body
{
	margin-left:		0;
	margin-top:			0;
	margin-right:		0;
	background-attachment: fixed;
	background:			#222 url(../images/bg1.jpg) repeat-y center top;
	text-align:			center;
}
#container
{
	margin-left:		auto;
	margin-right:		auto;
	position:			relative;
	margin:				auto;
	display:				block;	
	width: 				954px;
	background:			#000;
}
#header
{
	width:				100%;
	height:				5.6em;
	background:			#212121;
}
#herman_tulp
{
	display:				inline;
	width:				17.8em;
	height:				100%;
	float:				left;
}
img.herman_tulp
{
	width:				100%;
	height:				100%;
}
#talen_header > a > img{
	max-height: 15px;
	max-width: 28px;
}
#kunstschilder
{
	display:				inline;
	width:				15.1em;
	height:				5.6em;
	float:				right;
}
img.kunstschilder
{
	width:				100%;
	height:				100%;
}
#navigatie
{
	position:			relative;
	z-index: 			1000;
	display: 			block;
	padding-left:		5px;
	width: 				90%;
	float: 				left;
	background:			#000;
	margin-left:		0.5em;
}

ul#navigation
{
	vertical-align:	center;
}

ul#navigation li
{
	list-style-type:		none;
	display:				inline;
	float:					left;
	padding:				12px;
	font-size:				
}
ul#navigation li img
{
	padding-left:			0.8em;
	padding-right:			1.3em;
	padding-top:			1.6em;
	padding-bottom:		1.2em;
}
ul#navigation li#l1 { 	background: url(../images/1.gif) no-repeat center left; }
ul#navigation li#l2 {	background: url(../images/2.gif) no-repeat center left; }
ul#navigation li#l3 {	background: url(../images/3.gif) no-repeat center left; }
ul#navigation li#l4 {	background: url(../images/4.gif) no-repeat center left; }
ul#navigation li#l5 {	background: url(../images/5.gif) no-repeat center left; }
ul#navigation li#l6 {	background: url(../images/6.gif) no-repeat center left; }
ul#navigation li#l7 {	background: url(../images/7.gif) no-repeat center left; }
ul#navigation li#l8 {	background: url(../images/8.gif) no-repeat center left; }
ul#navigation li#l9 {	background: url(../images/1.gif) no-repeat center left; }
ul#navigation li#20 {	background: url(../images/2.gif) no-repeat center left; }
ul#navigation li#21 {	background: url(../images/3.gif) no-repeat center left; }


ul#navigation li a { font-family:'Conv_DIN-Medium',Sans-Serif; font-size:14px;}

.visual
{
	display:				block;
	height:				21.5em;
	float:				left;
	padding-left:		10px;
	padding-right:		10px;
	margin-bottom:		3.0em;
}
							.visual img
							{
								width:					100%;
								height:					100%;
							}

							.visual#small
							{
								width:					680px;
							}
							
							.visual#large
							{
								width:					935px;
							}
#schilderijen
{
	display:				block;
	width:				240px;
	background:			#000;
	float:				right;
	vertical-align:	top;
	padding-right:		1.0em;
}
							#schilderijen div
							{
								display:					block;
								width:					240px;
								height:					142px;
								margin-bottom:			1.1em;
								border:					1px solid #000;
							}
			
							#schilderijen div:hover
							{
								border: 1px solid #00f;
							}

img.schilderij
{
	width:				100%;
	height:				100%;
}





/*	CSS voor het rubriekengedeelte.
 *
 */
#rubrieken
{
	display:				block;
	position:			relative;
	clear:				left;
	width:				190px;
	float:				left;
	text-align:			left;
	padding-left:		1.1em;
	color:				#fff;
}

							.actief
							{
								margin-top:				3.2em;
							}
							#rubrieken p
							{
								width:					100%;
								font:						1.07em Arial, Sans-Serif;
							}
			
							#rubrieken p#bullet
							{
								display:					block;
								position:				relative;
								float:					left;
								color:					#fff;
								padding-bottom:			1em;
								font-size:				14px;
								font-weight:			bold;
							}
			
							#rubrieken p#titel
							{
								display:					block;
								float:					left;
								color:					#4074a6;
								padding-bottom:		-1.3em;
							}
	
							#rubrieken p#talen
							{
								display:					block;
								float:					left;
								padding-left:			0.8em;
								padding-bottom:			10px;
							}
							
							#rubrieken p#talen a
							{
								text-decoration:		none;
								color:					#888;
							}
							
							#rubrieken p#talen a:hover
							{
								text-decoration:		underline;
								color:					#fff;
							}
							#rubrieken a#keuzes:hover
							{
								text-decoration:		underline;
								color:					#fff;
							}
							
							#rubrieken a#keuzes
							{	
								height:					21px;
								display:					list-item;
								list-style:				none;
								font-family:		'Conv_DIN-Medium',Sans-Serif;
								font-size:				13px;
								line-height:			2.0em;
								text-transform:		uppercase;
								text-decoration:		none;	
								margin-left:			0.8em;
								color:					#fff;
							}
div#content
{
	display:				block;
	position:			relative;
	float:				left;
	text-align:			left;
	padding-left:		1.5em;
}

.small
{
	width:				450px;
}

.full
{
	width:				715px;
}

.ecards
{
	width:				75.4em;
}

.paragraph
{
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.par_borders .paragraph{border-bottom: 1px solid #333;}
							.paragraph h2
							{
								color:					#fff;
								position:				relative;
								background:				url(../images/bullet.png) no-repeat center left;
								padding-left:			1.0em;
								font-size:				16px;
								font-family:			'Conv_DIN-Medium', sans-serif;
								text-align:				bottom;
								margin-top:				0.6em;
								margin-bottom:			0.6em;
							}
							
							.paragraph span
							{
								width:					100%;
								color:					#7c7c7c;	
								font:					12px Arial, Sans-Serif;
								line-height:			1.6em;
								padding-right:			40px;
								display:block;
							}
							
							.paragraph strong
							{
								color:					#4074a6;
								font:					12px Arial, Sans-Serif;
							}
							
							.paragraph img
							{
								/*border: 10px solid #fff;*/
							}
.mod_schilderij
{
	width:				230px;
	height:				138px; 
	display:				block;
	float:				left;
	padding:				0;
	margin:				0;
	margin-right:		5px;
	margin-bottom:		5px;
	border:				1px solid #000;
	color:				#999;
	overflow:			hidden;
}

							.mod_schildeij img
							{
								width:					18.7em;
								height:					11.1em;
							}
							
							.mod_schilderij:hover 
							{
								border:					1px solid #56a;
							}

img.mod_schilderij_groot
{
	border:				1.1em solid #fff;
	margin-bottom:		0.6em;
}

img.mod_schilderij_groot:hover
{
	/*border-color:		#ccc;*/
}

div.mod_schilderijen_cointainer a
{
	color:				#aaa;
}

p.eigenschappen
{
	display:				inline;
	color:				#777;
}

p.titel_werk
{
	display:				inline;
	color:				#fff;
}

table#ecardform
{
	margin-top:			4em;
	width:				63%;
}
							table#ecardform tr
							{
								padding-bottom:		0.6em;
							}
							table#ecardform td
							{
								color:					#999;
								padding:					0.3em;
								padding-left:			0;
								padding-right:			1.2em;
							}
							table#ecardform td textarea
							{	font-size:				12px;
								margin:					0;
								padding:					0;
								width:					100%;
								height:					8em;	
							}
							table#ecardform td input
							{   font-size:				12px;
								width:					100%;
								height:					2em;	
							}
							
							table#ecardsform td button
							{
								/* */
							}

							p.ecardkopje
							{
								color: #FFF;
								
							}
										
div.schilderijen_container
{
	display:				block;
	width:				100%;
	margin-top:			8.0em;
}

#rubriek,#prev,#next
{
	padding-bottom: 10px;
}

.footer{
	width:				954px;
	margin: 			0px auto;
	height:				5.6em;
	border-top:			1px solid #212121;
}
.footer p{color:#555;padding:20px;}
.footer a{color:#555;}
.footleft{float:left;}
.footright {float:right; color:#333 !important;}
.footright a { color:#333 !important;}