/*

	Style.CSS

	(C) INNONET Innovatief In Internet

	Gemaakt door:	Daryl Stark
					daryl@innonet.nl

*/
/* pre load images */

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

a:link, a:active, a:visited {color: #003399; text-decoration: none;}
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: #fff; text-decoration: none; font-weight: normal;}
a.footer:hover {color: #fff; text-decoration: underline; font-weight: normal;}

html, body {
    height: 100%;
}

body {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height: 		17px;
	background-image: 	url("img/bg_top.jpg");
	background-repeat:	repeat-x;
	background-color:	#ded6d6;
    cursor: 			default;
	margin:			 	0;
    padding: 			0;
}

h1,h2,h3,h4,h5,h6 {
	margin:2px 0px;
	}

h4 {
	font-size:			16px;
	font-family:		Georgia;
	color:				#003399;
	}
/* DIVs */
div.site
{
position: absolute;
}

div.complete {
	width:				980px;
	background-color:	#fff;
	height: 			auto !important;
    left: 				0;
    min-height: 		100%;
    position: 			relative;
	left:				50%;
	margin-left:		-490px;
    top: 				13px;
	z-index:			10;
	padding-bottom: 182px;
	}
	div.footer  {
    background-color: #132729;
    bottom: 0 !important;
    height: 260px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    top: 13px;
}
div.DivHeader {
	padding-left:		3px;
	position:			absolute;
	left:				50%;
	margin-left:		-493px;
}

div.social {
	position: 			absolute;
    top: 				30px;
	left:				50%;
	margin-left:		365px;
	}

div.login {
    height: 			32px;
    position: 			absolute;
    top: 				0px;
	left:				50%;
	margin-left:		200px;
	z-index:			20;
}

div.DivLeft {
	position:		absolute;
	top:			140px;
	left:			50%;
	margin-left:	-490px;
	padding:		0px;
	border-right:	1px solid #ded7d7;
}

div.DivFirstMenu {
	padding:						0px;
	text-align:						left;
	line-height:					160%;
	width: 181px;
	height: 100px;
}

div.DivMenuTop {
	width:							161px;
	height:							24px;
	padding-left:					5px;
}

div.DivMenu {
	width:							161px;
	padding:						0px;
	text-align:						left;
	line-height:					160%;
}

div.DivMenuBottom
{
	width:							161px;
	height:							17px;
	margin-bottom:					5px;
}

div.DivMenuPadding
{
	padding:						10px;
}

div.DivMallList {
	width:							161px;
	padding:						0px;
	margin-bottom:					0px;
	text-align:						left;
	line-height:					160%;
}

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:					relative;
	top:						182px;
	left:						50%;
	margin-left:					-308px;
	    height: auto;
		width: 1px;
		min-height: 675px;
}

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.DivBanner1
{
	width:							616px;
	background-color:				#FFFFFF;
	text-align:						center;
}

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

div.DivBanner4 {
	width:							162px;
	margin-bottom:					10px;
	border:							1px solid #003399
}

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:				#DED6D6;
	color:							#003399;
	font-weight:					normal;
	height:							24px;
}

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

div.DivContent {
	width:						616px;
	*margin-top:       -3px;
	text-align:					left;
	font-size:					8pt;
}

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:				#DED6D6;
	color:							#003399;
	font-weight:					normal;
	height:							24px;
	margin: 						0px;
}

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

div.DivMall {
	width:							      616px;
	*margin-top:               -3px;
	text-align:					     	 left;
	font-size:						      8pt;
}

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.DivRightColumn
{
	width: 181px;
	position: absolute;
	left: 50%;
	top: 62px;
	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:							140px;
}

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;
}

td.footerleft {
	padding-left: 20px;
	text-align: left;
	line-height: 150%;
	}