/*  
Theme Name: Musonia
Theme URI: http://www.musonia.nl/
Description: Thema voor de Musonia site
Version: 1.2
Author: Pixelstyle Webdiensten (Grafisch Design: Yun Design)
Author URI: http://www.pixelstyle.nl
*/

* 
{
	margin: 0;
	padding: 0;
}

body 
{
	background: #00b0c0;
	font: 12px/18px 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

.clear-both 
{
	clear: both;
	height: 0.00001em;
}

#container 
{
	margin: 25px auto;
	width: 848px;
}

#quicknav 
{
	margin: 0 14px 6px 0;
	float: right;
}

#quicknav ul 
{
	list-style-type: none;
}

#quicknav li 
{
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	display: block;
	float: left;
	margin-left: 15px;
}

#quicknav li a:link 
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#quicknav li a:hover, #quicknav li a:active, #quicknav li a:visited 
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#quicknav li.current_page_item a
{
	color: #b3e7ec;
	font-weight: bold;
	text-decoration: none;
}

#header 
{
	height: 116px;
	float: left;
	width: 639px;
	background: url(img/header-bg.jpg) no-repeat;
}

#header h1 
{
	text-indent: -5000px;
}

#search 
{
	height: 73px;
	background: none;
	float: right;
	width: 185px;
	padding: 43px 12px 0 12px;
}

input[type=text], textarea
{
	border: 1px solid #727b7c;
	font: 12px/18px Verdana, Helvetica, sans-serif;
	color: #00b0c0;
	font-weight: bold;
}

#search input[type=text]
{
	width: 172px;
}

#search input[type=submit]
{
	float: right;
	margin: 5px 12px 0 0;
}

#navigation 
{
	height: 26px;
	width: 849px;
	background: url(img/navigation-bg.jpg) repeat-x;
	float: left;
}

#navigation-left 
{
	height: 26px;
	width: 14px;
	background: url(img/navigation-left-bg.jpg) no-repeat;
	float: left;
	margin-right: 10px;
}

#navigation ul 
{
	list-style-type: none;
}

#navigation li 
{
	margin-top: 3px;
	display: block;
	float: left;
	height: 18px;
	padding: 0 20px 0 20px;
	background: url(img/navigation-li-bg.jpg) no-repeat right;
}

#navigation li.last
{
	background: none;
}

#navigation li a:link, #navigation li a:visited, #navigation li a:active
{
	font: 13px Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#navigation li a:hover, #navigation li.current_page_item a
{
	color: #00b0c0;
	padding-bottom: 5px;
	border-bottom: 3px solid #00b0c0;
}

#navigation li a.current
{
	color: #000;
}

#navigation ul ul {
	display: none;
}

#navigation-right
{
	height: 26px;
	width: 14px;
	background: url(img/navigation-right-bg.jpg) no-repeat;
	float: right;
}

#content-left 
{
	height: 369px;
	float: left;
	width: 639px;
	background: url(img/contact-content-left-bg.jpg) no-repeat;
}

#content-left-scrollarea 
{
	float: left;
	overflow: auto;
	width: 590px;
	height: 323px;
	padding: 34px 15px 0 34px;
}

.post ul {

}

.post li {
	margin: 0 0 0 16px;
}

#content a:link 
{
	color: #00b0c0;
}

#content a:hover, #content a:visited,  #content a:active
{
	color: #00636d;
}

h2 
{
	font: 14px 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #00b0c0;
	margin-bottom: 8px;
}

#content-right 
{
	float: right;
	height: 369px;
	width: 209px;
}

#footer
{
	font: 10px Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin-left: 13px;
}

#content-right 
{
	float: right;
	height: 237px;
	width: 184px;
	padding: 132px 15px 0 10px;
	background: url(img/actueel-content-right-bg.jpg) no-repeat;
}

#search 
{
	background: url(img/actueel-search-bg.jpg) no-repeat;
}

.article
{
	margin: 0 50px 30px 0;
}

#content-left form
{
	margin-top: 37px;
}

#content-left label
{
	margin: 5px 0 1px 0;
	width: 400px;
	display: block;
}

#content-left input[type=text], #content-left textarea
{
	width: 234px;
}

#content-left textarea
{
	width: 224px;
	height: 149px;
}

#contact-right input[type=submit]
{
	float: right;
}


#content-right img 
{
	margin-bottom: 30px;
}

#content-right p 
{
	margin-left: 5px;
}

#content-left p
{
	margin-bottom: 10px;
}

#header 
{
	height: 116px;
	float: left;
	width: 639px;
	background: url(img/header-bg.jpg) no-repeat;
}

body.id2 #header
{
	background: url(img/home-header-bg.jpg) no-repeat;
}


body.id2 #content-left
{
	background: url(img/home-content-left-bg.jpg) no-repeat;
}

body.id2 #content-right
{
	background: url(img/home-content-right-bg.jpg) no-repeat;
}

body.id2 #search
{
	background: url(img/home-search-bg.jpg) no-repeat;
}

body.id3 #content-right, body.id8 #content-right, body.id15 #content-right, body.id16 #content-right
{
	background: url(img/tekst-content-right-bg.jpg) no-repeat;
}

body.id3 #search, body.id8 #search, body.id15 #search, body.id16 #search
{
	background: url(img/tekst-search-bg.jpg) no-repeat;
}

body.id4 #content-right, body.id10 #content-right
{
	background: url(img/muziek-content-right-bg.jpg) no-repeat;
}

body.id4 #search, body.id10 #search
{
	background: url(img/muziek-search-bg.jpg) no-repeat;
}

body.id5 #content-right, body.id7 #content-right, body.id14 #content-right
{
	background: url(img/reizen-content-right-bg.jpg) no-repeat;
}

body.id5 #search, body.id7 #search, body.id14 #search
{
	background: url(img/reizen-search-bg.jpg) no-repeat;
}

body.id6 #content-right, body.id12 #content-right
{
	background: url(img/actueel-content-right-bg.jpg) no-repeat;
}

body.id6 #search, body.id12 #search
{
	background: url(img/actueel-search-bg.jpg) no-repeat;
}

body.id13 #content-right
{
	background: url(img/contact-content-right-bg.jpg) no-repeat;
}

body.id13 #search
{
	background: url(img/contact-search-bg.jpg) no-repeat;
}

img.alignright {
	float: right;
	margin: 0 0 10px 10px;
	padding: 3px;
	border: 1px solid #8bdae1;
}

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: 1px solid #8bdae1;
}

.navigation {
	clear: both;
	margin: 0 0 10px 0;
}

.navigation .alignright {
	float: right;
	clear: right;
}

.navigation .alignleft {
	float: left;
	clear: left;
}

.post {
	clear: both;
	margin-top: 10px;
}

.postmetadata {
	clear: both;
	margin-top: 10px;
}

#archief {
	list-style-type: none;
}