@import "reset.css";

/* ### GLOBAL CLASSES ### */

.titel_links { 
	color:#000000; 
	font-weight:bold; 
	font-size:12px; 
	text-transform: none;
	border-bottom:2px solid #336de4;
	padding-bottom:5px;
	margin-bottom:10px;
	background-image:url(img/blokje.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:13px;
}

a.links_roze {
	color: #d23399;
}

a.links_roze:hover {
	color: #d23399;
}

a.links_roze:visited {
	color: #d23399;
}

a.links_roze:active {
	color: #d23399;
}

 	

/****** SHOP **************/

/* Box met een product binnen een grid */
div.product {
	margin: 0 4px 10px 4px;
	width: 178px;
	height: 280px;
	border: 1px solid #DDD;
	float: left;
	background-color: #FFFFFF;
}

/* Naam van het product in het grid */
div.product h2 {
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 12px;
	height: 36px;
	margin: 6px 0 0 0;
	border: none;
}

/* Thumbnail bij een product */
div.fw_picture {
	width: 140px;
	height: 100px;
	padding: 4px;
	margin: 0 auto 0 auto;
}

/* Vreemde naam, maar wordt gebruikt om prijs en 
   'In winkelwagentje'-knop te centreren binnen een grid */
div.image_product {
	text-align: center;
	height: 160px;
	padding: 10px;
}

div.image_product img {
	border: none;
}

div.price {
	height: 60px;
	width: 100%;
	text-align: center;
	color: #306de7;
	font-size: 16px;
	font-weight: bold;
}

div.add_to_cart {
	width: 140px;
	margin: 0 auto 0 auto; 
}


/* Tabel met ��n product */ 
table#Product {
	margin: 0 0 0 0; 
	border: 1px solid #DDD;
	width: 100%;
	background: #fff;
}

table#Product td {
	padding: 10px;
}

table#Product td.image {
	text-align: center;
	vertical-align: top;
	border-right: 1px solid #DDD;
	width: 400px;
}

div.descr_button {
	float: right;
}

div.product_descr {
	margin: 0 0 10px 0;
	padding: 10px 16px 10px 16px;
	clear: both;
}

div.product_options {
	border-top: 1px solid #DDD; 
	padding: 10px 0 16px 0;
}

div.price_wrapper {
	margin: 0 0 40px 0;
	padding: 12px 0 16px 0;
	height: 24px;
	border-top: 1px solid #DDD;
}

div.price_2 {
	float: left;
	color: #306de7;
	font-size: 16px;
	font-weight: bold;
}

div.cart_2 {
	float: right;
}

hr {
   clear: both;
   visibility: hidden;
}

div.buttons {
	margin: 0 0 10px 0;
	height: 26px;
}


table.image_thumb {
	width: 125px;
	height: 125px;
	border: 1px solid #9B9B9B;
	
}
table.image_thumb tr td {
	vertical-align: center;
	text-align: center;
}



/* Twee knoppn naast elkaar */
div.buttons div.left {
	float: left;
}

div.buttons div.right {
	float: right;
}

/* Zelfde achtergrond als een formulier */
div.backdrop {
	margin: 10px auto 20px auto;
	padding: 10px 10px 10px 10px;
	width: 90%;
	background: #FDFDFD;
	background-color:#EEEEEE;
}

div.checkout_left {
	width: 48%; 
	float: left;
}

div.checkout_right {
	width: 48%; 
	float: right;
}

div.step {
	margin: 0 0 10px 0;
}

div.fw_media_small {
	cursor: pointer;
}

div#ClearAddressesBasket {
	visibility: hidden;
	height: 360px;
}


/********************
DIALOG BOX
********************/
div.fw_dialog_container {
	margin: -1px 0 0 0;
	padding: 0;
	text-align: center;
	background: #FFF;
	border: 1px solid #D9D9D9;
}

.fw_dialog_icon {
	margin: 14px 0 8px 0;
}

.fw_dialog_text {
	font-size: 1em;
  	line-height: 1.5em;
}

/********************
POPUP
********************/
div.fw_panelheader {
	height: 20px;
	background: #306de7;
	border: 1px solid #306de7;
	margin: 0;
	width: 658px;
}

div.fw_popupbackground {
	background-color: #000; 
	opacity:.8; 
	filter:alpha(opacity=80); 
	/* IE */
}

div.popup_content {
	width: 620px;
	overflow: hidden;
	height: 310px;
	margin: 20px auto 0 auto;
}

/* Wrapper voor tabel met inhoud winkelwagentje */
div.cart_contents {
	margin: 0 0 20px 0;
	padding: 1px 0 0 0;
	height: expression(this.scrollHeight > 220? "220px" : "auto" );
	overflow: auto;
	width: 620px;
	height: auto;
	max-height: 220px;
}

table#C_dgBasketItems {
	margin: 0 auto 0 auto;
	width: 580px;
}

table.fw_datagrid {
	margin: 0 0 20px 0;
	border-collapse: collapse;
	cursor: default;
	background-color: #fff;
	border: 1px solid #DDD;
}

table.fw_datagrid tr th {
	padding: 4px;
	font-weight: normal;
	background-color: #ddd;
	text-align: left;
}

table.fw_datagrid tr td {
	padding: 4px;
}

table.fw_datagrid td span {
	color: #EEEEEE;
	color:#336de4;
}

table.fw_datagrid tbody tr.over {
	background-color: #F9F9F9;
}

div.basket_product_options {
	margin: 0 0 0 10px;
	color: #526EDB;
	font-size: 0.9em;
}

span.basket_product_id {
	color: #DDDDDD;
}

/********************
GLOBAL PAGE LAYOUT
********************/
body, html { 
	background: #000; 
	font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

body.mceContentBody { 
	background: #FFFFFF;
	color: #000000; 
}

div#Banner_Large {
	background-color:#000000;
/*	height:92px;*/
	margin:0px;
	padding-top:1px;
	padding-right:10px;
	text-align:right;
	border-bottom:1px solid #6a6a6a;
}

div#Header {
	background: #000 url('img/bg_header.jpg') no-repeat;
	height: 136px;
	/*margin-top:90px;
	border-top:1px solid #6a6a6a;*/
}

/* De header-tabel, de content-tabel en de footer-tabel zijn altijd 100% breed */
table#tHeader, table#tContent, table#tFooter { 
	width: 100%; 
}
table#tStandardContent {
	width: 100%; 
	max-width: 1250px;
}	

table#tFixedContent {
	width: 1000px;
}

/* TD met het logo */
td#Logo { padding: 10px;}

/* TD met de banner */
td#Banner { padding: 10px;width: 468px; }

div#Content {
	background: #000 url('img/bg_footer_forum.jpg') no-repeat bottom left;
	color: #FFF;
	padding: 0 10px 0 10px;
}

/* TD met de inhoud links */
td.left {
	vertical-align: top;
}


/* TD met de inhoud rechts */
td.right {
	padding-left: 20px;
	vertical-align: top; 
	width: 450px; 
}

/* TD met de logo's van Lunatis en SH */
td#Logos {
	height: 76px;
	padding-bottom: 10px;
	text-align: right;
	vertical-align: bottom;
}

/* De centrale foto op de startpagina */
/*td#MainPhoto {
	border: 4px solid #FFF;
	margin-bottom: 10px;
}*/


div#Footer {
	background: #000;
	border-top: 10px solid #336DE4;
	padding: 0 10px 40px 10px;
	
}
div#Footer div {
	width: 800px;
}
div.MinWidthSpacer {
	width: 450px;
	height: 0px;
}


/********************
MENU
********************/
ul#Menu {
	color: #FFF;
	margin-top: 10px;
	background-color: #000000;
	margin-left: 0px;
	width: 1100px;
}

ul#FMenu { 
	color: #FFF; 
	margin-top: 4px;
}

ul#Menu li a {
	text-decoration: none; 
	height: 19px; 
	float: left;
	background-color: #000000;
}

ul#Menu li, ul#FMenu li { display: inline; }
ul#Menu li a#Start { background: url('img/menu/start.gif') no-repeat; width: 74px; }
ul#Menu li a#Forum { background: url('img/menu/forum.gif') no-repeat; width: 89px; }
ul#Menu li a#Infocus { background: url('img/menu/infocus.gif') no-repeat; width: 100px; }
ul#Menu li a#Fotos { background: url('img/menu/fotos.gif') no-repeat; width: 83px; }
ul#Menu li a#Challenge { background: url('img/menu/challenge.gif') no-repeat; width: 116px; }
ul#Menu li a#Shop { background: url('img/menu/shop.gif') no-repeat; width: 77px; }
ul#Menu li a#Links { background: url('img/menu/links.gif') no-repeat; width: 75px; }
ul#Menu li a#VZW { background: url('img/menu/vzw.gif') no-repeat; width: 77px; }
ul#Menu li a#Chat { background: url('img/menu/chat.gif') no-repeat; width: 75px; }
ul#Menu li a#Info { background: url('img/menu/info.gif') no-repeat; width: 61px; }
ul#Menu li a#Helpdesk { background: url('img/menu/helpdesk.gif') no-repeat; width: 109px; }
ul#Menu li a#Blog { background: url('img/menu/blog.gif') no-repeat; width: 70px; }
ul#Menu li a#BDLive { background: url('img/menu/belgiumdigitallive.gif') no-repeat; width: 179px; }
ul#Menu li a#Zoeken { background: url('img/menu/zoeken_over.gif') no-repeat; width: 61px; }

ul#Menu li a#imgGZoeken { background: url('img/menu/zoeken.gif') no-repeat; width: 61px; }


ul#Menu li a i {
 	visibility: hidden;
}


div#Footer a {
	color: #ffffff;
	font: 14px "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration:none;	
}

/********************
FORMS 
********************/
table.form {
	margin: 10px auto 20px auto;
	padding: 10px 0 10px 0;
	width: 90%;
	background: #FDFDFD;
}

input#F_dgBasketItems_txtInstantEdit {
	margin: 0; 
	padding: 0;
	width: 30px;
	text-align: center;
}

tr.white {
	background-color: white;	
}

table.form th {
	margin: 0; 
	padding: 4px 4px 4px 0;
	width: 30%;
	font-weight: normal;
	text-align: right;
}

table.form td {
	margin: 0; 
	padding: 4px 0 4px 4px;
	width: 70%;
}

div.submit {
	margin: 10px 0 60px 0;
	padding: 20px 0 20px 0;
	border-top: 1px solid #306de7;
}

div.submit_no_line {
	margin: 10px 0 60px 0;
}

div.submit div.right {
	float: right;
}


input.fw_checkbox {
	border: none;
}

input.fw_button {
	border: none;
}



/*******************
TAGS
*******************/
input {
	border-top:1px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #7c7c7c;
	border-bottom :1px solid #7c7c7c;
	color:#323232;
	font-size: 12px;
}
input.fw_textbox_error {
	border: 1px solid red;
}
select.fw_dropdownbox_error {
	border: 1px solid red;
}


p, ul, li {
	line-height: 1.5em;
}

a:link {color: #4c4c4c; text-decoration: none; }
a:visited {color: #4c4c4c; text-decoration: none; }
a:active {color: #d23399; text-decoration: underline; }
a:hover {color: #d23399; text-decoration: underline; }



h1 {
	margin-top: 0px;
	margin-bottom: 4px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 18px; 
	color:#2E2E2E;
	text-transform:none;
}

h2 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color:#464646;
	text-transform:none;
	border-bottom: 2px solid #336de4;
	margin-bottom: 10px;
	margin-top: 10px;
	
}
h2.small {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 11px; 
	font-weight: normal;
	color:#464646;
	text-transform:none;
	border-bottom:2px solid #336de4;
	margin-bottom: 4px;
	margin-top: 0px;
}


h3 {
	margin: 10px 4px 10px 0px;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size: 12px; 
	color:#2E2E2E;
	text-transform:none;
	background-image:url(img/bg_h3.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	font-weight: bold;
}

ul {
	margin-left: 30px;
}

li {
	list-style-type: square;
}


input, select {
	font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
}


/********************
BOX
********************/
div.Box {
	border: 4px solid #FFF;
	margin-bottom: 10px;
}

div.Box div.BoxContent {
	background: #EEE;
	border: 1px solid #9B9B9B;
	color:#000000;
	font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif;
	padding: 3px;
}



/******************
SPECIFIEK HOMEPAGE
******************/
div#LatestArticles div {
	background-color:#FFFFFF;
	color:#4c4c4c;
	padding:5px;
	/*width:100%;*/
	margin-bottom:10px;
}
.TDDate {
	padding-top: 2px;
	padding-bottom:2px;
	vertical-align:top;
	text-align:right;
	width:110px;
	color:#336de4;	
	font: 11px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

img.FrontPicture {
	position: absolute;
	
	top: 235px; /* was 140px */
	left: 14px;
}
div#MainPhotoDiv {
	height: 338px;
}
div#FrontLoginMessage {
	text-align: left;
	background-color: #9f2072;
	border: 1px solid #ff77ce;
	color: white;
	padding: 3px;
}

/******************
Articles
******************/
table.overviewarticles {
	width: 100%;
}
table.overviewarticles td.overview_articles_right {
	text-align:right;
	color:#336de4;	
}
div.overviewarticles_spacer {
	height: 20px;
}

table.fw_debug {
	background-color: #FFFFFF;
}