/* CSS Document --- GreyArt 2007 ----*\
|									  |
|	door Sietse Stelma voor GreyArt	  |
|		Layout 2007 editie            |
|			26 mei 2007				  |
|									  |
\*-----------------------------------*/

BODY {
	background-image:url(images/bgpattern.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-color:#DDDDDD;
	margin-top:0px;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
}

A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:14px;
}
A:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:14px;
	text-decoration:none;
}
A:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#AAAAAA;
	font-size:14px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:15px;
	margin-left:50px;

}
.fotoTekst {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
	text-align:right;
}
#pagina { 
	width:950px;
	height:auto;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	border:0px #000000 solid;
	background-color:#ffffff;
}
#divPaginaTitel {
	/* ... opgenomen in pagina afhankelijke sheets ... */
}
#content {
	width:950px;
	height:auto;
	position:absolute;
	top:640px;
	border:0px #000000 solid;
	background-color:#ffffff;
}

/* individuele css pagina's */

/*header bovenregel */
#div01 {
	background-image:url(images/2007Layout_01.gif);
	width:160px;
	height:486px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}
#div02 {
	background-image:url(images/2007Layout_02.gif);
	width:157px;
	height:486px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:160px;
}
#div03 {
	background-image:url(images/2007Layout_03.gif);
	width:158px;
	height:486px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:317px;
}
#div04 {
	background-image:url(images/2007Layout_04.gif);
	width:158px;
	height:486px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:475px;
}
#div05 {
	background-image:url(images/2007Layout_05.gif);
	width:157px;
	height:486px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:633px;
}
#div06 {
	background-image:url(images/2007Layout_06.gif);
	width:160px;
	height:486px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:790px;
}
/*header navregel */
#div07 {
	background-image:url(images/2007Layout_07.gif);
	width:160px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:486px;
	left:0px;
}
#JSButtons {
	width:0px;
	height:0px;
	position:absolute;
	top:486px;
	left:160px;
	border:0px #000000 solid;
	z-index:3;
	overflow:hidden;
	visibility:hidden;
}

#aHrefButtons {
	width:630px;
	height:57px;
	position:absolute;
	top:486px;
	left:160px;
	border:0px #000000 solid;
	z-index:2;
	overflow:hidden;
	visibility:visible;
}

.divDrawingsKnop {
	width:157px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
/*	top:486px;
	left:160px;*/
	cursor:pointer;
}
.divPhotosKnop {
	width:158px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:157px;
	cursor:pointer;
}
.divAboutKnop {
	width:158px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:315px;
	cursor:pointer;	
}
.divLinksKnop {
	width:157px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:473px;
	cursor:pointer;	
}
#div12 {
	background-image:url(images/2007Layout_12.gif);
	width:160px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:486px;
	left:790px;
}
/* header onderregel */
#div13 {
	background-image:url(images/2007Layout_13.gif);
	width:160px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:543px;
	left:0px;
}
#div14 {
	background-image:url(images/2007Layout_14.gif);
	width:157px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:543px;
	left:160px;
}
#div15 {
	background-image:url(images/2007Layout_15.gif);
	width:158px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:543px;
	left:317px;
}
#div16 {
	background-image:url(images/2007Layout_16.gif);
	width:158px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:543px;
	left:475px;
}
#div17 {
	background-image:url(images/2007Layout_17.gif);
	width:157px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:543px;
	left:633px;
}
#div18 {
	background-image:url(images/2007Layout_18.gif);
	width:160px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:543px;
	left:790px;
}
/* Footer */
#footer_collectie {
	background-image:url(images/2007Layout_19.gif);
	width:950px;
	height:97px;
	overflow:hidden;
	position:relative;
	bottom:0px;
	left:0px;
	border:0px #000000 solid;
}
#div19 {
	background-image:url(images/2007Layout_19.gif);
	width:160px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}
#div20 {
	background-image:url(images/2007Layout_20.gif);
	width:157px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:160px;
}
#div21 {
	background-image:url(images/2007Layout_21.gif);
	width:158px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:317px;
}
#div22 {
	background-image:url(images/2007Layout_22.gif);
	width:158px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:475px;
}
#div23 {
	background-image:url(images/2007Layout_23.gif);
	width:157px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:633px;
}
#div24 {
	background-image:url(images/2007Layout_24.gif);
	width:160px;
	height:97px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:790px;
}

/* Overige -------------------------------------- */
.tekening_item {
	border:0px #000000 solid;
	position:relative;
	width:700px;
	margin-left:auto;
	margin-right:auto;
	z-index:20;
	overflow:visible;

}
.tekening_item_afbeelding {
	border:1px #CCCCCC solid;
	position:relative;
	width:350px;
	height:auto;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:7px;
	margin-top:20px;
	padding:7px;
}

.tab_buttonholder {
width:580px;
height:170px;
border:0px #000000 solid;
position:relative;
top:0px;
/*left:60px;*/
margin-left:auto;
margin-right:auto;
overflow:visible;
z-index:10;
margin-bottom:5px;
}
.comment_show_td * A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:10px;
}
.comment_show_td * A:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:10px;
	text-decoration:none;
}

.tekening_item_tekst {
	border:1px #CCCCCC solid;
	position:absolute;
	top:20px;
	left:0px;
	width:580px;
	height:150px;
	overflow:auto;
	background-color:#FFFFFF;
}
.tekening_item_comments {
	border:1px #CCCCCC solid;
	position:absolute;
	left:0px;
	top:20px;
	width:0px;
	height:0px;
	overflow:auto;
	background-color:#FFFFFF;
	overflow:auto;
}
.tekening_item_post_comment {
	border:1px #CCCCCC solid;
	position:absolute;
	left:0px;
	top:20px;
	width:0px;
	height:0px;
	overflow:auto;
	background-color:#FFFFFF;
	overflow:auto;
}

		.tab_buttons_info {
		border:#CCCCCC 1px solid;
		border-bottom:none;
		width:110px;
		height:20px;
		overflow:hidden;
		position:absolute;
		left:10px;
		background-color:#FFFFFF;
		z-index:2;
		cursor:pointer;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			font-size:10px;
		}
		.tab_buttons_show {
		border:#CCCCCC 1px solid;
		width:110px;
		height:20px;
		overflow:hidden;
		position:absolute;
		left:125px;
		background-color:#EEEEEE;
		z-index:0;
		cursor:pointer;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			font-size:10px;
		}
		.tab_buttons_post {
		border:#CCCCCC 1px solid;
		width:110px;
		height:20px;
		overflow:hidden;
		position:absolute;
		left:240px;
		background-color:#EEEEEE;
		z-index:0;
		cursor:pointer;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			font-size:10px;
		}
#drawings_navigatie {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #CCCCCC;
	margin-top:35px;
	padding:5px 0px 5px 0px;
	margin-bottom:5px;
	overflow:hidden;
	text-align:center;
	width:580px;
	height:20px;
	bottom:0px;
	left:0px;
}