/***********************************************************
Overall style definitions
***********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.1em;
	color: #333333;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body 
{
	text-align:center;
	margin: 0px;
	padding: 0px;
	background-image: url('/images/ibar/bg.png');
	background-position: top;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;	
	color: #333333;
}
#page {
	margin:0px auto 0px auto;
	width:900px;
	text-align: left;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

#toTheTop {
        display:block;
        position: fixed;
        right: 20px;
        bottom: 40px;
        background-image: url('/images/ibar/toTheTop.gif');
        width: 19px;
        height: 24px;
        background-repeat:no-repeat;
}

#toTheTop span {
        display: none;
}

#header select, #header input {
	width: 254px;
	margin-bottom: 5px;
	margin-top: 0px;
	padding: 0px;
}

#header input {
	padding-top: 1px;	
}



#header .box {
	width: 272px;
	height: 75px;
	float: left;
	font-size: 12px;
	color: White;
	padding-left: 18px;	
	padding-top: 15px;
}

#header .box h1 {
	display: block;
	font-size: 18px;
	color: #333333;
	padding-bottom: 5px;
}

.nav a {
	text-decoration:  none;
	color: #333333;
}

.nav a:hover {
	text-decoration: underline;
	color: #333333;
}

#topbar {
	text-align: right;
	padding-top: 15px;
}
	
#globalNav {
	padding-bottom: 8px;	
}

#businessNav {
	margin-right: 15px;
	background-image: url('/images/ibar/kasse1.png');
}

#subjectNav {
	margin-right: 15px;
	background-image: url('/images/ibar/kasse2.png');	
}


/*: Search box (box 3)
----------------------------------------------------------*/

#header #searchBox {
	background-image: url('/images/ibar/kasse3.png');
	padding-top: 0px;
	height: 90px;
}

#header .inputDiv {
	width: 254px;
	line-height: 18px;
	height: 28px;
}

#header #searchBox .inputDiv {
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#header #searchBox input {
	width: 210px;
	margin-right: 5px;
	float: left;
}

#header #searchBox button.OK {
	float: left;
}


#header #advancedSearch {
	height: 11px;
	text-align: right;
	color: #333333;
	padding-top: 4px;
	padding-right: 25px;	
}


/*: Navigation: weird navigation
----------------------------------------------------------*/

#siteNav {
	width: 100%;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	float: left;
	clear: both;
}

#quickNav {
	float: left;
}


/*: Navigation: Secondary
----------------------------------------------------------*/

.secondary {
	width: 290px;
	float: left;
	padding-top: 20px;
}

.secondary dt {
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
}

.secondary dd {
	/*padding-left: 10px;*/
	border-bottom: solid 1px #cccccc;
}

.secondary dd.selected {
	font-weight: bold;
}

.secondary a {
	background-color: inherit;
	text-decoration: none;
	color: #333333;
        line-height: 14px;
}

.secondary a.externalLink {
	float:left;
	margin-top: 30px;
	clear: both;	
}


/*: Content
----------------------------------------------------------*/
#content {
	width: 950px;
	background-color: inherit;
	/*font-size: 0.95em;*/	
	color: #333333;
	float: left;
	
}

.content {
	width: 600px;
	padding: 15px;
	float: left;
}

.content.full {
	width: 900px;
	/*margin-left: auto;
	margin-right: auto;*/
	padding-left: 0;
	margin: 0;
	float: none;
}

.content h1 {
	width: 100%;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
}
.content.material h1 {
	width: 431px;
}

.content h3 {
	font-size: 0.90em;
	font-weight: bold;
	padding-bottom: 10px;
}

.content a {
	background-color: inherit;
	font-size: 0.9em;
	text-decoration: none;
	color: #eb6f1d;
}

.content img {
	width: 140px; /* Changed from 148px 15/1/2009 */
	border: 0;
	margin-right: 15px;
	float: left;
}

#MooFlow img {
	border: none;
	width: auto;
	margin: 0;
}

.content.full img {
	width: auto;
	border: 0;
	margin: 0;
	float: none;
}

.content .teaser {
	width: 570px;
	background-image: url('/images/ibar/preamble-bg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 15px;
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
}

.content .teaser h1 {
	padding-bottom: 10px;
}

.content .teaser img {
	float: right;
	margin-left: 7px;
	margin-bottom: 7px;	
}

/*: Forside
----------------------------------------------------------*/

#flowHeading {
        text-align: center;
        padding-top: 34px;
}

#flowHeading h1 {
        font-size:1.5em;
}

.column {
	width: 290px;
	padding-right: 15px;
	float: left;
}

.column .preamble-box, .column .newsletter {
	width: 260px;
	/*background-image: url(/images/ibar/frontpage-box-bg.png);*/
	background-repeat: repeat-x;
	background-position: top;
	padding: 5px 15px;
	position: relative;
}

.column .newsletter {
	height: 160px;
	background-image: url(/images/ibar/f2.png);
}

.column .preamble-box {
	height: 180px;
	background-image: url(/images/ibar/f1.png);
	margin-top: 18px;
}

.newsletter a {	
	color: #EB6F1D;
}


.column .preamble-box h2, .column .newsletter h2 {
	font-size: 1.5em;	
	font-weight: normal;
	padding-bottom: 10px;
	line-height: 20px;
}

.preamble-box div {
	height: 80px;
	overflow: hidden;
}

.MooFlow {
	width: 600px;
	height: 320px;
	background-image: url(/images/ibar/preamble-bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0;
	float: left;
}

.caption {	
	color: #333333;
	display: inline;
}

/*: Forside: newsletter box
----------------------------------------------------------*/
.column .newsletter p {
	padding-bottom: 5px;
}

.column .newsletter fieldset legend {
	display: none;
}

.column .newsletter fieldset ul {
	width: 100%;
	padding-right: 12px;
	float: left;
}

.column .newsletter fieldset li {
	width: 100%;
	padding-bottom: 5px;
	float: left;
}

/*.column .newsletter fieldset input.radio {
	width: auto !important;
	height: auto !important;
	float: left;
}*/
.column .newsletter fieldset label {
	margin-top: 4px;
	/*display: block;*/
	
}

.column .newsletter fieldset input.text {
	width: 200px !important;
	margin-right: 5px;
	float: left;
}

.column .newsletter fieldset button.send {
	float: left;
        margin-left: 7px;

}

.column .newsletter fieldset span.result {
	width: 100%;
	display: block;
}

.normal {
        float: left;
}

.watermark {
        float: left;
}


/*: Advanced search page
----------------------------------------------------------*/

.searchToggle {
  margin-top: 15px;
  }

  .searchToggle a {
  margin-right: 10px;
  }

  .searchHeadline {
  margin-top: 22px;
  padding-top: 22px;
  }

  .searchHeadline h3 {
  color: #333333;
  font-size: 22px;
  }

  #searchResult h1 {
  font-size: 21px;
  margin-top: 22px;  
  margin-bottom: 10px;
  line-height: 1.3em;
  }

  #searchResult h2 {
  font-size: 12px;
  margin-top: 10px;
  }

  #searchResult .link {
  color: #959595;
  }      

.teaser.search {
	width: 867px;
	float: left;	
}

.search button {
	float: left;
}

.search input {
	width: 213px;
	margin-right: 5px;
	float: left;
}

.search p {
	width: 100%;
	padding-top: 10px;
	float: left;
}

.content ul.column {
	width: 260px;
	height: auto;
	border-left: 1px solid #cccccc;
	padding-bottom: 15px;
	float: left;
}

.content ul.column.first {
	border: none;
}

.content ul.column li {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}

.content ul.column li.first {
	padding-top: 15px;
}

/*: Materiale side
----------------------------------------------------------*/
.content ul.send-print {
	width: 595px;
	padding-right: 15px;
	float: left;
	position: relative;
}

.content .send-print li {
	border-left: 1px solid #333333;
	padding-left: 7px;
	margin-right: 0;
	float: right;
}

.content .send-print li.first {
	border-left: none;
	padding-left: 0;
	margin-right: 7px;
}

.materialWrapper {
	float: left;
	width: 430px;
	padding-bottom: 10px;
}

.materialRuler  {
	clear: both;
	margin-top: 10px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 5px;
}



/*: Definition-list: Material list
----------------------------------------------------------*/

.content .materialList {
	float: left;
}

.content .materialList dt {
	width: 600px;
	border-bottom: 1px solid #cccccc;
	padding-top: 30px;
	padding-bottom: 5px;
	float: left;
}

.content .materialList dt ul {
	width: 600px;
	float: left;
}

.content .materialList dt li {
	float: left;
	padding-left: 5px;
}

.content .materialList dt li.first {
	font-weight: bold;
	padding-left: 0;
}

.content .materialList dt div {
	cursor: pointer;
	float: left;
	color: #EB6F1D;	
}

.content .materialList dd {
	width: 600px;
	padding-top: 30px;
	float: left;
}

.content .materialList dd h3 {
	width: 485px;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 15px;	
}

.content .materialList dd img {
	width: 98px;
	height: 140px;
	border: 1px solid #cccccc;
	/* border: 0;*/
	margin-right: 15px;
	float: left;
}

.content .marterialList dd {
}

.content .materialList dd a.download {
}

/*: Definition-list: Downloads
----------------------------------------------------------*/
.content dl.downloads {
	padding-top: 15px;
	float: left;
}

.content dl.downloads dt {
	font-weight: bold;
}

/*: Unordered list: tags
----------------------------------------------------------*/

/*.content .tags {
	width: 600px;
	border-bottom: 1px solid #cccccc;
	padding-top: 15px;
	padding-bottom: 10px;
	clear: both;
	float: left;
	position: relative;
}

.content .tags li {
	float: left;
}

.content .tags li span {
	font-weight: bold;
	padding-right: 15px;
}

.content .tags li a {
	float: right;
	position: absolute;
	right: 0;
	bottom: 10px;
}
*/

/*: Table: tags
----------------------------------------------------------*/
.content dd .tagElements  {
        padding-top: 10px;
}

.content .tagElements  {
	width: 600px;
	border-bottom: 1px solid #cccccc;
	/* padding-top: 15px;*/
	/*border-bottom: none;*/
	padding-bottom: 10px;
	clear: both;
	float: left;
	position: relative;

}

.content .tagElements table {   
   float: left;
   width: 500px;
}

.content .tagElements table td {
   width: 125px;
}

.content .tagElements table td.material {
    font-weight: bold;
}

.content .tagElements a {
	float: right;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.content.material .tagElements {
	border-bottom: none;
}

.content .tagElementsLast  {
	width: 600px;
	/*padding-top: 15px;*/
	padding-bottom: 10px;
	clear: both;
	float: left;
	position: relative;
        padding-top: 10px;
}

.content .tagElementsLast table {   
   float: left;
   width: 500px;
}

.content .tagElementsLast table td {
   width: 125px;
}

.content .tagElementsLast table td.material {
    font-weight: bold;
}

.content .tagElementsLast a {
	float: right;
	position: absolute;
	right: 0;
	bottom: 10px;
}



/*: Link/Button styles
----------------------------------------------------------*/
#content button.send {
	width: 47px;
	height: 21px;
	background-color: transparent;
	background-image: url(/images/ibar/send-button.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

#content button.close {
	width: 47px;
	height: 21px;
	background-color: transparent;
	background-image: url(/images/ibar/close-button.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

#page button.OK {
	width: 33px;
	height: 21px;
	background-color: transparent;
	background-image: url(/images/ibar/OK-button.gif);
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}

#page button span {
	display: none;
}

.content a.readMore, .content a.download {
	width: 70px;
	height: 19px;
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
}


.content a.readMore {
	background-image: url(/images/ibar/readmore-button.png);
	margin-top: 5px;
	float: right;
}


.content a.download {	
	background-image: url(/images/ibar/download-button.png);
        right: 0px;

}

.content a.readMore span, .content a.download span, .content a.top span {
	display: none;
}


/*: Fieldset: Send to friend
----------------------------------------------------------*/
fieldset.SendToFriend {
	width: 370px;
	background-color: #EEEEEE;
	padding: 15px;
	position: absolute;
	right: 0;
	bottom: 0;
}

fieldset.SendToFriend legend {
	display: none;
}

fieldset.SentToFriend span {
	display: none;
}

fieldset.SendToFriend span.result {
	display: block;
}

fieldset.SendToFriend h2 {
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 10px;
}

.content fieldset.SendToFriend ul li {
	border: none;
	padding-left: 0;
	float: left;
}

fieldset.SendToFriend button.close {
	margin-left: 10px;
}

fieldset.SendToFriend li {
	margin-bottom: 5px;
}

fieldset.SendToFriend label {
	width: 105px;
	padding-top: 3px;
	float: left;
}

fieldset.SendToFriend input.text {
	width: 250px;
}

fieldset.SendToFriend textarea {
	width: 350px;
	height: 160px;
}



/*: Footer
----------------------------------------------------------*/
#footer {
	width: 100%;
	font-size: 0.8em;
	float: left;
	display: block;
}

#footer ul {
	width: 700px;
	border-top: 1px solid #cccccc;
	padding-top: 15px;
	padding-left: 210px;
	padding-bottom: 20px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

#footer ul li {
	float: left;
	margin-left: 15px;
}

#footer ul li.first {
	margin-left: 0;
}