/**
 * Stylesheet for <MS Vlaanderen>
 *
 * @media	screen, projection
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Karen de Bock <karen@netlash.com>
 * @author	Johan Ronsse <johan@netlash.com> (oplapper ;0)
 */

/**
 * Reset
 */

body, form, fieldset, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style:none;
}

img, fieldset {
	border: 0;
}

input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

th {
	text-align: left;
}

/**
 * font-size: 76% = 12px
 * line-height: 1.4 = 16px
 */
body {
	font: 95%/1.4 "Trebuchet MS",Arial,Helvetica,sans-serif;
}

body.splash { background:#c4d6e8 url(http://www.ms-liga.be/modules/core/layout/images/bg_splashpage.jpg) repeat-x; }
body.splash a { color: white; }

body.home {
	width: 100%;
	background:#b8c7d7 url(http://www.ms-liga.be/modules/core/layout/images/bg_home.jpg) repeat-x;
}

div.bg_home {
	background: url(http://www.ms-liga.be/modules/core/layout/images/bg_home_img.jpg) top center no-repeat;
}

p {
	/*padding: 0 0 12px;*/
}

div.content_txt ul li {
	margin-left: 10px;
}

ol li {
	list-style: decimal;
}

ul {
	padding: 0 0 12px 12px;
}

dl.comments dd.bottom {
	margin-bottom: 10px;
	font-style: italic;
	font-size: 0.85em;
}

div.txt dl.comments dd img {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	border: 2px solid #FFF;
}

div.txt ul li {
	list-style: disc;
}

/**
 * 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
 */

input.input-text {
	border: 1px solid #B7C7D7;
	width: 250px;
}

textarea {
	border: 1px solid #B7C7D7;
	height: 100px;
	width: 300px;
}

textarea.input_textarea_big,
textarea.input_textarea_big_error {
	height: 250px;
	width: 450px;
}

input.input-submit {
	color: white;
	background: #00689E;
	border: none;
	padding: 2px;
}

span.error {
	color: red;
}

/**
 * Page structure
 */

#container_splash {
	width: 920px;
	margin: 0 auto;
}

#main_splash {
	height: 500px;
	padding: 0;
	margin-top: 130px;
}

div.img_splash {
	float: left;
	width: 280px;
	height: 290px;
	margin-top: 104px;
	background: url(http://www.ms-liga.be/modules/core/layout/images/splashimg.jpg) no-repeat;
}

div.right_splash {
	float: left;
	width: 504px;
}

div.logos_splash {
	display: block;
	width: 434px;
	height: 131px;
	padding: 150px 0 0 10px;
	margin: 0;
	background: url(http://www.ms-liga.be/modules/core/layout/images/bg_logos_splash.jpg) no-repeat;
}

div.logos_splash img.msliga {
	padding: 0 0 10px 25px;
}

div.languages_splash {
	background: url(http://www.ms-liga.be/modules/core/layout/images/bg_splashlang.jpg) no-repeat;
	width: 517px;
	height: 236px;
	padding: 20px 30px 0 90px;
}

div.languagechoice {
	width: 280px;
	padding: 5px 0 0 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 0 0 20px;
}

#container_home {
	width: 968px;
	margin: 0 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: 0 5px;
	text-decoration: none;
}

#container_home div.topheader div.left a:hover {
	color: #0E57A1;
	background: white;
	padding: 0 5px;
	margin: 0;
	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;
}

#steunOns {
	margin-left: 11px;
}

div.topmenu {
	width: 968px;
	padding: 3px 0 0 0;
	background: #D0E0EF url(http://www.ms-liga.be/modules/core/layout/images/bg_menu_top.jpg) no-repeat;
}

	.topmenu ul {
		padding: 0;
	}

#container_home div.menu div.topmenu ul li{
	color: #09539f;
	float: left;
	width: 165px;
	padding: 0 0 0 25px;
}

#container_home div.menu div.topmenu ul li a {
	font-weight: 700;
	display: block;
	color: #09539F;
	text-decoration: none;
}

div.bottommenu {
	width: 968px;
	background: #548CBF url(http://www.ms-liga.be/modules/core/layout/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(http://www.ms-liga.be/modules/core/layout/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
 */

#main_home{
	margin: 10px 0 20px 0;
	background: #eaeff5;
	padding: 20px 0 20px 12px;
}

#main_home h2.orange {
	width: 600px;
	margin: 10px 0 0 0;
	color: #ee820f;
	font-size: 1.5em;
	font-weight: normal;
 	padding: 0 0 0 10px;
}

#main_home h2.magenta{
	width: 270px;
	margin: 10px 0 0 0;
	color: #8f0734;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
}

#main_home div.intro{
	width: 595px;
	padding: 0 0 20px 0;
	margin: 10px 0 20px 10px;
	font-size: 1.15em;
}

#main_home div.intro a {
	color: black;
}

div.eventbox {
	float: left;
	border: 1px solid #D1DEEC;
	margin: 0 0 10px 4px;
	padding-bottom: 20px;
	width: 615px;
	background: #E1E9F2 url(http://www.ms-liga.be/modules/core/layout/images/bg_eventbox.gif) no-repeat top right;
}

div.eventbox a {
	color: #000;
}

div.eventbox img{
	float: left;
	padding: 10px 10px 0 10px;
}

div.eventbox div.event_desc{
	padding: 14px 20px 0 0;
}

div.content_left {
	float: left;
	width: 625px;
}

div.content_right{
	float: left;
	width: 300px;
	margin: 0 0 0 10px;
}

div.agendabox{
	padding: 0 0 20px 20px;
	float: left;
	width: 280px;
	border: 1px solid #D1DEEC;
	background: #E1E9F2 url(http://www.ms-liga.be/modules/core/layout/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(http://www.ms-liga.be/modules/core/layout/images/bg_li_agenda.gif) no-repeat 2px 7px;
	padding: 0 0 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;
	width: 940px;
	padding: 10px 0 20px 0;
	margin: 10px 0 0 10px;
	font-size: 1.15em;
}

div.home_news a {
	color: #000;
}

div.home_news_desc{
	padding: 0 20px 0 10px;
}

div.home_news_desc img{
	float: right;
	padding: 0 20px 20px 20px;
}

div.home_news span.title{
	padding: 0 0 10px;
	font-weight: 700;
}

/**
 * Content
 */

#content {
	width: 940px;
	background: #EAEFF5;
}

div.content_txt {
	margin: 0 0 0 20px;
	width: 700px;
	float: left;
	padding: 10px 0 0;
}

#main {
	margin: 10px 0 0;
	padding: 20px 0 20px 12px;
	background: #EAEFF5;
}

div.breadcrumb {
	font-weight: 700;
}

div.breadcrumb p {
	padding: 0 0 20px;
}

div.txt img {
	float: right;
	margin: 10px 0 10px 20px;
}

a:link,
a:visited {
	color: #09539F;
}

a.small { font-size: 0.8em; }
a.medium { font-size: 1.0em; }
a.large{ font-size: 1.2em; }

#news {
	margin-top: 20px;
}

div.newsarticle {
	float: left;
	padding: 0 0 25px;
}

div.newsarticle img {
	float: right;
}

div.pagination {
	padding: 12px 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 0 0;
	list-style: none;
	font-weight: 700;
}

div.pagination ul li a {
	color: #0E57A1;
	font-weight: 300;
}

p.back {
	clear: both;
	margin: 10px 0 0 0;
}

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: 0 0 10px 0;
}

/**
 * Sidebar
 */

#sidebar {
	width: 210px;
	float: left;
	margin-right: 10px;
}

#sidebar h2.orange {
	margin: 10px 0 0;
	color: #EE820F;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 10px
}

#content_txt {
	background: green;
}

div.navig {
	background: #D4DEE8;
	padding: 10px 0 7px 0;
}

div.navig ul {
	margin: 0;
	padding: 0 8px
}

div.navig ul li {
	color: #09539F;
	margin: 0;
	padding: 4px 0;
	background:url(http://www.ms-liga.be/modules/core/layout/images/bg_li_left_navig.gif) no-repeat;
}

div.navig ul li.selected {
	font-weight: 700;
}

div.navig ul li ul li {
	padding: 4px 0 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 0;
	margin: 20px 20px 0 0;
	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 0 0;
}

div.txt div.album_photos img {
	margin: 0 5px 5px 0;
	clear: both;
}

div.album_img img {
	max-width: 680px;
	/* IE6 fix in conditional comments */
}

p.album_navig {
	clear: both;
	padding: 20px 0 0 0;
}

/**
 * Footer
 */

#footer {
	font-size: 0.85em;
	clear: both;
	margin: 0 auto;
	text-align: center;
	width: 968px;
}

#footer ul {
	width: 968px;
	float: right;
	padding: 10px 0;
}

#footer ul li {
	float: left;
	margin-right:10px;
}

#footer ul li a{
	color: black;
}

/**
 * Wout en adil blog
 */

#woutadil td {
	vertical-align: top;
}

#woutadil td.blogpost-wout {
	width: 457px;
	padding-right: 30px;
}

#woutadil td.blogpost-adil {
	width: 457px;
}

h2#woutadil-title {
	position: relative;
}

h2#woutadil-title span {
	position: absolute;
	left: 487px;
}

/**
 * Clearfix
 */

.clearfix:after,
.bottommenu:after,
.bottommenu ul:after,
.topmenu ul:after,
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}