/* webtom.be */
/* 20110405 */

/* typography */
p 
{ 
 font: 18px/28px 'MuseoSlab500', Arial, sans-serif;
 color:#333; 
}

ul 
{
 font: 26px/38px 'MuseoSlab500', Arial, sans-serif; 
}

ul.tcrmenu li a 
{
 font: 24px/36px 'MuseoSlab500', Arial, sans-serif;
}

h1.fontface 
{
 color:#333; 
 font: 38px/46px 'MuseoSlab500', Arial, sans-serif; 
 margin : 0
}

.footer,
.header 
{
 font: 38px/46px 'MuseoSlab500', Arial, sans-serif;
 letter-spacing: 2px;
 background:#f2d423;
 color:#666;
}

.footer
{
 color:#333;
 font: 12px/26px 'MuseoSlab500', Arial, sans-serif;
 letter-spacing: 1px;
}

.mycontainer
{
 color:#333;
 background:#e5e5e5;
}

a
{
 color:#333;
}

/* layout */

p 
{ 
margin:0; 
padding:10px; 
}


.topmargin
{
 margin-top:40px;
}        

.header 
{
 padding:5px 20px 2px 20px;
 margin:0;
 margin-top: 40px;
}

.footer 
{
 padding:5px 20px 2px 20px;
 margin:0;
 margin-top: 20px;
}

.mycontainer
{
 margin-bottom: 20px;
}


.footer span{float: right;}
.header span{float: right;}



/* styling */
.mycontainer,
.header,
.footer
{
 -moz-border-radius: 5px;
 border-radius: 5px;
}


ul
{
 margin:0;
 list-style-type: circle; 
}

ul li 
{
 margin:0; 
 padding:0;
}


ul.tcrmenu {list-style-type: none; padding-left:0px; margin:0;}
ul.tcrmenu li  { background: #f2d423; margin-bottom: 10px; -moz-border-radius: 5px; border-radius: 5px;}
ul.tcrmenu li a {color:#333; text-decoration: none; padding-left: 10px;}


img
{
margin-bottom: 10px;
padding: 15px 15px 45px 15px;
border:#999 1px solid;
}

img.nofrills
{
padding:0;
margin:0;
border:none;
}

.shadow {
-moz-box-shadow: 3px 3px 4px #999;
-webkit-box-shadow: 3px 3px 4px #999;
box-shadow: 3px 3px 4px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


.error
{
 color:#fefefe;
 background:#c30 url(../img/klad.jpg) no-repeat top left;
}