body{font:12px/110% Arial, sans-serif;margin:10px;}
body{background:#666;}
#container{width: 864px; margin: auto; position: relative;}
#control_panel{ right: 0px; position: absolute; font-size: 10px; text-align: right; padding: 2px 10px;color: #ffe;}
#control_panel a{color:#ffe;}
#devils_logo1{position: relative; float: left; height: 208px; width: 261px; background: url('../images/devils/devils_logo1.png');}
#devils_logo2{float: left; height: 208px; width: 332px; background: url('../images/devils/devils_logo2.png');}
#devils_logo3{float: left; height: 208px; width: 271px; background: url('../images/devils/devils_logo3.png');}
#devils_logo4{position: absolute; left: -36px; height: 208px; width: 36px; background: url('../images/devils/devils_logo4.png');}

#tracker{font-size:.88em;margin-top:10px;}
#footer{background:url('../images/devils/content_footer.png');clear:both;font-size:11px;padding:5px 0 5px 0; text-align:center;color:#555;}
#content-container{ padding: 10px 30px 10px 30px; color: #666; background: url('../images/devils/content_background.png'); }
#navigation{position: relative; z-index: 100; float: left; width: 180px; margin-right: 30px;}
#content{float: left; margin-left: 190px; width: 550px; overflow: hidden; padding:0!important;}
#content h2{ font-size: 20px; margin: 4px 0 4px 0; line-height: 16px;}
#content h3{ margin: 0 0 .6em 0; font-size: 14px; line-height: 140%;}
#content h2, #content h3, #content h4{color: #333; line_height: 140%;}
#content b, #content strong{color: #333;}
hr{ border: 1px #ccc solid; }
a{ color: #DD2B32; text-decoration: none;}
a:hover{color: #dd0000; text-decoration: underline;}

.tint1{background-color: #eef;}
.tint2{background-color: #fff;}


/* Navigatie */
#navigation{padding: 10px; background: #D9413B; border:3px #1F1F1F solid;}
#navigation ul, #navigation li{list-style:none;padding:0;margin:0;}
#navigation li{
}
#navigation li a{
	font-size: 13px;
	font-weight: bold;
	/*color:#DD2B32;*/
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	padding: 6px 10px;
}
#navigation li a:hover{
	background: #1f1f1f;
}
#navigation li li{
	margin-top:0;
}
#navigation li li a{
	font-size:11px;
	color:#555;	
}

#navigation li a.selected{ color: #1f1f1f;}
#navigation li a.selected:hover{ background: none; color: #1f1f1f;}

#news-ticker{
	position: absolute;
	z-index: 20;
	border: 2px #FFF solid;
	text-transform: uppercase;
	padding: 5px;
	overflow: hidden;
	background: #1f1f1f;
	color: #D9413B;
	right: 20px;
	top: 40px;
	font-size:10pt;
	width: 550px;
	height: 10pt;
	white-space: nowrap;
}

/* layouts */

/* Default */
#content{margin:0;line-height:140%;}
#sidebar{margin:0;}

/* Met sub-navigation */
.layout-SM #sub_navigation{float:left;width:300px;padding:2em 0;margin:0;}
.layout-SM #content{float:left;width: 500px;}

/* Home */

#layout-home #sidebar{float:right;width:20em;}
#layout-home #content{float:left;width:34em;}
#layout-home #sidebar ul{padding:0 0 0 1em;margin:1em 0;}
#layout-home #sidebar li{padding:0;margin:0;}
#layout-home .post-intro{font-weight:bold;}

/* Weblog */

#layout-news #sidebar{float: right; width: 180px; overflow: hidden; margin:0px;}
#layout-news #news_content{float: left; width: 350px;}
#layout-news .post_intro{font-weight: bold; color: #333;}

#layout-news h3{ background: #D9413B; border:2px #1F1F1F solid; padding: 4px 10px; color: #fff;}
#layout-news h3 a{ color: #fff; }
#layout-news .news-date{ display: none;}
#layout-news .news-intro{ font-weight: normal; font-size: 10pt;}
#layout-news .news-more{ text-align: right; margin-bottom: 4px;}
#layout-news .news-more a{ text-transform: uppercase; color: #D9413B; font-weight: bold;}

#layout-news #sidebar { text-align: left; line-height: 120%;}
#layout-news .news-quick{ border: 2px #D9413B solid; margin: 4px 0px; }
#layout-news .spacing{ padding: 8px; }
#layout-news .news-quick-heading{ font-weight: bold; color: #000; margin-bottom: 4px;}
#layout-news .news-quick a{ color: #1F1F1F; font-weight: bold; display: block; padding:8px;}
#layout-news .news-quick a:hover{ background: #1F1F1F; color: #fff;}


/* Calendar */

#layout-cal #sidebar{float: right; width: 20em;}
#layout-cal #content{float: left; width: 34em;}
#layout-cal #sidebar ul{padding: 0 0 0 1em; margin: 1em 0;}
#layout-cal #sidebar li{padding: 0; margin: 0;}
#layout-cal .post-intro{font-weight: bold;}