/*
Theme Name: Prezinteren Template
Theme URI: http://www.prezinteren.nl/ 
Description: Wordpress template for Prezinteren Website
Version: 1.0
Author: Joms Calma
Author URI: http://www.filipino-web.com/ 
*/

body {
    font: 62.5%/2em Arial, Helvetica, sans-serif;  
    text-align:center;
}
a {
    color:#70b5d7;
    text-decoration:none;
}

a:hover {
    color:#fcaa07;
}

strong {
    font-weight:bold;
}

i,em {
    font-style:italic;
}

h1,h2,h3,h4,h5,h6 {
    color:#006995;      
}
h1 {
 
}
h2 {
     
}

#wrap {
    background:url(images/wrap.jpg);  
    color:#666666;
}
#container {
    width:984px;
    margin: 0 auto;
    text-align:left;
}

/* smes */

.smes_container{
	border: 2px solid #888;
	
}
.smes_img{
width: 63px;
height:63px;
float:left;
}
.smes_wrap_meta{
	float: right;
	width:520px;
}
.smes_post{
padding:0 !important;
margin-right:1em;

}

/****************************************************/
/******************* TOP BAR ************************/
/****************************************************/

#top {
    padding:0 12px;
    position:relative;
}

#logo {
    float:left;
    margin-top:6px;
}

#searchform {
    width:250px;
    float:right;
    margin-top:6px;
	text-align:right;    
}
#searchform img {
	margin-bottom:10px;
}
#searchform #s {
    width:200px;
    padding:10px 0;
    background:url(images/search.png) no-repeat;
    border:0;
    float:left;
    vertical-align: middle;
    color:#fff;
    font-size:1.6em;
    text-indent:10px;
}

#searchform #s-btn {
    width:50px;
    height:40px;
    background:url(images/search_btn.png) no-repeat;  
    border:0; 
    float:left;
}

/****************************************************/
/********************* BANNER ***********************/
/****************************************************/

#banner {
    width:984px;
    height:324px;
    background:url('images/banner.png') no-repeat top center;
    margin-top:-13px; 
    position:relative;
    z-index:2;   
}

#banner-text {
    float:right;
    width:220px;
    height: 260px;
    overflow:auto;
    font-size: 1.2em;
    margin:41px 20px 0 0;
    color:#797979;
}
#banner-text p {
    margin-bottom:20px;
}




/****************************************************/
/***************** NAVIGATION ***********************/
/****************************************************/   


#nav {
    float:left;
    position:absolute;
    bottom:19px;
    left:41px;
} 

#nav li {
    float:left;
}

#nav a,#nav a .hover {
    float:left;
    position: relative;
    height:35px;
    background: url(images/menu.png) 0 0 no-repeat;       
}

#nav a span {
    display: none;
    cursor: pointer;
}

#nav a span.hover {
    display:block;
}

#nav a.home {
    width: 73px;
}
#nav .highlight a.home:hover, #nav .active a.home,
#nav a.home .hover {
    background-position: 0 -35px;
    width: 73px;
}
#nav a.programma {
    width: 139px;
    background-position: -73px 0; 
}
#nav .highlight a.programma:hover, #nav .active a.programma,
#nav a.programma .hover {
    background-position: -73px -35px;
    width: 139px;
}
#nav a.sprekers {
    width: 117px;
    background-position: -212px 0; 
}
#nav .highlight a.sprekers:hover, #nav .active a.sprekers,
#nav a.sprekers .hover {
    background-position: -212px -35px;
    width: 117px;
}
#nav a.locatie {
    width: 105px;
    background-position: -329px 0; 
}
#nav .highlight a.locatie:hover, #nav .active a.locatie,
#nav a.locatie .hover {
    background-position: -329px -35px;
    width: 105px;
}
#nav a.registratie {
    width: 134px;
    background-position: -434px 0; 
}
#nav .highlight a.registratie:hover, #nav .active a.registratie,
#nav a.registratie .hover {
    background-position: -434px -35px;
    width: 134px;
}
#nav a.contact {
    width: 92px;
    background-position: -568px 0; 
}
#nav .highlight a.contact:hover, #nav .active a.contact,
#nav a.contact .hover {
    background-position: -568px -35px;
    width: 92px;
}



/****************************************************/
/******************** MAINCONTENT *******************/
/****************************************************/
                
#main {
   
}

#maincontent {
    float:left;
    width:635px;
}

#maincontent p, #maincontent ul, #maincontent ol,#maincontent table, #maincontent div{
    margin-bottom:20px;
    font-size:1.3em;
}

#maincontent p *, #maincontent ul *, #maincontent ol *,#maincontent table *, #maincontent div * {
	font-size:100%;
}

#maincontent table {
      border-style:  solid;
      border-width: 0 0 2px 2px;
}

#maincontent table * {
	  font-size:100%;
}

#maincontent table td{
        border-style:  solid;
        border-width:2px 2px 0 0;
        padding:5px;
        vertical-align: top;
}

#maincontent h1 {
    border-bottom:5px solid #70b5d7;
    margin-bottom:20px;
}

#maincontent ul, #sidebar ul{
    margin-left:10px;   
}
#maincontent ul, ul.circle {
    margin-top:-15px;
}

#maincontent ul li, #sidebar ul li, ul.circle li{
    padding-left:20px;
    background:url(images/list_circle.png) no-repeat 0 5px;    
    
    
}
#maincontent hr {
    margin-bottom:20px;
    border:none;
    border-top:1px solid #666666;
}

#maincontent img {
    
}

#maincontent img.border {
	border:5px #cccccc solid;
}

#maincontent img.align-left {
    float:left;
    margin:0 20px 20px 0;
} 

#maincontent .circle {
    padding-left:12px;
    background:url(images/list_circle.png) 0 3px no-repeat;
}



/****************************************************/
/******************** SIDEBAR ***********************/
/****************************************************/

#sidebar {
    float:right;
    width:250px;
}

#sidebar .orange-box {
    background:url(images/orange_round_top.png) no-repeat #fcaa07;
    padding-top:20px;
    text-align:center;
    margin-bottom:10px; 
}

#sidebar .orange-box .orange-bottom {
    background:url(images/orange_round_bottom.png) no-repeat bottom left #fcaa07;
    height:30px;
}

#sidebar .orange-box input.text {
    width:200px;
    padding:9px 0 9px 10px;
    border:1px solid #f3a306;
    margin:0 0 5px;
    background-color:#fdbb39;
    color:#fff;
}

#sidebar .img-btn {
    background:url(images/subscribe_btn.png) no-repeat;
    width:210px;
    height:57px;
    margin-top:8px;
}

.img-btn {
    font-size:0;
    text-indent:9999px;
    border:none;
    cursor:pointer;
    line-height:999px;
}

#sidebar .box h3{
    background:url(images/side_header.png) no-repeat;
    font-size:2.4em;
    font-family:"Nilland-Black";
    color:#70b5d7;
    text-transform: uppercase;
    letter-spacing:-1px;
    vertical-align:middle;
    padding:17px 0 10px 10px;
    margin-bottom:10px;
}

#sidebar #social {
    text-align:center;
}
#sidebar #social a {
    margin:0 3px;
}

#sidebar ul li {
    font-size:1.3em; 
}

#partners img{
    border:5px #eef0e4 solid;
	text-align:center;
	margin:0 auto 5px;
}


/****************************************************/
/********************* FOOTER ***********************/
/****************************************************/

#footer {
    width:984px;
    margin:auto;
    text-align:center;
    background:url('images/footer_bg.png') repeat-x;
    line-height:24px;
    padding-top:5px;
    font-size:1.1em;
    color:#666666; 
}
#footer div {
    padding-top:20px;
}
#footer a {
    margin:0px 20px;
    color:#666666;
}


/****************************************************/
/******************** UTILITIES *********************/
/****************************************************/ 

.clear {
    clear:both;
}

.gutter {
    padding:20px 12px 0 31px;
}

.align-center {
	text-align:center;
}

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for container layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#container {padding-bottom: 67px;}  /* must be same height as the footer */

#footer {position: relative;
    margin-top: -67px; /* negative value of footer height */
    height: 67px;
    clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}