body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:150%;
	}
#rightblock{
	width: 410px;
	}

.buttonheading{
	padding: 3px;
	}
/* dit is tevens de print stijl */
.contentpane{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.contentpaneopen{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

/* om de stijl van topmenu'fynmenu' te veranderen: ga naar componenten/joomlaxplorer>
	Bestand bewerken: /cms/modules/fynmenu/fynmenu_d.css*/
/*
	#nav{
	display: block;
	width: 488px;
	padding-top: 55px;
	padding-left: 116px;
	}
*/

#ststheader{
	height:55px;
	background-color:#E56803;
	/*background-image:url(../images/STSTheader.png);*/
	background-repeat:no-repeat;
	}
#break_centre{
	height: 7px;
	border: 0px dotted #CCCCCC;
	border-top-style: none;
	border-left-color:#000000;
	border-right-color:#000000;
	}
#break_side{
	width: 7px;
	}
		
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' */
#topmenu{
	height: 50px;
	background-color:#E56803;
	}
#logo{
	width: 100px;
	background-image:url(../images/STSTlogo.png);
	background-repeat:no-repeat;
	}
	
/*de body van de site*/
#main{
	width: 385px;
	background-color: #E6B402;
	padding: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}
#main A { color:black; font-weight:bold;}
#main A:hover { text-decoration:underline;}

#left{
	display: block;
	width: 210px;
	background-color:#E56803;
	color: #fff;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 600px;
	}

.headertext 
{ 
margin-left:130px;
color:white;
background-color:#E6B402;
padding:8px;
padding-top:20px;
font-size:20px;
font-weight:bold;

}
Table.moduletable TH { font-weight: bold; }
#left A { color:#f6E442;}
td.buttonheading { DISPLAY:none;}
/*plaats van gedicht*/
#right{
	background-color: #E56803;
	color: #333333;
	margin-top: 0px;
	padding-top:112px;
	}
/*gedichten unieke naam geven, begin met gedicht_ en eindig met .png, daartussen;
		ci# - Content Item ID
		c# - Category ID
		s# - Section ID
		i# - Item ID (Menu ID)
		pi# - Parent Item-ID
		a# - Author ID
	voorbeeld: gedicht_ci14c1s1.png
	voor de nummers kijk in joomla: content>all content items, de category en sectie manager
	uploaden via: site> media manager: en kies de map: images/gedichten */

/*de achtergrond afbeelding boven het gedicht*/
#header{
	height:0px;

	width:410px;
	background-color:#CCCCCC;
	/*background-image:url(../images/dichterdicht.png);*/
	background-repeat:no-repeat;
	border: 0px;
	}
	
/*overige*/
#footer{
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#000
	}
#path{
	background-color: #000000;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 10px;
	}
	
/*de zoek box*/
.inputbox {
	font-size: 11px;
	align: left;
	/*extra's voor zwarte box*/
	color:#888;
	border-color:#000;
	border-width: 1px;
	padding: 3px;
	margin: 3px;
	background-color: #fff;
	font-family:arial;
	}

/* nog naar kijken..
table.searchinto {}
table.searchintro td {}
#search {
	float: left;
	width: 200px;
	}
#search {
	border: 1px solid #cccccc;
	padding-bottom: 10px;
	height: 21px !important;
	height: 23px;
	overflow: hidden;
	}
#search form {
	padding: 0;
	margin: 0;
	}
#search .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
	}
*/

/*de titels in de content*/
.contentheading{ 
	padding: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	}
	
.componentheading{ 
	padding-left:0px;
	padding-bottom:3px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 20px;
	}
	
/*de titels van de modules*/
/*kan worden omgezet naar flash: zie templates/locust>index.php om te veranderen
	net voor einde pagina van index.php> benoem css element en geef aan welk font.swf
	upload .swf fonts in cms/mambots/system
	geef aan welke .swf fonts er mee doen in het XML bestand: cms/mambots/system/bot_sifr.xml*/
/*de grote van het flash font is te bepalen met de line-height: 20px als deze ertussen staat*/
.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #FFF;
	margin: 0 0 0 0;
	text-align:left;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	}
.moduletable{
	display:block;
	}

/*geef hier wat ruimte voor tussen de modules, pas op want topmenu is ook een module*/
table.moduletable {
	width: 100%;
	padding-bottom: 0px;
	}
table.moduletable td {
	}

div.mosimage {
	border: 1px solid #ccc;
	}

.mosimage {
	border: 1px solid #cccccc;
	margin: 5px
	}

/*het menu sectionnav, is nu vervangen door category menu
.sectionnav_section{
	font-size: 11px;
	color:#999;
	visibility:visible;
	padding-left:0px;
	text-decoration:none;
	list-style:none;
	}
.sectionnav_category{
	font-size: 11px;
	font-style:normal;
	color:#999;
	visibility:visible;
	padding-left:0px;
	text-decoration:none;
	list-style:none;
	}
.sectionnav_content{
	color:#999;
	visibility:visible;
	font-size: 11px;
	padding-left:0px;
	text-decoration:none;
	list-style:none;
	}
*/

/*unorderded list waar o.a. het sectionnav menu gebruik van maakt*/
ul{
	padding-left:0px;
	list-style:none;
	}
/*list items*/
li{
	padding-left:0px;
	list-style:none;
	}

/* nog naar kijken..
#navigation ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	}

#navigation li:last-child   {
	border-right:medium none;
	}

#navigation li {
	border-right:1px solid #A8A8A8;
	display:inline;
	margin:0pt;
	padding:0pt 5px;
	}

#navigation a {
	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;
	}
*/

/*hoe de links op de pagina's eruit zien*/	
a:link, a:visited {
	color:#999;
	font-style:normal;
	text-decoration:none;
	}
a:hover {
	color:#FFCC00;
	}
a:focus {
	color:#999;
	}
	
body a:link, body a:visited {
	color:#999;
	font-style:normal;
	text-decoration:none;
	}
body a:hover {
	color:#FFCC00;
	}
body a:focus {
	color:#999;
	}