/*
Theme Name: Cocon
Theme URI: http://www.hetmooisteuitjezelf.nl/
Version: 1.0
Author: RightDesign
Author URI: http://www.rightdesign.nl/
*/

/* RESET */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, 
th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	list-style-type:none;
	text-align:left;
}


body {background:#c5accb;font-family: 'Century Gothic', Verdana, Arial, sans-serif;font-size:12px;line-height:20px;}

a:link, a:visited {text-decoration:none;color:#6e1873;}
a:hover {color:#c25dc8;}

p a:link, p a:visited {text-decoration:none;color:#6e1873;font-weight:bold;}
p a:hover {color:#c25dc8;}

hr {border:0;width:100%;color:#d1d1d1;background-color:#d1d1d1;height:1px;}
.uls {list-style-type:disc;display:list-item;}
table {margin:0 0 20px 0;}

#container {position: relative; width:1024px;margin:0 auto;}

/** change david mosterd */
#header {position: absolute;width:1024px;height:245px;background:url(http://www.hetmooisteuitjezelf.nl/wp-content/themes/cocon/images/header_bg.jpg) no-repeat center top;}
#header .logo {width:338px;height:82px;float:left;margin-top:110px;margin-left:30px;}

.menu {width:1000px;height:37px;background:url(images/menu_bg.jpg) no-repeat center;padding-left:24px;}
.menu ul {margin:0;padding:0;list-style-type:none;}
.menu ul li {display:inline;width:100px;}
.menu ul li a {display:block;float:left;width:100px;}
.menu ul li a:link, .menu ul li a:visited {text-decoration:none;color:#ffffff;font-size:20px;}
.menu ul li a:hover {color:#6e1873;}
.menu ul li.active a {font-weight:bold;color:#6e1873;}

/** change david mosterd */
.menu {
	position: absolute;
	top: 245px;
	z-index: 8000;
}

/* SEARCH ELEMENTS */
.search {position: absolute;top:224px;right:200px;z-index:8000;width:270px;}
#searchform {margin:0;text-align:left;}
#searchform input {}
#searchform #s {width:184px;height:35px;padding:0px 8px 2px 8px;color:#ffffff;font-weight:bold;background:url(images/zoekenbg.jpg) center no-repeat;border:none;}
.screen-reader-text {visibility:hidden;display:none;}
#searchsubmit {width:62px;height:20px;position:absolute;top:24px;right:0px;z-index:8000;background:url(images/zoeken.jpg) no-repeat center;border:0;color:transparent;text-indent:-9999px;}

/** change david mosterd */
#main_index {
	padding-top: 277px;
	width:1024px;
	padding-bottom:172px;
	background:url(images/bodem_bg.jpg) no-repeat center bottom #ffffff;
}
#main_index:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

img.catimg {float:right;margin-top:-40px;}
.content_links {float:left;width:450px;line-height:20px;}

#main_index .heads {height:112px;}
#main_index .heads img {height:112px;float:left;display:inline;}

.para_wrapper {width:510px;float:left;}
.para_wrapper2 {width:470px;float:left;}

.heads li a {display:block;text-decoration:none;position:relative;z-index:2;background:#854486;}
.heads li a:hover {text-decoration:none;}
.heads li div {display:none;position:absolute;top:0px;left:1px;width:167px;font-size:0.9em;border:1px solid #d1d1d1;background:#ffffff;margin-top:-99px;z-index:99;}
.heads li div p {text-align:center;margin:0;line-height:1.9em;padding:0;}
.heads li div p a:link, .heads li div p a:visited {text-align:center;color:#ffffff;}
.heads li div p a:hover {font-weight:bold;font-size:12px;}

#main_index .rij_een {width:1024px;height:200px;margin:8px 8px 15px 8px;}
#main_index .rij_een img {margin:2px;}
#main_index .selecteer_leeftijd {width:1024px;height:50px;padding-top:79px;background:url(images/selecteer_leeftijd.jpg) no-repeat center top;}
#main_index .selecteer_leeftijd img {width:114px;float:left;margin-left:5px;text-align:right;}
#main_index .selecteer_leeftijd img.margin {margin-left:191px;}
#main_index .rij_twee {width:1024px;height:200px;margin:8px 8px 15px 8px;}
#main_index .rij_twee img {margin:2px;}

.nieuws_post {margin:20px;padding:10px;border:1px solid #d1d1d1;}
.nieuws_post:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.nieuws_post small {float:left;display:inline;width:34px;height:29px;padding:5px 3px 3px 3px;text-align:center;color:#ffffff;background:url(images/date.jpg) no-repeat center;font-size:10px;line-height:12px;}
.nieuws_post h2 {margin-left:45px;padding-top:5px;margin-bottom:10px;font-size:23px;}
.nieuws_post img {margin:8px;padding:2px;border:1px solid #d1d1d1;}

p {margin-bottom:12px;line-height:20px;}
p.edit {float:right;margin-top:30px;}
p.intro {float:left;width:490px;height:187px;padding:5px;margin:2px 7px 2px 3px;border:1px solid #e1e1e1;line-height:22px;}

p#breadcrumbs {color:#b1b1b1;padding:10px;text-decoration:none;}
p#breadcrumbs a:link {color:#999999;text-decoration:none;}
p#breadcrumbs a:visited {color:#b1b1b1;text-decoration:none;}
p#breadcrumbs a:hover {color:#888888;text-decoration:none;}

.page {padding:0 30px 30px 30px;}
.page ul {padding-left:20px;display:block;padding-bottom:10px;}
.page ul li {list-style-type:disc;display:block;}

.page .linker {float:left;width:440px;padding:10px;margin:10px;border:1px solid #d1d1d1;margin-bottom:20px;}
.page .rechter {float:right;width:440px;padding:10px;border:1px solid #d1d1d1;margin-top:10px;margin-bottom:20px;}

.formulier {text-align:left;line-height:22px;width:400px;}
.formulier label {display:list-item;}
.formulier .input {height:20px;width:200px;border:1px solid #d1d1d1;font-size:14px;font-weight:bold;color:#222222;padding:2px;color:#444444;margin-top:5px;}
.formulier .input:focus {border:1px solid #999999;}
.formulier .area {height:175px;width:250px;border:1px solid #d1d1d1;font-size:14px;font-weight:bold;color:#222222;padding:2px;color:#444444;margin-top:5px;}
.formulier .area:focus {border:1px solid #999999;}
.radio {margin-left:-10px;}

.kadoformulier {text-align:left;line-height:22px;margin-bottom:20px;}
.kadoformulier td {padding-bottom:10px;}
.kadoformulier label {display:list-item;}
.kadoformulier .input {height:20px;width:200px;border:1px solid #d1d1d1;font-size:14px;font-weight:bold;color:#222222;padding:2px;margin-bottom:-4px;color:#444444;margin-top:5px;}
.kadoformulier .input:focus {border:1px solid #999999;}

.enq label {display:list-item;}

img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */

/* Begin Form Elements */
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;}
select {width: 130px;}

.heads li {position: relative;float: left;margin: 0;padding: 0;}

.footer {width:1000px;margin:0 auto;text-align:center;color:#ffffff;font-size:11px;}

#myslides {position:absolute;top:71px;right:0;width:615px;height:156px;padding:0;margin:0;} 
#myslides img {width:615px;height:156px;float:right;}

.form_left {float:left;width:405px;}
.form_right {float:right;width:545px;padding-left:10px;border-left:1px solid #d1d1d1;}
.form_right hr {line-height:35px;}