/*
Theme Name: Fondation Henri Storck
Theme URI: http://fondshenristorck.be
Author: lason.be
*/

* 	
{
margin: 0;
padding: 0;
}

body
{
width: 100%;
height:100%;
position: relative;
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #999;
line-height: 1.2em;
overflow-x: hidden;
}
	
#camera
{
position: absolute;
left: 50%;
margin-left: 382px;
margin-top: 53px;
}

#page
{
position: relative;
margin: 0 auto;
padding: 0;
width: 1020px;	
}

#header
{
float: left;
clear: both;
width: 1020px;
margin: 0;
padding: 0;	
}

#logo
{
float: left;
clear: left;
width: 100px;
height: 100px;
margin:0px 0px 0px 10px;
padding:0px;	
}

#menu
	{
	float: left;
	clear: both;
	width:1000px;
	margin:20px 10px 0px 10px;
	padding:0px;	
	}

#sidebar
	{
	float: left;
	clear:left;
	width: 235px;
	margin: 20px 10px 0px 10px;
	padding: 0;
	}

#liste
	{
	float: left;
	clear: both;
	margin:20px 0px 0px 0px;
	padding:0;	
	}

#contenu_home
	{
	margin: 0;
	padding: 0;	
	float: left;
	clear: both;
	width:1000px;
	}
	
#article_home
	{
	float: left;
	width: 235px;
	margin: 20px 10px 0px 10px;
	padding:0;	
	}
	
.thumbnail_home
	{
	float: left;
	width: 235px;
	margin: 0;
	padding:0;
	text-align: left;	
	}	
	
#text_home
	{
	float: left;
	clear: both;
	width: 235px;
	height: 235px;
	overflow: hidden;
	margin: 20px 0px 0px 0px;
	padding:0px;
	text-align: justify;	
	}
	
#suite
	{
	float: left;
	clear: both;
	margin: 20px 0px 0px 0px;
	}
	
#contenu
	{
	float: left;
	clear: both;
	width: 1020px;
	margin:0;
	padding: 0;		
	}
	
#titre
	{
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 10px 0px 10px;	
	}
	
#crumbs
	{
	float: left;
	clear: both;
	margin: 20px 0px 0px 10px;	
	}
	
.thumbnail
	{
	float: left;
	clear: left;
	width: 235px;
	height:235px;
	margin: 20px 10px 0px 10px;
	padding:0;
	text-align: left;	
	}
	
.size-thumbnail
	{
	width: 235px;
	height:235px;
	}
	
#text
	{
	float: right;
	clear: right;
	width: 745px;
	margin: 20px 10px 0px 10px;
	text-align: justify;	
	}
	
.bleu
{
color: #295B74;	
}
	
#enfants
	{
	float: left;
	clear: both;
	width: 1020px;
	margin:0;
	padding: 0;	
	}
	
#enfant
	{
	float: left;
	clear: none;
	width:255px;
	margin: 0px 0px 0px 0px;
	padding: 0;	
	}
	
#titre_enfant
	{
	float: left;
	clear: both;
	width:235px;
	height:40px;
	margin:5px 10px 0px 10px; 	
	}

img.wp-post-image
	{
	float: left;
	clear: none;
	width: 235 px;
	height: 235 px;
	margin: 0;
	padding:0;	
	}

a:link {color:#999;text-decoration: underline;} 
a:active {color:#999;text-decoration:underline;}
a:visited {color:#999;text-decoration: underline;}
a:hover {color:#999;text-decoration: none;}

a.language:link {color:#133346;text-decoration: none;} 
a.language:active {color:#133346;text-decoration: none;}
a.language:visited {color:#133346;text-decoration: none;}
a.language:hover {color:#133346;text-decoration: underline;}

a.menu:link {font-size:14px;color:#00ACE6;text-decoration: none;} 
a.menu:active {font-size:14px;color:#00ACE6;text-decoration: none;}
a.menu:visited {font-size:14px;color:#00ACE6;text-decoration: none;}
a.menu:hover {font-size:14px;color:#133346;text-decoration: none;}

a.footer:link {color:#666;text-decoration: none;} 
a.footer:active {color:#666;text-decoration: none;}
a.footer:visited {color:#666;text-decoration: none;}
a.footer:hover {color:#999;text-decoration: underline;}

a.footermenu:link {color:#999;text-decoration: none;} 
a.footermenu:active {color:#999;text-decoration: none;}
a.footermenu:visited {color:#999;text-decoration: none;}
a.footermenu:hover {color:#999;text-decoration: underline;}

a.breadcrumb:link {font-size:11px;color:#999;text-decoration: none;} 
a.breadcrumb:active {font-size:11px;color:#999;text-decoration: none;}
a.breadcrumb:visited {font-size:11px;color:#999;text-decoration: none;}
a.breadcrumb:hover {font-size:11px;color:#999;text-decoration: underline;}

#maincontainer
	{
	position: absolute;
	width: 100%;
	}

input, textarea, select
	{
	background-color : #fff;
	font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
	border: 1px solid #eaeaea;
	padding: 3px;
	margin: 0;
	scrollbar-3dlight-color:#fff; 
	scrollbar-arrow-color:#333;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color: #fff;
	}
	
.regform
	{
	line-height: 2.2em;
	}

.inputfield_large
	{
	width:350px;
	}
 
img
	{
	border: 0;
	}

#search
	{
	float: right;
	clear: right;
	margin:20px 10px 0px 0px;
	}
	
#taalkeuze
	{
	float: right;
	clear: right;
	margin: 20px 10px 0px 0px;
	}
	
	
#slideshow
	{
	float: left;
	clear: both;
	width: 1000 px;
	height: 235 px;
	margin: 20px 10px 0px 10px;
	padding: 0;
	border: 0;
	z-index:2;
	}
	
#footer
	{
	float: left;
	clear: both;
	margin: 20px 0px 0px 0px;
	width: 100%;
	background-color: rgb(245,245,245);	
	}
	
#footerbox
	{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1020px;	
	}

#footerbox_1 
	{
	margin: 20px 10px 20px 10px;
	padding: 0;
	float:left;
	clear: left;
	width:235px;
	}

#footerbox_2
	{
	margin: 20px 10px 20px 10px;
	padding: 0;
	float:left;
	width:235px;
	}

#footerbox_3 
	{
	margin: 20px 10px 20px 10px;
	padding: 0;
	float:left;
	width:235px;
	}
	
#footerbox_4 
	{
	margin: 20px 10px 20px 10px;
	padding: 0;
	float:left;
	clear: right;
	width:235px;
	text-align: right;
	}
	
ul
	{
	list-style-type:none;
	}
	
ul li ul
	{
	margin-left: 20px;	
	}
	
ul.footer 
	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
ul.footer li 
	{
	background-image:url(img/listbullet_footer.gif);
	background-position:0;
	background-repeat:no-repeat;
	padding: 0 0 0 13px;
	}

ul.footer li a:link {color:#999;text-decoration: none;} 
ul.footer li a:active {color:#999;text-decoration: none;} 
ul.footer li a:visited {color:#999;text-decoration: none;} 
ul.footer li a:hover {color:#999;text-decoration: underline;}

.menuspacer
	{
	margin: 0 15px 0 15px;
	}

.title
	{
	font-size: 18px;
	color: #009BAC;
	}
	
.colourtext
	{
	color: #265972;
	}
	
.fattext
	{
	font-weight: bold;
	color: #275972;
	}


/* navigation */
#navigation	
	{
	height: 30px; /* set to the height you want your menu to be */
	margin: 0px 0px 0px 0px; /* just to give some spacing */
	float: left;
	}

div#navigation 
	{
	text-align: right;
	}

#navigation ul	
	{
	margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
	}

#navigation li	
	{
	display: block;
	float: left;
	line-height: 30px; /* this should be the same as your #main-nav height */  
	height: 30px; /* this should be the same as your #main-nav height */
	margin: 0px 0px 1px 1px; padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */  
	}
#navigation li a	
	{
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0px 20px 0px 0px;
	color: #00ACE6;
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	}

#navigation .current-menu-item a, #navigation .current_page_item a, #navigation a:hover 
	{
	color: #295B74;
	}

#navigation ul ul 
	{ /* this targets all sub menus */
	display: none;  /* hide all sub menus from view */
	position: absolute;
	top: 30px; /* this should be the same height as the top level menu --		height + padding + borders */
	z-index: 101;
	}
#navigation ul ul li 
	{ /* this targets all submenu items */
	float: none; /* overwriting our float up above */
	width: 200px;
	height: 30px;
	background-color:#009CAC;
	}

#navigation ul ul li.menu-parent-item 
	{
	background: url(img/sub-bg.gif) no-repeat 0 top;
	}

#navigation ul ul li a 
	{ /* target all sub menu item links */
	font-size: 13px;
	color: #fff;
	padding: 0 10px;
	}

#navigation ul li:hover > ul 
	{
	display: block; /* show sub menus when hovering over a parent */
	}

#navigation ul ul li ul 
	{
	/* target all second, third, and deeper level sub menus */
	left: 200px; /* this needs to match the sub menu width set above -- width 	+ padding + borders */
	top: 0; /* this ensures the sub menu starts in line with its parent item 	*/
	}

/*------------------------------------------*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone 
	{
    margin: 0px 20px 20px 0;
	}

.aligncenter, div.aligncenter 
	{
    display:block;
    margin: 0px auto 5px auto;
	}

.alignright 
	{
    float:right;
    margin: 0px 0 20px 20px;
	}

.alignleft 
	{
    float:left;
    margin: 0px 20px 20px 0;
	}

.aligncenter 
	{
    display: block;
    margin: 0px auto 5px auto;
	}

a img.alignright 
	{
    float:right;
    margin: 0px 0 20px 20px;
	}

a img.alignnone 
	{
    margin: 0px 20px 20px 0;
	}

a img.alignleft 
	{
    float:left;
    margin: 0px 20px 20px 0;
	}

a img.aligncenter 
	{
    display: block;
    margin-left: auto;
    margin-right: auto
	}

.wp-caption 
	{
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
	}

.wp-caption.alignnone 
	{
    margin: 5px 20px 20px 0;
	}

.wp-caption.alignleft 
	{
    margin: 5px 20px 20px 0;
	}

.wp-caption.alignright 
	{
    margin: 5px 0 20px 20px;
	}

.wp-caption img 
	{
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
	}

.wp-caption p.wp-caption-text 
	{
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
	}




/***** Typography *****/

h1, h2, h3, h4, h5, h6 
	{
	margin:0;
	padding:0;
	font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.5em;
	}
	 
	h1
	{
	line-height:1.2em;
	}
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  
	{
	font-weight: normal;
	}

h1 { margin:0 0 15px 0; padding:0; font-size:18px; color:#009BAC;}
h2 { margin:0 0 15px 0; padding:0; font-size:13px; color:#265972;}
h3 { margin:0 0 15px 0; padding:0; font-size:13px; color:#265972;}
h4 { margin:0 0 15px 0; padding:0; font-size:13px; color:#265972;}
h5 { margin:0 0 15px 0; padding:0; font-size:13px; color:#265972;}
h6 { margin:0 0 15px 0; padding:0; font-size:13px; color:#265972;}

	p
	{
	margin:0;
	padding:0;
	}

a:link {color:#999;text-decoration: underline;} 
a:active {color:#999;text-decoration:underline;}
a:visited {color:#999;text-decoration: underline;}
a:hover {color:#999;text-decoration: none;}


	sup, sub 
	{
	height:0;
	line-height:1px;
	vertical-align:baseline;
	_vertical-align:bottom;
	position:relative;
	}

sup { bottom:1px; }
sub { top:1px; font-size:.6em; }
em { font-style:italic; }
strong { font-weight:bold;}
small { font-size:80%; }




/***** Blockquotes *****/
blockquote, blockquote p
	{
	margin:10px 0 20px 0;
	padding:0 0 0 46px;
	font-style:italic;
	font-variant:normal;
	font-weight:normal;
	line-height:20px; 
	font-size:13px;
	font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	color:#999;
	}

.fullquote_right,.fullquote_left
	{
	float:right;
	font-size:1.2em;
	font-family:Georgia,sans-serif; 
	letter-spacing:0px;
	margin:8px 0px 0px 20px;
	padding:5px 10px 10px 15px;
	width:50%;
	font-weight:normal;
	font-style:italic; 
	border:1px solid #ededed;
	border-left:5px solid #ededed;	
	background:#fff;
	}

.fullquote_left
	{
	border-right:5px solid #ededed;
	border-left:1px solid #ededed;
	float:left;
	margin:8px 20px 0px 0px;
	padding:5px 15px 10px 10px;
	}

blockquote cite { display:block; font-size:12px; color:#555; }
blockquote cite:before { content:"\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#555; }
blockquote span{ width:15px; display:inline-block; }