@charset "utf-8";
/* CSS Document */

/* Opmaak ==================================================== */
body 		{
			background-image:url(../images/achtergrond-repeat.jpg);
			background-repeat:repeat-x;
			background-color:#BFBFBF;
			font-family:Arial;
			font-size:13px;
			}

img 		{
			border:0px solid;
			}

a 			{
			color:red;
			}

a:hover 	{
			color:#CC0000;
			}

#container 	{
			width:850px;
			margin:auto;
			}
			
#header		{
			width:850px;
			height:40px;
			
			}
			
#header a	{
			float:right;
			margin-right:13px;

			}

.info		{
			*margin-left:-30px;
			}

/* menu ==================================================== */
#menu		{
			height:41px;
			width:850px;
			*margin-bottom:-3px;
			}
			
#top		{
			background-image:url(../images/top.jpg);
			background-repeat:no-repeat;
			width:799px;
			height:12px;
			}

.breadcrumb {
			margin-left:20px;
			font-size:10px;
			color:#666;
			}

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:hover {
			color:#999;
			}

/* Main ========================================================== */
#main,#main-pagina	{
			width:799px;
			background-image:url(../images/main-midden.jpg);
			background-repeat:repeat-y;
			text-align:left;
			min-height:340px;
			height:auto;
			}


.margin 	{
			padding:15px;
			padding-top:10px;
			margin-top:0px;
			*height:auto;
			}

#gradient 	{
			background-image:url(../images/gradient.jpg);
			background-repeat:no-repeat; 
			width:799px;
			min-height:186px;
			*height:auto;
			}

.groot-plaatje {
			float:left;
			margin-top:0px;
			margin-left:30px;
			margin-right:5px;
			width:472px;
			height:205px;
			background-image:url(../images/groot-plaatje.jpg);
			background-repeat:no-repeat;
			}

#center		{
			height:auto;
			}

/* Content blok ==================================================== */
.blok		{
			float:left;
			width:238px;
			height:205px;
			margin-left:0px;
			margin-top:0px;
			padding-top:5px;
			margin-bottom:6px;
			}

.blok-bovenkant		{ 
			width:238px;
			height:16px;
			background-image:url(../images/blok-bovenkant.jpg);
			background-repeat:no-repeat;
			padding:0px;
			margin:0px;
			margin-top:-8px;
			margin-bottom:10px;
			#margin-bottom:0px;
			}

.blok-midden	{
			width:238px;
			height:174px;
			background-image:url(../images/blok-midden.jpg);
			background-repeat:repeat_y;
			}

.blok-onderkant		{ 
			width:238px;
			height:15px;
			background-image:url(../images/blok-onderkant.jpg);
			background-repeat:no-repeat;
				
			}

/* Home-pagina ======================================================== */

.dienst-blok-glas	{
			margin-left:29px;
			}

.dienst-blok-glas, .dienst-blok-schilder, .dienst-blok-openingstijden	{
			*margin-top:2px;
			}

/* Tekst opmaak ================================================== */
div.hr 		{
			height: 10px;
			clear:both;
			}

div.hr hr 	{
  			display: none;
  			border:0px;
  			clear:both;
			}

.inhoud		{
			padding-top:10px;
			margin:0px 30px;
			font-size:14px;
			}

.pagina-begin {			
			border-bottom:1px solid #FF0000;
			position:relative;
			top:25px;
			}

.kop-blokje {
			width:10px;
			height:20px;
			background-color:red;
			position:relative;
			top:-22px;
			margin-right:5px;
			float:left;
			*margin-bottom:0px;
			}

.kop 		{
			font-size:20px;
			*font-size:10px;
			float:left;
			position:relative;
			bottom:13px;
			height:10px;
			}

h2			{
			margin:0px;
			*font-size:20px;
			*margin-top:1px;
}

.pagina-tekst {
			color:#333333;
}

.afbeelding	{
			margin-left:10px;
			margin-right:10px;
			float:right;
			border:1px solid #FF0000;
}

.blok-inhoud {
			width:215px;
			text-align:left;
			margin-left:10px;
			margin-top:-10px;
			*margin-top:-3px;
			height:182px;
			*height:179px;
			overflow:hidden;
			font-size:12px;
			color:#3E3E3E;
}

.blok-inhoud a {
			color:#636363;
			text-decoration:none;
}

.blok-inhoud ul li a {
			color:#636363;
			text-decoration:none;
}

.blok-inhoud-kop {
			margin-top:0px;
			font-size:20px;
			font-weight:bold;
			margin-bottom:2px;
			*margin-bottom:-6px;
			color:#000;
			text-decoration:none;
}

.diensten-lijst {
			margin-top:5px;
			margin-left:-12px;
			*margin-left:20px;
}

.dienst { 
			font-size:14px;
			font-weight:bold;
			padding-bottom:4px;
			list-style-image:url(../images/lijst-bullet.jpg);
			color:#636363;
			text-decoration:none;
}

.openingstijden-tabel {
			font-size:10px;
}

.openingstijden-tabel-links {
			width:107px;
}

.openingstijden-tabel-rechts {
			text-align:right;
}

/* +++++++ Buttons +++++++++ */

.contact-button {
	background-repeat:no-repeat;
	margin:20px;
}

.rechterbuttons {
	position:relative;
	float:right;
	
}

.contact-button.downloads {
	background-image:url(../images/but_downloads.jpg);
	width:97px;
	height:31px;
}

.contact-button.downloads:hover {
	background-image:url(../images/but_downloads_hover.jpg);
}

.contact-button.contactformulier {
	background-image:url(../images/but_contact.jpg);
	width:128px;
	height:31px;
}

.contact-button.contactformulier:hover {
	background-image:url(../images/but_contact_hover.jpg);
}

.contact-button.fotoquelle {
	background-image:url(../images/but_fotoquelle.jpg);
	width:128px;
	height:31px;
}

.contact-button.fotoquelle:hover {
	background-image:url(../images/but_fotoquelle_hover.jpg);
}

.contact-button.voorwaarden {
	background-image:url(../images/but_voorwaarden.jpg);
	width:128px;
	height:31px;
}

.contact-button.voorwaarden:hover {
	background-image:url(../images/but_voorwaarden_hover.jpg);
}

.contact-button.verenigingen {
	background-image:url(../images/but_verenigingen.jpg);
	width:128px;
	height:31px;
}

.contact-button.verenigingen:hover {
	background-image:url(../images/but_verenigingen_hover.jpg);
}

.contact-button.links {
	background-image:url(../images/but_links.jpg);
	width:128px;
	height:31px;
}

.contact-button.links:hover {
	background-image:url(../images/but_links_hover.jpg);
}

.contact-button.route {
	background-image:url(../images/but_route.jpg);
	width:128px;
	height:31px;
}

.contact-button.route:hover {
	background-image:url(../images/but_route_hover.jpg);
}

/* Footer ======================================================== */

#footer {
			Position:relative;
			clear:both;
			width:799px;
			height:81px;
			padding-top:13px;
			background-image:url(../images/main-footer.jpg);	
			background-repeat:no-repeat;
			text-align:center;
			color:#666666;
}

#footer a, #footer a:hover, #footer a:visited {
			color:#666666;
			text-decoration:underline;
}

/* Gallery ======================================================= */

/* gallery opmaak */
.tabblad {
float:left;
height:26px;
background-repeat:no-repeat;
}

.foto {
	float:left;
}
/* statussen tabbladen */
.blankmodern {
	width:161px;
	cursor:pointer;
}

		.blankmodern-actief {
			background-image:url(../images/gallery/blank-modern-actief.jpg);
			cursor:pointer;
		}
		
		.blankmodern-halfactief {
			background-image:url(../images/gallery/blank-modern-halfactief.jpg);
			cursor:pointer;
		}
		
		.blankmodern-inactief {
			background-image:url(../images/gallery/blank-modern-inactief.jpg);
			cursor:pointer;
		}

.blankklassiek {
	width:129px;
	cursor:pointer;
}

		.blankklassiek-actief {
			background-image:url(../images/gallery/blank-klassiek-actief.jpg);
			cursor:pointer;
			
		}
		
		.blankklassiek-halfactief {
			background-image:url(../images/gallery/blank-klassiek-halfactief.jpg);
			cursor:pointer;
		}
		
		.blankklassiek-inactief {
			background-image:url(../images/gallery/blank-klassiek-inactief.jpg);
			cursor:pointer;
		}

.gekleurd {
	width:129px;
	cursor:pointer;
}

		.gekleurd-actief {
			background-image:url(../images/gallery/gekleurd-actief.jpg);
			cursor:pointer;
		}
		
		.gekleurd-halfactief {
			background-image:url(../images/gallery/gekleurd-halfactief.jpg);
			cursor:pointer;
		}
		
		.gekleurd-inactief {
			background-image:url(../images/gallery/gekleurd-inactief.jpg);
			cursor:pointer;
		}
		
.glas-in-lood {
		width:160px;
		cursor:pointer;
}

		.glas-in-lood-actief {
			background-image:url(../images/gallery/glas-in-lood-actief.jpg);
			cursor:pointer;
		}
		.glas-in-lood-inactief {
			background-image:url(../images/gallery/glas-in-lood-inactief.jpg);
			cursor:pointer;
		}

.medaillons {
		width:130px;
		cursor:pointer;
}

		.medaillons-actief {
			background-image:url(../images/gallery/medaillons-actief.jpg);
			cursor:pointer;
		}
		.medaillons-inactief {
			background-image:url(../images/gallery/medaillons-inactief.jpg);
			cursor:pointer;
		}
		
.projectfotos {
		width:161px;
		height:26px;
		float:left;
		cursor:pointer;
}

.projectfotos-actief {
		background-image:url(../images/gallery/projectfotos-actief.jpg);
		cursor:pointer;
}

.projectfotosGlas {
		position:relative;
		width:160px;
		height:26px;
		float:left;
		cursor:pointer;
}
	
		.projectfotosGlas-actief {
			background-image:url(../images/gallery/projectfotosGlas-actief.jpg);
			cursor:pointer;
		}
			
		.projectfotosGlas-inactief {
			background-image:url(../images/gallery/projectfotosGlas-inactief.jpg);
			cursor:pointer;
		}
		
.projectfotosSchilderwerk {
		position:relative;
		width:141px;
		height:26px;
		float:left;
		cursor:pointer;
}
	
		.projectfotosSchilderwerk-actief {
			background-image:url(../images/gallery/projectfotosSchilderwerk-actief.jpg);
			cursor:pointer;
		}
			
		.projectfotosSchilderwerk-inactief {
			background-image:url(../images/gallery/projectfotosSchilderwerk-inactief.jpg);
			cursor:pointer;
		}

.projectfotos-achterstuk {
		background-image:url(../images/gallery/projectfotos-achterstuk.jpg);
		width:340px;
		background-position:right;
		*position:relative;
		*float:left;
		*margin-left:301px;
		*margin-top:-26px;
}

.projectfotos2-achterstuk {
		background-image:url(../images/gallery/projectfotos-achterstuk2.jpg);
		width:481px;
		position:relative;
		float:right;
		margin-right:127px;
}
		
.glas-in-lood-achterstuk {
		background-image:url(../images/gallery/glas-in-lood-achterstuk.jpg);
		width:350px;
		background-position:right;
}

.achterstuk {
	background-image:url(../images/gallery/achterstuk.jpg);
	width:221px;
	background-position:right;
}


/* tabscheiding */
#gallery {
	clear:both;
}

#gallerycontainer {
	position:relative;
	/*top:100px;*/
	left:65px; 
}

/* Carlist */
#carlistMain{
	float:left;
	margin-right:5px;
	margin-bottom:1ems;
	width:510px;
	clear:both;
}

#carlistMenu{
	float:left;
	width:540px;
	height:100px;
	overflow:hidden;
	position: relative;
	background-image:url(../images/gallery/box-repeat.jpg);
	background-repeat:repeat-x;
}

#carlistContent{
	height:100px;
	position: relative;
	*float:left;
	width:9000px;
}

.carlistContainer{
	*position:relative;
	float:left;
}

.carlistContainerx{
	*position:relative;
	float:left;
	margin-top:8px;
}

#carlistBox{
	*position:relative;
	float:left;
	margin-right:10px;
	margin-top:8px;
}

#carlistBox img {
	float:left;
	margin-left:5px;
	border:1px solid #FF0000;
	height:80px;
	width:100px;
	overflow:hidden;
}

.fotocontainer {
	float:left;
	margin-left:5px;
	border:1px solid #FF0000;
	height:80px;
	overflow:hidden;
}

.carlistPrevious{
	background-image:url(../images/gallery/pijl-links.jpg);
	background-repeat:no-repeat;
	width:50px;
	height:100px;
	float:left;
	cursor:pointer;
}

.carlistNext {
	background-image:url(../images/gallery/pijl-rechts.jpg);
	background-repeat:no-repeat;
	width:50px;
	height:100px;
	float:left;
	cursor:pointer;
}

/* Carlist end */