/* --------------------------------------------------

 CSS Style sheet for MAS Website

  Designed & Coded: Nico van Leeuwen
  Created: 04.03.2009
  Updated: 04.03.2009
  filename: neutral.css
  
----------------------------------------------------*/

/* Neutralise BODY Tag */

body {
 margin: 0;
 padding: 0;
}

/* Neutralise DIV Tag */

div {
 margin: 0;
 padding: 0;
}

/* Neutralise P Tag */

p {
 margin: 0;
 padding: 0;
}

/* Neutralise H1 Tag */

h1 {
 margin: 0;
 padding: 0;
}

/* Neutralise H2 Tag */

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

/* Neutralise H3 Tag */

h3 {
 margin: 0;
 padding: 0;
}

/* Neutralise H4 Tag */

h4 {
 margin: 0;
 padding: 0;
}

h5 {
 margin: 0;
 padding: 0;
}

/* Neutralise UL Tag */

ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

/* Neutralise LI Tag */

li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

/* Neutralise A Tag */

a {
 text-decoration: none;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

/* Neutralise IMG Tag */

img {
 margin: 0;
 padding: 0;
 border: 0;
}



body {
 font: 15px Arial, Geneva, Arial, Helvetica, sans-serif;
 background: #B4DBCB;
 text-align: center;
 margin: 0px auto;
}

#wrapper {
 margin: 0px auto;
 width: 856px;
 margin-top: 30px;
}

#mainwindow {
 text-align: left;
 float: left;
 position: relative;
}

#menuarea {
 float: left;
 width: 150px;
 text-align: right;
 padding-top: 274px;
}

#bannerimage {
 float: left;
 width: 87px;
 background: white;
 height: 500px;
 border-left: solid 1px white;
}

#contentarea {
 width: 584px;
 height: 374px;
 float: right;
 text-align: left;
 padding: 110px 16px 16px 16px;
 overflow: auto;
 background: white;
}

#newsicon {
 text-align: right;
 width: 825px;
 position: absolute;
 top: 30px;
 right: -40px;

}

#footer p, #footer a {
 text-align: right;
 color: #ffffff;
 font: 11px Arial, Geneva, Helvetica, sans-serif;
 font-weight: bold;
 letter-spacing: 1px;
}

#footer a:hover {
 color: #000000;
}

/* MENU */

#menuarea ul.menu0 {
 float: right;
}
  
#menuarea ul.menu0 li {
}
  
#menuarea ul.menu0 a {
 display: block;
 color: #ffffff;
 font: 13px Arial, Geneva, Helvetica, sans-serif;
 text-align: right;
 height: 20px;
 padding-top: 2px;
 padding-right: 16px;
 text-transform: uppercase;
 font-weight: bold;
 letter-spacing: 1px;
 width: 131px;
}

#menuarea ul.menu0 a.active {
 color: #EC78A3;
 font-weight: bold;
}

#menuarea ul.menu0 a:hover.active {
 color: #000000;
}

#menuarea .menu0 a:hover {
 color: #000000;
}

/* ADMIN */

div#adminbar {
 text-align: left;
 padding: 4px;
 background: #000000;
 color: #ffffff;
}

#adminbar {
 color: #ffffff;
}

#adminbar form {
 display: inline;
}

#adminbar input {
 display: inline;
 margin: 4px 2px 4px 10px;
 padding: 2px;
 font-size: 13px;
 background: #000000;
 color: #ffffff;
}

#adminbar table {
 margin-left: auto ;
 margin-right: auto ;
 color: #ffffff;
}

.areaoverview td {
 padding: 4px;
 border: solid 1px;
 width: 300px;
 vertical-align: top;
}

.addfunction td {
 border: solid 1px;
 width: 800px;
 padding: 10px;
}

#adminbar p {
 color: #ffffff;
}


td.addfunction {
 width: 400px;
}

.edit-content textarea {
 width: 100%;
 height: 70%;
}

/* CONTENT HERE */

div.box {
 background: white;
 text-align: left;
}

.box p {
 color: #9BA8BE;
 text-align: left;
 font-size: 13px;
 line-height: 20px;
}

.box h1 {
 color: #9BA8BE;
 font-size: 13px;
 text-align: left;
}

.box h2 {
 color: #EB6E9E;
 font-size: 13px;
 text-align: left;
}

.box ul {
 color: #9BA8BE;
 list-style-type: disc;
 margin-left: 14px;
 text-align: left;
}

.box li {
 color: #9BA8BE;
 list-style-type: disc; 
 text-align: left;
 font-size: 13px;
 padding: 0px 0px;
 line-height: 20px;
}

.box a {
 color: #EB6E9E;
}

.box a:hover {
 color: #000000;
}

iframe {
 border: solid 1px #9BA8BE;
}#bannerimage {
 background: #ffffff url(/images/mas/background-cover.png) no-repeat;
}

#contentarea {
 background: #ffffff url(/images/mas/background-content.png) no-repeat;
}

#biglink a {
 display: block;
 width: 825px;
 height: 500px;
 float: left;
 position: absolute;
}