/*
DOMAIN:		
DESC:		Stylesheet for Brovig Maskiner Aps
AUTHOR:		Bjarke Raabjerg
CREATED:	02 Feb. 2009
NOTES:
*/

/* Globals */

body {
	font-family: arial, verdana, sans-serif;
	background-color: #FFFFFF;
	background-image: url("../images/bg.gif");
	background-repeat: repeat;
	font-size: 11px;
	color: #393939;
	text-align: center;
	margin: 0px auto;
	padding: 0;
	line-height: 17px;
}

p {
    margin: 0;
    padding: 0;
}

a {
	color: #04549A;
	text-decoration: underline;
}

a img {
  border: 0px;
}

li {
	padding: 0;
	margin: 0;
}

ul {
	padding: 0;
	margin: 0;
	list-style-image: url("../images/marker.gif");
	list-style-type: disc;
}

#container{
    width: 760px;
    position: relative;
    margin: 0px auto;
    text-align: left;
    background-color: #ffffff;
}

#header1 {
    width: 760px;
    height: 99px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    text-align: left;
	background-image: url("../images/logo.jpg");
    background-repeat: no-repeat;
}

#header2 {
	width: 760px;
    margin: 0px;
    padding: 0px;
}

#headerIcons {
    position: absolute;
    right: 14px;
    top: 12px;
    width: 63px;
}

#contentContainer{
    width: 760px;
}

#menu{
    position: relative;
    width: 149px;
	height: 181px;
	background-image: url("../images/menu_mainbg.gif");
	background-repeat: no-repeat;
    margin: 10px 0px 0px 10px;
    _margin: 10px 0px 0px 5px;
    padding: 27px 0px 0px 19px;
    float: left;
	z-index: 999;
}

#flash{
	position: relative;
	/*width: 100px;*/
	height: 207px;
	width: 556px;
	margin: 10px 0px 0px 13px;
	float: left;
	/* background-image: url("../images/flashimg.jpg"); */
}

#footer {
    background-image: url("../images/footer.gif");
    background-repeat: no-repeat;
    height: 29px;
    width: 739px;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #ffffff;
	margin: 15px 0px 10px 10px;
	padding-top: 6px;
}

/* Content container */

.contentHeader {
    background-image: url("../images/fp_content-header.gif");
    background-repeat: no-repeat;
    width: 715px;
    height: 20px;
	clear: both;
	margin: 10px 0px 0px 10px;
	padding: 4px 0px 0px 23px;
	font-family: sans-serif, arial, verdana;	
	font-size: 17px;
	color: #ffffff;
}

.content {
	position: relative;
	background-image: url("../images/fp_content-sides.gif");
	width: 681px;
	margin: 0px 0px 0px 10px;
	/*padding: 0px 14px 0px 23px;*/
	padding: 6px 14px 0px 42px;
	overflow: hidden;
}

.contentFooter {
    background-image: url("../images/fp_content-footer.gif");
    background-repeat: no-repeat;
    width: 737px;
    height: 6px;
	clear: both;
	margin: 0px 0px 0px 10px;
}

#arrow {
	position: absolute;
	left: 24px;
	top: 11px;
	_top: 8px;
	width: 8px;
	height: 7px;
	background-image: url("../images/arrow.gif");
	background-position: left;
	background-repeat: no-repeat;
}

/* Frontpage */

.fp_arrow {
	position: absolute;
	left: -18px;
	top: 5px;
	_top: 2px;
	width: 8px;
	height: 7px;
	background-image: url("../images/arrow.gif");
	background-position: left;
	background-repeat: no-repeat;
}

#fp_usedmachines {
    width: 700px;
    height: 150px;
    overflow: hidden;
}

#fpUsedContent {
	padding: 0px 14px 0px 23px;
	background-color: #fafafa;
	width: 700px;
}

/* Personnel */

#contactContent {
	padding: 20px 14px 0px 23px;
}

.contactDepartment {
	line-height: 16px;
	font-size: 11px;
	background-color: #cbcbcb;
	background-image: url("../images/arrow.gif");
	background-position: 5px center;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #000000;
	margin-bottom: 19px;
	clear: both;
}

.contactImage {
	border: 1px solid #2e2a2a;
}

.contactBox {
	position: relative;
	width: 115px;
	min-height: 130px;
	padding: 0px 0px 10px 18px;
	float: left;
	white-space: nowrap;
}

.contactBox ul{
	list-style-type: disc;
	list-style-image: url("../images/list.gif");
	margin: 0;
	padding: 0px 0px 0px 18px;
}

.contactName {
	color: #00206f;
	font-weight: bold;
}

/* Road directions */

#roaddirText {
	width: 185px;
	float: left;
}

#roaddirMap {
	height: 300px;
	width: 493px;
	float: right;
	border: 1px solid black;
	margin: 40px 0px 18px 0px;
}

/* Opening Hours box */

#openinghoursBox {
	background-image: url("../images/openinghours_bg.gif");
	background-repeat: no-repeat;
	font-family: verdana, arial, sans-serif;
	position: relative;
	left: -34px;
	width: 720px;
	height: 188px;
	float: left;
	/*overflow: hidden;*/
}

#openinghours {
	position: relative;
	top: 34px;
	left: 4px;
	height: 150px;
	width: 365px;
	float: left;
	overflow: hidden;
}

#openinghoursSale {
	height: 48px;
	padding-top: 3px;
	overflow: hidden;
}

#openinghoursShop {
	background-image: url("../images/openinghours_bg2.gif");
	background-repeat: no-repeat;
	background-position: right;
	height: 48px;
	padding-top: 3px;
	overflow: hidden;
}

#openinghoursRepairshop {
	height: 48px;
	padding-top: 3px;
	overflow: hidden;
}

#openinghoursImage {
	position: relative;
	top: 34px;
	left: 4px;
	height: 150px;
	width: 345px;
	padding: 
	float: left;
	overflow: hidden;
}

/* Menu */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.sf-menu {
	line-height:	1;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			16em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	background-image: url("../images/menu_bg.gif");
	background-repeat: no-repeat;
}
.sf-menu a {
	display:		block;
	position:		relative;
	text-decoration: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			16em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	/*border-left:	1px solid #fff;*/
	/*border-top:		1px solid #CFDEFF;*/
	/*padding: 		.75em 1em;*/
	/*padding: 		.3em 1.5em;*/
	padding: 3px 0px 5px 18px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#13a;*/
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}
.sf-menu li {
	/*background:		#BDD2FF;*/
}

.sf-menu li li {
	background-color: #fafafa;
	background-image: url("../images/menu_bg.gif");
	background-repeat: no-repeat;
}
.sf-menu li li li {
	background-color: #fafafa;
	background-image: url("../images/menu_bg.gif");
	background-repeat: no-repeat;
	left: 2px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu a.active {
	background-image: url("../images/menu_bghover.gif");
	background-position: left;
	background-repeat: no-repeat;
	z-index: 999;
}

/*** shadows for all but IE6 ***/
/*.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}*/

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	13em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	13em; /* match ul width */
	top:	0;
}

/* THE END */