/* Start of CMSMS style sheet 'melpomene | main-style' */
@charset "UTF-8";
/* CSS Document */
/*
kleuren 
primair
pms 432C: #455560
pms 432C 30%: #C7CCCF
pms 1955C: #A3002D

secundair
pms 296C: #002D56
pms 295C: #00447C
pms 431C: #6A737B
pms 525C: #532E63
pms 323C: #006B6F
pms 321C: #008B99

*/
/*
div#content div#tablewrap {
=normaal

* html #tablewrap {
=IE6

*:first-child+html #tablewrap{
=IE7

*/
*{
	margin:0px;
	padding:0px;
}
body{
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color:#455560;
}
body div#pagewrapper{
	width:800px;
	margin:0px auto;
	padding-top:15px;
	position:relative;
}
body div#pagewrapper div#nav-wrapper{
	width:250px;
	position:fixed;
	overflow:hidden;
	z-index:1000;
}
body div#pagewrapper div#nav-wrapper h1{
	background-color:inherit;
}
body div#pagewrapper div#nav-wrapper h1 a{
	width:230px;
	height:100px;
	background-image:url(uploads/layout/logo-melpomene.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
}
body div#pagewrapper div#nav-wrapper h1 a span{
	display:none;
}
body div#pagewrapper div#nav-wrapper div#navigation{
	position:relative;
	min-height:397px;
	height:397px;
}
/*body div#pagewrapper div#nav-wrapper div#navigation ul{
	display:table;
	min-height:463px;
	height:463px;
}*/
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li{
	list-style-type:none;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li a{
	background-color:#A3002D;
	color:#FFFFFF;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	position:absolute;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li a:hover{
	background-color:#455560;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li#one a{
	width:120px;
	height:120px;
	padding:7px;
	text-align:right;
	vertical-align:bottom;
	bottom:86px;
	left:0px;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li#one a span{
	position:absolute;
	bottom:7px;
	right:7px;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li#two a{
	width:90px;
	height:90px;
	padding:7px;
	text-align:left;
	vertical-align:bottom;
	bottom:116px;
	left:146px;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li#two a span{
	position:absolute;
	bottom:7px;
	left:7px;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li#three a{
	width:120px;
	height:60px;
	padding:7px;
	text-align:right;
	vertical-align:top;
	bottom:0px;
	left:0px;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li#four a{
	width:90px;
	height:90px;
	padding:7px;
	text-align:left;
	vertical-align:top;
	bottom:0px;
	left:146px;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#main-nav li#active a{
	background-color:#455560;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#sub-nav{
	position:absolute;
	bottom:230px;
	width:250px;
	right:0px;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#sub-nav li{
	list-style-type:none;
	text-align:right;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#sub-nav li a{
	font-size:17px;
	line-height:22px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#455560;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#sub-nav li a:hover{
	color:#A3002D;
}
body div#pagewrapper div#nav-wrapper div#navigation ul#sub-nav li#active a{
	color:#6A737B;
}
body div#pagewrapper div#content{
	width:510px;
	min-width:510px;
	padding-left:290px;
	margin-top:20px;
	float:right;
	position:relative
}
p{
	color:#455560;
	font-size:12px;
	line-height:17px;
	margin-bottom:17px;
	font-weight:normal;
}
h1{
	color:#455560;
	font-weight:bold;
	font-size:16px;
	margin:0px 0px 17px;
	text-transform:uppercase;
}
h2{
	color:#A3002D;
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 17px;
}
h3{
	color:#455560;
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 17px;
}
h4{
	color:#455560;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
}
img{
	border:none;
}
a img{
	margin-bottom:20px;
}
p a img{
	margin:0px;
}
a{
	text-decoration:none;
	outline: none;
	color:#A3002D;
}
a:hover{
	color:#455560;
}
:focus {
	outline: none;
}
td {
	vertical-align: top;
	padding-top:6px;
	padding-right:20px;
}
div.cms-guestbook-div-insert {
	margin-top:135px;
	margin-bottom:20px;
	font-size:13px;
}
div.cms-guestbook-entry {
	font-size:13px;
}
.fotorechts{
	float:right;
	margin-left:40px
}
.fotolinks{
	float:left;
	margin-right:40px;
}
.tekstrechts{
	text-align:right;
}
.tekstdetail{
	height:295px;
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
}
.vorige{
	float:left;
}
.volgende{
	float:right;
}
.fotoMaxiliggend{
	padding-top:143px;
	margin-bottom:20px;
}
.contact-temp {
	margin-top:77px;
}
.kalender {
	margin:0px;
}
.kalender img{
	margin-right:15px;
}

 Default/example stylesheet for the CMSMS Guestbook module.
This may be overwritten when the module is upgraded and it will be deleted when 
the module is uninstalled, so make a copy if you want to modify it.
*/

 /* Style pagination */

.cms-guestbook-pagination_header {
	margin: 17px 0px;
}
.cms-guestbook-pagination_nav {
	font-weight: bold;
	margin: .5em 0;
}
.cms-guestbook-pagination_nav a {
    font-weight: normal;
}

/* Style the guestbook */

/* Style each entry */
.cms-guestbook-entry
{
	border-top:3px solid #A3002D;
	padding:3px;
	margin-bottom: 1em;
}

/* Style the message header */
.cms-guestbook-entry-header
{
	background: #FFFFFF;
	color: #455560;
	margin: 1px 1px 15px;
}

/* Style the actual message */
.cms-guestbook-entry-text 
{
	background: #FFFFFF;
	padding: 0.5em 0.5em 1em;
	color: #455560;
	border-top:3px solid #A3002D;
	margin-top:15px;
}

/* Show the postdate on the right */
.cms-guestbook-entry-posted 
{
	float: right;
	font-size: smaller;
}

/* Style message header links */
.cms-guestbook-entry-header a {
	color: #A3002D;
} 
.cms-guestbook-entry-header a:hover {
	color: #455560;
} 
		  
/* Style the sender name */
.cms-guestbook-entry-sendername
{
	font-weight: bold;
}

/* Style the E-mail link */
.cms-guestbook-entry-email {
	font-size: smaller;
}
		      
/* Style the senders homepage link */
.cms-guestbook-entry-homepage
{
	font-size: smaller;
	margin: 2px;
	margin-bottom: 0;
}

/* The some smileys links */
.cms-guestbook-somesmileys a
{
	margin-right: .5em;
}
/* End of 'melpomene | main-style' */