/**
 * Basic
 */
* {
	padding: 0;
	margin: 0;
	font-family: Arial, verdana;
	font-size: 12px;
}

a { outline:none;}

img {
	border: none; 
}

body {
	background:#ffffff url('../../gfx/bg.jpg') repeat-x;
}

div#wrapper {
	position: relative;
	margin: 0 auto;
	width: 878px;
}

div#container {
	background: url('../../gfx/bg_container.png') repeat-y;
	/*behavior: url('../../include/htc/png_behaviour.htc');*/
	width: 830px;
	padding: 275px 20px 80px 30px;
	float: left;
	margin: 35px 0 0 0;
}

div#container a {
	color: #0073a3;
}

h1, h2.like_h1 {
	color: #a2621b;
	font-size: 18px;
	border-bottom: solid 1px #79580c;
	padding: 7px;
} 

h2, h3.like_h2 {
	color: #f4b931;
	font-size: 14px;
	padding: 7px;
} 

p {
	padding: 7px;
	line-height: 20px;
}

div.spacer {
	clear: both;
	height: 0px;
	line-height: 0px;
}

div#footer {
	behavior: url('../../include/htc/png_behaviour.htc');
	background: url('../../gfx/footer.png') no-repeat;
	height: 90px;
	padding: 65px 0 0 0;
	width: 878px;
	color: #717172;
	text-align: center;
}

div#footer a {
	color: #717172;
}

div#container_top {
	behavior: url('../../include/htc/png_behaviour.htc');
	background: url('../../gfx/top_container.png') no-repeat;
	width: 878px;
	position: absolute;
	top: 25px;
	left: 1px;
	z-index: 24;
	height: 10px;
}

img#logo_dn {
	position: absolute;
	top: 45px;
	left: 10px;
	z-index: 15;
}

img#logo_bmd {
	position: absolute;
	top: 45px;
	right: 10px;
	z-index: 15;
}

/**
 * Header and head image
 */
ul#header_image {
	position: absolute;
	top: 85px;
	left: 13px;
	width: 852px;
	height: 185px;
	overflow: hidden;
}

ul#header_image li {
	list-style-type: none;
	/*display: none;*/
}

ul#header_image li img {
	border: solid 1px #0a0a0a;
}

/**
 * Menu
 */
div#menu_container {
	background: url('../../gfx/bg_menu.jpg') repeat-x;
	position: absolute;
	height: 30px;
	width: 852px;
	top: 269px;
	left: 13px;
	text-align: center;
	z-index:2;
}
 
ul#menu { 
	margin: 0 auto; 
	width: 810px;

}

#menu li.head_menu { 
	list-style-type: none;
 	float: left;
 	position: relative;
 	display: inline;
 	height: 22px;
 	text-align: center;
 	cursor: pointer;
	padding: 8px 11px 0 11px;
	margin: 0 12px 0 12px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none;
}

#menu li.head_menu:hover, #menu li.active {
	background: url('../../gfx/bg_menuitem.jpg') repeat-x;
	border-left: solid 1px #b48c31;
	border-right: solid 1px #b48c31;
	padding: 8px 10px 0 10px;
}

#menu li.head_menu a { 
	font-size: 11px;
	color: #FFF;
	font-weight: bold; 
	text-transform: uppercase;
	text-decoration: none;
}

#menu li ul.submenu {
	display: none;
	position: absolute;
	top: 30px;
	left: -1px;
	background: #c89d3c;
	list-style-type: none;
	text-align: left;
}

#menu li ul.submenu li {
	width: 180px;
	padding: 8px;
	border-top: solid 1px #FFF;
	cursor: pointer;
}

#menu li ul.submenu li:hover {
	background: #bc8e26;
}

#menu li ul.submenu li ul.subsubmenu {
	position: absolute;
	left: 196px;
	background: #c89d3c;
	list-style-type: none;
	text-align: left;
	display: none;
	margin: -24px 0 0 0;
}

#menu li ul.submenu li ul.subsubmenu li {
	width: 180px;
	padding: 8px;
	border-top: solid 1px #FFF;
}

#menu li ul.submenu li ul.subsubmenu li:hover {
	background: #bc8e26;
}

/**
 * Content
 */
 div.text_block {
	float: left;
	width: 810px;
}

.text_block div.text {
	float: left;
}
 
.text_block div.picture {
	float: right;
	margin: 40px 0 0 0;
}
 
/**
 * Gallery style
 */
table#gallery_overview {
	float: left;
}

table#gallery_overview td {
	padding: 0 20px 15px 12px;
}

/**
 * Contact form
 */
table#contact_form th {
	text-align: right;
	padding: 3px 5px 3px 5px;
}

table#contact_form td input, table#contact_form td textarea {
	border: solid 1px #ccc;
	padding: 2px;
}

table#contact_form td input.submit {
	cursor: pointer;
}

/**
 * Sitemap
 */
ul#sitemap {
	padding: 0 20px 0 20px;
}

ul#sitemap li a { 
	color: #a2621b;
	text-decoration: none;
}

ul#sitemap li a:hover { 
	text-decoration: underline;
}

ul#sitemap li {
	list-style-type: none;
	padding: 3px;
}

ul#sitemap li ul li {
	padding: 3px 20px 3px 20px;
	list-style-type: none;
}

/**
 * Offerte styles
 */

div.offerte_status { position:relative; margin:10px -10px; width:754px; height:38px; background:url('../../gfx/offerte_status.gif') top left no-repeat; }
.offerte_status em { display:none; }
.offerte_status.stap1 { background-position:0 0px; }
.offerte_status.stap2 { background-position:0 -38px; }
.offerte_status.stap3 { background-position:0 -76px; }
.offerte_status.stap4 { background-position:0 -114px; }

table#offerte { margin:10px 0 0 0; width:100%; }
#offerte td { padding:5px 15px; }
#offerte td .step2 td { padding:5px !important; text-align:center; }
#offerte th { text-align:left; }
#offerte .small { width:150px; border-right:1px solid #6b6c6e; vertical-align:top; }
#offerte #options li { text-align:center; list-style:none; line-height:20px; }

table.center { width:100%; }
.center td { text-align:center; }
.center td img, .step2 img { cursor:pointer; }

a#previous { display:block; margin:0 0 20px 0; float:left; width:103px; height:23px; background:url('../../gfx/previous.gif') top left no-repeat; cursor:pointer; }
a#next { display:block; margin:0 0 20px 0; float:right; width:103px; height:23px; background:url('../../gfx/next.gif') top left no-repeat; cursor:pointer; }
a#previous:hover, a#next:hover { background-position:bottom left; }

div.tooltip, div.special { position:relative; display:inline; }
div.tooltip div, div.special div { position:absolute; padding:15px; background:#e0e0e0; border:1px solid #74726f; text-align:left; z-index:999; }
div.tooltip div, div.special div { display:none; }
div.tooltip div div, div.special div div { display:block; position:relative; padding:0; background:transparent; border:0; }
div.special div.color { float:left; margin:0 0 10px 0; height:50px; width:135px; line-height:21px; cursor:pointer; }
div.special div.color span { float:left; margin:0 5px 0 0; height:50px; width:50px; }
div.tooltip div a.close { position:absolute; top:15px; right:15px; cursor:pointer; text-decoration:underline; }
#calculate_grades img { position:absolute; bottom:15px; right:15px; border:1px solid #74726f; }

img#offerte_button { position:absolute; top:190px; right:25px; } 

.inputter {padding-right:3px;}