﻿* 			{margin: 0; padding: 0; list-style: none; border: 0; background-repeat: no-repeat; text-decoration: none; outline: none}
body 		{background-color: #C7B18B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; }
.link:hover {text-decoration: underline;}
img 		{display: block;}
em 			{font-style: normal; font-weight: bold;}
h1 			{width: 174px; height: 174px;  position: absolute; top: 218px; left:416px; z-index: 10000; }
h1 a 		{text-indent: -3000px; overflow: hidden; background:url('images/oxford.jpg'); display: block; height: 100%; width: 100%}
h2 			{width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
h3 			{height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
h4 			{font-size: 10px;}
h4.noutati 	{margin-bottom: 5px;}

a:link, a:visited, a:hover, a:active 	{color: #C8B18B;}
input.text, textarea 					{background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#container			{width: 830px; height: 555px; margin: 0 auto; position: absolute; top: 50%; left: 50%; margin-left: -415px; margin-top: -261px}
#wrapper 			{background:url('images/bg_middle.gif')}
#page 				{background-image:url('images/bg_top.gif')}
#page 				{background-image:url('images/bg_top.gif')}
#page_top 			{background-image:url('images/bg_bottom.gif'); background-position: left bottom; padding: 5px 5px 4px}
#page_bottom 		{border: 1px solid #DED1B8}
#real_page			{background: #f8f3ea; height: 494px; position: relative; overflow: hidden; border: 9px solid #CFBD9C}
#home 				{left: 0; top: 0;}
#contents_wrapper	{width: 494px; height: 494px;  position: absolute; overflow: hidden}
#contents 			{width: 3952px; height: 100%; position: relative}
#home 				{left: 0; top: 0}

.intro 		{background:url('images/intro.gif')}
.heren 		{background:url('images/heren.jpg')}
.dames		{background:url('images/dames.jpg')}
.schoenen	{background:url('images/schoenen.jpg')}
.galerij	{background:url('images/galerij.jpg')}
.merken 	{background:url('images/merken.jpg')}
.contact 	{background:url('images/contact.jpg')}

.content 	{width: 494px;  position: absolute; overflow: hidden}
.clearer 	{height: 0.1em; clear: both}

#main_menu {width: 142px; position: absolute; top: 242px; left: 603px; padding: 1px 0 0; background:url('images/dot_hor.gif') repeat-x; }
#main_menu li {padding: 0 0 1px; background:url('images/dot_hor.gif') repeat-x left bottom; width: 100%; float: left}
#main_menu a {display: block; height: 20px; background-position: 5px 6px; text-indent: -3000px; background-repeat: no-repeat}
 
#intro {left: 494px; top: 0; background-color: #2F1312; background-image:url('images/intro_thumb.jpg'); padding: 248px 0 0}
#intro .description {background-color: #5B423B; height: 170px; padding: 25px 105px 51px 40px; color: #c8b18b}
#intro h3 {background-image:url('images/intro-h3.gif'); height: 18px}
 
#heren {left: 988px; top: 0; background-color: #40452F; background-image:url('images/heren_thumb.jpg'); padding: 248px 0 0}
#heren .description {background-color: #6f765e; height: 170px; padding: 25px 105px 51px 40px; color: #c8b18b;}
#heren h3 {background-image:url('images/heren-h3.gif'); height: 18px}

#dames {left: 1482px; top: 0; background-color: #2c1e16; background-image:url('images/dames_thumb.jpg'); padding: 248px 0 0}
#dames .description {background-color: #4f4138; height: 170px; padding: 25px 105px 51px 40px; color: #c8b18b}
#dames h3 {background-image:url('images/dames-h3.gif'); height: 18px}

#schoenen {left: 1976px; top: 0; background-color: #2b3e44; background-image:url('images/schoenen_thumb.jpg'); padding: 248px 0 0}
#schoenen .description {background-color: #616362; height: 170px; padding: 25px 105px 51px 40px; color: #c8b18b}
#schoenen h3 {background-image:url('images/schoenen-h3.gif'); height: 18px}
 
#merken {left: 2470px; top: 0; background-color: #211231; background-image:url('images/merken_thumb.jpg'); padding: 248px 0 0}
#merken .description {background-color: #4A4252; height: 170px; padding: 25px 50px 51px 40px; color: #c8b18b}
#merken h3 {background-image:url('images/merken-h3.gif'); height: 18px}
#merken ul {line-height: 19px}

#contact {left: 2964px;  top: 0; height: 494px; overflow: hidden}
#formular_contact {position: absolute; left: 0;  top: 0; background-color: #24201D; background-image:url('images/contact_thumb.jpg'); padding: 248px 0 0; height: 246px; overflow: hidden; width: 494px}
#formular_contact h2 {background-image:url('images/contact-h2.gif'); background-position: center center}
#formular_contact .description {background-color: #4C413F; height: 170px; padding: 25px 105px 51px 40px; color: #c8b18b;}
#formular_contact h3 {background-image:url('images/contact-h3.gif'); position: relative; top: 0; left: 0; display: block; width: 200px; height: 18px}
#contact_link {background-image:url('images/locatie.gif'); display: block; text-indent: -3000px; overflow: hidden; width: 96px; height: 33px; margin-top: 8px}
#contact_link:hover {background-position: 0 -33px;}
#contact_div {width: 370px}
#contact_info {padding-left: 0px; float: left; width: 250px; white-space:normal;  line-height: 16px}
 
#locatie {position: absolute; left: 0; top: 494px; background-color: #585047; height: 494px; width: 494px}
#locatie img {cursor: pointer}
 
iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden}

#footer {position: absolute; top: 530px; left: 510px; width: 328px; border: solid #E3D0AF; border-width: 0 0 0 1px; text-indent: 7px; line-height: 16px; color: #978158; font-size: 9px;}
#footer #desero {text-indent: -3000px; overflow: hidden; width: 70px; height: 16px; background-image:url('images/desero.gif'); background-position: left center; position: absolute; right: 0; top: 0; display: block}
#footer a {color: #978158}

.alert_wrapper { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; float: left}
.confirmare, .eroare {width: 269px; height: 88px; border: 1px solid #9A835E; background-color: #2D331F; position: absolute; top: 0; left: 43px; padding: 15px; z-index: 1000}
.eroare {background-color: #6B3030}
.confirmare h4, .eroare h4 {height: 18px; text-indent: -3000px; overflow: hidden}
.confirmare h4 { background-image:url('images/confirmare.gif')}
.eroare h4 { background-image:url('images/eroare.gif')} 
.confirmare p, .eroare p {line-height: 14px}
.confirmare .inchide, .eroare .inchide {display: block; text-indent: -3000px; width: 92px; height: 17px; overflow: hidden; position: absolute; top: 83px; left: 15px}
.confirmare .inchide {background-image:url('images/inchide_confirmare.gif')}
.eroare .inchide {background-image:url('images/inchide_eroare.gif')}

.inchide_btn { position: absolute; top: 83px; left: 15px}

.loading {width:370px; display:block; height:120px; background-position:center}
#intro .loading {color:#5B423B; background-image:url("../images/loader_intro.gif")}
#contact .loading {color:#4C413F; background-image:url('images/loader_contact.gif')}
.foto {background-image:url('images/loader_contact.gif'); background-position: center; background-color: #4C413F}
 
 


