html {
padding:0;	
margin: 0;	
margin-left: -1px;
overflow-Y: scroll;
height: 100%;
}
body { 
background: #EEE url(http://www.artikraak.org/img/sitemidbg.jpg);
background-repeat:repeat-y;
background-position: top center;
text-align : center;
font: normal 12px arial, helvetica, verdana, Serif;
color:#222;
margin:0; 
padding:0;
min-width: 600px;
height: 100%;
line-height:20px;
}


h1 {
font: bold 16px arial, helvetica, verdana, Serif;
letter-spacing : -1px;  
text-align:left;
padding:0;
margin:0 0 10px 0;
color : #336600; 
}
#logo h1 {
font: normal 24px arial, helvetica, verdana, Serif;
color : #000; 
letter-spacing : 0px;  
margin: 0; 
margin-bottom: 10px; 
padding: 0;
text-align: right;
}
h1 b {color : #000;font: normal 24px arial, helvetica, verdana, Serif;}

.failed{position:relative;top:0;left:23%;width:50%;padding:0 10px 10px 10px;border:0px solid #CCC;}
.failed h1{
font: bold 18px arial, helvetica, verdana, Serif;
letter-spacing : -1px;
text-transform:uppercase;
text-align:justify;
color : #440000;
line-height:14px;
margin:0;
padding:0;
}
.failed h1 b{color : #880000;}
.failed h2 {
font: bold 12px arial, helvetica, verdana, Serif;
letter-spacing : 1px;
text-transform:uppercase;
text-align:right;
color:#888;
padding:10px 0 0 0;
}

h2 b {color : #336600;}

h2 {
color:#336600;
font: bold 16px arial, helvetica, verdana, Serif;
letter-spacing : -1px;  
text-align:left;
padding:0;
margin: 0;
}
h3 b {color: #336600;}
h3 {
font: normal 16px arial, helvetica, verdana, Serif;
color : #336600; 
letter-spacing : 0px; 
padding:0;
margin: 0 0 5px 0;
}
h4 b {color: #336600;}
h4 {
display:block;
font-size:17px;
color : #336600; 
padding:0;
margin: 0;
line-height:20px;
letter-spacing : -1px; 
}
h5 b {color: #000;}
h5 {
font-size:16px;
color : #545454; 
}
h6 {
font-size:15px; 
color : #000; 
}


A:link, A:visited {
color : #69B900; 
text-decoration : none;
} 
A:active, A:hover {
color : #000; 
text-decoration : underline; 
} 



A.b:link, A.b:visited {
font: bold 16px arial, helvetica, verdana, Serif;
letter-spacing : -1px;  
text-align:left;
padding:0;
margin: 0 0 10px 0;
color : #69B900; 
text-decoration : none;
} 
A.b:active, A.b:hover {
font: bold 16px arial, helvetica, verdana, Serif;
letter-spacing : -1px; 
text-align:left;
padding:0;
margin: 0 0 10px 0;
color : #000; 
text-decoration : none;
}  

A.info:link, A.info:visited {
	font: bold 12px arial, verdana,  Serif;
	letter-spacing : 0px; 
	text-decoration: none;
	display:block;
	color:#FFF;
	background:#65cc00;
	padding:5px 10px 5px 10px; 
	height:14px;
	width:auto;
	margin:0px 1px 1px 0;
	text-align:center;
}
A.info:active, A.info:hover {
	font: bold 12px arial, verdana,  Serif;
	letter-spacing : 0px; 
	text-decoration: none;
	display:block;
	color:#FFF;
	background: #222;
	padding:5px 10px 5px 10px;  
	height:14px;
	width:auto;
	margin:0px 1px 1px 0;
	text-align:center;
}
A.infox:link, A.infox:visited {
	font: bold 12px arial, verdana,  Serif;
	letter-spacing : 0px; 
	text-decoration: none;
	display:block;
	color:#FFF;
	background: #222;
	padding:5px 10px 5px 10px; 
	height:14px;
	width:auto;
	margin:0px 1px 1px 0;
	text-align:center;
}
A.infox:active, A.infox:hover {
	font: bold 12px arial, verdana,  Serif;
	letter-spacing : 0px;  
	text-decoration: none;
	display:block;
	color:#FFF;
	background: #222;
	padding:5px 10px 5px 10px; 
	height:14px;
	width:auto;
	margin:0px 1px 1px 0;
	text-align:center;
}


.menulist A.info:link, .menulist A.info:visited{
text-align:center;width:auto;
}
.menulist A.info:active, .menulist A.info:hover {
text-align:center;width:auto;
}
.menulist A.infox:link, .menulist A.infox:visited {
text-align:center;width:auto;
}
.menulist A.infox:active, .menulist A.infox:hover {
text-align:center;width:auto;
}

#smenu A.info:link, #smenu A.info:visited{
text-align:center;width:auto;	color:#65cc00;background: #FFF; padding:2px 10px 2px 10px; height:14px;
}
#smenu A.info:active, #smenu A.info:hover {
text-align:center;width:auto;	color:#FFF;	background: #222;padding:2px 10px 2px 10px; height:14px;
}
#smenu A.infox:link, #smenu A.infox:visited {
text-align:center;width:auto;	color:#FFF;	background: #222;padding:2px 10px 2px 10px; height:14px;
}
#smenu A.infox:active, #smenu A.infox:hover {
text-align:center;width:auto;	color:#FFF;	background: #222;padding:2px 10px 2px 10px; height:14px;
}

#content A.info:link, #content A.info:visited{
text-align:left;margin:0px 2px 1px 0;
}
#content A.info:active, #content A.info:hover {
text-align:left;margin:0px 2px 1px 0;
}
#content A.infox:link, #content A.infox:visited {
text-align:left;margin:0px 2px 1px 0;
}
#content A.infox:active, #content A.infox:hover {
text-align:left;margin:0px 2px 1px 0;
}

#head{
	background: transparent url("http://www.artikraak.org/img/sitebg.png");
	background-repeat:repeat-x;
	background-position: top center;
	width:100%;
	height:160px;
	padding:0 0 0 0;
	margin: 0;
}

#maincontent{
	position:relative;
	top:0;
	left:0;	
	padding:0;
	margin: 0 auto;
	background: transparent;
	width:900px;
  	text-align: left;
	height: 100%; 
}
.footer{
	clear:both;
	position:fixed;
	bottom:5px;
	left:0;
  	text-align: left;
	height:25px;
	width:99%;
	margin:-5px 0 0 0; 
	padding:0 0 0 10px;
	background: transparent; 
	color:#FFF;
	font: normal 10px verdana, arial, helvetica, Serif;
	z-index:900;
}
.footer a:link, .footer a:visited {
color : #FFF; 
text-decoration : none;
font: normal 9px  arial, verdana, helvetica,  Serif; 
letter-spacing : 1px;  
text-transform: uppercase;
} 
.footer a:active, .footer a:hover {
color : #000; 
text-decoration : none;
font: normal 9px  arial, verdana, helvetica,  Serif; 
letter-spacing : 1px;  
text-transform: uppercase;
} 


/*LINKS*/
.linx{
	background:transparent;
	padding:0px;
}

/*GALLERY CSS*/
.gallerytop,.ingallerytop {padding:0;background:transparent;}
.gallerytop	  	{margin:0 10px 10px 0;float:left;}
.highgallerytop 	{margin:0;text-align:center;padding:20px 10px 10px 10px;border:1px solid #000;height:auto;height:125px;min-height:125px;width:auto;min-width:110px;
background: #FFF;} /*THUMBIMAGE*/
.fullgallerytop 	{margin:0 5px 0 0;text-align:center;padding:0px;border:1px solid #000;float:left;height:auto;width:auto;background:#FFF;} /*FULLIMAGE*/
.infogallerytop	{margin:10px 0 0 0;text-align:left;padding:0;float:left;width:auto;width:100%;min-width:250px;}  /*FULL CONTENT*/
.lowgallerytop	{margin:10px 0 0 0;text-align:left;padding:0;}  /*CONTENT*/
.advgallery		{margin:0;padding:20px 10px 10px 10px;border:1px solid #000;height:auto;height:125px;min-height:125px;width:auto !important;width:200px;min-width:200px;background:transparent;border-top:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-left:1px solid #FFF;float:left;text-align:left;} /*ADVANCED LAY OUT MODE*/
.advgallery hr {background: #DDD; color:#DDD;} /*HR IN ADV MODE*/

/*NEWS CSS*/
.mdivtop,.mindivtop,.moutcontent {margin:0;padding:0;background:transparent;}
.mdivtop {margin:0 0 10px 0;}
.mindivtop{text-align:left;} /*TITLE*/
.moutcontent {font:10px arial,serif;float:left;text-align:left;vertical-align:bottom;color:#555;text-transform:uppercase;} /*LOW CONTENT*/
.mincontent{clear:both;padding:10px 0 10px 0;} /*HIGH CONTENT*/

/*NEWS READ MORE CSS*/
.divtop	{padding:0;background:transparent;width:100%;margin:0 10px 10px 0;}
.indivtop	{padding:0 0 10px 0;background:transparent;float:left;width:60%; } /*TITLE*/
.outcontent {padding:5px 0 0px 0;background:transparent;float:left;width:40%;text-align:right;vertical-align:bottom;color:#000;font-size:10px;font-family:arial,serif;text-transform:uppercase;} /*CONTENT*/
.newscontent{clear:both;padding:0 0 10px 0;background:transparent; } /*CONTENT*/

/*COMMENTS*/
.commenttop	{width:100%;padding:5px 5px 5px 0;background:transparent;}
.commentspan{margin:0 5px 0px 0px;float:left;color:#444;background:transparent;font-size:35px;line-height:25px;padding:5px 5px 5px 0px;font-family:Georgia,arial; }
.commentbox	{width:100%;float:left;text-align:right;}
.commentsub {padding-top:10px;width:100%;text-align:right;} /*SUBMIT*/
.commentleft{width:25%;float:left;}
.commentright{width:75%;float:left;}
.captcha	{width:98%;height:17px;background:#AAA;padding: 0;border:1px solid #AAA;text-align:center;}
.captchaspan{font-size:10px;height:17px;font-family:verdana;color:#000;}
.captchabold{color:#dd0000;font-size:10px;font-weight:bold;font-family:verdana;}
.captchainput{position:relative;top:1px;left:0;width:98%;height:15px;background:#FFF;padding: 0;border:0px solid #FFF; }

ul {position:relative;top:0;left:-10px;}
.divclear {clear:both;height:10px;}

input, select { 
background-color : #FFF; 
border: 1px solid #DDD; 
font: normal 11px verdana, arial, Serif;
color : #333;
width : 300px; 
} 
textarea {
background-color : #FFF; 
border: 1px solid #DDD; 
font: normal 11px verdana, arial, Serif;
width : 300px; 
color : #333;
} 
.button {
color : #FFF; 
background-color : #080; 
border: 1px solid #080; 
font: normal 11px verdana, arial, Serif;
width : 302px;
cursor:pointer; 
} 
.button01 {
	color : #000000; 
	background-color : #EEE; 
	border: 1px solid #BBB;
	font: normal 10px verdana, arial, Serif;
	width : 100px; 
	cursor:pointer; } 

fieldset{border:1px solid #FFF;}
img {border:0;}
.url {visibility:hidden;}
hr { background-color: #DDD; color:#DDD; height:1px; border:0; }

A.xxxxxl:link, A.xxxxxl:visited {color : #999;font-weight:bold;letter-spacing:-1px;text-decoration: underline;} 
A.xxxxxl:active, A.xxxxxl:hover {color : #337999;}
A.xxxxl:link, A.xxxxl:visited {color : #777;font-weight:bold;letter-spacing:-1px; } 
A.xxxxl:active, A.xxxxl:hover {color : #337999;}
A.xxxl:link, A.xxxl:visited 	{color : #555;font-weight:bold;letter-spacing:-1px;} 
A.xxxl:active, A.xxxl:hover 	{color : #337999;}
A.xxl:link, A.xxl:visited 	{color : #333;} 
A.xxl:active, A.xxl:hover 	{color : #337999;}
A.xl:link, A.xl:visited 	{color : #000;} 
A.xl:active, A.xl:hover 	{color : #337999;}
A.l:link, A.l:visited 		{color : #222;} 
A.l:active, A.l:hover 		{color : #337999;}
A.m:link, A.m:visited 		{color : #333;} 
A.m:active, A.m:hover 		{color : #337999;}
A.s:link, A.s:visited 		{color : #555;} 
A.s:active, A.s:hover 		{color : #337999;}
A.xs:link, A.xs:visited 	{color : #777;} 
A.xs:active, A.xs:hover 	{color : #337999;}
A.xxs:link, A.xxs:visited 	{color : #999;} 
A.xxs:active, A.xxs:hover 	{color : #337999;}
A.xxxs:link, A.xxxs:visited 	{color : #BBB;} 
A.xxxs:active, A.xxxs:hover 	{color : #337999;}

/* EVENTS */


#events{
position:relative;
top:0;
left:0px;
width:235px;
padding:0;
margin: 0;
float:right;
background: #FFF;
text-align : center; 
}
.eventscal{
position:relative;
top:0;
left:0;
width:235px;
padding:0;
margin:0;
background: #FFF;
font: normal 9px verdana, arial, verdana, Serif;
color : #000; 
text-align : left; 
}
.eventsmsg{
position:absolute;
top:180px;
left:0px;
width:215px;
padding-left :10px;
padding-right:10px;
margin: 0;
float:left;
background: #FFF;
color : #444; 
text-align:justify; 
}

h4.eventhead {
position:relative;top:0;left:0;
font: normal 18px arial, verdana, Serif;
color : #FFF; 
}

.eventsleft {position:relative;top:0;left:0;text-align:center;float:left;width:20px;background:#BBB;height:25px;padding:0;margin: 0;}
.eventsmid  {position:relative;top:0;left:0;text-align:center;float:left;width:190px;background:#BBB;height:25px;padding:0;margin: 0;font: normal 18px arial, verdana, Serif;
color : #777; }
.eventsright{position:relative;top:0;left:0;text-align:center;float:left;width:25px;background:#BBB;height:25px;padding:0;margin: 0;}

A.eventsarrow:link, A.eventsarrow:visited {
position:relative;top:-3px;left:0;
text-decoration : none; 
color : #777; 
font: normal 20px verdana, arial, Serif;
height:20px;
} 
A.eventsarrow:active, A.eventsarrow:hover {
position:relative;top:-3px;left:0;
text-decoration : none;
color : #555; 
font: normal 20px verdana, arial, Serif;
height:20px;
} 

.sun, .sunday  {
	font: normal 9px verdana, arial, verdana, Serif;
      vertical-align : middle; 
      text-align : center;
      line-height : 20px;
	width:25px;
	height:20px;
	margin: 1px;
      padding-top : 2px;
      padding-bottom : 2px;
      padding-right : 3px;
      padding-left : 3px;
	color : #888;
	background-color : #DDD;
	float:left; 
}
.sunday {color : #FFF; background-color : #BBB;} 
.eventblock, .today, .thisday, .todayclean  
{
	font: normal 9px verdana, arial, Serif;
      line-height : 20px;
      color : #333;
      vertical-align : middle; 
      text-align : center;
	width:25px;
	height:20px;
	margin: 1px;
      padding-top : 0px;
      padding-bottom : 2px;
      padding-right : 3px;
      padding-left : 3px;
	background-color : #FFF;
	float:left;
}
.thisday 		{color : #AAA;background-color : transparent; border:0px solid #AAA;} 
.today   		{color : #333;background-color : #FFF; } 
.todayclean   	{color : #333;background-color : #FFF; } 
A.evve:link, A.evve:visited {
	color : #69B900; 
	text-decoration : none; 
	font: normal 9px verdana, arial, Serif;
      line-height : 20px;
      text-align : center;
	width:25px;
	height:20px;
	margin: 1px;
      padding-top : 0px;
      padding-bottom : 2px;
      padding-right : 3px;
      padding-left : 3px;
	background-color : transparent;
} 
A.evve:active, A.evve:hover {
	color : #0078FF; 
	text-decoration : none; 
	font: normal 9px verdana, arial, Serif;
      line-height : 20px;
      text-align : center;
	width:25px;
	height:20px;
	margin: 1px;
      padding-top : 0px;
      padding-bottom : 2px;      
	padding-right : 3px;
      padding-left : 3px;
	background-color : transparent;
} 
A.evvevv:link, A.evvevv:visited {
	color : #69B900; 
	text-decoration : none; 
	font: normal 9px verdana, arial, Serif;
      line-height : 20px;
      text-align : center;
	width:25px;
	height:20px;
	margin: 1px;
      padding-top : 0px;
      padding-bottom : 2px;
      padding-right : 3px;
      padding-left : 3px;
	background-color : #FFF;
} 
A.evvevv:active, A.evvevv:hover {
	color : #0078FF; 
	text-decoration : none; 
	font: normal 9px verdana, arial, Serif;
      line-height : 20px;
      text-align : center;
	width:25px;
	height:20px;
	margin: 1px;
      padding-top : 0px;
      padding-bottom : 2px;      
	padding-right : 3px;
      padding-left : 3px;
	background-color : transparent;
} 


A.pageclass:link, A.pageclass:visited, A.pageclassb:link, A.pageclassb:visited {
font-family:Georgia;
font-size:20px;
font-style:italic;
font-weight:bold;
letter-spacing:-1px;
text-align:left;
font-variant:normal;
padding:0;
margin: 0 0 10px 0;
text-decoration : none;
background:transparent;
} 
A.pageclass:active, A.pageclass:hover, A.pageclassb:active, A.pageclassb:hover {
font-family:Georgia;
font-size:20px;
font-style:italic;
font-weight:bold;
letter-spacing:-1px;
text-align:left;
font-variant:normal;
padding:0;
margin: 0 0 10px 0;
text-decoration : none;
background:transparent;
}