@charset "UTF-8";







/* CSS Document */



body {

	text-align:center; /*center hack*/

color:rgb(24,24,24);

}



a:link, a:visited, a:active {

     color:crimson;

     text-decoration:none;

}



a:hover {

     text-decoration:none;

     background-color:#ddd;

     color:#777;

}



a img {

border:0;}



#container {

        position:relative;

        min-width:760px;

	max-width:960px;

	width:auto !important; /*IE6 hack*/

	width:960px; /*IE6 hack*/

	margin:0 auto; /*center hack*/

	text-align:left; /*center hack*/

	border:1px #000;

        line-height:1.0em;

        word-spacing:0.15em;        

}



div#left  {/*is linkerkolom waar logo in staat*/

	position:absolute;

	float:left;

	width:100%;

	height:235px;

	background-image:url(../images/logokunstlicht.gif);

	background-repeat:no-repeat;

	background-position:top left;

	overflow:hidden;
        

}



div#main { /*is alles behalve de linkerkolom war het logo in staat*/

	float:left;

	width:845px; 

	overflow:hidden;

	position:absolute;


	margin-left:115px;

padding-bottom:50px;

}



div#component { /*is de kolom waar artikelen in staan, binnen div#main*/

	float:left;

	width:591px;

        min-height:600px;

	overflow:hidden;

	font-family:Helvetica, Arial, sans-serif;

	font-size:0.8em;



}



div#right { /*is rechterkolom binnen div#main*/



	float:right;

	width:254px;

	overflow:hidden;

	font-family:Helvetica, Arial, sans-serif;

	font-size:0.7em;

}



div#top { /*is bovenste gedeelte waar menu's in staan*/

	float:top;

	width:845px;

	height:100px

}



div#pathway {

	float:left;

}


div#footer {
float:left;
        position:relative;
        width:590px;
        height:20px;
        

	border-top: 1px solid #999;

	font-size: 0.6em;

	color:#999;

        background-color:#ffffff;
        font-family: Helvetica, Arial;
}



.inside {

	padding:10px;

}



div#moduletablemenu { /*dit is de div waar het menu in wordt gegenereerd door Joomla! */

	position:absolute;

	top:62px;

	float:left;

	width:591px;

	overflow:hidden;

	font-family: Helvetica, Arial, sans-serif;

	font-size:0.8em;

    letter-spacing:0.06em;

}



div#moduletablemenu_right { /*dit is de div waar het rechtermenu en de formuliermenus in wordt gegenereerd door Joomla!*/

	position:absolute;

	top:61px;

	right:0px;

	width:254px;

	border-top: 1px solid #999;

	 /*padding misschien weg*/

	overflow:hidden;

	font-family: Helvetica, Arial, sans-serif;

	

}

.contentheading {

	font-size:1.3em;

	color:#666;

        text-transform:uppercase;

	}



.componentheading {

        font-size:1.3em;

        color:#000;        

        text-transform:uppercase;

}



.blog {

	font-size:1.0em;	

	}

.searchintro {

        font-size:0.9em;

}



.contentpaneopen {

	font-size:0.9em;

        padding:5px;

	}



#jform { /*de formulieren zijn ook gedeeltelijk in deze template van com_jforms>views>form>default.css opgemaakt*/

}

table.jform{

	width:100%;
	padding:10px;
    background:url('jformbg.png') repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1em;
	

}

div.jform{

	margin-top:5px;
    padding:5px;
	}

.ps_results { /*hier wordt de opmaak gedefinieerd van de zoekresultaten*/

font-size:0.9em;

line-height:1.2em;

}



.moduletable, .moduletable_text, .bannerheader_text {  /*geldt voor alle modules (rechts), uitgezonderd de formuliermodule*/

	border-bottom: 1px solid #999;

	padding: 10px;

	}


.moduletable_form { /*geldt voor alle formuliermodulesrechts*/

	border-bottom: 1px solid #999;

	padding-left: 10px;

	margin-top: 5px;

	padding-top: 2px;

	margin-bottom: 5px;

	padding-bottom: 2px;

	color: #fff;

        background:url(../images/form-button.png);

	}


.moduletable_form_special { /*geldt voor alle formuliermodulesrechts die speciale aandacht nodig hebben*/

	border-bottom: 1px solid #999;

	padding-left: 10px;

	margin-top: 5px;

	padding-top: 2px;

	margin-bottom: 5px;

	padding-bottom: 2px;

	color: #fff;

        background:url(../images/form-button-green.png);

	}



/* hier volgt de opmaak voor het hoofdmenu ( #moduletablemenu) */



.menu

{

margin: 0;

padding: 8px 10px 20px 20px; /*bepaaltpositie van tekstmenuitems binnen menu: top, rechts, onder, links; kloksgewijs*/

border-bottom: 1px solid #000;

}



.menu ul, .menu li

{

margin: 0;

padding: 0;

display: inline;

list-style-type: none;

}



.menu a:link, .menu a:visited

{

float: left;

line-height: 14px;

font-weight: bold;

margin: 0px 10px 4px 10px; /*dit geeft de tussenruimte tussen de menu-items aan: boven, rechts, onder, links*/

text-decoration: none;

color: #999;

}



.menu a:link.current, .menu a:visited.current, .menu a:hover

{

border-bottom: 3px solid #000;

padding-bottom: 4px;

background: transparent;

color: #000;

}



.menu a:hover { color: #000; }



/*hieronder volgt de opmaak voor het rechtermenu ( #moduletablemenu_right ) */



.menu_menuright

{

margin: 0;

padding: 8px 5px 20px 10px;

border-bottom: 1px solid #000;

font-size:0.6em;

text-transform: uppercase;
}



.menu_menuright ul, .menu_menuright li

{

margin: 0;

padding: 0;

display: inline;

list-style-type: none;

}



.menu_menuright a:link, .menu_menuright a:visited

{

float: left;

line-height: 14px;

background-color #ececec;

margin: 0px 5px 4px 7px;

text-decoration: none;

color: #777;

}



.menu_menuright a:link.current, .menu_menuright a:visited.current

{

color: #fff;

padding-bottom: 4px;

background-color: #999;

text-decoration: none;

}



.menu_menuright a:hover

{

color: #fff;

background-color: #999;

text-decoration: none;

}



/*hieronder volgtde opmaak voor de formuliermenus*/



.menu_form {

font-size:1.0em;

text-transform: uppercase;

color: #fff;

	}



.menu_form a:link, .menu_form a:visited {

color:crimson;	

	}



.menu_form a:hover {

background-color:white;

color:#777;

font-weight:;

	}