/* CSS Document */

html, body {
	padding-top: 0;
	font-size: small;
	font-family: Verdana, sans-serif;
	line-height: normal;
	min-width: 1024px;
}

.tborder {
	padding: 0;
	border: 1px solid #6394BD;
}

div#header {
	background: #6e94b7 /*url(../images/mb_header_orange1.jpg)*/ 50% 0 no-repeat;
	height: 124px;
	overflow: hidden;
}

div#blendimage {
	height: 124px;
	background-position: 50% 0;
}

div#logo {
	position: absolute;
	top: 40px;
	left: 20px;
	z-index: 5;
	height: 99px;
	width: 255px;
	background: url('//media.3rail.nl/3railtheme/images/header/logo_forum.png') 0% 0 no-repeat !important;
	background: transparent;
}

	div#logo a {
		display: block;
		width: 255px;
		height: 99px;
		text-decoration: none;
	}

div#xmas {
	position: absolute;
	top: 105px;
	left: 255px;
	z-index: 5;
	height: 30px;
	width: 1920px;
	background: url('//media.3rail.nl/3railtheme/images/header/slinger.png') 0% 0 repeat-x !important;
	background: transparent;
}

div#horizmenu {
	background: url('//media.3rail.nl/3railtheme/images/header/background/mb_menu_horiz_bg.png') 0 0 repeat-x;
	height: 45px;
	margin: auto;
}

#userdet {
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 5;
	width: auto;
	max-width: 800px;
	overflow: hidden;
}

	#userdet #top {
		height: 15px;
		min-width: 97%;
		width: 100%;
		background: url('../images/userBox_Top.png') top left no-repeat;
	}

	#userdet #con {
		position: relative;
		min-width: 97%;
		background: url('../images/userBox_Content.png') top left repeat-y;
		overflow: hidden;
	}

		#userdet #con #arrow {
			float: left;
			width: 15px;
			height: 15px;
			margin-left: 8px;
		}
		
			#userdet #con #arrow img {
				position:absolute;
				top: 50%;
				margin-top: -8px;
			}

		#userdet #con #userBar {
			float: left;
			width: auto;
			margin-left: 8px;
			margin-right: 10px;
		}
		
	/* START AD CSS */
	#userdet #adLeft {
		float: left;
		width: 20px;
		height: 110px;
		background: url('../images/adBox_adLeft.png') top left repeat-x;
	}
	
	#userdet #adCon {
		float: left;
		position: relative;
		min-width: 97%;
		height: 110px;
		background: url('../images/adBox_adCon.png') top left repeat-x;
		overflow: hidden;
	}
	
		#userdet #adCon #adAd {
			margin-top: 10px;
			margin-right: 10px;
		}
		
			#userdet #adCon #adAd #adSenseBlockPoopCrapThingy {
				width: 728px;
				height: 90px;
			}
	/* END AD CSS */

	#userdet #bot {
		min-width: 97%;
		width: 100%;
		height: 14px;
		background: url('../images/userBox_Bottom.png') bottom left no-repeat;
	}

#navheader li {
	z-index: 3;
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}

#navheader li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0 14px;
	text-decoration: none;
	color: #333;
}
	
#navheader li a:hover {
	color: #666;
}
	
#navheader li.active {
	z-index: 1;
	height: 17px;
	border-bottom: 4px solid #46596E;
}

	#navheader li.redMenuEntry a {
		color: #900;
	}
	
	#navheader li.redMenuEntry a:hover {
		color: #C03;
	}

#navheader {
	height: 20px;
	margin-top: 15px;
}

	#navheader li ul {
		position: absolute;
		display: none;
		min-width: 17em;
		z-index: 5;
		padding: 0.5em;
		font-weight: normal;
		border: solid 1px #999;
		border-left: solid 1px #bbb;
		border-top: solid 1px #ccc;
		border-radius: 4px;
		box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
		background: #FFFFFF;
		background-image: linear-gradient(to bottom, #E2E9F3 0%, #FFFFFF 70%);
	}
	
		#navheader li ul li {
			position: relative;
			float: none;
		}
			
			#navheader li ul li ul {
				position: absolute;
				top: -10px;
				left: 99%;
				margin-top: 0;
			}
			
			#navheader li ul li:hover {
				border-radius: 4px;
				background: #CCCCCC;
				background-image: linear-gradient(to bottom, #CCCCCC 0%, #E2E9F3 70%);
			}
		
			#navheader li ul li a {
				display: inline-block;
				min-width: calc(100% - 5px - 14px);
				font-size: 1.1em;
				line-height: 1.9em;
				padding: 0 5px 0 14px!important;
				font-weight: normal;
				color: #334466!important;
			}
			
			#navheader li ul li a:hover {
				cursor: pointer;
				text-decoration: underline;
			}
	
	#navheader li:hover > ul {
		display: block;
	}
	
#slider {
	z-index: 2;
	position: absolute;
	height: 0px;
	border-bottom: 4px solid #fd4919;
}

.news {
	min-height: 25px;
	border-width: 1px 0 0 0;
	padding-left: 1ex;
	padding-top: 5px;
}

.mainArea {
	width: 97%;
	margin: 15px auto;
	position: relative;
	border: 1px solid #6394BD;
	background-color: #FFFFFF;
}
	
	/*.mainArea.mainCon div *:not(.tborder) {
		width: 97%;
		margin: auto;
	}*/
	
	.mainArea .mainCon {
		margin: 10px;
	}
	
.windowbg {
	background-color: #AFC6DB;
}

.windowbg2 {
	background-color: #F8F8F8;	
}

.categoryframe {
	margin-top: 0;
}

.catbg.head table tr td {
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}

dl.settings select {
	width: 340px;
}

.havoc {
	width: 80%;
	min-height: 18px;
	border: 1px solid;
	margin: auto;
	padding: 10px 10px 10px 50px;
	color: #D8000C;
	background: #FFBABA no-repeat 10px center url('../images/icons/error.png');
}

	.havoc p {
		margin: 0;
		padding: 0;
	}

.customInfo {
	width: 80%; 
	margin: 10px auto; 
	border: 1px solid #7ABDD1; 
	background-color: #FAFAFA;
	border-radius: 10px;
	padding: 10px;
}

	.customInfo h2 {
		width: 100%;
		margin-bottom: 5px;
		padding-bottom: 2px;
		font-size: 16px;
		border-bottom: 1px solid #CCCCCC;
	}

	.customInfo p {
		margin: 0 0 5px 0;
		padding: 2px 10px 2px 10px;
	}

.bbc_img {
	height: auto;
	max-width: 100%;
	max-height: 1200px;
}

.attachments img {
	height: auto;
	max-width: 100%;
	max-height: 1200px;
}