/*

	Style.CSS

	(C) INNONET Innovatief In Internet

	Gemaakt door:	Daryl Stark
					daryl@innonet.nl

*/
/* pre load images */

.preload {
	background-image:url(img/header.jpg) no-repeat ;
	}

a:link, a:active, a:visited {color: #003399; text-decoration: none; font-weight: bold;}
a:hover {color: #000000; text-decoration: none; font-weight: bold;}

a.ALeftTop:link, a.ALeftTop:active, a.ALeftTop:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
a.ALeftTop:hover {color: #FFFFFF; text-decoration: none; font-weight: bold;}

a.AShop:link, a.AShop:active, a.AShop:visited {color: #8F8569; text-decoration: none; font-weight: bold;}
a.AShop:hover {color: #8F8569; text-decoration: underline; font-weight: bold;}

a.footer:link, a.footer:active, a.footer:visited {color: #333333; text-decoration: none; font-weight: normal;}
a.footer:hover {color: #333333; text-decoration: underline; font-weight: normal;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 17px;
	margin:			10px;
	background-color:				#Cccccc;
}
h1,h2,h3,h4,h5,h6 {
	margin:2px 0px;
	}
/* DIVs */

div.DivHeader
{
	padding-left:		3px;
	position:		absolute;
	left:			50%;
	margin-left:		-500px;
}

div.DivLeft
{
	position:		absolute;
	top:			140px;
	left:			50%;
	margin-left:		-494px;
	padding:		0px;
	background-color:	#cccccc;
}

div.DivFirstMenu
{
	background-color:				#003399;
	width:							161px;
	padding:						0px;
	text-align:						left;
	line-height:					160%;
	color:							#FFFFFF;
	background-image:				url(img/firstmenuback.jpg);
	background-position:			bottom left;
	background-repeat:				no-repeat;
}

div.DivMenuTop
{
	width:							161px;
	height:							24px;
	background-image:				url(img/menu_top.jpg);
}

div.DivMenu
{
	background-color:				#FFCD36;
	width:							161px;
	padding:						0px;
	text-align:						left;
	line-height:					160%;
	background-image:				url(img/menu_back.jpg);
	background-repeat:				repeat-x;
}

div.DivMenuBottom
{
	width:							161px;
	height:							17px;
	background-image:				url(img/menu_bottom.jpg);
	margin-bottom:					5px;
}

div.DivMenuPadding
{
	padding:						10px;
}

div.DivMallTop
{
	width:						161px;
	height:						24px;
	background-image:				url(img/list_top.jpg);
}

div.DivMallList
{
	background-color:				#FFCD36;
	width:							161px;
	padding:						0px;
	margin-bottom:					0px;
	text-align:						left;
	line-height:					160%;
	background-image:				url(img/menu_back.jpg);
	background-repeat:				repeat-x;
}

div.DivMallListPadding
{
	padding:						10px;
}

div.DivSearch
{
	background-color:				#E3E4E6;
	width:							130px;
	padding:						0px;
	margin-bottom:					5px;
	padding-top:					5px;
	padding-bottom:					5px;
}

div.DivSite {
	position:					absolute;
	top:						182px;
	left:						50%;
	margin-left:					-308px;
}

div.DivBannerTop
{
	width:							161px;
	height:							24px;
	background-image:				url(img/advertentie_top.jpg);
}

div.DivBannerBottom
{
	width:							161px;
	height:							17px;
	background:				url(img/menu_bottom.jpg) no-repeat;
	margin-bottom:					5px;
}

div.DivBannerBigTop
{
	width:							616px;
	height:							24px;
	background:				url(img/advertentie_big_top.jpg) no-repeat;
}

div.DivBannerBigBottom
{
	width:							616px;
	height:							7px;
	background:				url(img/advertentie_big_bottom.jpg) no-repeat;
	margin-bottom:					5px;
}

div.DivBanner1
{
	width:							616px;
	background-color:				#ECBC31;
	text-align:						center;
}

div.DivBanner2
{
	width:							570px;
	text-align:						left;
	margin-bottom:					10px;
}

div.DivBanner4
{
	width:							161px;
	margin-bottom:					0px;
	background-color:				#FFCD36;
	background-image:				url(img/menu_back.jpg);
	background-repeat:				repeat-x;
}

div.DivBanner5
{
	width:							161px;
	margin-bottom:					0px;
	background-color:				#FFCD36;
	background-image:				url(img/menu_back.jpg);
	background-repeat:				repeat-x;
}

div.DivBanner6
{
	width:							161px;
	background-color:				#FFCD36;
	background-image:				url(img/menu_back.jpg);
	background-repeat:				repeat-x;
}

div.DivContentTitle
{
	padding:						0px;
	width:							616px;
	background-color:				#154779;
	color:							white;
	font-weight:					normal;
	height:							24px;
	background:				url(img/content_top.jpg) no-repeat;
}

div.DivContentTitlePadding
{
	padding:						5px;
	padding-left:					12px;
	font-weight:					bold;
}

div.DivContent {
	width:						616px;
	*margin-top:       -3px;
	text-align:					left;
	font-size:					8pt;
	background-image:				url(img/content_back.jpg);
	background-repeat:				repeat-x;
	background-color:				#FFCD36;
}
div.DivContent p {
	padding:2px 10px;
	margin:0px;
	}
div.content {
	width:						616px;
	*margin-top:       -3px;
	text-align:					left;
	font-size:					8pt;
	background:#fff;
}
div.DivMallTitle
{
	padding:						0px;
	width:							616px;
	background-color:				#154779;
	color:							white;
	font-weight:					normal;
	height:							24px;
	background:				url(img/content_top.jpg) no-repeat;
	margin: 0px;
}

div.DivMallTitlePadding
{
	padding:						5px;
	padding-left:					12px;
	font-weight:					bold;
}

div.DivMall
{
	background-color:				#99DCFF;
	width:							      616px;
	*margin-top:               -3px;
	text-align:					     	 left;
	font-size:						      8pt;
	background-image:url(img/content_back.jpg);
	background-repeat:	   repeat-x;
	background-color:				#FFCD36;
}

div.DivContentPadding
{
	*width:616px;
	padding:						3px;
	padding-top:					10px;
}

div.DivMallPadding
{
	padding:						3px;
}

div.DivLogoOpening
{
	float:							right;
}

div.DivImage
{
	text-align:						center;
}

div.DivNewsItem
{
	padding:					5px	10px;
	margin:0px;
}

div.footer {
	vertical-align:		center;
}

div.DivRightColumn
{
	width: 181px;
	position: absolute;
	left: 50%;
	margin-left: 320px;
	height: 100px;
}

/* TABLEs */

table.TableBanner2
{
	width:							570px;
}

table.TableMall
{
	width:							560px;
}

table.TableShop
{
	width:							600px;
}

table.TableOpening
{
	width:							150px;
}

table.TableImages
{
	width:							560px;
}

table.TableInlog
{
	width:							560px;
}

table.TableProfileForm
{
	width:							560px;
}

table.tabellogos {
	width: 600px;
	}
/* TDs */

td
{
	font-size:						8pt;
}
td.tdlogo {
	width:33%;
	text-align:center;
	}

td.TdBanner2Left
{
	text-align:						left;
}

td.TdBanner2Right
{
	text-align:						right;
}

td.TdShops1
{
	width:							33%;
	font-size:						8pt;
	vertical-align:					top;
}

td.TdShops2
{
	width:							34%;
	font-size:						8pt;
	vertical-align:					top;
}

td.TdShops3
{
	width:							33%;
	font-size:						8pt;
	vertical-align:					top;
}

td.TdShopLeft
{
	width:					430px;
	vertical-align:					top;
}

td.TdShopRight
{
	width:					150px;
	vertical-align:					top;
	padding-left: 15px;
}

td.TdOpeningLeft
{
	text-align:						left;
}

td.TdOpeningRight
{
	text-align:						right;
}

td.TdImage
{
	text-align:						center;
}

td.TdInlogLeft
{
	width:							40%;
	font-weight:					bold;
}

td.TdInlogRight
{
	width:							60%;
}

td.TdInlogButtons
{
	text-align:						center;
}

td.TdFormProfileLeft
{
	width:							40%;
	font-weight:					bold;
	vertical-align:					top;
}

td.TdFormProfileRight
{
	width:							60%;
	vertical-align:					top;
}

td.TdFormProfileButtons
{
	text-align:						center;
	padding-top:					10px;
}

/* SPANs */

span.SpanShopTitle
{
	font-size:						14px;
	color:							#115890;
	font-family:					Arial;
	font-weight:					bold;
}

span.SpanNewsTitle
{
	font-weight:					bold;
	color:							#115890;
}

/* IMGs */

img
{
	border:							0px;
}

img.ImgImage
{
	border:							1px solid black;
}

/* INPUTs */

input.InputText
{
	font-size:						8pt;
	font-family:					Verdana;
	width:							320px;
}

input.InputTextSearch
{
	font-size:						8pt;
	font-family:					Verdana;
	width:							110px;
}

input.InputButton
{
	font-size:						8pt;
	font-family:					Verdana;
}

/* TEXTAREAs */

textarea.TextAreaText
{
	font-size:						8pt;
	font-family:					Verdana;
	width:							320px;
}

/* FORMs */
/*form { margin:0; padding:0; margin-top:8px; text-align:left;}*/
/*fieldset {border:1px solid #999; text-align:left; margin-bottom:10px; padding:10px 0px 8px 6px; background-color:#fff;}*/
/*fieldset#checkbox input  {width:35px;}*/
legend {font-size:1em; color: #CC6600 ; font-weight:bold; margin-bottom:5px;}
label { color: #181818; font-size:1em; margin:0 3px 3px 0; padding:0; padding-left:10px; line-height:1.4em; width:120px; 
        display:block; float:left; clear:left;}
.textfield {border:1px solid #666; padding-left:0.3em; margin-bottom:1px; width:240px; background:#fff; display:block;}
.buttons { margin:5px 20px; display:inline; }
/*select {border:1px solid #666; padding-left:0.3em; margin-bottom:1px; background:#fff; width:404px;}*/
.textarea {border:1px solid #666; width:244px;}
/*.textfield:focus {border-color:#900;}*/

form
{
	margin:							0px;
}

/* ULs */

ul.UlProfile
{
	line-height: 200%;
}

/* Hs */

h1
{
	padding:						5px;
	padding-left:					12px;
	font-weight:					bold;
	font-size:						8pt;
	margin:							0px;
}
/* gebruikt in homeblock op de home page !! */
h3 {
	border-left:16px solid #0066FF;
	padding-left:5px;
	font-size:12px;
	color:#000033;
	background: #ebf5ff;
	margin:2px 0px;
}