/*	Adecon CMS - www.adecon.nl */

body {font-size: 12px; text-align: center; background: #fff url('../images/bg-stripes.gif'); margin: 0; padding: 0}
* {font-family: arial, sans-serif}

.wrapper {margin: 0 auto; text-align: left; width: 780px; background: #fff; overflow: auto}

/* Profile */
.profile {width: 780px; height: 100px; background: #fff url('../images/header-logo.gif') no-repeat; margin: 10px 0 0 0}

/* Search */
.search {margin: 0; padding: 0}
.search form {float: right; display: block; margin: 0; padding: 0 10px 0 0}
.searchTextfield {background: #eee; width: 215px; vertical-align: middle; border: 1px solid #ccc}
.searchSubmit {color: #fff; font-size: 11px; vertical-align: middle; background: #00a151}

/* Navigation */
.menuContainer {}

.mainMenu {background: #00a151; padding-top: 10px; margin-bottom: 5px}
.mainMenu p {font-size: 11px; color: #fff; display: inline; margin-top: 10px}
.mainMenu p a       {color: #fff; font-weight: bold; text-decoration: none; padding: 0 10px; border-right: 1px solid #fff; }
.mainMenu p a:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 0 10px; border-right: 1px solid #fff; }

.mainMenu p a.active       {color: #fff; font-weight: bold; text-decoration: none; padding: 11px 10px 0 10px; border-right: 1px solid #fff; background: #d41e35}
.mainMenu p a.active:hover {color: #fff; font-weight: bold; text-decoration: none; padding: 11px 10px 0 10px; border-right: 1px solid #fff; background: #d41e35}

.privatePages {text-align: right; margin-right: 10px}
.privatePages p {font-size: 11px; display: inline; margin: 0 0 0 10px}
.privatePages p a {color: #000; text-decoration: none}
.privatePages p a:hover{color: #00a151; text-decoration: none}

.subMenu .sepMenu {border: none; margin: 0; padding: 0}
.subMenu .sepMenu a {font-size: 11px; color: #999; text-decoration: none; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px; margin: 0 0 5px 0; padding: 0 0 5px 10px}
.subMenu .sepMenu a:hover {font-size: 11px; color: #d41e35; text-decoration: none; background: transparent url('../images/bullet-fuschia.gif') no-repeat 0 5px; margin: 0 0 5px 0; padding: 0 0 5px 10px}

.sepMenu {float: left; width: 200px; border-top: 1px dotted #000; margin: 0 5px; padding-top: 5px}
.sepMenu p {border-bottom: 1px dotted #000; margin: 0 0 5px 0; padding: 0 0 5px 0}
.sepMenu a {font-size: 11px; color: #999; text-decoration: none; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px; margin: 0 0 5px 0; padding: 0 0 5px 10px}
.sepMenu a:hover {font-size: 11px; color: #d41e35; text-decoration: none; background: transparent url('../images/bullet-fuschia.gif') no-repeat 0 5px; margin: 0 0 5px 0; padding: 0 0 5px 10px}

.subMenu {float: left; width: 200px; border-top: 1px dotted #000; margin: 0 5px; padding-top: 5px}
.subMenu p {border-bottom: 1px dotted #000; margin: 0 0 5px 0; padding: 0 0 5px 0}
.subMenu p a {font-size: 11px; color: #d41e35; text-decoration: none; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px; margin: 0 0 5px 0; padding: 0 0 5px 10px}
.subMenu p a:hover {font-size: 11px; color: #00a151; text-decoration: none; background: transparent url('../images/bullet-fuschia.gif') no-repeat 0 5px; margin: 0 0 5px 0; padding: 0 0 5px 10px}

.main, .searchResults, .lastUpdate, .metaContent {float: right; width: 535px}

.subMenu, .content, .title, .subTitle, .searchResults, .lastUpdate, .metaContent {position: relative}
.subMenu, .content, .title, .subTitle, .searchResults, .lastUpdate, .metaContent {_position: static}
.main .content, .main .title, .main .subTitle, .main .searchResults, .main .lastUpdate, .main .metaContent {position: static} 

/* Content */
.main {border-top: 1px dotted #000; padding-top: 5px; margin-right: 10px}
.main h1 {font-size: 18px; font-weight: normal; display: inline}
.main .subTitle {font-size: 15px; font-weight: normal; display: inline}
.main .subTitle a {color: #00a151; font-weight: bold; text-decoration: none}
.main .subTitle a:hover {color: #d41e35; font-weight: bold; text-decoration: none}
.main .content {font-size: 12px; line-height: 18px}
.main .content a {color: #00a151; font-weight: bold; text-decoration: none}
.main .content a:hover {color: #d41e35; font-weight: bold; text-decoration: none}
.main .content ul {list-style: none; margin: 0 0 0 15px; padding: 0}
.main .content li {line-height: normal; margin: 0 0 5px 0; padding: 0 0 0 15px; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px}
.content li p {display: inline}
.content table {display: inline}
.content td {font-size: 11px}
.content h1 {font-size: 13px; display: inline}
.content h2 {font-size: 12px; display: inline}

.lastUpdate {font-size: 10px; color: #999; text-align: right} 

/* Search Results */
.searchResults {font-size: 12px; line-height: 18px}
.searchResults h1 {font-size: 18px; font-weight: normal}
.searchResults p.searchQuery {font-size: 15px; font-weight: normal}
.searchResults a {color: #00a151; font-weight: bold; text-decoration: none}
.searchResults a:hover {color: #d41e35; font-weight: bold; text-decoration: none}
.searchResults ul {list-style: none; margin: 0 0 0 0px; padding: 0}
.searchResults li {line-height: normal; margin: 0 0 5px 0; padding: 0 0 0 10px; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px}

/* Meta */
.metaContent {margin-top: 10px}
.metaMenu {border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding: 10px 0}
.metaMenu p {font-size: 11px; display: inline; margin-right: 10px}
.metaMenu p a {color: #999; text-decoration: none}
.metaMenu p a:hover {color: #00a151; text-decoration: none}

.credits {text-align: right}
.credits p {font-size: 10px; color: #666}
.credits p a {color: #999; text-decoration: none}
.credits p a:hover {color: #00a151; text-decoration: none}

/* Resources */
.resourceContainer {float: right; line-height: normal; padding: 7px 0 10px 10px}
.resourceContainer .relatedImages {margin-bottom: 10px}
.resourceContainer .relatedImages a {color: #00a151; font-weight: normal; text-decoration: none}
.resourceContainer .relatedImages a:hover {color: #000; font-weight: normal; text-decoration: none}
.resourceContainer .relatedImages h1 {font-size: 12px; font-weight: normal; display: none}
.resourceContainer .relatedImages img {width: 350px}
.resourceContainer .relatedImages p  {display: inline} 
.resourceContainer .relatedImages ul {list-style: none; margin: 0; padding: 0}
.resourceContainer .relatedImages li {font-size: 11px; line-height: normal; margin: 0 0 3px 0; padding: 0 0 0 8px; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px}

.resourceContainer .relatedLinks {border: 1px dotted #999; padding: 10px; margin-bottom: 10px}
.resourceContainer .relatedLinks h1 {font-size: 11px; font-weight: normal; display: none}
.resourceContainer .relatedLinks a {color: #00a151; font-weight: normal; text-decoration: none}
.resourceContainer .relatedLinks a:hover {color: #000; font-weight: normal; text-decoration: none}
.resourceContainer .relatedLinks p  {display: inline} 
.resourceContainer .relatedLinks ul {list-style: none; margin: 0; padding: 0}
.resourceContainer .relatedLinks li {font-size: 11px; line-height: normal; margin: 0; padding: 0 0 0 8px; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px}

.resourceContainer .relatedDownloads {border: 1px dotted #999; padding: 10px; margin-bottom: 10px}
.resourceContainer .relatedDownloads h1 {font-size: 11px; font-weight: normal; display: none}
.resourceContainer .relatedDownloads a {color: #00a151; font-weight: normal; text-decoration: none}
.resourceContainer .relatedDownloads a:hover {color: #000; font-weight: normal; text-decoration: none}
.resourceContainer .relatedDownloads p  {display: inline}  
.resourceContainer .relatedDownloads ul {list-style: none; margin: 0; padding: 0}
.resourceContainer .relatedDownloads li {font-size: 11px; line-height: normal; margin: 0; padding: 0 0 0 8px; background: transparent url('../images/bullet-black.gif') no-repeat 0 5px}

/* emailForm */
.emailForm label {font-size: 12px; display: block; width: 175px; float: left}
.emailForm p {clear: both; padding: 0; margin: 0 0 10px 0}
.emailForm input {font-size: 11px; color: #000; width: 175px; background: #eee; padding: 2px 2px; border: 1px solid #ccc}
.emailForm textarea {font-size: 11px; color: #000; width: 300px; height: 100px; background: #eee; padding: 2px 2px; border: 1px solid #ccc}
.emailForm p.submit {padding-left: 175px}
.emailForm p.submit input.submit {background: #fff; font-size: 11px; color: #000; font-weight: bold; width: 100px; background: #eee; padding: 2px 2px; border: 1px solid #ccc}