/**
 * = Primary selectors
 * ----------------------------------------------------------
 */
html, body, form, div, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, dt, dd, address, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
html{
	overflow-x: hidden;
}
ul, ol {
	list-style: none;
}

/**
 * font-size: 76% = 12px
 * line-height: 1.4 = 16px
 */
body {
	font: 95%/1.4 "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.mceContentBody { /* Undo piece of the above in Tiny :) */
	font-size: 12px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	background-color: #EAEFF5 !important;
}
body.splash{
	background:#c4d6e8 url(../images/bg_splashpage.jpg) repeat-x;
}
body.splash a{
	color: white;
}


/**
 * = Splash page
 * ----------------------------------------------------------
 */

a.national_liga{
	display: block;
	width: 362px;
	height: 48px;
	background: url(../images/logo_splash_msliga.gif) no-repeat top left;
	float: left;
	margin: 0 10px 15px 0;
	position: relative;
	font-size: 0.9em;
	color: white;
	font-weight: normal;
	text-decoration: none;
}

a.splash_nl{
	display: block;
	width: 274px;
	height: 48px;
	background: url(../images/logo_splash_msvlaanderen_nl.gif) no-repeat top left;
	float: left;
	margin: 0 10px 0 0;
	position: relative;
	font-size: 0.9em;
	color: white;
	font-weight: normal;
	text-decoration: none;
}
a.splash_fr{
	display: block;
	float: left;
	width: 172px;
	height: 47px;
	background: url(../images/logo_splash_msvlaanderen_fr.gif) no-repeat top left;
	position: relative;
	font-size: 0.9em;
	color: white;
	font-weight: normal;
	text-decoration: none;
}

div.logos_splash a.splash_nl strong{
	display: none;
	width: 562px;
	height: 183px;
	position: absolute;
	left: 0px;
	top: 75px;
	background: transparent url(../images/balloon_hover2.png) no-repeat top left;
	z-index: 1000;
}

div.logos_splash a.splash_fr strong{
	display: none;
	width: 562px;
	height: 183px;
	position: absolute;
	left: -285px;
	top: 75px;
	background: transparent url(../images/balloon_hover2.png) no-repeat top left;
	z-index: 1000;
}

div.logos_splash a.national_liga strong{
	display: none;
	width: 562px;
	height: 183px;
	position: absolute;
	left: 0px;
	top: 138px;
	background: transparent url(../images/balloon_hover2.png) no-repeat top left;
	z-index: 1000;
}

div.logos_splash a.splash_nl:hover strong,
div.logos_splash a.splash_fr:hover strong,
div.logos_splash a.national_liga:hover strong   {
	display: block;
	z-index: 1000;
}

div.logos_splash a.splash_nl strong span,
div.logos_splash a.splash_nl strong em{
	display: block;
	line-height: 14px;
	padding: 32px 20px 0 20px;
}

div.logos_splash a.splash_fr strong span,
div.logos_splash a.splash_fr strong em{
	display: block;
	line-height: 14px;
	padding: 32px 20px 0 20px;
}

div.logos_splash a.national_liga strong span,
div.logos_splash a.national_liga strong em  {
	display: block;
	line-height: 14px;
	padding: 32px 20px 0 20px;
}

/**
 * = Splash page end
 * ----------------------------------------------------------
 */
body.home{
	width: 100%;
	background:#b8c7d7 url(../images/bg_home.jpg) repeat-x;
}
div.bg_home{
	background: url(../images/bg_home_img.jpg) top center no-repeat;
}
div.content_txt ul,
div.content_txt ol,
.mceContentBody ul,
.mceContentBody ol {
	margin: 0 0 1em 25px;
}
ol li {
	list-style: decimal;
}
dl.comments dd.bottom{
	margin-bottom: 10px;
	font-style: italic;
	font-size: 0.85em;
}
div.txt dl.comments dd img,
.mceContentBody dl.comments dd img{
	float: left;
	display: block;
	margin: 0px 10px 0px 0px;
	border: 2px solid white;
}
div.txt ul li,
.mceContentBody ul li{
	list-style: disc;
}
div.txt ul li,
.mceContentBody ul li{
	margin-bottom: 7px;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}
abbr, acronym {
    font-style: normal;
    cursor: help;
}
a abbr {
    border: none;
}
address {
    margin: 0;
    padding: 0;
    font-style: normal;
}
a img {
    border: none;
}

/**
 * = Image classes
 * ----------------------------------------------------------
 */
img.alignleft {
	float: left !important;
	padding: 0 10px 10px 0  !important;
	margin: 0 !important;
}
img.alignright {
	float: right  !important;
	padding: 0 0 10px 10px  !important;
	margin: 0 !important;
}
img.dontalign {
	float: none !important;
	padding: 0 0 10px;
	margin: 0 !important;
}
/**
 * = Forms
 * ----------------------------------------------------------
 */
fieldset {
	border: none;
}
input[type="text"],
input[type="password"]{
	border: 1px solid #B7C7D7;
	width: 300px;
}
select {
}
textarea {
	border: 1px solid #B7C7D7;
	height: 100px;
	width: 300px;
}
textarea.input_textarea_big,
textarea.input_textarea_big_error {
	height: 250px;
	width: 450px;
}
input[type="submit"]{
	color: white;
	background: #00689e;
	border: none;
	padding: 2px;
}
span.error,
span.form-error{
	color: red;
	display: block;
	margin-bottom: 1em;
}

/**
 * = Page structure
 * ----------------------------------------------------------
 */
#container_splash {
	width: 920px;
	margin: 0px auto 0px auto;
}
#main_splash {
	height: 500px;
	padding: 0px;
	margin-top: 130px;
}
div.img_splash{
	float: left;
	width: 280px;
	height: 290px;
	margin-top: 104px;
	background: url(../images/splashimg.jpg) no-repeat;
}
div.right_splash{
	float: left;
	width: 504px;
}
div.logos_splash{
	display: block
	width: 434px;
	height: 131px;
	padding: 150px 0px 0px 10px;
	margin: 0px;
	background: url(../images/bg_logos_splash.jpg) no-repeat;
}
div.logos_splash img.msliga{
	padding: 0px 0px 10px 25px;
}
div.languages_splash{
	background: url(../images/bg_splashlang.jpg) no-repeat;
	width: 517px;
	height: 236px;
	padding: 20px 30px 0px 90px;
}
div.languagechoice{
	width: 280px;
	padding: 5px 0px 0px 30px;
	color: white;
	height: 40px;
	background: #4f7fb0;
}
div.languages_splash div.languagechoice img{
	float: left;
}
div.languages_splash div.languagechoice span.languages{
	display: block;
	float: left;
	width: 200px;
	height: 40px;
	padding: 5px 0px 0px 20px;
}
#container_home {
	width: 968px;
	margin: 0px auto 0px auto;
}
#container_home div.topheader{
	height: 25px;
	color: white;
	background: #0e57a1;
}
#container_home div.topheader a{
	color: white;
}
#container_home div.topheader div.left{
	float: left;
	margin-left: 10px;
}
#container_home div.topheader div.left a{
	padding: 0px 5px 0px 5px;
	text-decoration: none;
}
#container_home div.topheader div.left a:hover{
	color: #0E57A1;
	background: white;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	text-decoration: none;
}
#container_home div.topheader div.left ul li{
	float: left;
}
#container_home div.topheader div.right{
	height: 23px;
	float: right;
	margin-right: 10px;
}
#container_home div.topheader div.right div.lang{
	float: left;
	margin-right: 30px;
}
#container_home div.topheader div.right div.textsize{
	float: left;
	margin-right: 10px;
}
#container_home div.logos{
	padding-left: 20px;
}
div.menu{
	clear: both;
}
img.fampic{
	float: right;
	margin-right: 50px;
}
img.toplogo{
	margin: 35px 10px 0px 10px;
}
div.topmenu{
	width: 968px;
	height: 25px;
	padding: 0;
	background: #D0E0EF url(../images/bg_menu_top.jpg) no-repeat;
}
#container_home div.menu div.topmenu ul li{
	color: #09539f;
	float: left;
	width: 165px;
	height: 25px;
	line-height: 25px;
	padding: 0px 0px 0px 25px;
}
#container_home div.menu div.topmenu ul li a{
	font-weight: bold;
	color: #09539f;
	text-decoration: none;
}
div.bottommenu{
	width: 968px;
	background: #548cbf url(../images/bg_menu_bottom.jpg) repeat-x;
}
#container_home div.menu div.bottommenu ul{
	float: left;
	padding: 10px 5px 10px 5px;
}
#container_home div.menu div.bottommenu ul li{
	color: white;
	width: 160px;
	padding: 5px 0px 4px 20px;
	background: url(../images/bg_menu_li.gif) no-repeat 2px 11px;
}
#container_home div.menu div.bottommenu ul li.selected a{
	color: white;
	background: #6b97c4;
	padding-right: 1px;
}
#container_home div.menu div.bottommenu ul li a:hover{
	color: white;
	background: #6b97c4;
	padding-right: 1px;
}
#container_home div.menu div.bottommenu ul li a{
	display: block;
	width: 147px;
	padding-left: 5px;
	color: white;
	text-decoration: none;
}
div.left_navig{
	width: 245px;
	background: #d4dee8 url();
	float: left;
}
#main_home{
	margin: 10px 0px 20px 0px;
	background: #eaeff5;
	padding: 20px 0px 20px 12px;
}
#main_home h2.orange{
	margin: 10px 0px 0px 0px;
	color: #ee820f;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
}
#main_home h2.magenta{
	width: 270px;
	margin: 10px 0px 0px 0px;
	color: #8f0734;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}
#main_home div.intro{
	width: 595px;
	padding: 0px 0px 20px 0px;
	margin: 10px 0px 20px 10px;
	font-size: 1.15em;
}
#main_home div.intro a{
	color: black;
}
div.eventbox{
	float: left;
	border: 1px solid #d1deec;
	margin: 0px 0px 10px 4px;
	padding-bottom: 20px;
	width: 615px;
	background: #e1e9f2 url(../images/bg_eventbox.gif) no-repeat top right;
}
div.eventbox a{
	color: black;
}
div.eventbox img{
	float: left;
	padding: 10px 10px 0px 10px;
}
div.eventbox div.event_desc{
	padding: 14px 20px 0px 0px;
}
div.content_left{
	float: left;
	width: 625px;
}
div.content_right{
	float: left;
	width: 300px;
	margin: 0px 0px 0px 10px;
}
div.agendabox{
	padding: 0px 0px 20px 20px;
	float: left;
	width: 280px;
	border: 1px solid #d1deec;
	background: #e1e9f2 url(../images/bg_agendabox.gif) no-repeat top right;
}
div.agendabox a{
	font-weight: bold;
	color: #8f0734;
}
div.agendabox span.more{
	color: #8f0734;
}
div.agendabox span.more a{
	color: #8f0734;
}
div.agendabox span.more a:hover{
	color: #8f0734;
	text-decoration: none;
}
div.agendabox ul li{
	width: 220px;
	background: url(../images/bg_li_agenda.gif) no-repeat 2px 7px;
	padding: 0px 0px 10px 15px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8f0734;
}
div.agendabox ul li span.title{
	font-weight: bold;
	color: #8f0734;
}
div.agendabox ul li span.title a{
	color: #8f0734;
	text-decoration: none;
}
div.agendabox ul li span.title a:hover{
	color: #8f0734;
	text-decoration: underline;
}
div.home_news{
	float: left;
	padding: 0;
	margin: 10px 0px;
	width: 100%;
}
div.home_news a{
	color: black;
}
div.home_news_desc{
	padding: 0px 20px 0px 10px;
}
div.home_news_desc img{
	float: right;
	padding: 0px 20px 20px 20px;
}
div.home_news span.title{
	padding: 0px 0px 0px 10px;
	font-weight: bold;
}
/**
 * = Content
 * ----------------------------------------------------------
 */

#content {
	width: 940px;
	background: #eaeff5 ;
}
div.content_txt{
	margin: 0px 0px 0px 20px;
	width: 700px;
	float: left;
	padding: 10px 0px 0px 0px;
}
#main{
	margin: 10px 0px 20px 0px;
	background: #eaeff5;
	padding: 20px 0px 20px 12px;
}
div.breadcrumb{
	font-weight: bold;
	height: 25px;
}
div.breadcrumb a{
	color: black;
}
div.txt img{
	margin: 10px;
}
div.txt a{
	color: black;
}
a.small{
	font-size: 0.8em;
}
a.medium{
	font-size: 1.0em;
}
a.large{
	font-size: 1.2em;
}
#news{
	margin-top: 20px;
}
div.newsarticle{
	padding: 0 0 10px;
}
div.newsarticle img {
	float: right;
}
div.newsarticle div.meta {
	margin: 0 0 1em 0;

}
div.pagination {
	padding: 12px 0 0 0;
	clear: both;
}
div.pagination ul {
	list-style: none;
	padding: 0;
	border-top: 1px solid #DDD;
	margin: 5px 0 0 0;
}
div.pagination ul li {
	float: left;
	margin: 5px 5px 0px 0px;
	list-style: none;
	font-weight: 700;
}
div.pagination ul li a{
	color: #0E57A1;
	display: block;
	float: left;
	font-weight: 300;
}
p.back{
	clear: both;
	margin: 10px 0px 0px 0px;
}
div.meta,
span.meta{
	font-style: italic;
	font-size: 0.95em;
}
div.meta, span.meta,
span.meta a, div.meta a{
	color: #0E57A1;
}
div.eventarticle{
	margin-bottom: 20px;
}
div.event{
	margin: 0px 0px 10px 0px;
}
/**
 * = Sidebar
 * ----------------------------------------------------------
 */
#sidebar h2.orange{
	margin: 10px 0px 0px 0px;
	color: #ee820f;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0px 0px 0px 10px;
}
#sidebar {
	width: 210px;
	float: left;
	margin-right:10px;
}
div.navig{
	background: #d4dee8;
	padding: 10px 0px 7px 0px;
}
div.navig ul{
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
div.navig ul li{
	color:  #09539f;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	background:url(../images/bg_li_left_navig.gif) no-repeat;
}
div.navig ul li.selected{
	font-weight: bold;
}
div.navig ul li ul li{
	padding: 4px 0px 2px 20px;
	background: none;
}
div.navig ul li a{
	color:  #09539f;
	text-decoration: none;
}
div.navig ul li a:hover{
	color:  #09539f;
	text-decoration: underline;
}
div.navig_pic{
	clear: both;
}
div.navig_pic img{
	border-top: 3px solid #d87610;
	border-bottom: 3px solid #09539f;
}
/**
 * = Fotoalbum
 * ----------------------------------------------------------
 */
div.album{
	width: 180px;
	background: #D4DEE8 ;
	padding: 10px 0px 10px 0px;
	margin: 20px 20px 0px 0px;
	float: left;
}
div.album img{
	float: left;
	margin-top: 10px;
}
div.album_desc{
	text-align: center;
	clear: both;
}
div.album_photos{
	float: left;
	width: 140px;
	text-align: center;
	background: #D4DEE8 ;
	padding: 20px 20px 10px 20px;
	margin: 20px 30px 0px 0px;
}
div.txt div.album_photos img{
	margin: 0px 5px 5px 0px;
	clear: both;
}
div.album_img img{
	max-width: 680px;
	_width: expression(this.width < 680 ? 680: true);
}
p.album_navig{
	clear: both;
	padding: 20px 0px 0px 0px;
}
/**
 * = Footer
 * ----------------------------------------------------------
 */
#footer {
	font-size: 0.85em;
	clear: both;
	margin: 0px auto 0px auto;
	text-align: center;
	width: 968px;
}
#footer ul{
	float: right;
}
#footer ul li{
	float: left;
	margin-right:10px;
}
#footer ul li a{
	color: black;
}
/**
 * = Clearfix
 * ----------------------------------------------------------
 * @see	http://www.positioniseverything.net/easyclearing.html
 * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/
 * @see http://www.stuffandnonsense.co.uk/archives/clearing_floats_without_structural_markup_in_ie7.html
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}