/* www.arsenaal.com */

/* General. */
html {
	overflow-x: hidden;
}

body {
	margin: 0 0 0 0;
	font: 12px arial;
	color: rgb(99, 100, 94);
	background: url('/images/front/background.png') repeat-x;
}

img {
	border: 0px;
}

.clear {
	clear: both;
}


/* Wrapper. */
.wrapper {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	text-align: left;
}

.wrapperBottom {
	position: absolute;
	left: 50%;
	top: 431px;
	margin-left: -480px;
	width: 960px;
	text-align: left;
}


/* Tabs and languages. */
#tabs {
	height: 132px;
}

a#tabMiniMundi {
	display: block;
	float: left;
	width: 141px;
	height: 113px;
	margin: 19px 0px 0px 0px;
	background: url('/images/front/tabMiniMundi.png');
}

a#tabHetArsenaal {
	display: block;
	float: left;
	width: 141px;
	height: 113px;
	margin: 19px 0px 0px 0px;
	background: url('/images/front/tabHetArsenaalActive.png');
}

a#tabBambini {
	display: block;
	float: left;
	width: 141px;
	height: 113px;
	margin: 19px 0px 0px 0px;
	background: url('/images/front/tabBambini.png');
}

a#tabLangeJan {
	display: block;
	float: left;
	width: 141px;
	height: 113px;
	margin: 19px 0px 0px 0px;
	background: url('/images/front/tabLangeJan.png');
}

a#tabVoetbalExperience {
	display: block;
	float: left;
	width: 141px;
	height: 113px;
	margin: 19px 0px 0px 0px;
	background: url('/images/front/tabVoetbalExperience.png');
}

#tabs ul {
	position: absolute;
	margin: 100px 0px 0px 802px;
	padding: 0px;
	list-style-type: none;
}

#tabs ul li {
	float: left;
	margin-left: 11px;
}

#tabs ul a#languageNL {
	display: block;
	width: 26px;
	height: 19px;
	background: url('/images/front/flagDutch.png') no-repeat;
}

#tabs ul a#languageDE {
	display: block;
	width: 26px;
	height: 19px;
	background: url('/images/front/flagGerman.png') no-repeat;
}

#tabs ul a#languageEN {
	display: block;
	width: 26px;
	height: 19px;
	background: url('/images/front/flagEnglish.png') no-repeat;
}

#tabs ul a#languageFR {
	display: block;
	width: 26px;
	height: 19px;
	background: url('/images/front/flagFrench.png') no-repeat;
}


/* Header. */
#header {
	position: absolute;
	top: 132px;
	width: 100%;
	height: 298px;
}


/* Main menu. */
#mainMenu {
	padding: 0px;
	margin: 0px;
	height: 47px;
	background: url('/images/front/background_menu.png') right no-repeat;
	list-style-type: none;
	z-index: 100;
}

#mainMenu li {
	float: left;
}

#mainMenu a {
	display: block;
	width: 160px;
	background: url('/images/front/menuDivider.png') no-repeat;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 15px;
	text-decoration: none;
	line-height: 47px;
	height: 47px;
	font-weight: 900;
}

ul#mainMenu li:hover ul, ul#mainMenu li.sfhover ul {
	left: auto;
	z-index: 100;
	/*background: url('/images/front/background_submenu.png') repeat-y;*/
}

ul#mainMenu li:hover, #menu li.sfhover {  
	position: static; /* Hack to prevent hanging menus in IE7. */
}

ul#mainMenu li:hover a, ul#mainMenu li.sfhover a {
	color: rgb(255, 255, 255);
	background: url('/images/front/menuDivider.png') no-repeat;
}


/* Submenu. */
ul#mainMenu ul {
	position: absolute;
	margin: -56px 0px 0px -2px;
	padding: 0px;
	clear: both;
	list-style-type: none;
	width: 172px;
	left: -999px;
	padding-bottom: 40px;
	z-index: 101;
}

ul#mainMenu li:hover ul li, ul#mainMenu li.sfhover ul li, ul#mainMenu ul li {
	width: 172px;
	background-color:#8f9300;
}

ul#mainMenu li:hover ul li.subHeader span, ul#mainMenu li.sfhover ul li.subHeader span, ul#mainMenu ul li.subHeader span {
	display: block;
	margin: 24px 0px 0px 0px;
	padding-right: 6px;
}

ul#mainMenu li:hover ul a, ul#mainMenu li.sfhover ul a, ul#mainMenu ul a { /* ul#mainMenu li:hover ul a */
	color: rgb(255, 255, 255);
	line-height: 37px;
	font-size: 12px;
	font-weight: 900;
	text-transform: none;
	border-right: 0px;
	text-align: center;
	width: 150px;
	height: 37px;
	margin: 0px;
	margin-left: 8px;
	border-top: 1px solid rgb(255, 255, 255);
	background-image: none;
}

ul#mainMenu li:hover ul li.subHeader, ul#mainMenu li.sfhover ul li.subHeader, ul#mainMenu ul li.subHeader {
	background-color:#8f9300;
	height: 56px;
	width: 172px;
	font-size: 15px;
	color: rgb(255, 255, 255);
	font-weight: 900;
	text-align: center;
	border-top: 0px;
}

ul#mainMenu li:hover ul li.subHeader a, ul#mainMenu li.sfhover ul li.subHeader a, ul#mainMenu ul li.subHeader a {
	background-color:#8f9300;
	color: rgb(95, 164, 28);
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	border: 0px;
	padding-top: 0;
	margin-top: 0;
	line-height: 15px;
}

ul#mainMenu li:hover ul li.subHeader a:hover, ul#mainMenu li.sfhover ul li.subHeader a:hover, ul#mainMenu ul li.subHeader a:hover {
	background: none;
	color: rgb(95, 164, 28);
	font-size: 15px;
	font-weight: 900;
	text-align: center;
	border: 0px;
}

ul#mainMenu li:hover ul li.subFooter, ul#mainMenu li.sfhover ul li.subFooter, ul#mainMenu ul li.subFooter {
	background-color:#8f9300;
	height: 49px;
	width: 172px;
	border-top: 0px;
}

ul#mainMenu li:hover ul a:hover, ul#mainMenu li.sfhover ul a:hover, ul#mainMenu ul a:hover {
	color: rgb(255, 255, 255);
	background-color:#a71931;
}

ul#mainMenu ul a span {
	margin: 0px 0px 0px 0px;
}


/* Breadcrumb. */
#breadcrumb {
	height: 70px;
}

#breadcrumb p {
	font-size: 22px;
	line-height: 30px;
	color: rgb(167, 25, 47);
	margin: 0px;
	line-height: 70px;
}

#breadcrumb a {
	color: rgb(167, 25, 47);
	text-decoration: none;
}

#breadcrumb a:hover {
	text-decoration: underline;
}

#breadcrumb span {
	color: rgb(167, 25, 47);
}


/* Content column. */
#colContent {
	float: left;
	margin: 0px;
	width: 625px;
}

#colContent h1 {
	font-size: 24px;
	line-height: 30px;
	color: rgb(167, 25, 47);
	margin: 0px 0px 10px 0px;
	line-height: 24px;
	font-weight: 100;
}

#colContent h2 {
	font-size: 18px;
	font-weight: 100;
	margin: 35px 0px 9px 0px;
	color: rgb(167, 25, 47);
}

#colContent h3 {
	margin: 0px;
	color: rgb(34, 108, 145);
}

#colContent .newsTitle {
	display: block;
	font-size: 18px;
	font-weight: 100;
	margin: 0px 0px 7px 0px;
	color: rgb(167, 25, 47);
	line-height: 28px;
}

#colContent p {
	margin: 0px 0px 20px 0px;
	color: rgb(61, 61, 61);
	line-height: 22px;
}

#colContent img.left {
	float: left;
	border: 1px solid rgb(0, 0, 0);
	margin: 4px 22px 0px 0px;
}

#colContent img.right {
	float: right;
	border: 1px solid rgb(0, 0, 0);
	margin: 4px 22px 0px 0px;
}

#colContent ul {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: 900;
	color: rgb(167, 25, 47);
	line-height: 34px;
}

#colContent ul li {
	background: url('/images/front/listItem.png') 0px center no-repeat;
	padding-left: 40px;
}

#colContent ul li a {
	color: rgb(167, 25, 47);
	text-decoration: none;
}

#colContent ul li a:hover {
	text-decoration: underline;
}

#colContent table {
	border: 1px solid rgb(143, 20, 38);
	border-right: 0px;
	border-bottom: 0px;
	width: 100%;
}

#colContent table th {
	font-size: 12px;
	height: 36px;
	vertical-align: middle;
	background: rgb(143, 20, 38);
	color: rgb(255, 255, 255);
	padding: 0px 10px 0px 10px;
}

#colContent table td {
	font-size: 12px;
	height: 36px;
	vertical-align: middle;
	background: rgb(255, 255, 255);
	color: rgb(143, 20, 38);
	border-right: 1px solid rgb(143, 20, 38);
	border-bottom: 1px solid rgb(143, 20, 38);
	padding: 0px 10px 0px 10px;
}

#colContent .trFooter td {
	background: rgb(169, 175, 69);
}

#colContent .readMore {
	display: block;
	height: 28px;
	background: url('/images/front/background_more.png');
	margin: 3px 0px 35px 0px;
}

#colContent .readMore a {
	display: block;
	float: right;
	width: 150px;
	height: 28px;
	padding-left: 8px;
	background: rgb(255, 255, 255) url('/images/front/butReadMore.png') right no-repeat;
}

#colContent a img.left {
	border: 0;
}


/* Sidebar. */
#colSidebar {
	position: absolute;
	display: block;
	margin-left: 651px;
	width: 375px;
}

#colSidebar .blockGreen {
	width: 360px;
	height: 346px;
	background: url('/images/front/background_block_green.png');
	margin-bottom: 20px;
}

.blockGreen h1 {
	color: rgb(255, 255, 255);
	margin: 0;
	font-weight: 100;
	font-size: 25px;
	padding: 8px 39px 0px 14px;
}

.blockGreen h1 span {
	color: rgb(0, 0, 0);
}

.blockGreen p {
	color: rgb(255, 255, 255);
	line-height: 22px;
	margin-left: 15px;
	width: 140px;
}

.blockGreen .butBuyOnline {
	display: block;
	position: absolute;
	width: 143px;
	height: 30px;
	margin: 303px 0px 0px 14px;
	background: url('/images/front/butGreenBuy.png');
	color: rgb(142, 148, 0);
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 11px;
}

.blockGreen .butBuyOnline span {
	display: block;
	margin: 8px 0px 0px 42px;
}


#colSidebar .blockRed {
	width: 309px;
	height: 327px;
	background: url('/images/front/background_block_red.png');
	margin-bottom: 20px;
}

.blockRed h1 {
	color: rgb(255, 255, 255);
	margin: 0;
	font-weight: 100;
	font-size: 25px;
	padding: 8px 39px 0px 14px;
}

.blockRed h1 span {
	color: rgb(255, 255, 255);
}

.blockRed p {
	color: rgb(255, 255, 255);
	line-height: 22px;
	margin-left: 15px;
	width: 265px;
}

.blockRed .butInfo {
	display: block;
	position: absolute;
	width: 142px;
	height: 28px;
	margin: 285px 0px 0px 136px;
	background: url('/images/front/butRedInfo.png');
	color: rgb(166, 27, 50);
	text-decoration: none;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 11px;
}

.blockRed .butInfo span {
	display: block;
	margin: 8px 0px 0px 42px;
}


/* Form. */
#colContent form, #colContent fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#colContent form {
	margin: 25px 0px 0px 0px;
}

#colContent label {
	display: block;
	float: left;
	width: 119px;
	font-weight: 900;
	color: rgb(30, 84, 128);
	line-height: 19px;
}

#colContent input {
	display: block;
	border: 0px;
	background: rgb(227, 242, 249);
	width: 496px;
	margin-bottom: 10px;
	font-family: arial;
	line-height: 19px;
	height: 19px;
	color: rgb(30, 84, 128);
	padding: 0px 5px 0px 5px;
}

#colContent textarea {
	display: block;
	border: 0px;
	background: rgb(227, 242, 249);
	width: 496px;
	margin-bottom: 10px;
	height: 250px;
	font-family: arial;
	color: rgb(30, 84, 128);
	font-size: 12px;
	padding: 0px 5px 0px 5px;
}

#colContent .butSend {
	width: 142px;
	height: 28px;
	background: rgb(255, 255, 255);
	margin-left: 113px;
}


/* Address block. */
#colContent #colAddress table {
	border: 0px;
	padding: 10px 0px 0px 20px;
	background: rgb(227, 242, 249) url('/images/front/background_contact.png') 300px 15px no-repeat;
	margin: 0px 0px 35px 0px;
}

#colContent #colAddress td {
	border: 0;
	background: none;
	padding: 10px 20px 0px 20px;
	color: rgb(34, 108, 145);
	line-height: 23px;
	width: 50%;
}

#colContent #colAddress a {
	color: rgb(34, 108, 145);
}

#colContent #colAddress td.links {
	width: 100%;
	padding: 20px 0px 20px 10px;
}

#colContent #colAddress td.links a {
	font-weight: 900;
	padding-left: 13px;
	background: url('/images/front/listItemContact.png') 0px center no-repeat;
}

#colContent a {
	color: rgb(34, 109, 141);
}



/* Photos. */
#photoGallery {
	margin-top: 0px;
	padding: 0px;
	float: left;
	margin-bottom: 0px;
}

.photoFolder {
	display: block;
	float: left;
	width: 224px;
	height: 225px;
	background: rgb(161, 25, 47);
	text-align: center;
	border: 1px solid rgb(216, 163, 171);
	margin-right: 18px;
	margin-bottom: 18px;
}

.lastInRow {
	margin-right: 0px;
}

.photoFolder h1 {
	color: rgb(255, 255, 255);
	font-weight: 100;
	text-align: center;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
}

.photoFolder img {
	border: 1px solid rgb(255, 255, 255);
}

.photoFolder .button {
	position: absolute;
	display: block;
	width: 141px;
	height: 27px;
	margin: 185px 0px 0px 67px;
	background: url('/images/front/butOpenFolder.png');
}

.photoImage {
	display: block;
	float: left;
	width: 224px;
	height: 225px;
	background: rgb(255, 255, 255);
	text-align: center;
	border: 1px solid rgb(206, 206, 144);
	margin-right: 18px;
	margin-bottom: 18px;
}

.lastInRow {
	margin-right: 0px;
}

.photoImage h1 {
	color: rgb(158, 162, 39);
	font-weight: 100;
	text-align: center;
	font-size: 18px;
	padding: 0px 0px 0px 0px;
}

.photoImage img {
	border: 1px solid rgb(158, 162, 39);
}

.photoImage .button {
	position: absolute;
	display: block;
	width: 142px;
	height: 28px;
	margin: 185px 0px 0px 67px;
	background: url('/images/front/butOpenImage.png');
}


/* Footer. */
#footer {
	margin: 27px 0px 60px 0px;
	border-top: 1px solid rgb(24, 23, 28);
}

#footer p {
	color: rgb(142, 21, 40);
	margin: 30px 0px 0px 0px;
	font-size: 9px;
}

#footer img {
	float: right;
	margin-top: -3px;
}