/*  

Theme Name: Edutec
Theme URI: http://www.edu-tec.nl
Description: Deze template is ontwikkelt voor Edutec
Version: 1.0
Author: Thomas Streumer
Author URI: http://www.edu-tec.nl



*/


body {
margin: 0px;
padding: 0px;
background: url('images/background-groot.jpg');
background-repeat: no-repeat;
background-position: 50% 0%;
background-color: #F2F2F2;
color: #666666;
font-size:14px;
font-family: "VAGrounded", Arial;
text-align:left;
}

@font-face {
    font-family: 'VAGrounded';
    src: url('fonts/vagrounded-light-webfont.eot');
    src: url('fonts/vagrounded-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/vagrounded-light-webfont.woff') format('woff'),
         url('fonts/vagrounded-light-webfont.ttf') format('truetype'),
         url('fonts/vagrounded-light-webfont.svg#VAGRoundedBTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {
color: #3baa34;
text-decoration:none;
}

a:hover {
color: #3baa34;
text-decoration:underline;
}

a:visited {
color: #3baa34;
text-decoration:none;
}

a:active{
color: #3baa34;
text-decoration:none;
}

blockquote, body, caption, dd, dl, form, h1, h2, h3, h4, h5, h6, input, p, pre, textarea, table, td, th, html{
margin: 0;
padding: 0;
}

p {
line-height: 1.6em;
margin: 15px 0px;
color: #666666;
}

ul {
margin:0;
}

ul li{
margin:0;
color: #666666;
}

h2 {
font-size:22px;
}

#container {
width: 980px;
margin: 0 auto;
}

h3 {
    color: #A3195B;
    font-size: 16px;
    font-weight: lighter;
    line-height: 26px;
}

#header {
background-repeat: repeat-x;
height:198px;
width: 980px;
}

#header .logo {
position: relative;
height: 198px;
width: 630px;
z-index: 2;
}

#dogo {
   background: url("images/titn.gif") no-repeat scroll 0 0 transparent;
    height: 198px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 630px;
    z-index: 0;
}


#header .menu {
   height: 60px;
    position: relative;
    top: -55px;
    z-index: 3;
}

.menu ul {
padding: 18px 0px 0px 192px;
margin: 0;
height:60px;
}

.menu ul li {
display: inline; 
list-style-type: none;
}

.menu ul li a
{
text-decoration: none;
padding: 0.1em 0.6em 1.4em 0.6em ;
color: #f1f3f0;
font-size: 13px;
}

.menu ul li a:hover
{
color: #f1f3f0;
background-color: #A4195C;
}

.menu ul li a:active
{
color: #f1f3f0;
background-color: #A4195C;
}

#title {
   background: #a3195b;
    height: 60px;
    position: relative;
  	width: 580px;
	padding: 0px 10px 0px 0px;
	width: 580px;
	top:200px;
	text-align: right;
	}
	
#title  h2 a{
text-align: right;
text-decoration: none;
font-size: 55px;
margin: 0;
font-weight: lighter;
color: #ffffff;
}	
	
#content .post {
 background: fbfafa;
 padding: 20px;
  }

#content {
 background: #fbfafa;
 border: 1px solid #dfdfdf;
    min-height: 400px;
    position: relative;
	width: 980px;
	top:200px;
}

#footer {
background: #fbfafa;
height: 60px;
position: relative;
width: 980px;
top:200px;
}

#footer .footer-inner {
padding:10px 20px;
text-align:right;
}

#footer .footer-inner p{
font-size:12px;
color: #3baa34;
}


