/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

body,td {
	line-height: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

body {
	margin: 0;
	padding: 0;
			
}


body.f-smaller {
	font-size: 10px;
}

body, body.f-default {
	font-size: 12px;
}

body.f-larger {
	font-size: 15px;
}

a img, body a img.album {
border: none;
}

p, ul, .alert, .info, .download, .note {
  margin-top: 5px;
  margin-bottom: 15px;
  
  font-family: Verdana, Helvetica, Arial, "Sans Serif";
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
}

h1, h2, h3, h4 {
	margin: 20px 0px 0px 0px;
	font-family: Verdana, Helvetica, Arial, Sans Serif;
}

h1 { 
	font-size: 17px;
	line-height: 20px;
}

h2 {
	font-size: 14.4px;
}

h3 {
	font-size: 13.2px;
}

h4 {
	font-size: 13.2px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

div.wrapper table#mainframe h1, div.wrapper table#mainframe a h1, div.wrapper table#mainframe h1 a, .contentheading, .componentheading, div.wrapper table#mainframe h2.blog {
	font-family: Georgia, Geneva, Lucida, Serif;
	font-size: 20.5px;
	font-weight: normal;
	margin: 20px 0 0 0;
 	font-style: normal; 
	line-height: 22.1px; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	text-decoration: none;
}

div.wrapper table#mainframe h2, div.wrapper table#mainframe a h2, div.wrapper table#mainframe h2 a {
	font-family: Georgia, Geneva, Lucida, Serif;
	font-size: 14.4px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
div.wrapper table#mainframe h3, div.wrapper table#mainframe a h3, div.wrapper table#mainframe h3 a {
	font-family: Georgia, Geneva, Lucida, Serif;
	font-size: 13.2px;
	font-style: normal;
	line-height: 13.2px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

div.wrapper table#mainframe h4, div.wrapper table#mainframe a h4, div.wrapper table#mainframe h4 a {
	font-family: Georgia, Geneva, Lucida, Serif;
	font-size: 13.2px;
	font-style: normal;
	line-height: 13.2px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

div.wrapper table#mainframe h5, div.wrapper table#mainframe a h5, div.wrapper table#mainframe h5 a {
	font-family: Georgia, Geneva, Lucida, Serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12.7px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
}

div.wrapper table#mainframe h1 a:hover {
	text-decoration: none;
}

.componentheading, .contentheading h1 {
	margin-top: 0px;
}

.image-left {
	margin-right: 15px; 
	margin-top: 5px;  
	margin-left: 0px; 
	float: left; 
	display: inline-block;
}

.image-right {
	margin-left: 15px; 
	margin-top: 5px;  
	margin-right: 0px; 
	float: right; 
	display: inline-block;
}



a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}




#mainframe td.buttonheading,
#mainframe .contentpaneopen td.buttonheading {
	padding: 7px 3px 0;
}

#mainframe td.column_separator {
	padding-left: 15px;
}

#mainframe td.component {
	padding: 0 20px;
}

td.componentheading, td.contentheading {
	padding-bottom: 15px;
}

#footer-1 td.contentheading, #footer-1 td.contentheading h1, #footer-1 td.contentheading h2, #footer-1 h2  {
	background: none;
	border: 0px;
	color: #CCCCCC;
	font-size: 17px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height:20px;
}

#footer-1 p {
	margin-top: 0px;
	margin-bottom: 5px;
}

#footer-1 .module h2 {
	margin-bottom:10px;
	margin-top:0;
}


#mainframe td.sectiontableheader {
	font-weight: bold;
	padding: 4px 2px;
}

#mainframe td.sidebar.left {
	background: url(../images/left-shadow.png) 100% 0 repeat-y;
}

#mainframe td.sidebar.right {
	background: url(../images/right-shadow.png) 0 0 repeat-y;
}

.sectiontableentry1,
.sectiontableentry2 {
	text-align: left;
	padding: 2px 0;
}

.contentpane,
.contentpaneopen {
	width: 100%;
}

#mainframe .contentpaneopen td {
	padding: 0 0;
}

/* @end */

/* @group Structure */

#frame-4 {
	padding: 0 36px;
}

#masthead {
	height: 111px;
	position: relative;
}

#logo {
	width: 222px;
	height: 61px;
	margin-top: 22px;
	margin-left: 18px;
}

div#mod-banner {
	top: 22px;
	right: 180px;
	position: absolute;
	width: 468px;
	height: 60px;
}

div#mod-top {
	top: 10px;
	right: 10px;
	width: 160px;
	height: 90px;
	overflow: hidden;
	position: absolute;
}

div#mod-top .top-padding {
	padding-left:  15px;
}

#pathway {
	height: 17px;
	padding: 0 32px;
	overflow: hidden;
}

.mainbody-padding {
	padding: 17px 41px 13px 42px;
}

.component-padding {
	padding-bottom: 8px;
}

.body-padding {
	margin-top: 20px;
	padding-right: 8px;
}

#footer-padding {
	padding: 15px 34px;
}

#bottom-3 {
	height: 90px;
	text-align: center;
	line-height: 18px;
}

img#bottom {
	width: 149px;
	height: 39px;
	border: 0;
	margin: 0 auto;
}

#mainframe .sections .left,
#mainframe .sections .right {
	background: none;
}

/* @end */

/* @group Table Control */

.rokzoom img {
	border: none;
}

.rokzoom-small img {
	border: none;
width: 100px;
height:89px;
}

#footer-1 .rokzoom, 
#footer-1 .rokzoom-small, 
#footer-1 .image-left,
#footer-1 .image-right,
#footer-1 .img {
display:none;
}

#mainframe {
	width: 100%;
	border-collapse: collapse;
	padding: 0 50px 0 50px;
}

table#mainframe {
	height: 550px;
}

table.sections {
	width: 100%;
	border-collapse: collapse;
}

#mainframe td,
.sections td {
	padding: 0;
}



td.w24 {
	width: 25%;
}

td.w33 {
	width: 33%;
}

td.w49 {
	width: 50%;
}

td.w99 {
	width: 100%;
}

td.spacer img {
	width: 10px;
}

#mainframe tr {
	vertical-align: top;
}

/* @end */

/* @group Modules */

.module,
.module-hilite1,
.module-hilite2,
.module-hilite3,
.module-hilite4 {
	margin-top: 9px;	
}

.module h3,
.module-hilite1 h3,
.module-hilite2 h3,
.module-hilite3 h3,
.module-hilite4 h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 135%;
	line-height: 24px;
	font-weight: normal;
	margin: 0;
	padding-left: 25px;
	margin-bottom: 5px;
}

.module div div div,
.module-hilite1 div div div,
.module-hilite2 div div div,
.module-hilite3 div div div,
.module-hilite4 div div div {
	padding-top: 18px;
	padding-left: 18px;
	padding-bottom: 18px;
	padding-right: 8px;
}

.module div div div div,
.module-hilite1 div div div div,
.module-hilite2 div div div div,
.module-hilite3 div div div div,
.module-hilite4 div div div div,
.left .module div div div div,
.left .module-hilite1 div div div div,
.left .module-hilite2 div div div div,
.left .module-hilite3 div div div div,
.left .module-hilite4 div div div div,
.right .module div div div div,
.right .module-hilite1 div div div div,
.right .module-hilite2 div div div div,
.right .module-hilite3 div div div div,
.right .module-hilite4 div div div div{
	background: none;
	padding: 0;
}

#footer-1 .module h3 {
	padding-left: 0;
	background: none;
}

#footer-1 .module div div div {
	padding: 0px 18px;
}

#footer-1 .module div div div div.login {
	margin-left: 20px;
}


#footer-1 .module div div div div.login div {
	padding: 3px 0px;
}


/* section table overrides */
.sections .left .module-hilite1 div div,
.sections .left .module-hilite2 div div,
.sections .left .module-hilite3 div div,
.sections .left .module-hilite4 div div,
.sections .right .module-hilite1 div div,
.sections .right .module-hilite2 div div,
.sections .right .module-hilite3 div div,
.sections .right .module-hilite4 div div {
	background: none;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
	height: 26px;
}

#horiz-menu ul.menu {
	padding-left: 15px;
}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#horiz-menu li {
	background: none;
	display: block;
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}

#horiz-menu li span {
	display: block;
	float: left;
}

#horiz-menu a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	padding: 0 15px;
	font-weight: normal;
	font-size: 13px;
}

#horiz-menu li.parent li a,
#horiz-menu li.parent li.parent li a,
#horiz-menu li.parent li.parent li.parent li a {
	background: none;
}

#horiz-menu li li a {
	font-size: 100%;
}

#horiz-menu a:hover {
	text-decoration: none;
}

#horiz-menu li:hover,
#horiz-menu li.sfHover {
	background: none;	
}

/* @end */

/* @group Sub Menu */

#mainframe ul.menuside {
	margin: 0;
	padding: 0;
}

#mainframe ul.menuside li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainframe ul.menuside li.active a {
	font-weight: bold;
}

#mainframe ul.menuside li.active li a {
	font-weight: normal;
}

#mainframe ul.menuside a {
	display: block;
	padding: 5px 0 5px 25px;
	margin-bottom: 1px;	
}

#mainframe ul.menuside ul {
	margin: 0;
	padding-left: 20px;
}

#mainframe ul.menuside ul a {
	background-image: none;
	padding-left: 5px;
}

#mainframe ul.menuside a:hover {
	background-position: 5px -20px;
}

#mainframe ul.menuside li ul {
	float:none;
	left:0;
	position:absolute;
	width: 177px;
	z-index: 5;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
	padding: 5px 0 5px 25px;	
	display:  block;
	margin-bottom: 1px;
}

a#active_menu.mainlevel {
	font-weight: bold;
}

a.sublevel {
	line-height: 25px;
}

/* @end */

/* @group Content Styles */

/* @group Top Module */

div#mod-top ul {
	padding: 0;
	margin: 0
}

div#mod-top li {
	float:  left;
	width: 100%;
	margin-bottom: 3px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	list-style: none;
}

div#mod-top a.mainlevel {
	background: none;
	display: inline;
	padding: 0;
	margin: 0;
}

/* @end */


/* @group Readon */

.readon {
	display: block;
	float: left;
	clear: both;
	line-height: 30px;
	width: 101px;
	text-align: center;
	margin-top: 15px;
}

.module .readon,
.module-hilite1 .readon,
.module-hilite2 .readon,
.module-hilite3 .readon,
.module-hilite4 .readon {
	float: none;
	clear: both;
	padding-left: 22px;
	line-height: 18px;
	width: auto;
	text-align: left;
}

#footer-1 .readon {
	background: none;
	padding-left: 0;
}

/* @end */

/* @group Pathway */
span.pathway {
	display: block;
	line-height: 35px;
	height: 30px;
	font-weight: normal;
	margin-bottom: 15px;
	padding-left: 0px;
}

span.pathway img {
	float: left;
	width: 10px;
	height: 10px;
	
}

span.pathway a {
	float: left;
	padding: 0 20px 0 0;
}

/* @end */

/* Documentation */

ul.docu {
	
}

ul.docu img.textsize {
	
}

ul.docu lh {
	font-weight: bold;
	font-size: 1.2em;
}

div.oversikt-thumbs{}
div.oversikt-thumbs img {
width: 168px;
height:150px;
}

.list-steps, .list-options {
margin: 10px 0;
line-height: 17px;
}

.list-steps li, .list-options li, .list-steps lh, .list-options lh {
padding: 2px 0;

}

.list-steps lh, .list-options lh {
font-weight: bold;

}

 
.list-steps li ul , .list-options .list-steps li ul, .list-steps li ol , .list-options .list-steps li ol {
margin: 0;
}

ol.list-steps {
list-style-type: decimal;
}

ul.list-steps {
list-style-type: disc;
}

ul.list-options {
list-style-type: circle;
}

#mainframe .contentpaneopen table.iconlist {
margin: 10px 0;
}

#mainframe .contentpaneopen table.iconlist td  {
border-top:1px solid #BBBBBB;
line-height:17px;
padding:5px;
vertical-align:top;
}

#mainframe .contentpaneopen table.iconlist td.icon  {
text-align:center;
}




/* @group Typography */

ul.number,
ul.flame-1,
ul.flame-2,
ul.flame-3,
ul.arrow-1,
ul.arrow-2,
ul.arrow-3,
ul.arrow-4,
ul.arrow-5,
ul.arrow-6,
ul.triangle-1,
ul.triangle-2,
ul.triangle-3,
ul.triangle-4,
ul.triangle-5,
ul.triangle-6,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5,
ul.bullet-6 {
	padding-left: 20px;
	margin-left: 0;
}

ul.number li,
ul.flame-1 li,
ul.flame-2 li,
ul.flame-3 li,
ul.arrow-1 li,
ul.arrow-2 li,
ul.arrow-3 li,
ul.arrow-4 li,
ul.arrow-5 li,
ul.arrow-6 li,
ul.triangle-1 li,
ul.triangle-2 li,
ul.triangle-3 li,
ul.triangle-4 li,
ul.triangle-5 li,
ul.triangle-6 li,
ul.bullet-1 li, 
ul.bullet-2 li, 
ul.bullet-3 li,
ul.bullet-4 li, 
ul.bullet-5 li, 
ul.bullet-6 li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 10px;
	padding-left: 28px;
}

pre {
	padding: 10px;
}

pre.desc {
	padding: 10px;
	white-space: normal;
	line-height:17px;
}

blockquote {
	background: url(../images/quote.png) 6px 12px no-repeat;
	font-family: Verdana, Helvetica, Arial, Sans Serif;
	font-size: 10px;
	font-style: italic;
	line-height: 12.7px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
	text-indent: 24px;
	width: auto;
	padding: 10px 10px 10px 60px;
	margin: 15px 0;
}

/* @end */

/* @group Notice Styles */

.alert,
.info,
.download,
.note {
	display: block;
	padding: 10px 10px 10px 45px;
	margin: 15px 0;	
}


/* @end */

/* @group RokSlide */

ul#rokslide-toolbar {

}

#rokslide-toolbar li.active { 
	background: #D7D7D7;
}

#rokslide-toolbar li.current { 
	background: #ebebeb;
	color: #333;
}

#rokslide-toolbar li {
	background: #ccc;
	color: #666;
}

div#frame {
	border: 5px solid #EBEBEB;
}

div#frame div.button#left { 
	background: url(../images/tabs-prev.png) 0 -20px no-repeat;
}

div#frame div.button#right { 
	background: url(../images/tabs-next.png) 0 -20px no-repeat;
}

/* @end */

.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

.clr {
	clear:both;
}

fieldset.input {
	border: 0;
}

.tool-tip {
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
	padding: 4px;
}

/* @end */

/* JoomFish Language Selector */

#horiz-menu #jflanguageselection {
	margin:0;
}

#horiz-menu #jflanguageselection a {
	margin:0;
	padding:0;
}