/*  
Theme Name: KHO Huizingen
Theme URI: http://www.khoh.be
Description: The second version of KHOH.be
Version: 2
Author: Arnout Devillé
Author URI: http://blog.ardville.be

The CSS or imagery may not be used without my written permission.

*/

@import 'reset.css';
@import 'typography.css';
/*@import 'forms.css';*/

html {
	overflow-y: scroll;
}

html,body {	
	/*background: transparent url("../images/background06.jpg") 0 0 repeat-x;*/
	/*background-color:#003366;*/
	background-attachment:fixed;
	color: #000;	
	padding:0;	
}

h1 {
	color: #003366 !important;	
	font-weight:bold;
	margin-bottom: 10px;
	line-height: 1.5em;
	text-indent:-9999px;
	background: transparent url("../images/logo.gif") 0 0 no-repeat;
	width:150px;
	height:150px;
	display:block;	
}

h1 a
{
	display:block;
	width:150px;
	height:150px;	
	text-decoration:none;
}

/*******************/
/* STRUCT ELEMENTS */
/*******************/
#wrapper { 
	overflow: hidden;
	margin: 20px auto;
	width: 960px;
}

#ie6note {
	width:960px;	
	background-color:#FFFF00;
	float:left;
	display:inline;
	padding:15px;
	margin-bottom:10px;
}

#header {
	width:960px;
	height:150px;	
	background-color:#FFFFFF;
	float:left;
	display:inline;
	padding:15px 80px;
	margin-bottom:10px;
}

#column-1 {
	padding: 15px;
	width: 150px;
	float: left;
	display: inline;
	background-color:#FFFFFF;
}

#column-2 {
	padding: 20px;
	width: 540px;
	float: left;
	display: inline;
	background-color:#FFFFFF;	
}
#column-3 {
	padding: 10px;
	width: 170px;
	margin-left: 10px;
	float: left;
	display: inline;
	background-color:#FFFFFF;
}

/************/
/* COLUMN 1 */
/************/
#column-1 h3 {
		margin-bottom:0.3em;
}

#column-1 ul {
	list-style:none;
	width:150px;
}

#column-1 ul li {
	margin:0;
	padding:0;
}

#column-1 ul li a {
	text-decoration:none;
	display:block;
	padding:2px;
	margin:0;
}

#column-1 ul li a:hover, #column-1 ul li a.huidige {
	text-decoration:none;
	background-color:#003366;
	color:#FFFFFF;
}


#column-1 ul li a.kerstrozen {
	text-decoration:none;
	display:block;
	padding:2px;
	margin:0;
	color:red;
}


/************/
/* COLUMN 2 */
/************/
.text
{
	font-size: 0.9em;
	margin: 10px 0 0 0;
	min-height:500px;
}

.text ul
{
	list-style:square;
	margin: 0 0 10px 20px;
}

.text ol
{
	margin:0 0 10px 25px;
}

.text ul li, .text ol li
{
	padding:2px 0 2px 0;
}

.background {
	background-color: #40678D;	
	/*
	opacity: 0.75;	
	-moz-opacity: 0.75;
	filter:alpha(opacity=75);
	*/
	padding:10px;
	color:#FFFFFF;
}

.spacer
{
	margin:10px 0 10px 0;
}

.address
{
	background:transparent url("../images/house.gif") center bottom no-repeat;
	text-indent:-9999px;
	display:block;
	width:16px;
	float:left;
	padding:0 8px 0 0;
	margin:0;	
}

.picture
{
	background:transparent url("../images/camera.gif") center bottom no-repeat;
	text-indent:-9999px;
	display:block;
	width:16px;
	float:left;
	display:inline;
	padding-right:8px;
}

.email
{
	background:transparent url("../images/email.gif") center bottom no-repeat;
	text-indent:-9999px;
	display:block;
	width:16px;
	float:left;
	display:inline;
	padding-right:8px;
}

.website
{
	background:transparent url("../images/world_link.gif") center bottom no-repeat;
	text-indent:-9999px;
	display:block;
	width:16px;
	float:left;
	display:inline;
	padding-right:8px;
}

.rss, 
a.rss, 
h2 a.rss, 
h2 a.rss:visited, 
h2 a.rss:hover,
h2 a.rss:visited:hover
{	
	width:16px;
	height:16px;	
	padding:0;
	margin:0 0 0 0;	
	text-decoration:none;
	vertical-align:middle;
	float:right;
	display:inline;	
}

.rss img
{
	margin:0 0 10px 0 ;
}

.info
{
	font-size:0.9em;
	color:#666;	
	margin-bottom:5px;
}

.info a, .info a:hover
{
	color:#666 !important;
}

.newsitem
{
	margin-bottom:25px;
}

.newsitem h3
{
	margin-bottom:2px;
}

/*** REPORT LIST ***/
.report_list
{
	margin: 0 0 10px 10px;
}

.report_list
{
	list-style:square;
	
}

p.alignLeft
{
	width:100%;
	float:left;
	display:block;
}
	p.alignLeft a
	{	
		float:left;
		display:inline;
	}

.alignright
{	
	float:left;
	display:inline;
}



/*** TABLE ***/
table
{
	width:100%;
}

.table
{
	width: 100%;
	line-height: 16px;
	vertical-align:middle;
	border:0;
}

.table td
{
	font-weight:normal;
}

.table td a, .table td a img
{
	padding:0;
	margin:0;
	display:block;
}

.table_trainingen
{
	width: 100%;
	line-height: 15px;
	border:1px #CBCBCB solid;
}


.speciaal
{
	/*background-color:#EBF3FA;*/
}

.goals
{
	font-size:0.85em;
	color:#999;
}

.small
{
	font-size: 0.8em;
	color:#7E7E7E;
	padding: 0 10px 0 0;
	clear:both;
	margin:0 0 15px 0;
	vertical-align:top;
}

.blauw
{
	/*color: #003366;*/
	color:#0079F2;
	font-weight:bold;
}

.khoh
{
	color: #0079F2;
	font-weight:bold;	
}

.center
{
	text-align: center;
}


/************/
/* COLUMN 3 */
/************/
#gallery-flickr
{	
	float:left;
	display:inline;		
	font-size:0px;
	margin-bottom:15px;
}

#gallery-flickr ul {
	list-style:none;
	padding:0;
	float:left;
	display:inline;
	width:160px;
}

#gallery-flickr ul li {
	float:left;
	display:inline;
	padding:0 0 0.3em 0.3em;
	width:75px;
	height:75px;
	margin:0;	
}

#gallery-flickr ul li a img {
	margin:0;
	padding:0;
	border:3px white solid;
}

.sponsers {
	list-style:none;
}

.sponsers li
{
	margin-bottom:5px;
}



/*** Object: edit_object
****************************/
#edit_box
{
	margin: 25px 0 0 0;
}

#edit_box ul
{
	margin:0;
}

/*** Tabs ***/
.yui-nav
{
	list-style:none;
	list-style-type: none;
	height: 25px;
}

.yui-nav li
{
	list-style:none;
	font-size: 0.9em;
	text-align:center;
	width: 90px;
	height: 20px;
	padding-top: 4px;
	border: 1px #b9c9d1 solid;
	border-bottom: none;
	margin: 0 0 0 3px;
	z-index: 1;
	float: left;
}

.yui-nav .selected
{
	background-color: #deeef5;
	border-bottom: none;
}

.yui-nav li a
{
	text-decoration: none;
	color: #3e5e77;
}	

/*** Content ***/
.yui-content
{
	border: 1px #b9c9d1 solid;
	padding: 10px;
	z-index: 100;
	font-size: 1.0em;
}

.yui-content p
{
	font-size: 1.0em;
	width: 480px;
}


/*** Edit object ***/
/* Defenition list */
.edit_object dt
{
	font-size: 1.1em;
	color: #6DB0DE;
	font-weight: bold;
	margin: 10px 0 3px 0;
}

.edit_object dt label
{
	color:#000000;
}

.edit_object dd
{
	margin: 0 0 20px 0;
}

/* Global rules */
.edit_object dd input, .edit_object dd select, .edit_object dd textarea
{
	background-color: #ffffff; 
	padding: 3px;
	border: 1px silver solid;
}

.edit_object dd input:focus, .edit_object dd select:focus
{
	border: 1px gray solid; 
}

/* Different sizes voor input boxezzz */
.edit_object dd .input_small
{
	width: 150px;
}

.edit_object dd .input_medium
{
	width: 250px;
}

.edit_object dd .input_large
{
	width: 350px;
}

.edit_object dd .date-pick
{
	width: 170px;
}

/* list inside edit_object */
.edit_object dd ul
{
	font-size: 1.2em;
	margin: 7px 0 0 0;
}

.edit_object dd ul li
{
	margin: 0 0 10px 0;
}

div#mce_0_parent
{
	width: 640px;
}

.edit_object strong
{
	font-weight: bold;
}


/*** Succes ***/
#action_succes, .succes
{
	background: #a2c67a url("../images/icon_succes.gif") .8em .6em no-repeat;
	font-size: 1.4em;
	color: white;
	border: 1px #76a246 solid;
	padding: 7px 7px 7px 35px;
}

/*** Warning ***/
#action_warning
{
	background: #eed571 url("../images/icon_warning.gif") .8em .6em no-repeat;
	font-size: 1.4em;
	color: #ae7607;
	border: 1px #ae7607 solid;
	padding: 7px 7px 7px 35px;
}

/*** Error ***/
#action_error, .error
{
	background: #e84832 url("../images/icon_error.gif") .8em .6em no-repeat;
	font-size: 1.4em;
	color: white;
	border: 1px #9b141e solid;
	padding: 7px 7px 7px 35px;

}

/*************/
/*** HACKS ***/
/*************/
.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;}
/* End hide from IE-mac */