/* 
Title : Mat.be 2011 Main Stylesheet
URL : http://www.mat.be
Author : Mathieu Guastella - MGD Group
Created : November 2010
*/

@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin);
@import url(http://fonts.googleapis.com/css?family=Molengo&subset=latin);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
/*font-weight:inherit;*/
margin:0;
outline:0 none;
padding:0;
/*
vertical-align:baseline;
*/
}

html {
	margin:0;
	padding:0;
	background: #061326 url('http://www.mat.be/res/pictures/background.jpg') no-repeat top left;
}


    
a {
	color:#71badd;
	text-decoration:none;
	-webkit-transition: color .15s ease-in; /*safari and chrome */
	 -o-transition: color .15s ease-in; /* opera */
}

a:hover 	{
	color:#9adcfc;
	text-decoration: none;
}

a:visited	{color:none;
		text-decoration: none;}

a:active	{
		color:#9adcfc;
		text-decoration: none;
}

a:link		{color:#71badd;
		text-decoration: none;
        }

.page_title{
	font-family: 'Molengo', arial, serif; 
	font-size: 45px;
	color: #ffffff;
}

#footer{

    margin-top:10px;
    padding-top:10px;
    /*
	font-family: 'Molengo','Arial,Helvetica,sans-serif', arial, serif;
	font-size: 11px;


   	color: #5592B1;
    border-top: 1px solid #5592B1
    */
    
    font: 13px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    color: #C2DCEA;
	background: url("http://www.mat.be/res/pictures/tweet_divider.png") repeat-x scroll left top transparent;

}

#footer a {
	color:#5592B1;
}

#footer a:hover {
	color:#ffffff;
}


.menu_item_image{
	border: 1px solid transparent;
}

.menu_item{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
	color:#112F4C;
    
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 13px;
    text-align: center;
    cursor:pointer;

	padding-top:3px;
	padding-bottom:3px;
    
    height: 70px;
    weight: 88px;
    
    text-shadow: 0 1px 1px #B3CDDB;
}

.menu_item:hover{
	color: #447797; 
}

.menu_item_active{
    background: url("http://www.mat.be/res/pictures/nav_active.png") 6px -5px no-repeat ;    
}

.photobox{
	height:30px;
/*
    background-color:violet;
*/
    
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:60px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    
    border-top: 1px solid violet;
    border-left: 1px solid violet;
    
    border-bottom: 0px solid transparent;
    border-right: 0px solid transparent;
    
}

#homeheadline{
	padding-top:125px;
	color: #C2DCEA;
    font: 16px/170% 'Lucida Sans Unicode','Lucida Grande',sans-serif;

}

.divider_small{
	height: 16px;
	width: 360px;
	background: url("http://www.mat.be/res/pictures/divider_small.png") no-repeat;
	margin-top : 10px;
	margin-bottom : 10px;
}

.divider_small_vertical{
	height: 360px;
	width: 16px;
	background: url("http://www.mat.be/res/pictures/divider_small_vertical.png") no-repeat;
	margin-left : 10px;
	margin-right : 10px;
    vertical-align: middle;
}

.divider_large{
	height: 1px;
	width: 689px;
	background: url("http://www.mat.be/res/pictures/divider_large.png") no-repeat;
	margin-top : 10px;
	margin-bottom : 10px;
}

.divider_large_vertical{
	height: 689px;
	width: 1px;
	background: url("http://www.mat.be/res/pictures/divider_large_vertical.png") no-repeat;
	margin-left : 10px;
	margin-right : 10px;
}

.column_title{
  
    color: #DEE9EF;
    font: 23px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
    /*
      padding: 0px 0px 4px 5px;
    	padding: 0 0 0 5px;
    */
}
.thumb_xl{
    height: 135px;
    weight: 346px;
	background: url("http://www.mat.be/res/pictures/thumb_xl.png") no-repeat;
}

.thumb_xl_img{
	border:none;
	align:center;
    vertical-align:middle;
    height: 106px;
    weight: 324px;
    margin-top: 14px;
    margin-left: 11px;    
}

.thumb_xl_td{
    height: 135px;
    weight: 346px;
    text-align:justify;
}

.thumb_small{
    height: 116px;
    weight: 169px;
	background: url("http://www.mat.be/res/pictures/thumb_small.png") no-repeat;
}

.thumb_small_img{
	align:center;
    vertical-align:middle;
    height: 89px;
    weight: 147px;
    margin-top: 12px;
    margin-left: 10px;    
}

.thumb_medium{
    height: 145px;
    weight: 167px;
	background: url("http://www.mat.be/res/pictures/thumb_medium.png") no-repeat;
}

.thumb_medium_img{
	align:center;
    vertical-align:middle;
    height: 97px;
    weight: 145px;
    margin-top: 8px;
    margin-left: 10px;    
}

.thumb_large{
    height: 148px;
    weight: 228px;
	background: url("http://www.mat.be/res/pictures/thumb_large.png") no-repeat;
}

.thumb_large_img{
	align:center;
    vertical-align:middle;
    height: 124px;
    weight: 204px;
    margin-top: 8px;
    margin-left: 12px;    
}
p, .thumb_xl_td, td{
	color:#C2DCEA;
    font:14px/1.7 'Lucida Sans Unicode','Lucida Grande',helvetica neue,helvetica,arial,sans-serif;
}


.page_header{
	color: #FFFFFF;
    font: 22px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
    margin-top: 80px;
    text-align: center;
}

.profilepicture{
	background-color: #2B6A8D;
    
/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(43, 106, 141);
	/* RGBa with 0.6 opacity */
	background: rgba(43, 106, 141, 0.50);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    
    cursor:pointer;
    color: #9adcfc;
}


.smallicon_title{
    font: 14px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
    text-align: left;
    padding-left:5px;
}

.icon_title{
    font: 18px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
    text-align: center;
}

.icon_social_title{
    font: 14px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
    text-align: center;
}


.icon{
	color: #C2DCEA;
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    
    text-align:center;
    padding: 15px;
}


.icon:hover, .smallicon:hover{
	background-color: #2B6A8D;
    color: #ffffff;
    
/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(43, 106, 141);
	/* RGBa with 0.6 opacity */
	background: rgba(43, 106, 141, 0.50);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    
    cursor:pointer;
}
    
.smallicon{
	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    
    text-align:center;
    padding: 5px;
}



div.warninglabel{
	background: url('/res/icons/critical_16x16.png') no-repeat left middle;
    font: 12px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
    margin-left: 15px;
    color: #ffffff;
}

div.transbox{
    background-color: #ff0000;
    
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;

    display: inline-block ;
    vertical-align: middle;
    
  color: #ffffff;
  padding: 3px;
  /* 
  	font: 14px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
  font: 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif; 
     */
     
  font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
  
  margin: 5px;

  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;
}
  
  div.small_notice{
	padding: 3px;
	color: #2B6A8D;
    font: 10px 'Lucida Sans Unicode','Lucida Grande',sans-serif;
  }
  
  
#facebook_rss li {

    
    color:#C2DCEA;
    font:14px/1.5 'Lucida Sans Unicode','Lucida Grande',helvetica neue,helvetica,arial,sans-serif;
    list-style:none outside url("http://www.mat.be/res/pictures/bullet.png");
    margin-bottom:9px;
    marker-offset:3px;
    
    /*
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:3px;
    
    padding-left: 6px;
    */
}

/*
#facebook_rss li:hover {
	padding-left:5px;
    border-left:1px solid #71BADD; /* C2DCEA*/
}
*/

#onlinelinks td{
   	-moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;

    display: inline-block ;
    vertical-align: middle;
    
  color: #ffffff;
  padding: 3px;
  /* 
  	font: 14px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
  font: 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif; 
     */
     
  font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
  
  margin: 5px;

}

.glass_picture img{
    
	background-color: #2B6A8D;
    color: #ffffff;
    
/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(43, 106, 141);
	/* RGBa with 0.6 opacity */
	background: rgba(43, 106, 141, 0.50);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    
    cursor:pointer;
}


.glass_picture_div{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;

    display: inline-block ;
    vertical-align: middle;
    
  padding: 5px;
  /* 
  	font: 14px 'Molengo','Lucida Sans Unicode','Lucida Grande',sans-serif;
  font: 14px 'Lucida Sans Unicode','Lucida Grande',sans-serif; 
     */
     
  font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
  
  margin: 5px;

  /* for IE */
  filter:alpha(opacity=20);
  /* CSS3 standard */
  opacity:0.2;

}