@CHARSET "UTF-8";
/************************************************
 *    project | easydent
 *       name | base.css
 *  developer | worbyd
 *    release | 31.1.09
 *  copyright | weboriginal.eu
 ************************************************/

@import "reset.css";


/* base elements
 ************************************************/
html, body {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	background: #ffffff url("../images/body_bg.jpg") 0 0 repeat-x;
	color: #5e5951;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center; /* ie6 */
}

a { text-decoration: none; }

h1 {
  color: #ff7108;
  font-size: 20px;
  font-weight: bold; 
  text-transform: none;
}
h2 span { text-transform: none; }

h2 {
  color: #ff7108;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
}
h2 span { text-transform: none; }

h3 {
	font-size: 14px;
	font-weight: bold;
}

h4 {
  font-size: 16px;
  font-weight: bold;
}

.box {
  padding: 3px;
  background-color: #ffffff;
  border: 1px solid #cdc2b0;
}

div.clear { clear: both; line-height:0; font-size:0;}

a.button {
  display: block;
  width: 150px;
  height: 34px;
  background: url("../images/button.gif") 0 0 no-repeat;
  color: #ffffff;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}

.content ol { margin: 10px 0 25px 40px; list-style-type:decimal; font-size: 12px; }

.content ul { margin: 10px 0 25px 40px; list-style-type:disc; font-size: 12px; }

/* header
 ************************************************/
#header {
	position: relative;
	width: 960px;
	margin: 17px auto 0 auto;
	text-align: left;
}

/* logo */
#header .logo {
	float: left;
	margin: 0 2px 0 0;
  width: 175px;
  height: 156px;
	_width: 183px;
	_height: 164px;
}

#header .logo .logocontent {
	position: relative;
  width: 175px;
  height: 156px;
  background-color: #f5f3ef;
}

#header .logo .logocontent a {
	display: block;
	position: absolute;
	top: 55px;
	left: 9px;
}

#header .logo h1 {
	position: relative;
  width: 175px;
  height: 156px;
  background-color: #f5f3ef;
}

#header .logo h1 a {
	display: block;
	position: absolute;
	top: 55px;
	left: 9px;
}

/* image box */
.imgbox {
	float: right;
	font-size: 0;
}

.imgbox img { border: 1px solid #787268; }

/* languages */
ul.languages {
	position: absolute;
	left: 959px;
	top: 4px;
}

ul.languages li {
	margin: 0 0 1px 0;
	width: 30px;
	_width: 31px;
	height: 28px;
	background: url("../images/langitem.gif") right top no-repeat;
	border-left: 1px solid #cdc2b0;
}

ul.languages li a {
	display: block;
	padding: 5px 0 0 7px;
  width: 24px;
  height: 23px;
  _width: 31px;
  _height: 28px;
	color: #a59c8e;
	font-size: 8px;
	text-transform: uppercase;
}

ul.languages li.active {
  border-left: none;
}

ul.languages li.active a {
  color: #5e5951;
}

ul.languages li span {
	line-height: 12px;
	*display: block;
}


/* main container
 ************************************************/
#maincontainer {
	width: 100%;
	background: url("../images/maincontainer_bottom_bg.gif") left bottom repeat-x;
	text-align: center; /* ie6 */
}

#maincontainer .container {
  margin: 0 auto 0 auto;
  width: 960px;
  min-height: 830px;
	_height: 800px;
  text-align: left;
}


/* left column
 ************************************************/
#maincontainer .leftcolumn {
	float: left;
	margin: 2px 2px 0 0;
	width: 183px;
}

ul.mainmenu_block {
	padding: 0 0 10px 0;
	background: #f5f3ef url("../images/mainmenu_block_separator.gif") left bottom repeat-x;
}

ul.last {
	background: #f5f3ef;
}

ul.mainmenu_block li {
	_font-size: 0;
}

ul.mainmenu_block li.block_title {
	padding: 10px 0 4px 9px;
	background: none;
	color: #4a4640;
	font-size: 14px;
	font-weight: bold;
}

ul.mainmenu_block li a {
	position: relative;
	display: block;
	padding: 2px 0 2px 18px;
  background-image: url("../images/oblong_green.gif");
	background-position: 9px 7px;
	background-repeat: no-repeat;
	color: #72940c;
  font-size: 11px;
}

ul.mainmenu_block li a:hover span,
ul.mainmenu_block li a.active span {
	position: absolute;
	top: 6px;
	right: 7px;
  display: block;
	width: 3px;
	height: 5px;
  background: url("../images/arrow_right_white.gif") 0 0 no-repeat;
}

ul.mainmenu_block li a:hover,
ul.mainmenu_block li a.active {
	background-color: #ff7a0e;
	background-image: url("../images/oblong_white.gif");
  color: #ffffff;
}


/* middle column
 ************************************************/
#maincontainer .midcolumn {
  float: left;
  margin: 2px 2px 0 0;
  width: 590px;
}

#maincontainer .midcolumn .content {
	padding: 25px 30px 25px 30px;
  _width: 590px;
	min-height: 830px;
  _height: 880px;
	background-color: #ffffff;
	border: 1px solid #cdc2b0;
}

/* base elements */
.midcolumn .content h1 { padding: 0 0 20px 0; }
.midcolumn .content h2 { padding: 0 0 20px 0; }

.midcolumn .content h3 { color: #989184; }

.midcolumn .content h3.dark,
.midcolumn .content h4.dark {
	padding: 10px 0 5px 0;
	color: #4a4640;
}

.midcolumn .content h3.kep_mellett {
  padding: 0 0 5px 0;
	color: #4a4640;
}

.midcolumn .content p {
	padding: 0 0 10px 0;
  font-size: 12px;
}

.midcolumn .content p.small { font-size: 11px; }

.midcolumn .content p small { font-size: 9px; }

.midcolumn .content img {
	float: left;
	margin: 0 15px 15px 0;
	border: 1px solid #cdc2b0;
}

.midcolumn .content img.nomarginleft {
	float: left;
	margin: 0 0 15px 0;
	border: 1px solid #cdc2b0;
}

.midcolumn .content img.moremargin {
	float: left;
	margin: 0 30px 15px 0;
	border: 1px solid #cdc2b0;
}

.midcolumn .content img.visit {
	float: left;
	margin: 0 15px 10px 0;
	border: 1px solid #cdc2b0;
}

.midcolumn .team img {
	margin-top: 10px;
	padding: 2px;
}

.midcolumn .content a {
	color: #72940c;
	text-decoration: underline;
}

.midcolumn .content .teambox {
	position: relative;
	float: left;
	margin: 5px 4px 20px 0;
	width: 250px;
	height: 110px;
}

.midcolumn .content ul { margin: 0 0 25px 40px; }

.midcolumn .content ul li {
	margin: 0 0 2px 5px;
  padding: 0 0 0 5px;
	_height: 14px;
	font-size: 12px;
  list-style-type: disc;
}


/* button */
.midcolumn .content a.button {
	color: #ffffff;
	text-decoration: none;
}

/* image */
.imgswrap { margin: 0 0 20px 0; }

.midcolumn .content .imgswrap img {
  margin: 0 5px 5px 0;
}

.imgswrap { margin: 0 0 20px 0; }

/* color box | index */
.colorbox {
	position: relative;
	float: left;
	margin: 5px 4px 10px 0;
	width: 173px;
	height: 178px;
}

.bluebox {
	background: url("../images/bluebox.gif") 0 0 no-repeat;
	color: #1875a1;
}

.orangebox {
	background: url("../images/orangebox.gif") 0 0 no-repeat;
	color: #ad5b00;
}

.greenbox {
	margin: 5px 0 10px 0;
	background: url("../images/greenbox.gif") 0 0 no-repeat;
	color: #456700;
}

.colorbox h4 { margin: 15px 15px 15px 15px; }

.colorbox ul { margin: 0 15px 0 15px; }

.colorbox li {
	margin: 0 0 2px 0;
  padding: 0 0 0 8px;
	_height: 14px;
  background-position: 0 6px;
	background-repeat: no-repeat;
}

.bluebox li { background-image: url("../images/oblong_blue.gif"); }

.orangebox li { background-image: url("../images/oblong_orange.gif"); }

.greenbox li { background-image: url("../images/oblong_green.gif"); }

.midcolumn .content .colorbox p.more {
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 0;
	width: 173px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.midcolumn .content .colorbox p.more a {
  color: #ffffff;
  text-decoration: none;
}

/* list */
ul.list li {
	margin: 0 0 2px 0;
  padding: 0 0 0 8px;
  background: url("../images/oblong_grey.gif") 0 6px no-repeat;
	font-size: 12px;
}

/* button */
.midcolumn .content a.button {
	margin: 40px 0 0 0;
	font-size: 12px;
}

/* table */
table {
	margin: 5px 0 15px 0;
	width: 100%;
	border-collapse: separate;
  border: 1px solid #cdc2b0;
}

table.teamTable {
	border: none;
}

table th {
	height: 29px;
  _height: 30px;
	background: url("../images/table_head_bg.gif") left bottom repeat-x;
	border-bottom: 1px solid #cfcfcf;
	vertical-align: middle;
	text-align: left;
}

table.teamTable th {
	border: none;
}

.midcolumn .content table th h3.dark { padding: 0 0 0 15px; }

table td {
	/* width: 132px; */
  height: 29px;
  _height: 30px;
	border-right: 1px dotted #cfcfcf;
  border-bottom: 1px dotted #cfcfcf;
	_font-size: 11px;
  vertical-align: middle;
	text-align: center;
}

table.teamTable td {
	border: none;
	vertical-align: top;
	text-align: left;
}

table td.first {
	width: 260px;
	text-indent: 15px;
	text-align: left;
}

table td.last { border-right: 0 none; }

table td.left { text-align: left; }

table tr.bottom td {
	border-bottom: 0 none;
}

/* calendar */
.calendar {
	margin: 0 0 20px 0;
  padding: 1px;
}

.calendar .boxinlay {
  padding: 10px 0 15px 45px;
	background-color: #ededed;
}

.calendar table {
	margin: 0;
	width: 434px;
	border: 1px solid #ffffff;
	/* border-bottom-width: 20px; */
}

.calendar table tr.pager td {
  *width: 180px;
	background: #47a1c2;
	border: 0 none;
  color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

.midcolumn .content .calendar table tr.pager td a,
.midcolumn .content .calendar table tr.pager td a:hover {
	display: inline;
	background: none;
  color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

.calendar table tr.pager td.prev {
  *width: 100px;
	text-align: left;
}

.calendar table tr.pager td.prev span {
	margin: 0 0 0 8px;
  padding: 0 0 0 13px;
  width: 4px;
  height: 7px;
  background: url("../images/arrow_left_white_big.gif") 5px 6px no-repeat;
}

.calendar table tr.pager td.next {
  *width: 100px;
  text-align: right;
}

.calendar table tr.pager td.next span {
  margin: 0 8px 0 0;
	padding: 0 13px 0 0;
  width: 4px;
  height: 7px;
  background: url("../images/arrow_right_white_big.gif") 5px 6px no-repeat;
}

.calendar table th {
	width: 62px;
	background: #ffffff;
	border: none;
	font-size: 11px;
	text-align: center;
}

.calendar table td {
  width: 62px;
	background-color: #ebe9d9;
	border-color: #ffffff;
	border-style: solid;
	font-size: 10px;
	font-weight: bold;
}

.midcolumn .content .calendar table td a {
	display: block;
	height: 29px;
	line-height: 29px;
  color: #5E5951;
  text-decoration: none;
}

.calendar table td.last {
	background-color: #e0dece;
}

.calendar table td.other_month,
.midcolumn .content .calendar table td.other_month a {
	color: #a89f91;
	text-decoration: none;
}

.calendar table td.disabled { 
	background-color: #da2c2c;
	color: #ffffff;
}

.calendar table td.enabled { 
	background-color: #c3e84b;
	color: #ffffff;
}

.calendar table td.underrequest { 
	background-color: #febd3d;
	color: #ffffff;
}

.midcolumn .content .calendar table td a:hover {
  background-color: #da2c2c;
	color: #ffffff;
}

.calendarsigns {margin-top: 15px; }
.disabledsign { display: block; float:left; width:82px; padding-left: 28px; background: transparent url(../images/disabledsign.gif) 0 2px no-repeat; }
.enabledsign { display: block; float:left; width:65px; padding-left: 28px; background: transparent url(../images/enabledsign.gif) 0 2px no-repeat; }
.underrequestsign { display: block; float:left; width:70px; padding-left: 28px; background: transparent url(../images/underrequestsign.gif) 0 2px no-repeat; }


.contactbox {
  font-size: 11px;
}

/* booking consultation type */
.booking {
	margin: 0 0 20px 0;
  padding: 1px;
}

.booking .boxinlay {
  padding: 10px 0 15px 20px;
	background-color: #ededed;
}

.consultationtype label {font-weight: normal; }

.consultationtype .submit, #maincontainer .midcolumn .content .submit {
  width: 100px;
  height:25px;
  margin:10px 0 0 0;
  padding:0; 
  border:0;
  color:white;
  float:none;
  font-size:11px;
  font-style:normal;
  font-weight: bold;
  background: transparent url(../images/submit_bg.gif) 0 0 no-repeat;
  cursor: pointer;
}

/* booking button mod exarkun 20100408 */
.consultationtype .w130, #maincontainer .midcolumn .content .w130 { width: 130px; background: transparent url(../images/submit_bg130.gif) 0 0 no-repeat; margin-bottom: 10px; }

/* contact box */
.midcolumn .content .contactbox h3 {
  padding: 0 0 8px 0;
}

.midcolumn .content .contactbox p,
.midcolumn .content .contactbox address {
  padding: 0 0 5px 0;
  font-size: 11px;
}

.midcolumn .content .contactbox a {
  padding: 0 0 0 9px;
  text-decoration: none;
}

/* form */
form fieldset {
	padding: 20px 0 20px 65px;
	background-color: #f0f0f0;
}

.midcolumn .content form p {
  padding: 0;
}

.midcolumn .content form p.titlerow {
	margin: 7px 0 0 0;
	*height: 14px;
}

label {
	display: block;
	margin: 10px 0 5px 0;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
}

label.contact { margin: 10px 0 2px 0; }

form span {
  display: block;
  float: left;
	margin: 0 0 2px 0;
  font-size: 9px;
}

form em {
	padding: 2px 0 0 0;
	line-height: 18px;
	font-size: 11px;
}

form span.req {
  display: inline;
  float: none;
  color: #ff5702;
  font-size: 11px;
}

form span.narrow {
  margin: 0 5px 2px 0;
	width: 49px;
}

form span.small {
  margin: 0 5px 2px 0;
  width: 39px;
}

form span.normal {
  margin: 0 5px 2px 0;
  width: 144px;
}

span.half {
  margin: 0 5px 2px 0;
  width: 193px;
}

input {
	float: left;
	margin: 0 5px 0 0;
	padding: 2px 2px 2px 5px;
	height: 14px;
  _height: 20px;
  border: 1px solid #b6ac9c;
	color: #5e5951;
	font-size: 11px;
	font-style: italic;
}

input.normal {
	width: 135px;
	_width: 144px;
}

input.small {
	width: 30px;
  _width: 39px;
}

input.narrow {
  width: 40px;
  _width: 49px;
}

input.full {
	width: 382px;
	_width: 391px;
}

input.half {
  width: 184px;
  _width: 193px;
}

input.contact {
	width: 291px;
	_width: 300px;
}

input.fileinput {
  font-size: 11px;
  height: 21px;
}

select {
  float: left;
  margin: 0 5px 0 0;
  padding: 2px 2px 2px 5px;
  height: 20px;
  border: 1px solid #b6ac9c;
  color: #5e5951;
  font-size: 11px;
  font-style: italic;
}

select.half {
  width: 193px;
}

textarea {
  padding: 2px 2px 2px 5px;
  border: 1px solid #b6ac9c;
  color: #5e5951;
  font-size: 11px;
  font-style: italic;
}

/* focus */
.input { behavior: url("htc/focus.htc"); }

.input:focus,
.inputFocus {
  border: 1px solid #9cca10;
	color: #9cca10;
	font-style: italic;
}

form button.button {
	float: left;
	margin: 24px 5px 27px 0;
  width: 98px;
  height: 27px;
	line-height: 27px;
  border: 0 none;
  font-size: 11px;
  font-weight: bold;
	cursor: pointer;
}

button.continue {
	background: url(../images/button_continue.gif) 0 0 no-repeat;
	color: #ffffff;
}

button.reset {
  background: url(../images/button_reset.gif) 0 0 no-repeat;
  color: #5e5951;
}


/* right column
 ************************************************/
#maincontainer .rightcolumn {
  float: left;
	margin: 2px 0 0 0;
  width: 183px;
}

#maincontainer .rightcolumn .box { margin: 0 0 2px 0; }

/* bid boxes */
#maincontainer .rightcolumn .bidbox {
	padding: 1px;
	position: relative;
	*font-size: 0;
}

#maincontainer .rightcolumn .bidbox a {
  position: absolute;
	top: 28px;
	left: 50px;
  padding: 0 0 0 9px;
  background: url("../images/oblong_white.gif") 0 5px no-repeat;
	color: #ffffff;
	font-size: 11px;
}

/* client box */
#maincontainer .rightcolumn .clientbox {
	margin: 0 0 2px 0;
}

#maincontainer .rightcolumn .clientbox_head {
	height: 26px;
	background: url("../images/client_boxhead.png") 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/client_boxhead.png',sizingMethod='crop');
}

#maincontainer .rightcolumn .clientbox_body {
  background: url("../images/client_boxbody.gif") 0 0 repeat-y;
}

#maincontainer .rightcolumn .clientbox_inlay {
	_width: 183px;
  padding: 9px 12px 0 12px;
	overflow: hidden;
  background: url("../images/client_boxbody_top.gif") 0 0 no-repeat;
}

#maincontainer .rightcolumn .clientbox_foot {
  height: 20px;
  background: url("../images/client_boxfoot.png") 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/client_boxfoot.png',sizingMethod='crop');
}

.clientbox h3 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}

.clientbox h3 span {
	display: block;
	margin: -3px 0 0 0;
  color: #ff7100;
	font-size: 18px;
}

.clientbox p {
	padding: 10px 0 0 0;
  font-style: italic;
}

.clientbox a.button {
	margin: 16px 0 0 5px;
}

/* online booking box */
#maincontainer .rightcolumn .bookingbox {
	margin: 0 0 2px 0;
	height: 95px;
	background: url("../images/bookingbox_bg.gif") 0 0 no-repeat;
}

.bookingbox a {
	display: block;
  padding: 8px 10px 0 15px;
  height: 87px;
  _height: 95px;
}

.bookingbox span.title {
	padding: 0;
	color: #5e5951;
  font-size: 18px;
  font-weight: normal;
}

.bookingbox span.title strong {
  display: block;
  margin: -4px 0 0 0;
  color: #a73901;
  font-size: 20px;
  font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.2mm;
}

.bookingbox span {
	padding: 2px 0 0 0;
	color: #fefefe;
}

/* contact box */
#maincontainer .rightcolumn .contactbox {
  margin: 0 0 2px 0;
	_width: 183px;
}

.contactbox .boxinlay {
	padding: 11px;
	background: #f5f3ef;
}

.contactbox h3 {
  padding: 0 0 8px 0;
	color: #4a4640;
  font-size: 14px;
  font-weight: bold;
}

.contactbox p,
.contactbox address {
  padding: 0 0 5px 0;
	font-style: normal;
}

p.title strong { font-size: 12px; }

.contactbox p.office {
	padding: 0;
	font-weight: bold;
}

.contactbox a {
	padding: 0 0 0 9px;
  background: url(../images/oblong_green.gif) 0 7px no-repeat;
	color: #72940c;
}

/* banner */
#maincontainer .rightcolumn .banner {
  margin: 0 0 2px 0;
	border: 1px solid #5e5951;
}

#maincontainer .rightcolumn .banner a {
  display: block;
  position: relative;
	*font-size: 0;
}

.banner span {
	display: block;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	visibility: hidden;
}


/* footer
 ************************************************/
#footer {
	padding: 25px 0 50px 0;
  width: 100%;
	background: #d1c7b5 url("../images/footer_bg.gif") 0 0 repeat-x;
}

#footer p { margin: 15px 0 0 0; }

/* menu */
#footer p.menu {
	margin: 0;
	line-height: 17px;
}

#footer p.menu a { color: #5e5951; }

#footer p.copy a { color: #5e5951; text-decoration:underline; }

#footer p.menu span {
  padding: 0 5px 0 9px;
  background: url(../images/oblong_brown.gif) 0 7px no-repeat;
}

#footer p.menu span.nosign {
  padding: 0 5px 0 0;
  background: none;
}

/* logo */
#footer h1.logo {
  margin: 15px auto 0 auto;
  width: 93px;
  height: 28px;
}

#footer h1.logo a {
  display: block;
  width: 93px;
  height: 28px;
  background: url("../images/footerlogo.png") 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footerlogo.png',sizingMethod='crop');
}



/* booking hours */
.hours {
	margin: 0 0 20px 0;
  padding: 1px;
}

.hours .boxinlay {
  padding: 10px 0 15px 10px;
	background-color: #ededed;
}

.hours table {
	margin: 0;
	width: 505px;
	border: 0;
}

.hours table th {
	width: 62px;
	background: none;
	border-bottom: 1px dotted #bbbbbb;
	font-size: 12px;
	text-align: center;
}

.hours table .times {width: 190px; border-right: 1px dotted #bbbbbb;}
.hours table .values {width: 315px; }

.hours table td {
	background-color: none;
	border-color: #bbbbbb;
	border-style: dotted;
	font-size: 12px;
	font-weight: normal;
}

.hours table td span { display:block; margin:2px 0 0 115px; width:auto; height: 16px; padding-left: 22px; text-align: left; font-weight: bold; background-position: 0 2px; background-repeat: no-repeat; /* border:1px solid red;*/}

.hours table td span.enabled { background-image: url(../images/enabled_icon.gif); }
.hours table td span.disabled { background-image: url(../images/disabled_icon.gif); color:#aeaeae;}
.hours table td span.underrequest { background-image: url(../images/underrequest_icon.gif); background-position: 0 0; color:#FF7A0E;}

.midcolumn .content .hours table td a {
  color: #728a00;
  text-decoration: none;
}

.midcolumn .content .hours table td a:hover {
	color: #FF7A0E;
}


/* booking datas */
.datas {
	margin: 0 0 20px 0;
  padding: 1px;
  border:0;
}

.datas .boxinlay {
  padding: 0;
	background-color: none;
}

.datas label {float:left; margin:0 3px 0 0; width:142px; font-size: 10px; }
.datas input.text { width:367px; margin:0 0 5px 0;}
.datas select { width:376px; _width: 368px; margin:0 0 5px 0; background:0; border:0; border: 1px solid #B6AC9C;}
.datas textarea.text { float:left; width:370px; _width: 367px; height: 90px; margin:0 0 25px 0; padding: 2px; }
.datas .submit {
  float:left;
  width: 100px;
  height:25px;
  margin:10px 0 0 0;
  padding:0; 
  border:0;
  color:white;
  float:none;
  font-size:11px;
  font-style:normal;
  font-weight: bold;
  background: transparent url(../images/submit_bg.gif) 0 0 no-repeat;
  cursor: pointer;
}

.midcolumn .content .datas form p { width:367px; margin:0 0 5px 0; height:18px; line-height: 14px; font-size: 11px; font-weight:bold; }


 .postit { 
  display:block;
  position:absolute;
  top: 20px;
  left: 545px;
  width: 224px;
  height: 219px;
  z-index: 900;
  background: url("../images/postit.png") 0 0 no-repeat;
  _background: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/postit.png',sizingMethod='crop');
}
  
 .imgbox .postit img { border:0; } 
  
.close { display:block; position:absolute; width: 15px; height: 15px; top: 30px; left:729px; text-decoration:none; cursor:pointer; z-index: 1000;}

.postklikk {
  display:block;
  position:absolute;
  top: 175px;
  left: 631px;
  width: 68px;
  height: 23px;
  z-index: 1000;
 }