﻿/* Fredrik - this file is used for common styles such as typography and menues! */

/* Typography */
body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 1.0em;
	color:#000;/*#636A70;*/
}
h1{
	font-size: 0.9em;
	text-transform: uppercase;
}
h2{
	font-size: 0.9em;    
	margin-bottom: -2.5ex;
   line-height: 4ex;

}
h3{
	font-size: 0.8em;
}
h4{
	font-size: 0.8em;
	font-style: italic;
}
p{
	font-size: 0.7em;
}
ul li, ol li{
	font-size: 0.7em;
}
/*a, a:visited, a:active{
	font-size: 0.7em;
	color:#636A70;
}*/
.latestupdate{
	font-size: 0.7em;
	font-style: italic;
	/*
	background-image: url(/img/dotdiv.gif);
	background-position: top;
	background-repeat: no-repeat;
	*/
}
.teasercolumn p, .teasercolumn a{
	/*font-size: 0.7em;*/
	text-decoration: none;
}
.bodyrightwrapperfoot div {
	color:#636A70;
	font-size: 0.7em;
}
.bodyrightwrapperfoot div a{
	text-decoration: none;
}
.validation 
{
	font-size:0.7em;
}
/* /Typography */



/* Body */
img{
	border:0;
	/*max-width: 200px !Important;*/
}
.bodywrapper {
  	margin: 15px 0 0 10px;
	width:927px;
}
.bodywrapper .menucolumn{
	float: left;
	/*width:256px;*/
	/*border: solid #636A70;
	border-width: 1px;*/
}
.bodywrapper .bodyrightwrapper .bodyrightwrappertop{
	float:left;
	/*width:668px;*/
	/*border: solid #636A70;
	border-width: 1px;*/
}
.bodywrapper .bodyrightwrapper .bodyrightwrapperfoot{
	margin-top: 10px;
	float:right;
	/*width:668px;*/
	border: solid #636A70;
	border-width: 1px 0 0 0;
}
.bodywrapper .bodyrightwrapper .bodyrightwrapperfootleft{
	float:left;
}
.bodywrapper .bodyrightwrapper .bodyrightwrapperfootright{
	float:right;
}
.bodywrapper .bodyrightwrapper .bodyrightwrappertop .bodycolumn{
	float:left;
}
.bodywrapper .bodyrightwrapper .bodyrightwrappertop .bodycolumn .bodycolumnhead{
	/*width:464px;*/
	/*height:55px;*/
	background-repeat: no-repeat;
	background-position: top;
}
.bodywrapper .bodyrightwrapper .bodyrightwrappertop .bodycolumn .bodycolumnprint{
	text-align: right;
	padding: 0 15px 0 40px;
	border: solid #636A70;
	border-width: 0 1px 0 0;
}
.bodywrapper .bodyrightwrapper .bodyrightwrappertop .bodycolumn .bodycolumncontent{
	padding: 0 15px 0 40px;
	border: solid #636A70;
	border-width: 0 1px 0 0;
}

/*
.bodycolumncontent
{
	padding-bottom: 40px !Important;
}
*/

.bodywrapper .bodyrightwrapper .bodyrightwrappertop .bodycolumn .bodycolumnfoot{
	border: solid #636A70;
	border-width: 0 1px 0 0;
	background-color: #fff;
}
.bodywrapper .bodyrightwrapper .bodyrightwrappertop .bodycolumn .bodycolumncorporate{
	border-width: 0;
	padding: 0 15px 0 35px;
}
.bodywrapper .bodyrightwrapper .bodyrightwrappertop .teasercolumn{
	float:right;
	/*width:175px;*/
	/*border: solid #636A70;
	border-width: 1px;*/
}

/* /Body */

/* Menu */
.headerwrapper{
	width:950px;
	background-repeat: no-repeat;
	background-image: url(/img/topbiogen.gif);
	background-position: right;
}
.headertopspace{
	height: 9px;
	font-size: 1px;
}
.header{
	/*margin:10px 0 0 0;*/
	/*clear:both;*/
	float: left;
	width: 834px;
	height: 53px;
	border: solid #636A70;
	border-width: 1px 0 0 0;	
}
.header div{
	float:left;
	padding:10px 40px 10px 22px;
	margin:0px;
}
.header div p{
	margin:0px;
	padding:0px;
}
.menu{
	margin:0 0 0 35px;
	clear: both;
	width:824px;
	border: solid #636A70;
	border-width: 0px 0 1px 0;	
	height:21px;
}
.menu ul{
	margin: 0;
	padding: 0;
	display:block;
}
.menu ul li {
	float: left;
	list-style: none;
	border: solid #636A70;
	border-width: 1px 0 0 0;
	height:20px;
}
.menu ul li.unselected {
	background-color: #D1E0F6;
	background-repeat: repeat-y;
	background-image: url(/img/m/mBlueBg.gif);
	background-position: left;
}
.menu ul li.selected {
	background-color: #E21A4B;
	background-repeat: repeat-y;
	background-image: url(/img/m/mRedBg.gif);
	background-position: left;
}
.menu ul li a {
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
	padding: 2px 15px 2px 15px;
	display: block;
}
.menu ul li.selected a, .menu ul li.selectedstart a{
	color: #FFF;
} 
.menu ul li.selectedstart a, .menu ul li.unselectedstart a {
	margin-left: 55px;
}
.menu ul li.selecteddivider {
	width:10px;
	vertical-align: bottom;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-image: url(/img/m/r.gif);
	background-position: bottom;
}
.menu ul li.unselecteddivider {
	width:10px;
	vertical-align: bottom;
	background-color: #D1E0F6;
	background-repeat: no-repeat;
	background-image: url(/img/m/b.gif);
	background-position: bottom;
}
.menu ul li.unselectedstart {
	background-color: #D1E0F6;
	background-repeat: repeat-y;
	background-image: url(/img/m/mBlueBg.gif);
	background-position: left;
	border-width: 1px 0 0 0;
	height:20px;
}
.menu ul li.selectedstart {
	background-color: #E21A4B;
	background-repeat: repeat-y;
	background-image: url(/img/m/mRedBg.gif);
	background-position: left;
	border-width: 1px 0 0 0;
	height:20px;
}
.menu ul li.unselectedend {
	width:10px;
	vertical-align: bottom;
	background-color: #fff;/*#D1E0F6;*/
	background-repeat: no-repeat;
	background-image: url(/img/m/b.gif);
	background-position: bottom;
	border-width: 0;
	height:21px;
}
.menu ul li.selectedend {
	width:10px;
	vertical-align: bottom;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url(/img/m/r.gif);
	background-position: bottom;
	border-width: 0;
	height:21px;
}
/* /Menu */

/* Sub menu */
.bodywrapper .menucolumn ul{
	margin: 0;
	padding-left:15px;
	display:block;
}

.bodywrapper .menucolumn ul li.lvl1{
	list-style: none;
	margin-right:20px;
	margin-left:0px;
}
.bodywrapper .menucolumn ul li.lvl2{
	list-style: none;
	margin-right:20px;
	margin-left:10px;
}
.bodywrapper .menucolumn ul li.lvl3{
	list-style: none;
	margin-right:20px;
	margin-left:20px;
}
.bodywrapper .menucolumn ul li.selected{
	list-style-type: disc;
	list-style-image: url(/img/m/sel.gif);
	list-style-position: outside;
	margin-right:20px;
}
.bodywrapper .menucolumn ul li.divider{
	/*clear:both;
	margin-top: 3px;
	margin-bottom: 3px;*/
	height:1px;
	font-size: 1px;
	background-image: url(/img/m/smf.gif);
	background-position: center;
	background-repeat: no-repeat;
	line-height: 1px;
}
.bodywrapper .menucolumn ul li a{
	/*font-size: 0.7em;*/
	color: #000;
	text-decoration: none;
	line-height: 20px;
}
.bodywrapper .menucolumn ul li.selectedparent a, .bodywrapper .menucolumn ul li.selected a {
	/*font-size: 0.7em;*/
	font-weight: bold;
	color: #000;
}
.bodywrapper .menucolumn ul li.dotted{
	list-style: none;
	margin:63px 20px 3px 0;
	height:1px;
	font-size: 1px;
	background-image: url(/img/m/smfd.gif);
	background-position: center;
	background-repeat: no-repeat;
	line-height: 1px;
}
.bodywrapper .menucolumn ul li.lvl1 img{
	margin: 0;
}
/* /Sub menu */

/* Form element */
INPUT {
	margin-right:3px;
	margin-top:5px;
	background-color: #FFF;
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	border: 1px solid #666;
}
TEXTAREA {
	margin-right:3px;
	margin-top:5px;
	background-color: #FFF;
	color: #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	border: 1px solid #666;
}
table.ordermaterial INPUT{
	text-align: center;
}
.search{
	width:110px;
}
.submitbutton, .submit{
	width: 40px;
	margin-right:3px;
	margin-top:5px;
	color: #666;
	background: #DCDCDC;
	border: 1px flat #666;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}
.submit{
	width: 70px;
}
/* / Form element */

/* Table element */
table.ordermaterial, table.ordermaterialform, table.searchresult{
	border-width: 1px;
	border-style: none;
	border-collapse: separate;
	background-color: #fff;
	border-color: #fff;
	font-size: 0.8em;
	width: 480px;
}
table.ordermaterial tr th, table.ordermaterial tr td, table.ordermaterialform tr th, table.ordermaterialform tr td, table.searchresult tr th, table.searchresult tr td{
	text-align: left;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	background-color: #fff;
	border-color: #fff;
}
table.ordermaterial tr th h1, table.ordermaterialform tr th h1, table.searchresult tr th h1{
	color: #013399;
	margin: 0;
	padding: 0;
}
table.ordermaterial tr td.bb, table.ordermaterial tr th.bb, table.ordermaterialform tr td.bb, table.ordermaterialform tr th.bb, table.searchresult tr td.bb, table.searchresult tr th.bb{
	background-color: #DCE6F0;
}
table.ordermaterial tr th.gb, table.ordermaterial tr td.gb, table.ordermaterialform tr th.gb, table.ordermaterialform tr td.gb, table.searchresult tr th.gb, table.searchresult tr td.gb{
	background-color: #E0DEDF;
}
table.ordermaterial tr th.sectionheader{
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
}
table.ordermaterialform, table.searchresult{
	border-width: 0;
}
table.ordermaterialform tr th, table.ordermaterialform tr td, table.searchresult tr th, table.searchresult tr td{
	border-width: 0;
}
table.ordermaterialform tr th.sectionheader{
	font-style: italic;
}
table.ordermaterialform tr td.alignright, table.searchresult tr td.alignright{
	text-align: right;
}
table.searchresult tr th.gb, table.searchresult tr td.gb{
	padding: 5px;
}
table.searchresult tr th, table.searchresult tr td{
	padding: 5px;
}
/* / Table element */

/* Box */
.boxwrapper{
	width:500px;
	clear: both;
}
.boxtopwrapper{
	vertical-align: top;
}
.boxbotwrapper{
	vertical-align: bottom;
}
.boxtopleft{
	float:left;
	width:489px;
	height:10px;
	font-size: 1px;
	border: solid #636A70;
	border-width: 1px 0 0 1px;
}
.boxtopright{
	float:right;
	width:10px;
	height:10px;
	background: url(/img/b/trr.gif) no-repeat top right;
	font-size: 1px;
}
.boxbotleft{
	float:left;
	width:10px;
	height:10px;
	background: url(/img/b/bl.gif) no-repeat bottom left;
	font-size: 1px;
}
.boxbotright{
	float:right;
	width:489px;
	height:10px;
	font-size: 1px;
	border: solid #636A70;
	border-width:0 1px 1px 0; 
}
.boxcontent { 
	border: solid #636A70;
	border-width:0 1px 0 1px;
	padding: 0 10px 0 10px;
}
.boxcontentinner{
	width:460px;
}
.boxcontenttopleft{
	width:221px;
	float:left;
	border-right: 1px dashed #636A70;
	margin-bottom:10px;
	padding-right:5px;
}
.boxcontenttopright{
	width:221px;
	float:right;
	margin-bottom:10px;
}
.boxcontenttopbottom{
	clear:both;
	width:460px;
	border-top: 1px dashed #636A70;
	margin-top:10px;
}
/* /Box */

/* Branded Box */
.brandedboxwrapper{
	width:500px;
	clear: both;
	margin-bottom: 20px;
}
.brandedboxtopwrapper{
	vertical-align: top;
	height: 10px;
}
.brandedboxbotwrapper{
	vertical-align: bottom;
}
.brandedboxtopleft{
	float:left;
	width:489px;
	height:10px;
	font-size: 1px;
	border: solid #636A70;
	border-width: 1px 0 0 1px;
	background: url(/img/b/tl.gif) no-repeat top right;
}
.brandedboxtopright{
	float:right;
	width:10px;
	height:10px;
	background: url(/img/b/tr.gif) no-repeat top right;
	font-size: 1px;
}
.brandedboxbotleft{
	float:left;
	width:10px;
	height:10px;
	background: url(/img/b/bl.gif) no-repeat bottom left;
	font-size: 1px;
}
.brandedboxbotright{
	float:right;
	width:489px;
	height:10px;
	font-size: 1px;
	border: solid #636A70;
	border-width:0 1px 1px 0; 
	background: url(/img/b/br.gif) no-repeat bottom right;
}
.brandedboxcontent { 
	border: solid #636A70;
	border-width:0 1px 0 1px;
	background: url(/img/b/ml.gif) no-repeat top left;
	padding: 24px 0 0 10px;/**/
}
.brandedboxcontentinner{
	width:487px;
}
.brandedboxcontenttopleft{
	width:221px;
	float:left;
	border-right: 1px solid #979CA0;
	/*margin: 0 5px 0 5px;
	margin-bottom:10px;*/
	padding:40px 5px 0 0;
}
.brandedboxcontenttopright{
	width:239px;
	float:right;
	padding:40px 10px 0 10px;
	/*border:1px solid #cecece;
	margin: 0 5px 0 5px;
	margin-bottom:10px;*/
	background-color: #FDF1A5;
}
.brandedboxcontenttopbottom{
	clear:both;
	width:460px;
	height:0;
	/*border-top: 1px dashed #636A70;
	margin-top:10px;*/
}
/* /Branded Box */