/* patch font tag from user/cms input */
font {
	color:inherit;
	font-family:inherit;
	font-size:inherit;
}


.lightRow {
	background-color:transparent;
}
.darkRow {
	background-color:#eee;
}

.article .yellow {
	color:#ff0;
}


#container {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:881px;
	padding-bottom:20px;
}

	#page {
		display:block;
	}


		#left {
			display:block;
			width:715px;
			float:left;
		}
		#rightcol {
			display:block;
			width:160px;
			float:right;
		}


			#top {
				display:block;
				height:68px;
				margin-bottom:4px;
				margin-top:4px;
			}
				#logo {
					display:block;
					background-image:url(/domains/sierra240.nl/images/sierra240_crossmedia.png);
					background-repeat:no-repeat;
					background-position:center center;
					width:160px;
					height:68px;
					float:left;
				}

				/* Not in browser, just for mobile devices! */
				#logo h1,
				#logo h2,
				#logo h3,
				#logo hr {
					display:none;
				}

				#topgui {
					display:block;
					background-image:url(/domains/sierra240.nl/images/top_bar.png);
					background-repeat:no-repeat;
					background-position:top right;
					width:547px;
					height:68px;
					float:right;
					text-align:right;
				}

					#search {
						margin-top:15px;
						margin-right:5px;
					}
					/* obsolete...
					#search .input {
						width:100px;
						border:1px solid #999;
						background-color:#fff;
						color:#999;
						font-size:13px;
					}
					#search .submit {
						border:2px solid #fff;
						background-color:rgb(189,0,0);
						color:#fff;
						text-transform:uppercase;
						font-size:12px;
					}
                    */

					#topmenu {
						display:block;
						margin-top:10px;
						margin-right:0px;
						font-size:11px;
						font-weight:bold;
						text-transform:uppercase;
					}
						#topmenu a {
							text-decoration:none;
							color:#000;
						}
						#topmenu a:hover {
							color:rgb(189,0,0);
						}

						#topmenu ul {
							margin:0px;
							padding:0px;
							display:inline;
						}
						#topmenu li {
							margin:0px;
							padding:0px;
							display:inline;
						}
						#topmenu li a {
							padding-right:5px;
							padding-left:4px;
							border-left:1px solid #999;
						}

						#topmenu ul ul {
							display:none;
						}


					#image {
						background-repeat:no-repeat;
						background-color:#ccc;
						height:224px;
						width:714px;
						background-position:right;
					}
					#overlay {
						background-image:url(/domains/sierra240.nl/images/header_overlay.png);
						background-repeat:no-repeat;
						background-position:right;
						height:224px;
						width:714px;
					}



					#content {
						display:block;
						font-size:12px;
/* 						line-height:115%; */
                    	margin-top:4px;
						line-height:140%;
					}

					/* right colom */
					#rightcol {
						display:block;
						font-size:12px;
						line-height:140%;
						overflow:hidden;
					}
						#right_top_block {
							background-image:url(/domains/sierra240.nl/images/rechtsboven.png);
							background-repeat:no-repeat;
							height:68px;
							margin-top:4px;
							margin-bottom:4px;
							display:block;
						}

						#rightcol .article {
							display:block;
							background-image:url(/domains/sierra240.nl/images/side/side_middle.png);
							background-repeat:repeat-y;
							margin-top:4px;
							margin-bottom:4px;
						}
							#rightcol .article div.title {
								background-image:url(/domains/sierra240.nl/images/side/side_title_gray.png);
								background-repeat:no-repeat;
								height:20px;
								padding-top:5px;
								padding-left:5px;
								display:block;
							}
								#rightcol .article .yellow {
									color:#bbb;
								}
							#rightcol .article div.content {
								background-image:url(/domains/sierra240.nl/images/side/side_bottom.png);
								background-repeat:no-repeat;
								background-position:bottom;
								padding-left:5px;
								padding-right:5px;
								padding-bottom:5px;
								display:block;
							}
							#rightcol .article .title {
								font-size:12px;
								font-weight:bold;
								color:#fff;
								text-transform:uppercase;
							}
							#rightcol .article .content {
								font-size:11px;
								line-height:130%;
							}


						#rightcol .article_blank {
							margin-top:4px;
							margin-bottom:4px;
						}

							#rightcol .article_blank div.title {
								display:block;
								height:20px;
								padding-top:5px;
								padding-left:5px;
							}
							#rightcol .article_blank div.content {
								display:block;
								padding-left:5px;
								padding-right:5px;
								padding-bottom:2px;
							}
							#rightcol .article_blank .title {
								font-size:12px;
								font-weight:bold;
								color:#444;
								text-transform:uppercase;
							}
							#rightcol .article_blank .content {
								font-size:11px;
								color:#444;
							}


						/* left colom */

						#leftcol {
							display:block;
							float:left;
							width:160px;
							margin-right:4px;
						}
							#left_top_block {
								display:block;
								background-image:url(/domains/sierra240.nl/images/left_top_block.png);
								background-repeat:no-repeat;
								height:63px;
								margin-bottom:4px;
                            }
                            	#left_top_block .left_top_block_path {
                                	padding:5px;
                                	font-weight:bold;
                                	color:#c00;
                            	}
									#left_top_block .left_top_block_path .arrow {
										color:#000;
									}


							#leftcol .article {
								display:block;
								background-image:url(/domains/sierra240.nl/images/side/side_middle.png);
								background-repeat:repeat-y;
                            	margin-top:4px;
								margin-bottom:4px;
							}
								#leftcol .article div.title {
									display:block;
									background-image:url(/domains/sierra240.nl/images/side/side_title.png);
									background-repeat:no-repeat;
									height:20px;
									padding-top:5px;
									padding-left:5px;
								}
								#leftcol .article div.menu_content,
								#leftcol .article div.content {
									display:block;
									background-image:url(/domains/sierra240.nl/images/side/side_bottom.png);
									background-repeat:no-repeat;
                                	background-position:bottom;
									padding-left:5px;
									padding-right:5px;
									padding-bottom:5px;
								}
								#leftcol .article .title {
									font-size:12px;
									font-weight:bold;
									color:#fff;
									text-transform:uppercase;
								}
								#leftcol .article .content {
									font-size:11px;
									line-height:130%;
								}


							#leftcol .article_blank {
                            	margin-top:4px;
								margin-bottom:4px;
							}

								#leftcol .article_blank div.title {
									display:block;
									height:20px;
									padding-top:5px;
									padding-left:5px;
								}
								#leftcol .article_blank div.content {
									display:block;
									padding-left:5px;
									padding-right:5px;
									padding-bottom:2px;
								}
								#leftcol .article_blank .title {
									font-size:12px;
									font-weight:bold;
									color:#444;
									text-transform:uppercase;
								}
								#leftcol .article_blank .content {
									font-size:11px;
									line-height:130%;
									color:#444;
								}


						/* Middle colom */

						#middlecol {
							display:block;
							float:left;
							width:547px;
							overflow:hidden;
						}
							#middle_top_block {
								display:block;
								background-image:url(/domains/sierra240.nl/images/middle_top_block.png);
								background-repeat:no-repeat;
								height:63px;
								margin-bottom:8px;
                            }
                            	#middle_top_block .middle_top_block_path {
                                	padding:5px;
                                	font-weight:bold;
                            	}
									#left_top_block .left_top_block_path .arrow {
										color:#000;
									}


							#middle_content {
								display:block;
								padding-left:5px;
								padding-right:5px;
								color:#444;
							}

								#middlecol .article {
									display:block;
									margin-top:10px;
									margin-bottom:5px;
									clear:both;
								}
									#middlecol .article div.title {
										display:block;
										margin-bottom:5px;
									}
									#middlecol .title {
										font-size:16px;
										font-weight:bold;
										letter-spacing:-1px;
										text-transform:lowercase;
									}
									#middlecol .content {
										font-size:12px;
									}


								#middlecol .news_article {
									border-top:1px dotted #999;
								}

            /* NEWS DATE */
            .news_date {
            	position:relative;
                float:right;
            	top:-21px;
                height:0px;
                font-size:9px;
            	color:#aaa;
            	display:block;
			}
			.news_date_dash {
            	display:none;
			}


			/* READ MORE LINKS */
			#rightcol .read_more,
			#content .more_info {
                text-align:right;
                display:block;
				clear:both;
			}

			#middlecol fieldset {
				border:1px dotted #aaa;
			}
			#middlecol legend {
				background-color:#fff;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
			}

			/* FORM STUFF */
			#content .form {
				background-color:#eee;
				border:1px dotted #aaa;
				padding:10px;
            }

			#search .input,
            #rightcol .input,
			#content .input {
				border:1px solid #999;
				background-color:#fff;
				color:#222;
				font-size:13px;
				font-family:courier;
            	letter-spacing:-1px;
			}

			#search .submit,
			#rightcol .submit,
			#content .submit {
				border:2px solid #fff;
				background-color:rgb(189,0,0);
				color:#fff;
				text-transform:uppercase;
				font-weight:bold;
				font-size:10px;
			}

			#rightcol .label,
			#content .label {
				text-align:right;
			}
			#rightcol .required_label,
			#content .required_label {
/*                 font-style:italic; */
/* 				font-weight:bold; */
				color:#000;
				text-align:right;
			}

			/* Login menu stuff */
			.login_menu {
            	margin-top:5px;
			}



		#footer {
			background-image:url(/domains/sierra240.nl/images/footer.png);
			background-repeat:no-repeat;
			height:21px;
	    	font-size:10px;
			padding-top:8px;
			padding-left:5px;
/* 			padding-right:5px; */
			margin-top:4px;
			margin-bottom:4px;
		}
			#footer hr {
				display:none;
    		}
			#copyrights {
            	float:left;
			}
			#bottommenu {
            	float:right;
			}
				#bottommenu ul {
					margin:0px;
					padding:0px;
					display:inline;
				}
				#bottommenu li {
					margin:0px;
					padding:0px;
					display:inline;
				}
				#bottommenu li a {
                    color:#000;
					padding-right:5px;
					padding-left:4px;
					border-left:1px solid #999;
				}
				#bottommenu ul ul {
					display:none;
				}

	#support {
    	text-align:center;
	}
	#stats {
    	padding-top:5px;
    	text-align:center;
    	font-size:10px;
    	color:#8c8c7b;
	}
	#stats a {
		padding-left:10px;
	}

/* Clear all patch */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {display: inline-block;}