/*  
Theme Name: Edumonde
Theme URI: http://www.edumonde.nl
Description: A developed theme for Wordpress.
Author: Kim O'Prinsen
Author URI: https://www.youareonline.nl
Version: 1.0
Tags: You Are Online.
This theme is copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
 
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html.
*/

/* algemeen */

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

body {
margin: 0;
padding: 0;
border: 0;
font-family: 'calibri', sans-serif;
font-size: 0.9em;
font-size: 100%;
font-style: normal;
font-weight: 300;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
line-height: 0;
}

h1 {
clear: both;
color: #213389;
font-weight: normal;
font-size: 180%;
line-height: 120%;
margin: 0px 0px 20px 0px;
}

h2 {
margin: 15px 0 5px 0;
font-size: 120%;
font-style: italic;
font-weight: bold;
color: #941681;
}

p {
margin: 0px;
color: #213389;
font-size: 110%;
padding: 0;
}

ul, ol {
color: #213389;
margin: 0px 0px 15px 17px ;
padding-left: 0;
font-size: 100%;
}

a {
font-size: 100%;
font-weight: normal;
color: #941681;
text-decoration: none;
}

a:hover {
color: #213389;
text-decoration: none;
}

a:active, a:focus {
outline: none;
}

table {
margin: 5px 0 0 0;
}

th, td {
border: solid 0.5px #213389;
color: #213389;
padding: 5px;
}

th {
font-weight: bold;
}

img {
margin: 0;
max-width: 100%;
height: auto;
}

img.alignright, .wp-caption.alignright {
float:right; 
margin: 0 0 14px 4px;
}

img.alignleft, .wp-caption.alignleft {
float:left;
margin:0 4px 14px 0;
}

img.aligncenter, .wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
margin-bottom: 14px;
}

a img.alignright, a .wp-caption-alignright {
float:right; 
margin:0 0 14px 4px;
}

a img.alignleft, a .wp-caption.alignleft {
float:left; 
margin:0 4px 14px 0;
}

a img.aligncenter, a .wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
margin-bottom: 14px;
}

/* positionering */

#wrapper {
width: 100%;
background-color: #fff;
}

#masthead {
position: relative;
width: 100%;
}

#masthead img {
width: 100%;
height: auto;
}

#header {
position: absolute;
left: 0;
right: 0;
width: 1000px;
margin: 0 auto;
z-index: 999;
}

#logo {
position: absolute;
top: 50px;
width: 40%;
}

#logo img {
background: radial-gradient(ellipse, #fff, transparent);
padding: 25px;
}

#access-wrapper {
position: relative;
top: 0px;
left: 0px;
float: left;
width: 100%;
height: 35px;
text-align: left;
margin-left: 0px;
background-color: #213389;
border-bottom: 5px solid #941681;
}

#access {
width: 1000px;
margin: 0 auto;
height: 35px;
text-align: left;
}

#container {
position: relative;
top: 10px;
width: 1000px;
margin: 0 auto;
min-height: 480px;
background-color: #fff;
overflow: hidden;
}

#widgets_left_top {
position: relative;
top: 80px;
left: 0;
width: 18%;
height: auto;
margin: 0 0 20px 0;
float: left;
border-right: 3px solid #941681;
/* background-color: #941681; */
}

#widgets_left_top p {
color: #213389;
}

/* #submenu {
position: relative;
top: 80px;
left: 1%;
width: 19%;
margin: 0 0 20px 0;
float: left;
} */

#content {
position: relative;
top: 20px;
left: 3%;
float: left;
margin: 0 0 30px 0;
width: 55%;
padding: 0;
}

#widgets_right {
position: relative;
top: 20px;
right: 0;
float: right;
width: 23%;
}

#bottombar {
position: relative;
top: 20px;
left: 0;
clear: both;
width: 1000px;
margin: 0 auto 50px auto;
padding: 0;
}

#widgets_left {
position: relative;
top: 20px;
left: 1%;
width: 18%;
height: 200px;
margin: 0 0 20px 0;
float: left;
}

#image_page {
position: relative;
bottom: 0;
left: 3%;
float: left;
margin: 0 auto;
width: 54%;
height: auto;
padding: 0;
}

#images_right {
position: relative;
top: 20px;
right: 1%;
float: right;
width: 23%;
height: 200px;
}

#footer {
position: relative;
top: 0px;
left: 0px;
width: 100%;
clear: both;
text-align: center;
margin-top: 30px;
height: 60px;
background-color: #941681;
}

/* Vormgeving hoofdmenu */

#access ul {
width: 78.5%;
height: 40px;
margin: 0;
padding: 0px 0px 0px 21.5%;
list-style: none;
}

#access li {
height: 35px;
display: inline;
padding: 0;
border: none;
}

#access li:hover, #access li.current-menu-item, #access li.current-menu-item,  #access li.current-page-ancestor {
}

#access li a, #access li a:hover, #access li.current-menu-item a, #access li.current-page-ancestor a {
font-size: 130%;
font-weight: 500;
height: 35px;
line-height: 35px;
padding: 0px 30px 0 0;
}

#access li a {
color: #fff;
text-decoration: none;
}

#access li a:hover, #access li.current-menu-item a, #access li.current-page-ancestor a {
color: #c7a0cc;
text-decoration: none;
}

/* Vormgeving submenu */

#submenu ul {
width: 100%;
margin: 0px 0px 0px 10px;
list-style: none;
text-align: left;
padding-left: 0px !important;
}

#submenu li {
margin-bottom: 15px;
padding-bottom: 5px;
font-size: 120%;
line-height: 130%;
}

#submenu a, #submenu a:hover, #submenu .current_page_item a {
display: inline;
color: #001c71;
text-decoration: none;
}

#submenu a:hover, #submenu .current_page_item a {
color: #941681;
}

/* widgets */

aside {
width: 100%;
}

#widgets_left aside {
}

#widgets_right aside {
height: 150px;
margin: 0 0 0 0;
background-repeat: no-repeat;
background-position: 15px 10px;
}

#widgets_right aside {
background-image: url("images/img_ballon.png");
}

#widgets_right aside:hover {
background-image: url("images/img_ballon_hover.png");
}

h3.widget-title {
width: 100%;
height: 16px;
text-align: left;
background-color: #8a959c;
color: #fff;
font-size: 125%;
font-weight: normal;
line-height: 16px;
}

#widgets_right h3.widget-title {
display: none;
}

#widgets_right .textwidget {
text-decoration: none;
}

#widgets_right .textwidget p, #widgets_right .textwidget a {
color: #fff;
font-size: 130%;
font-weight: 500;
text-align: center;
margin: 0;
display: block;
height: 70px;
width: 190px;
padding: 50px 20px 25px 20px;
}

#widgets_left .textwidget p, #images_right .textwidget p, #images_right .textwidget a {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 0;
text-align: center;
}

#images_right .textwidget p, #images_right .textwidget a {
margin: 0 0 -14px 0;
}

#image-page .attachment-post-image1-thumbnail {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: auto;
margin-bottom: 20px;
}

#widgets_left_top aside {
width: 80%;
padding: 20px 10% 20px 10%;
}

#widgets_left_top p {
font-size: 100%;
}

/* footer */

#footer_info {
width: 1000px;
margin: 0 auto;
}

#footer p {
margin: 0;
padding: 15px 0 15px 0;
font-size: 100%;
color: #fff;
line-height: 30px;
}

#disclaimer {
position: relative;
top: 0;
left: 0;
width: 15%;
float: left;
}

#disclaimer p {
padding: 15px 0 15px 10px;
font-size: 100%;
text-align: left;
}

#footer_text {
position: relative;
top: 0;
left: 0;
width: 70%;
float: left;
text-align: center;
}

#developer {
position: relative;
top: 10px;
left: 0px;
float: right;
width: 14%;
color: transparent;
padding: 6px 1% 6px 0px;
text-align: right;
}

#developer a {
width: 40px;
line-height: 24px;
color: transparent;
}

/* formulier */

.wpcf7-form {
width: 100%;
}

.wpcf7-form p {
margin: 10px 0 0 0;
}

input, textarea {
display: block;
padding: 5px;
border: 1px solid #ccc;
}

textarea {
width: 340px;
}

span.wpcf7-list-item {
display: block;
}

input[type="radio"] {
width: 5%;
display: inline;
margin: 5px 5px 0px 0px;
}

input#fromAddress1 {
width: 50%;
}

input[type="submit"] {
margin: 5px 0 10px 0;
width: 100px;
color: #fff;
background-color: #213389;
}

input[type="submit"]:hover {
background-color: #941681;
}