/* Start of CMSMS style sheet 'Trigger 2009: Lay-out' */
/** BODY */

html, body {
  height: 100%;
}

body {
  	margin: 0px;
	padding: 0px;
	background: #000 url(uploads/trigger-2009/achtergrond.jpg) no-repeat;
  	background-position: center center;
 	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75.01%;
  	color: #FFF;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding-top: 0px;
  	color: #FFF;
  	text-align: left;
	font-weight: bold;
}

h1 {
	font-size: 20px;
	letter-spacing: 1px;
	margin: 0px;
}	

h2 {
	margin: 10px 0 0 0;
     	font-size: 13px;
	letter-spacing: 1px;
        text-transform: uppercase;
}

h3 {
	margin: 0px;
	font-size: 11px;
}

h4 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	letter-spacing: 0px;
}

a {
	color: #FFF;
	text-decoration: none;
        font-weight: bold;
}

a:hover {
  	color: #FFF;
	text-decoration: underline;
}

p {
	padding: 0px;
	margin: 0px;
}	

img {
	border: none;
}

img, div{
behavior: url(uploads/trigger-2009/iepngfix.htc)
}

/** HEADER */

#header {
	background: transparent url(uploads/trigger-2009/header.png) no-repeat;	
	width: 770px;
	height: 180px;
	margin: 0px auto;
}



/** MENU */

#menu {
	position: relative;
	top: 138px;
	left: 20px;
	width: 670px;
	height: 20px;
	margin: 0px auto;
	padding: 0px;
}

#menu ul {
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	text-align: left;
}

#menu li {
	display: inline;
	margin: 1px;
}

#menu a {
	display: block;
	float: left;
	padding: 0px 6px 5px 6px;
	height: 18px;
	text-decoration: none;
}

#menu a:hover, #menu a:active, .menuactive{
	background: url(uploads/trigger-2009/hover.png) no-repeat;
	background-position: bottom center;
}

/* CONTENT */

.pic { border: solid #FFF 2px; }

#content{
	background: transparent url(uploads/trigger-2009/content.png) repeat-y;
	width: 770px;
	height: auto;
	margin: auto;
	min-height: 500px;
}

div#inner{
   margin: 0 auto;
   padding-left: 15px;
   width:700px;
}

#main {
   margin-left: 2%;
   margin-right:2%;
   padding: 10px;
}
#main h1 {
	margin: 5px 0 0 0;
}

#main p {
	margin: auto;
	margin-top: 5px;
	height: auto;
	line-height: 150%;
}

div#sidebar {
   float: right;
   width: 25%;
   margin-right: 2px;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
   div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

#sidebar h2 {
	color: #FFF;
	padding: 0px 5px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-bottom: dotted;
	border-color: #FFF;

}

#sidebar h3 {
	color: #FFF;
	padding: 0px 5px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-bottom: dotted;
	border-color: #FFF;
}

#sidebar p {
	height: auto;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	line-height: 150%;
}

/** FOOTER */

#footer {
	background: transparent url(uploads/trigger-2009/footer.png) no-repeat;
   	clear: both;
	width: 770px;
	height: 80px;
	margin: 0px auto;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 18px 0px 0px 85px;
	color: #FFF;
	font-weight: bold;
       font-size:10px;
}

#footer a {
	color: #FFF;
}

#footer a:hover {
	text-decoration: underline;
}	

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Verdana", Courier, monospace;
 font-size: 1em;
}
/* End of 'Trigger 2009: Lay-out' */