/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		HEADER																		###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

div#header h2 {
	background-image:url(../images/header/payoff-4.gif);
	text-indent:-2000em;
}

/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		MAIN CONTENT																###########*/
/* ###########																					###########*/
/* ########################################################################################################*/

#main-content{
	overflow:auto;
}


/* ########################################################################################*/
/* ###########		Beeld etalage												###########*/
/* ########################################################################################*/

#beeldetalage {
	float:left;
	width:644px;
	height:424px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}

#beeld {
	width:644px;
	height:424px;
}

#beeldetalage #nav-bg {
	position:absolute;
	left:0;
	bottom:0;
	height: 25px;
	width:644px;
	background-color:#FFFFFF;
	z-index: 99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
	
}

#beeldetalage ul {
	position:absolute;
	left:0;
	bottom:0;
	height: 25px;
	width:644px;
	z-index: 100;
	overflow:hidden;
	
}

#beeldetalage ul li{
	float: left;
	width: 160px;
	height: 25px;
}

#beeldetalage ul li a:link,
#beeldetalage ul li a:visited,
#beeldetalage ul li a:active {
	display: block;
	padding-left: 8px;
	color:#7f7e85;
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
	line-height: 25px;
}

#beeldetalage ul li a:hover,
#beeldetalage ul li a:focus {

}

#beeldetalage ul li a.activeSlide:link,
#beeldetalage ul li a.activeSlide:visited,
#beeldetalage ul li a.activeSlide:active {
	color:#251c5c;
}

#beeldetalage ul li a.activeSlide:hover,
#beeldetalage ul li a.activeSlide:focus {

}

#beeldetalage #tekst {
	position:absolute;
	left:0;
	bottom:25px;
	z-index:110;
	width:644px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-khtml-opacity: 0.70;
	-moz-opacity: 0.70;
	opacity: 0.70;
}

#beeldetalage #tekst p {
	display: none;
	background-color:#FFFFFF;
	font-size:26px;
	font-weight: bold;
	line-height:30px;
	padding: 13px 120px 22px 10px;
}

#beeldetalage #tekst p span {
	background-color:#0092dd;
	color:#FFFFFF;
	font-size: 12px;
	padding:2px;
}

/* ########################################################################################*/
/* ###########		Sidebar	(Mission, Actieknoppen, Twitter)					###########*/
/* ########################################################################################*/

#sidebar {
	position: relative;
	float:left;
	width: 336px;
	height:424px;
	background: #e76f00 url(../images/sidebar/sidebar-background.jpg) no-repeat;
	overflow:hidden;
}

/*################# Mission			##################################*/

p#mission {
	color:#ffffff;
	padding:24px 20px 24px 35px;
	font-size: 13px;
	line-height: 1em;
	overflow:hidden;
}


/*################# Aktieknoppen	##################################*/

#acties 
{ padding: 145px 7px 0px 7px; *padding: 124px 7px 0px 7px; }

#acties li {
	width:322px;
	height:44px;
	margin-bottom:7px;
	background-repeat:no-repeat;
	background-position:0 -44px;
	font-size: 22px;
}

#acties li a:link,
#acties li a:visited,
#acties li a:active {
	display:block;
	height:44px;
	line-height:42px;
	color:#ffffff;
	text-decoration:none;
	font-size: 22px;
	font-weight:bold;
	padding:0 30px;
	text-indent:-2000em;
}

#acties li a:hover,
#acties li a:focus {
	background-image:none !important;
}

#acties li#bekijk-alle-programmas,
#acties li#bekijk-alle-programmas a {
	background-image:url(../images/home/bekijk-alle-programmas.gif);
}

#acties li#doe-een-aanvraag,
#acties li#doe-een-aanvraag a {
	background-image:url(../images/home/doe-een-aanvraag.gif);
}

#acties li#steun-het-oranjefonds,
#acties li#steun-het-oranjefonds a {
	background-image:url(../images/home/steun-het-oranjefonds.gif);
}


/*################# Twitter		##################################*/

#twitter {
	background-color:#0092dd;
	border-top:1px solid #0092dd;
	height: 111px;
	position:relative;
}

#twitter h5 {
	width:98px;
	height:105px;
	background-image:url(../images/home/twitter-logo.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
	text-indent:-2000em;
}

#twitter p {
	width: 222px;
	height:68px;
	padding:4px 6px 9px 6px;
	background-image:url(../images/home/twitter-txt-bg.gif);
	background-repeat:no-repeat;
	margin-left:93px;
	margin-top:5px;	
	line-height: 17px;
}

#twitter div {
	width:235px;
	height:26px;
	position:absolute;
	right:0; bottom:0;
}

#twitter div a:link,
#twitter div a:visited,
#twitter div a:active{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#twitter div a:hover {
	text-decoration:underline;
}

#twitter div span{
	padding-left: 50px;
	font-weight:bold;
}


/* ########################################################################################################*/
/* ###########																					###########*/
/* ###########		SECONDARY CONTENT															###########*/
/* ###########																					###########*/
/* ########################################################################################################*/
#secondary-content{
	overflow:hidden;
	border-top: 2px solid #ffffff;
}

#secondary-content-left 
{
    position: relative; 
    float: left;   
    width: 639px;
}

#secondary-content-right 
{
    position: relative;    
    float: right;
    width: 336px;
}

#beschermpaar {
	float:left;
	width:145px;
	height: 255px;
	overflow:hidden;
}

#specials {
	float:left;
	width: 644px;
	height: 198px;
	margin:10px 0 0 0;
	overflow:hidden;
}

#specials ul.tabs {
	overflow:auto;
}

#specials ul.tabs li {
	float: left;
	width: 130px;
	height: 34px;
	margin-right:6px;
	background-image:url(../images/home/specials-tabs.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	overflow:hidden;
	cursor:pointer;
	padding:0 10px;
	line-height:32px;
	font-size: 14px;
	color:#0092dd;
	font-weight:bold;
	letter-spacing:-1px;
}

#specials ul.tabs li.hilite {
	background-position:0 -34px;
}

#specials #panes {
	width: 639px;
	height:164px;
	background-image:url(../images/home/specials-bg.gif);
	background-repeat:repeat-x;
	position:relative;
}

#specials #panes div.pane{

	height:210px;
	background-repeat:no-repeat;
	background-position:right top;
	position:absolute;
	left:0; top:0;
	overflow:hidden;
}

#specials #panes div.tab-2,
#specials #panes div.tab-3{
	display:none;
}

#specials div.content {
	padding:11px 12px 0 6px;
	width: 639px;
	height: 161px;	
}

#specials div.content a:link,
#specials div.content a:visited,
#specials div.content a:active {
	text-decoration:none;
	color:#251c5c;
}

#specials div.content a:hover,
#specials div.content a:focus {
	text-decoration:underline;
}

#specials div.content .inner {
	background-color:#cce9f8;
	padding:5px 4px 15px 4px;
	overflow:auto;
}

#specials div.content .img-col {
	float: left;
	height:150px;
	margin-right: 10px;
}

#specials div.content .txt-col {
	float: left;
	height:150px;
	width: 473px;
}

#specials .tab-3 div.content .txt-col {
	width:370px;
}

#specials div.content h3 {
	font-size:12px;
	line-height:12px;
	padding-bottom:5px;
	color:#0092dd;
}

#specials .tab-3 div.content h3 {
	padding-left: 70px;
}

#specials div.content ul.newslist,
#specials div.content ul.agenda  {
	padding-bottom:10px;
}

#specials div.content ul.newslist li {
	}

#specials div.content ul.newslist li a{
	padding-left:10px;
	margin-left:15px;
	background-image:url(../images/home/specials-arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}
#specials div.content ul.agenda li {
	
}

#specials div.content ul.agenda li span{
	padding-right: 15px;
	display: block;
	float:left;
}

#specials div.content ul.agenda li a{
	padding-left: 10px;
	background-image:url(../images/home/specials-arrow.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}


#specials div.other a:link,
#specials div.other a:visited,
#specials div.other a:active {
	display:inline-block;
	height: 14px;
	line-height:14px;
	background-image:url(../images/home/specials-other-bg.gif);
	background-repeat:no-repeat;
	padding-left: 10px;
	margin:3px 0;
}

#specials a.more:link,
#specials a.more:visited,
#specials a.more:active {
	background-color:#0092dd;
	color:#ffffff !important;
	font-weight:bold;
	text-decoration:none !important;
	padding:0 0 1px 10px;
	white-space:nowrap;
}

#specials a.more:hover {
	background-color: transparent;
	color:#0092dd !important;
}

#specials a.more span,
#specials a.more:hover span{
	color:#0092dd;
}

#social 
{
    position: relative;
    width: 336px;
    height: 116px;
    background: url(../images/home/sponsors-bg.gif) repeat-x;
    overflow: auto; /* Margin fix */ 
}

    .social-row 
    {
        position: relative;
        width: 336px;
        height: 45px;
        margin-top: 10px;  
    }
    
        .social-row-header 
        {
            position: relative;
            float: left;
            width: 177px;
            height: 45px;
        }
        
            .social-row-header h1 
            {
                display: inline;
                font-size: 15px;
                line-height: 50px;
                margin-left: 10px;
                color: #0092dd;
            } 
            
        .social-row-icons 
        {
            position: relative;
            float: left;
            width: 157px;
            height: 45px;    
        }       
    
            .social-icon 
            {
                position: relative;
                float: left;
                width: auto;
                height: 45px;
                margin-right: 5px;
            }
        
		.social-row-icons iframe {
			position: absolute;
			width: 157px;
			height: 21;
			top: 12px;
			left: 0px;
		}

#video-beschermpaar 
{
    position: relative;
    width: 336px;
    height: 225px;
    text-align: center;    
}

    #video-beschermpaar h1 
    {
        font-size: 11px;
        line-height: 40px;
    }


#sponsors {
	float:left;
	width: 639px;
	height: 142px;
	overflow:auto;
}

    #aanmelden-nieuwsbrief 
    {
        position: relative;
        float: left;
        width: 263px;
        height: 142px;
    }

        #aanmelden-nieuwsbrief img { margin-top: 10px; }
    
    #sponsor-images 
    {
        position: relative;
        float: left;
        width: 376px;
        height: 142px;    
    }
    
        #sponsor-images h1 
        {
            display: block;
            margin: 8px 0 0 20px;
            color: #251c5c;
        }
        
        #sponsor-images img { margin-left: 35px; }

#sponsors h5 {
	height:14px;
	text-indent:-2000em;
	background-image:url(../images/home/sponsors-hdr.gif);
	background-repeat:no-repeat;
	margin:19px 0 30px 9px;
}

#sponsors p {
	float: left;
	margin:0 20px 0 17px;
	background-repeat:no-repeat;
}

#sponsors p#npl {
	width:119px;
/*	height:69px;*/
	height:79px;
	background: url(../images/home/nationale-postcode-loterij.gif) 0px 10px no-repeat;

}

#sponsors p#npl a {
	display:block;
	width:119px;
/*	height:69px;*/
	height:74px;
	text-indent: -2000em;
	
}

#sponsors p#lotto {
	width:107px;
	height:73px;
	background-image:url(../images/home/lotto.gif);
}

#sponsors p#lotto a {
	display:block;
	width:107px;
	height:73px;
	text-indent: -2000em;
}
/*OFFICIAL PARTNERS*/
#sponsors p#lotto {
	width:161px;
	height:83px;
	background-image:url(../images/home/lotto.jpg);
	margin:6px 0 0 0;
}

#sponsors p#lotto a {
	display:block;
	width:161px;
	height:83px;
	text-indent: -2000em;
}


/*TWITTER OP HOME */
#site-wrap #twitter-tweets { position: relative; padding-top: 15px; *padding-top: 15px;  }
#site-wrap #twitter-tweets .columns .column { width:336px; height:110px;}
#site-wrap #twitter-tweets #tweets-1 { background:url(../images/home/twitter_box1.png) 0 0 no-repeat;}
#site-wrap #twitter-tweets #tweets-2 { background:url(../images/home/twitter_box2.png) 0 0 no-repeat;}
#site-wrap #twitter-tweets a.next { position:absolute; top:1px; left:317px; display:block; width:19px; height:110px; background:url(../images/home/twitter_arrow.png) 5px 34px no-repeat; text-indent:-9999px; z-index:10;}
#site-wrap #twitter-tweets a.more { position:absolute; left:100px; top:10px; z-index:11;}

#site-wrap #twitter-tweets .columns .column .tweets { padding:10px 25px 5px 106px}
#site-wrap #twitter-tweets .columns .column .loading { padding:0 25px 5px 106px; line-height:14px; font-size:11px;}
#site-wrap #twitter-tweets .columns .column .tweets p { font-size:11px; color:#251c5c; line-height:15px;}
#site-wrap #twitter-tweets .columns .column .tweets span.date { display:none;}
#site-wrap #twitter-tweets .columns .column .twitter-msg { position:relative;}
#site-wrap #twitter-tweets .columns .column .twitter-msg .title { position:absolute; left:164px; top:87px; z-index:6;}
#site-wrap #twitter-tweets .columns .column .twitter-msg .title h3 { color:#fff;}
#site-wrap #twitter-tweets .columns .column .twitter-msg .more-tweets {position:absolute; left:106px; top:86px; z-index:7;}
#site-wrap #twitter-tweets .columns .column .twitter-msg .more-tweets a { color:#fff; font-size:11px; text-transform:lowercase;}
#site-wrap #twitter-tweets .columns .column .twitter-msg .more-tweets a.twitter_bird { width:100px; height:95px; text-indent:-9999px; position:absolute; top:-77px; left:-104px;}
#site-wrap #twitter-tweets .loading {background:url(../images/home/ajax-loader.gif) 170px 20px no-repeat; height:55px;}