/* Stylesheet File Briggen											*/
/* style.css 														*/
/* Modified May 15th 2006						 					*/
/* http://www.briggen.se/ 										    */


/* import styles */

@import url(paragraph.css);


/* fundamental styles */

* {
	margin: 0px;
	padding: 0px;
}
form { /* be nice to Internet Explorer */
	width: 100%;
	height: 100%;
}
body {
	vertical-align: top;
	background-color: #F1EEE1;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
img {
	border: 0px;
}

/* essential styles */

.clearing {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	float: none;
	clear: both;
}
.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}
.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}
.floatnone {
	float: none;
	max-width: 468px;
	margin: 0px 0px 10px 0px;
}
.spacer {
	height: 1px;
	line-height: 1px;
	float: none;
	clear: both;
}
.divider {
	height: 1px;
	margin: 10px -4px 14px -4px;
	padding: 10px 0px 0px 0px;
	background: transparent url(../images/divider.gif) repeat-x left bottom;
	line-height: 1px;
	float: none;
	clear: both;
}
.image {
	height: 6px;
	margin: 0px -4px 14px -4px;
	background: transparent url(../images/divider_image.gif) repeat-x left top;
	line-height: 1px;
}

/* canvas styles */

.canvas {
	
}

/* shell styles */

.topbox {
	width: 760px;
	height: 77px;
	margin: 0px auto 0px auto;
	background: #FFFFFF url(../images/background_shadow.gif) repeat-y center top;
	position: relative;
}
* html .topbox { /* be nice to Internet Explorer 5.5 */
	margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt((this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px" : "0");
}
.menubox {
	width: 760px;
	height: 30px;
	margin: 0px auto 0px auto;
	background: #F0E5B4 url(../images/background_shadow.gif) repeat-y center top;
	position: relative;
}
* html .menubox { /* be nice to Internet Explorer 5.5 */
	margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt((this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px" : "0");
}
.menubox .body {
	width: 750px;
	height: 22px;
	margin: 0px 5px 0px 5px;
}
.menubox .foot {
	width: 760px;
	height: 8px;
	background: #F0E5B4 url(../images/background_menubox.gif) no-repeat center bottom;
	line-height: 1px;
	position: absolute;
	bottom: 0px;	
}
.contentbox {
	width: 760px;
	margin: 0px auto 0px auto;
	background: #FFFFFF url(../images/background_contentbox.gif) repeat-y center top;
	position: relative;
}
* html .contentbox { /* be nice to Internet Explorer 5.5 */
	margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt((this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px" : "0");
}
.contentbox .head {
	width: 760px;
	height: 7px;
	background: transparent url(../images/background_contentbox_head.gif) no-repeat center top;
	line-height: 1px;
}
* html .contentbox .head { /* be nice to Internet Explorer 5.5 and 6.0 */
	position/**/: absolute;
	top: 0px;
}
.contentbox .body { /* be nice to Internet Explorer 5.5 */
	width: 760px;
	width: /**/750px;
	margin-top: -3px;
	padding: 0px 5px 0px 5px;
	overflow: hidden;
}
* + html .contentbox .body { /* be nice to Internet Explorer 7.0 */
	margin-top/**/: -7px;
}
* html .contentbox .body { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin-top/**/: 0px;
}
.contentbox .body .left {
	width: 500px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.contentbox .body .right { /* be nice to Internet Explorer 5.5 */
	width: 250px;
	width: /**/218px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 17px 16px 10px 16px;
}
.contentbox .foot {
	width: 760px;
	height: 8px;
	background: transparent url(../images/background_contentbox_foot.gif) no-repeat center bottom;
	line-height: 1px;
}
* + html .contentbox .foot { /* be nice to Internet Explorer 7.0 */
	margin-bottom/**/: -4px;
}
* html .contentbox .foot { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin-bottom/**/: -4px;
}
.teaserbox {
	width: 760px;
	height: 227px;
	margin: 0px auto 0px auto;
	background: #FFFFFF url(../images/background_shadow.gif) repeat-y center top;
	position: relative;
}
* html .teaserbox { /* be nice to Internet Explorer 5.5 */
	margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt((this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px" : "0");
}
.teaserbox .head {
	width: 760px;
	height: 7px;
	background: transparent url(../images/background_teaserbox.gif) no-repeat center top;
	line-height: 1px;
}
.teaserbox .left {
	width: 250px;
	height: 223px;
	position: absolute;
	left: 5px;
	top: 4px;
}
.teaserbox .center {
	width: 250px;
	height: 223px;
	background: transparent url(../images/background_teaser.gif) repeat-y left top;
	position: absolute;
	left: 255px;
	top: 4px;
}
.teaserbox .right {
	width: 250px;
	height: 223px;
	position: absolute;
	background: transparent url(../images/background_teaser.gif) repeat-y left top;
	left: 505px;
	top: 4px;
}
.bottombox {
	width: 760px;
	height: 43px;
	margin: 0px auto 20px auto;
	background: #00529C url(../images/background_shadow.gif) repeat-y center top;
	position: relative;
}
* html .bottombox { /* be nice to Internet Explorer 5.5 */
	margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt((this.parentNode.offsetWidth - this.offsetWidth) / 2) + "px" : "0");
}
.bottombox .body { /* be nice to Internet Explorer 5.5 */
	width: 750px;
	height: 33px;
	height: /**/17px;
	margin: 0px 5px 0px 5px;
	padding: 16px 0px 0px 0px;
	background: transparent url(../images/background_bottombox_body.gif) repeat-x left top;
}
.bottombox .foot {
	width: 760px;
	height: 10px;
	background: #00529C url(../images/background_bottombox.gif) no-repeat center bottom;
	line-height: 1px;
	position: absolute;
	bottom: 0px;
}
* + html .bottombox .foot { /* be nice to Internet Explorer 7.0 */
	margin-bottom/**/: -1px;
}
* html .bottombox .foot { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin-bottom/**/: -1px;
}

/* shell element styles */

.topbox .option {
	position: absolute;
	left: 23px;
	top: 10px;
}
.topbox .logo {
	position: absolute;
	right: 23px;
	top: 7px;
}
.pageimage {
	width: 500px;
	overflow: hidden;
}
* + html .contentbox .body .pageimage { /* be nice to Internet Explorer 7.0 */
	margin-bottom/**/: -2px;
}
* html .contentbox .body .pageimage { /* be nice to Internet Explorer 5.5 and 6.0 */
	margin-bottom/**/: -2px;
}
.sidebarimage {
	width: 218px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
}
.bottombox .body p {
	display: block;
	color: #FFFFFF;
	font: normal 10px/12px verdana, 'lucida grande', tahoma, arial, sans-serif;
	word-spacing: -2px;
	text-align: center;
}
.bottombox .body a:link, .bottombox .body a:active, .bottombox .body a:visited {
	color: #FFFFFF;
	padding: 0px 0px 1px 0px;
	background: transparent url(../images/divider_anchor.gif) repeat-x left bottom;
}

.bottombox .body a:hover, .bottombox .body a:visited:hover {
	color: #FFFFFF;
	padding: 0px 0px 1px 0px;
	background: transparent url(../images/divider_anchor.gif) repeat-x left bottom;
}

/* topmenu styles */

.topmenu {
	height: 30px;
	list-style-type: none;
	background: transparent url(../images/background_topmenu.gif) no-repeat 127px 0px;
	position: absolute;
	left: 23px;
	top: 47px;
}
.topmenu li {
	height: 30px;
	float: left;
	display: block;
}
.topmenu li a {
	float: left;
	display: inline;
	margin: 7px 26px 0px 0px;
}

/* submenu styles */

.submenu {
	height: 12px;
	padding: 6px 17px 6px 17px;
	list-style-type: none;
}
.submenu li {
	height: 12px;
	float: left;
	display: block;
	padding: 0px 7px 0px 8px;
	background: transparent url(../images/divider_submenu.gif) no-repeat left bottom;
}
.submenu li a:link, .submenu li a:active, .submenu li a:visited {
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	font: normal 10px/12px verdana, 'lucida grande', tahoma, arial, sans-serif;
	text-decoration: underline;
}
.submenu li a:hover, .submenu li a:visited:hover {
	text-decoration: underline;
}
.submenu .first {
	padding: 0px 7px 0px 0px;
	background: none;
}
.submenu .active a:link, .submenu .active a:active, .submenu .active a:visited {
	text-decoration: none;
	font-weight: bold;
}
.submenu .active a:hover, .submenu .active a:visited:hover {
	text-decoration: none;
	font-weight: bold;
}

/* teaser element styles */

.teaser {
	height: 223px;
	overflow/**/: hidden;
	position: relative;
}
.teaser h3 {
	margin: 13px 16px 2px 16px;
	font: bold 10pt/12pt verdana, 'lucida grande', tahoma, arial, sans-serif;
}
.teaser p {
	height: 54px;
	margin: 0px 16px 0px 16px;
	overflow/**/: hidden;
}
.teaser a:link, .teaser a:active, .teaser a:visited {
	text-decoration: underline;
	position: absolute;
	bottom: 10px;
	right: 16px;
}
.teaser a:hover, .teaser a:visited:hover {
	text-decoration: underline;
}

/* breadcrumb styles */

.breadcrumb {
	width: 468px;
	margin: 10px 16px 0px 16px;
	padding: 0px 0px 10px 0px;
}
.breadcrumb .title {
	display: block;
	margin: 0px 0px 2px 0px;
}
.breadcrumb .crumb {
	display: block;
}
.breadcrumb .crumb img {
	margin: 0px 4px 0px 4px;
	vertical-align: middle;
}

/* typesetting styles */

.typesetting {
	width: 500px;
	width: /**/468px;
	padding: 18px 16px 8px 16px;
	display: inline-table;
	overflow: hidden;
}
html>body .typesetting { /* be nice to Firefox, Opera, Safari and Macintosh browsers */
	display/**/: block;
}
.typesetting .textarea {
	width: 240px;
	margin: 0px 0px 10px 0px;
}
.typesetting .textfield {
	width: 240px;
	margin: 0px 0px 4px 0px;
}
.grey {
	background-color: #F5F5F5;
}

/* column styles */

.column {
	width: 468px;
	overflow: hidden;
}
.column .one {
	width: 218px;
	float: left;
}
.column .two {
	width: 218px;
	float: right;
}
.card {
	width: 468px;
	height: 125px;
	position: relative;
}
.card .one {
	width: 229px;
	height: 125px;
	position: absolute;
	left: 0px;
}
.card .two {
	width: 229px;
	height: 125px;
	position: absolute;
	right: 0px;
}

/* businesscard styles */

.businesscard { /* be nice to Internet Explorer Macintosh */
	height: 115px;
	margin: 0px 0px 10px 0px;
	position: relative;
	overflow/**/: hidden;
}
.businesscard dt {
	width: 90px;
	height: 115px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.businesscard dd {
	width: 129px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.businesscard dt img {
	width: 90px;
	height: 115px;
}
.contentbox .body .left .businesscard {
	width: 229px;
}
.contentbox .body .right .businesscard {
	width: 218px;
}
.contentbox .body .right .businesscard dd {
	width: 118px;
}
.businesscard dd p { 
	margin: 0px 0px 0px 0px
}
.businesscard dd .link { 
	margin: 10px 0px 0px 0px
}

/* newsitem styles */

.newsitem {
	width: 468px;
}
.newsitem .title {
	margin: 0px 6px 0px 0px;
	font: normal 12pt/16pt verdana, 'lucida grande', tahoma, arial, sans-serif;
}
.newsitem .date {
	margin: 0px 0px 0px 6px;
}
.newsitem img {
	vertical-align: -1px;
}

/* navigator styles */

.navigator {
	width: 468px;
	margin: 1px 16px 10px 16px;
	display: inline-table;
	overflow: hidden;
}
.navigator .one {
	width: 234px;
	float: left;
	padding: 5px 0px 0px 0px;
}
.navigator .two {
	width: 234px;
	float: right;
	padding: 5px 0px 0px 0px;
	text-align: right;
}
.navigator a {
	text-decoration: underline;
}
.navigator img {
	margin: 0px 6px 0px 6px;
	vertical-align: -1px;
}

/* selector styles */

.selector { /* be nice to Internet Explorer 5.5 */
	width: 500px;
	width: /**/468px;
	height: 26px;
	height: /**/20px;
	padding: 6px 16px 0px 16px;
	background-color: #e6e6e6;
}
.selector a {
	text-decoration: underline;
}
.selector img {
	margin: 0px 6px 0px 6px;
	vertical-align: -1px;
}
.selector .active {
	text-decoration: none;
	font-weight: bold;
}

/* propertycard styles */

.propertycard { /* be nice to Internet Explorer Macintosh */
	width: 500px;
	height: 210px;
	margin: 0px 0px 10px 0px;
	position: relative;
	overflow/**/: hidden;
}
.propertycard dt {
	width: 250px;
	height: 210px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.propertycard dd {
	width: 224px;
	position: absolute;
	right: 16px;
	bottom: 0px;
}
.propertycard dt img {
	width: 250px;
	height: 210px;
}
.propertycard dd p { 
	margin: 0px 0px 0px 0px
}

/* propertytitle styles */

.propertytitle {
	width: 468px;
	margin: 0px 16px 0px 16px;
	font: bold 9pt/11pt verdana, 'lucida grande', tahoma, arial, sans-serif;
}

/* propertylist styles */

.propertylist {
	width: 468px;
	margin: 7px 16px 10px 16px;
}
.propertylist th {
	width: 91px;
	width: /**/68px;
	padding: 5px 20px 10px 3px;
	border-bottom: 1px solid #005B98;
	text-align: left;
}
.propertylist td {
	padding: 5px 8px 5px 3px;
	border-bottom: 1px solid #005B98;
	vertical-align: top;
	color: #00609A;
}
.propertylist .static {
	cursor: pointer;
	cursor: hand;
	background-color: #FFFFFF;
}
.propertylist .hover {
	cursor: pointer;
	cursor: hand;
	background-color: #E0F1FC;
}
.propertylist td img {
	width: 40px;
	height: 40px;
}
.propertylist th a {
	text-decoration: underline;
}
.propertylist td a {
	text-decoration: underline;
	color: #00609A;
}
.propertylist th .active {
	text-decoration: none;
	font-weight: bold;
}
.propertylist .photo {
	width: 51px;
	width: /**/39px;
	padding: 5px 8px 10px 3px;
}

/* propertysearch styles */

.propertysearch {
	width: 214px;
	padding: 2px 0px 10px 0px;
}
.propertysearch .selectbox { /* be nice to Internet Explorer Macintosh */
	width: 208px;
	margin: 2px 0px 4px 0px;
}
.propertysearch .button {
	margin: 4px 0px 0px 179px;
	padding: 0px 0px 0px 0px;
}

/* form styles */

.textfield, .selectbox, .textarea, .filefield { /* be nice to Internet Explorer 5.5 */
	font: normal 10px/12px verdana, 'lucida grande', tahoma, arial, sans-serif;
	padding: 1px 2px 1px 2px;
	padding: /**/ 2px 2px 2px 2px;
}
.textfield, .textarea { /* be nice to Internet Explorer 5.5 */
	height: 17px;
	height: /**/auto;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	border: 1px solid #C3C3C3;
	border-top: 1px solid #7C7C7C;
	border-bottom: 1px solid #DDDDDD;
	background: #FFFFFF url(../images/background_forms.gif) no-repeat left top;
}
.selectbox { /* be nice to Internet Explorer 5.5 */
	font: normal 10px/13px 'lucida grande', verdana, tahoma, arial, sans-serif;
	height: 15px;
	height: /**/auto;
	padding: 0px 0px 0px 0px;
}
* html .selectbox { /* be nice to Internet Explorer Macintosh */
	height: 12px;
	height/**/: 15px;
}
.button {
	margin: 4px 5px 10px 0px;
	padding: 0px 4px 1px 4px;
}
* html .button, * + html .button  { /* be nice to Internet Explorer 5.5, 6.0 and 7.0 */
	padding/**/: 0px 0px 0px 0px;
}



/* imagemap styles */

.imagemap {
	height: 140px;
	margin: 0px 0px 10px 0px;
	position: relative;
/*	background: transparent url(../images/organisationsschema.gif) no-repeat left top;*/
	background: transparent url(../images/briggen_organisat_webb.gif) no-repeat left top;
}
.imagemap a:link, .imagemap a:active, .imagemap a:visited {
	display: block;
	color: transparent;
	text-decoration: none;
	position: absolute;
}
.imagemap a:hover, .imagemap a:visited:hover {
	text-decoration: none;
}
.imagemap .agency1 {
	width: 60px;
	height: 20px;
	left: 6px;
	top: 35px;
}
.imagemap .agency2 {
	width: 60px;
	height: 20px;
	left: 72px;
	top: 35px;
}
.imagemap .agency3 {
	width: 60px;
	height: 20px;
	left: 138px;
	top: 35px;
}
.imagemap .agency4 {
	width: 60px;
	height: 20px;
	left: 204px;
	top: 35px;
}
.imagemap .care1 {
	width: 60px;
	height: 20px;
	left: 6px;
	top: 59px;
}
.imagemap .care2 {
	width: 60px;
	height: 20px;
	left: 72px;
	top: 59px;
}
.imagemap .care3 {
	width: 60px;
	height: 20px;
	left: 138px;
	top: 59px;
}
.imagemap .care4 {
	width: 60px;
	height: 20px;
	left: 204px;
	top: 59px;
}
.imagemap .board {
	width: 62px;
	height: 22px;
	left: 287px;
	top: 8px;
}
.imagemap .ceo {
	width: 65px;
	height: 33px;
	left: 287px;
	top: 35px;
}
.imagemap .communication {
	width: 100px;
	height: 31px;
	left: 365px;
	top: 0px;
}
.imagemap .development {
	width: 100px;
	height: 31px;
	left: 365px;
	top: 37px;
}
.imagemap .economy {
	width: 100px;
	height: 31px;
	left: 365px;
	top: 75px;
}
