/* Start of CMSMS style sheet 'mmd-main-css' */
@charset "utf-8";
/* CSS Document */


/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* { margin:0; padding:0; }


/**** main page layout ****/

html, body { height:100%; }

body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #565656;
background:url(images/site/bg.jpg) repeat-y top center;
}

#container {
min-height:100%;
position:relative;
margin: 0;
padding: 0;
}

#page, #header { width: 900px; }

#header img {
position:relative;
left: 0;
}

#header #header-key {
float: right;
z-index: 10;
margin-bottom: -250px;
margin-right: 10px;
}

#mainmenu,
#content,
#footer div {
width: 860px;
display: block;
clear: both;
}

#page,
#header,
#content,
#footer {
margin: auto;
}

#page { overflow:hidden; padding-bottom: 50px;}

#footer p { border-top: 1px solid #6bbc46; padding: 5px; }

#footer {
bottom:0;
height:50px;
position:absolute;
width:100%;
padding-bottom: 5px;
font-size: 0.9em;
}

#footer div{
margin:auto;
height:30px;
margin-top: 20px;
background-color: #fff;
}

#footer a { color: #565656; }

#footer span#inmotion { float: right; }
 

/**** some base styles ****/
h1 { font-size: 1.6em; margin: 15px 0 10px; }

h2 { font-size: 1.3em; margin: 10px 0 5px; }

h3 { font-size: 1.1em; margin: 10px 0 3px; }

h4, h5, h6 { font-size: 1em; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #565656;
}

h1 a:hover, h2 a:hover { text-decoration: none; }

a { color: #254b9c; text-decoration: none; }
a:hover { color: #254b9c; text-decoration: underline; }

a img { border: none; }

ul li { margin-left: 14px; }

p { line-height: 1.5em; margin-bottom: 10px; }

table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}

hr {
border-top: 1px solid #6bbc46;
color: #fff;
background-color: #fff;
margin: 10px 0;
}

/**** styles for main menu ****/
#mainmenu { margin: 10px auto; overflow: hidden; }
#mainmenu .home { padding-top: 0; }
#mainmenu #logo {
position: relative;
left: 25px;
top: -5px;
margin-bottom: -10px;
}

#mainmenu ul li {
list-style: none;
display: inline;
float: left;
border-left: 1px solid #6bbc46;
margin-left:0;
}

#mainmenu ul li.current,
#mainmenu ul li:hover { background-color: #e9f4e3; }

#mainmenu ul li.current a { color: #254b9c; }

#mainmenu ul li div.menu-item { margin: 5px; height: 60px; width: 125px; }

#mainmenu ul li.home div.menu-item { width: 85px; }

#mainmenu ul li.info-over div.menu-item { width: 135px; }

#mainmenu ul li.projecten div.menu-item { width: 105px; }

#mainmenu ul li a { color: #565656; font-weight: bold; font-size: 1.5em; }

#mainmenu ul li a:hover { text-decoration: none; }

#mainmenu ul li div.subtext {
width: 90%;
font-style: italic;
font-size: 1.1em;
margin-top: 2px;
}

/**** styles for submenu ****/
#submenu ul { margin-top: 20px; border-top: 1px solid #c7c7c7; }

#submenu li { 
list-style: none;
margin-left: 0;
border-bottom: 1px solid #c7c7c7;
border-top: 1px solid #fff;
position: relative;
z-index: 0;
}

#submenu li div { margin: 2px 4px; }

#submenu li div a {
font-weight: bold;
text-decoration: none;
color: #565656;
}

#submenu li:hover, 
#submenu li.current {
background-color: #e4e8f3;
border-bottom: 1px solid #264a9e;
border-top: 1px solid #264a9e;
z-index: 1;
padding-top: 1px;
margin-top: -1px;
}

#submenu li:hover div a,
#submenu li.current div a { color: #25499d; }

#submenu .sub-3 div { margin-left: 12px; }
#submenu .sub-4 div { margin-left: 20px; }
#submenu .sub-5 div { margin-left: 26px; }

/**** styles for page layout ****/
.leftcol { float: left; width: 170px; margin-right: 30px; }

.rightcol { float: left; width: 630px; text-align: justify; }

.home { padding: 10px 0 0; }

.home .leftcol { width: 560px; text-align: justify; _margin-right: 20px; }

.home .rightcol { width: 260px; }

#content ul { margin-left: 2px; }


/**** news ****/
.nieuws-content .leftcol { width: 230px; }
.nieuws-content .rightcol { width: 570px; }

.frontpage-news { overflow: hidden;  }

.homeNews { padding: 10px 0 0; width: 260px;  float: left;}
.firstItem{ margin-right: 20px;}
.homeNews h3{ margin-top: 0; }

.homeNews .NewsSummaryMorelink { margin-top: 4px; }

#subscribe-rss {
display: block;
width: 30px;
margin-bottom: -6px;
z-index: 25;
position: relative;
left: 760px;
}


/**** Projects ****/
table#projects td { width: 175px; text-align: center; }

table#projects a { color: #565656; font-weight: bold; margin-right: 15px; }

table#projects a:hover { text-decoration: none; }

table#projects img { margin-bottom: 4px; }

#projects-menu{ overflow: hidden; display:block; margin-top: 30px; }

.projects-item {
width: 160px;
float: left;
text-align: center;
margin-right: 10px;
}
.projects-item a.project-title {
display:block;
width: 160px;
margin-top: 2px;
text-decoration: none;
font-weight: bold;
color: #565656;
}

/**** Home top blocks ****/
.topblock {
padding: 0 10px 0 18px;
width: 272px;
height: 135px;
float: left;
background-position: left top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
}
.topblock h3 {
font-size: 1.8em;
color: #ffffff;
margin:8px 0 12px;
}
.topblock p {
font-size: 1.1em;
font-weight: bold;
padding: 0 10px 0 0; 
}
.topblock .block-button {
height: 22px;
position:absolute;
top: 103px;
right: 20px;
}
.topblock .block-button a {
padding: 2px 16px;
height: 18px;
display: block; 
color: #ffffff;
font-weight: bold;
text-decoration: none;
}



.topblock-green {
background-image: url(images/site/home-block-green.png);
}
.topblock-green p {
color: #4b4b4b;
}
.topblock-green .block-button {
background-color: #6bbc46;
}
.topblock-blue {
background-image: url(images/site/home-block-blue.png);
}
.topblock-blue p {
color: #ffffff;
}
.topblock-blue .block-button {
background-color: #264a9e;
}


/**** Home page upcoming list ****/
.rightcol .calendar-event {
border-bottom: 1px solid #6cbc49;
line-height: 1.5em;
margin-bottom: 8px;
padding-bottom: 8px;
text-align: left;
}
.rightcol .calendar-event a { color: #565656; }

.rightcol .calendar-date-from {
width: 58px;
height: 35px;
float: left;
color: #6cbc49;
font-weight: bold;
}


/**** Home page sponsoren ****/
#sponsoren {
margin: 45px 0;
text-align: center;
height: 60px;
}


/**** Sponsoren ****/
.sponsor-page a {
width: 48%;
height: 90px;
display: block;
float: left;
margin-bottom: 15px;
}

.sponsor-page img {
float: left;
margin-bottom: 15px;
margin-right: 50px;
}
.sponsor-page a img {
margin: 0px;
}

/**** Buttons ****/
.button { display: block; text-align: center; margin-top: 10px; }

#button-donate { margin-top: 45px; }


/**** contact page ****/
#contact-adress {
float: right;
width: 250px;
text-align: left;
}


/**** gallery ****/
/* default */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

/* custom styles */
.gallery { margin: 10px 0 0 0; width: 660px; height: 20px;}
#gallery-container { height: 380px; overflow: hidden; display: block; clear:both; margin-bottom: 10px; }
.gallery li { border: 1px solid #ccc; width: 70px; height: 60px; }

.galleria_container .galleria_wrapper {
text-align: center;
}


/**** forms ****/
form label { display: block; margin-top: 10px; }

textarea, input { border: 1px solid #6bbc46; color: #565656; }
input { height: 19px;  }

.formfield { margin-top: 6px; }

.submit input,
input.submit {
background-color: #6bbc46;
color: #fff;
font-weight: bold;
position: relative;
top: 3px;
height: 21px;
cursor: pointer;
}

/**** members ****/
#block-login { border-bottom: 1px solid #6bbc46; width: 40%; }
.topblock #block-login { padding: 1px 0 0 0; width: 272px; border-bottom: none;}
.topblock #block-login label { width: 85px;}
.topblock #block-login input { width: 130px;}
.topblock #block-login input.submit { width: 30px;}
.topblock #block-login h3 { display: none;}
.topblock #block-login .formfield { margin-top: 5px; }

.topblock #block-login ul { margin: 6px 0 0 0; }
.topblock #block-login li { list-style: none; margin-left: 0; }
.topblock #block-login li a { color: #4b4b4b; }

.topblock #block-login .error { padding: 3px 8px; width: 220px; height: 30px; position: absolute; top: 19px; background: url(images/site/login-error.gif) no-repeat left top; }

#block-login h3 {
padding-top: 3px;
padding-left: 3px;
border-top: 1px solid #6bbc46;
background-color: #e9f4e3;
color: #6bbc46; 
height: 20px;
}
#block-login label {
float: left;
width: 90px;
margin-top: 4px;
margin-left: 1px;
}
#block-login ul,
#member-menu ul {
font-size: 0.9em;
margin: 5px 1px;
list-style-type: circle;
}
#block-login ul {
margin-top: 12px;
}

#member-menu {
margin-top: 40px;
background-color: #e9f4e3;
border-bottom: 1px solid #6bbc46;
border-top: 1px solid #6bbc46;
padding: 3px;
}

#member-menu a { color: #6bbc46; }

/**** member calendar list styles ****/
#members-calendar { margin-top: 25px; }
#members-calendar h3 { margin-bottom: 20px; margin-top: 20px; }

#members-calendar .calendar-event { overflow: hidden; border: 1px solid #C7C7C7; padding: 5px; }
#members-calendar .calendar-date-from { 
width: 100%; 
height: 20px; 
color: #565656; 
float: none;
margin-top: 2px; 
}

#calendarlist-legend { float: right; margin-right: 10px; margin-top: -30px; }
#calendarlist-legend table { 
font-size: 0.9em; 
empty-cells: show; 
border-collapse: separate; 
border-spacing: 2px;
}
#calendarlist-legend table tr { cursor: pointer; }
#calendarlist-legend table tr.lock-row { cursor: default; }
#calendarlist-legend table td { height: 8px; padding: 2px 0 0 4px; line-height: 1.0em; } 
#calendarlist-legend table td img { margin: 1px 0 -1px 0; } 
#calendarlist-legend td.legendblock { width: 15px; border: 1px solid; padding: 0; }

.display-text,
.hide-text { cursor: pointer; float:right; margin-right: 10px; text-decoration: underline; }
.calendar-details { margin-top: 6px; } 

#calendarlist-legend td.leden-algemeen { border-color: #C7C7C7; height: 20px; }

#calendarlist-legend td.leden-koor,
#members-calendar .leden-koor { border-color: #da8c28; }

#calendarlist-legend td.leden-solisten,
#members-calendar .leden-solisten { border-color: #16809b; }

#calendarlist-legend td.leden-orkest,
#members-calendar .leden-orkest { border-color: #6CBC49; }

#calendarlist-legend td.leden-bestuur,
#members-calendar .leden-bestuur { border-color: #000; }

.NewsSummaryLink{
    text-align: left;
}


.info-dvd,
.info-nieuwsbrief {
overflow: hidden;
margin-bottom: 15px;
}


.info-dvd input,
.info-nieuwsbrief input {
margin-right: 8px; 
float: left; 
border: none;
}

.info-dvd label,
.info-nieuwsbrief label {
margin-top: -18px;
}
.dvd-nieuwsbrief .email {
float: left;
}
.dvd-nieuwsbrief .submit {
margin-top: 25px;
margin-left: 20px;
float: left;
}
.dvd-nieuwsbrief {
overflow: hidden;
}

/* End of 'mmd-main-css' */