/*
    Document   : common.css
    Created on : 03-nov-2009, 11:35:14
    Author     : Jool.nl | Martijn van der Hulst
*/

@import url(KMenu.css);
@import url(KSidebar.css);
@import url(KContent.css);

html, body {
	padding         : 0;
	margin          : 0;
	text-align      : center;
}

body {
	background  : rgb(213,213,213) url("../images/body.png") left top repeat-x;
}

/* Webpage wrapper. */
#wrapper {
	background	 : rgb(255,255,255) url("../images/wrapper.png") left top repeat-y;
	margin       : 0 auto;
	width        : 1000px;
	text-align   : left;
}

/* Header. */
#header {
	background   : url("../images/header.jpg") left top no-repeat;
	height       : 323px;
	width        : 1000px;
	position		 : relative
}

/*topmenu*/
#topMenu,
#footerMenu{
  width   : 988px;
  height  : 28px;
  color   : rgb(0,0,0);
  font-size: 12px;
}
#footerMenu{
	margin: 0 auto;
}

#topMenu ul,
#footerMenu ul{
  padding				: 0 20px;
	margin				: 0;
  float					: left;
  padding				: 6px 0 0 0;
  list-style		:	none outside;
  margin-left		: 15px
}

#footerMenu ul{
	margin: 20px 0 0 165px;
}

#topMenu li,
#footerMenu li{
  float		: left;
  margin	: 0;
  padding	: 0 4px 0 4px;
}

#topMenu a,
#footerMenu a{
  text-decoration		: none;
  color					: rgb(0,0,0);
  padding-right			: 4px;
  color					: rgb(0,92,121);
}

#footerMenu a{
	color:#fff;
}

#topMenu a:hover,
#footerMenu a:hover{
	text-decoration: underline;
}
/*search*/
#search{
  background	: url("../images/search.png") left top no-repeat;
  width				: 340px;
  float				: right;
	padding			: 0;
	margin			: 0;
}
#search form{
	margin: 0;
	padding: 0;
}
#search input[type='text'],
#search .text{
  background	: transparent;
  height			: 24px;
  margin			: 3px 0 0 8px;
	line-height	: 18px;
  width				: 201px;
  border			: none;
  font-size		: 10px;
}
#search input[type='button'],
#search .button{
  background	: transparent;
  height		: 23px;
  margin		: 0;
  width			: 120px;
  border		: none;
  cursor		: pointer;
}

#login{
	background	: url("../images/login.png") left top no-repeat;
	width				: 120px;
	height			: 23px;
	position    : absolute;
	top					: 37px;
	right				:	21px;
	cursor			: pointer;
}

#logout {
	position    : absolute;
	top					: 37px;
	right				:	21px;
	width: 500px;
	text-align: right;
}

#logout p {
	font-weight: bold;
	color: white;
	margin-bottom: 0.5em;
}

#logout a {
	background	: url("../images/loguit.png") left top no-repeat;
	width				: 120px;
	height			: 23px;	
	cursor			: pointer;
	display: inline-block;
}

#logout a span {
	display: none;
}


#inloggen{
	background	: url("../images/inloggen.png") left top no-repeat;
	width		: 220px;
	height		: 123px;
	position    : absolute;
	top			: 37px;
	right		: 21px;
	padding		: 4px 0 0 0;
}


#inloggen form{
	margin		: 0;
	padding		: 0;
}
#inloggen #close{
  height:15px;
  margin:0 0 4px 198px;
  width:20px;
  cursor:pointer;
  display:block;
}

#inloggen .text,
#inloggen .loginButton{
	border		: none;
	font-size	: 11px;
	margin		: 0 0 12px 88px;
    *margin-bottom: 8px;
	padding		: 3px 0 0 5px;
	background: transparent;
    /*border: 1px solid red;*/
	width			: 110px;
}

#inloggen .error{
	border: 1px solid #ff0000 !important;
}

#inloggen .loginButton{
	height        : 22px;
    padding       : 0px;
	margin        : 2px 0 0 35px;
	cursor        : pointer;
    width			: 115px;
}
#inloggen .remember{
	margin-left: 35px
}
#inloggen div{
	margin-left		: 15px;
	color			: white;
}

#inloggen a {
	color: white;
	margin-left: 15px;
	text-decoration: none;
}

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

#headerBanner{
	width       : 728px;
	height      : 90px;
	position    : absolute;
	top					: 218px;
	left				: 136px;
	text-align	: center;
	overflow		: hidden;
}


/* Content wrapper. */
#contentWrapper {
	width			: 960px;
	margin		: 0 20px;
	position	: relative;
}

#breadcrumbs{
	width				: 470px;
	height			: 15px;
	margin-left	: 190px;
	margin-top	: -6px;
}

#content {
	min-height	: 350px;
	float		: left;
	width		: 459px;
    padding-left: 10px;
}

/* Footer. */
#footer {
	background   : rgb(150,150,150) url("../images/footer.png") center top no-repeat;
	width        : 100%;
	margin       : 0 auto;
	text-align   : center;
	height       : 50px;
}

/* Clears. */
.clear {
	clear       : both;
}
.clearLeft {
	clear       : left;
}
.clearRight {
	clear       : right;
}

/* Accessibility div. */
.accessibility {
	display     : none;
}

/* img border */
a img{
	border		: none;
}

#maincontent table{
	width:99% !important;
}

blockquote{
	margin: 0;
	padding: 0;
}

/**
  marktberichten alleen tabel current tonen
*/

#marktIndexContent .lastweek,
#marktIndexContent h2.current,
#marktIndexContent .marketIndex,
#marktIndexContent .overzichtTitle{
  display	: none !important;
}


/**
  edit Overlay || used inEditor
*/
.editOverlay{
  background      : url(../images/sysPageEdit.png) no-repeat;
  margin-top      : -20px;
  position        : relative;
  top             : 25px  ;
  float           : right;
  width           : 33px;
  height          : 12px;
  z-index         : 666;
  cursor          : pointer;
}