/*CSS Reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
img { border: 0;background: transparent;  }
ul { list-style: none; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
a, a:visited {text-decoration:none; font-weight:normal; color:#828282; }
a:hover{text-decoration:underline;}
a img{border:none;}
.clearfix:before, 
.clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.fix { clear: both; }
/* Custom CSS*/
h1, h2, h3, h4, h5, h6, ul.tabs li a, .leftNav ul li a, .stats ul li span, .userLink, .errorPage p, .ui-dialog .ui-dialog-title { font-family: 'Cuprum', sans-serif; font-weight: normal; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding: 12px 0 0 0; }
html {background-color: #828282;}
* html body{height: 100%;}
body  
{
    margin: 30px auto; 
    padding: 0;
    background-color: #ffffff; 
    font-size: 11px; 
    color: #666666; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;  
    position: relative; 
    width: 960px; 
    border: 0px solid #CBCBCB;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#header
{
    padding: 20px 20px 30px 20px;
    
}

.topmenu {float:right;padding: 2px 10px 0px 0px;font-family:"Century Gothic", Arial, Verdana;margin-top:0px;margin-bottom: 50px;
	list-style-type:none;
}
.topmenu ul {margin:0;padding:0;list-style-type:none;}
.topmenu ul li {display:inline;margin-right:20px;padding: 0 0px 0px 0px;float:left;text-transform:uppercase;font-size:11px;}
.topmenu li:nth-child(3){ margin-right:0px;}
.topmenu a {display: block;	padding:0px 0px 8px 0px;text-decoration:none;color: #828282;}
.topmenu li a:hover{text-decoration: none;display: block;}

.mainmenu {padding: 0px 20px 0px 25px;font-family:"Century Gothic", Arial, Verdana;	height:0;margin-top:0px;
           list-style-type:none;float: right; clear:right;}
.mainmenu ul {margin:0;padding:0;list-style-type:none;}
.mainmenu li {margin-right:20px;padding: 0 0px 0px 0px;float:left;border-top:1px solid #dadada;width:130px;text-transform:uppercase;
              font-size:12px;}
.mainmenu li.active{border-top-color: #A0D278;} 
.mainmenu li:nth-child(4){ margin-right:0px;}
.mainmenu a {display: block;padding:3px 0px 8px 0px;text-decoration:none;color: #828282;}
.mainmenu li:hover{text-decoration: none;display: block;border-top: 1px solid #A0D278;}
#footer{background-color: #424242;color: #828282;
        -webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
        
        
        
        padding: 20px;height: 150px;position: relative;}
.clearfooter{height: 150px;clear: both;}
#footer ul{margin-left: 30px;}
#footer ul li{list-style: square;}
.foot-col{float: left;margin-right: 20px;width: 220px;}
#footer .copy {text-align: right; }
.logo{margin: 10px 0 0 10px;}
/*.bodycontent{background-color:#56FF56}*/
.wrapper{min-height:100%; margin-bottom:-150px; position:relative;}
.mainimage {
	display: block;
	border: 2px solid #dadada;
	width: 905px;
	margin: 30px auto;
	height: 420px;
	background: url(images/flow.png) no-repeat center ;
}
.mainimage a {display:block; padding-top:420px; border: 0px;}
.banner {
	display: block;
	width: 960px;
	height: 259px;
	background: url(images/banner.png) no-repeat center ;
}
.banner a {display:block; padding-top:259px; border: 0px;}

.content{padding: 20px;margin-top:20px;margin-left:40px;margin-right:40px;}
.content h3{color: #424242;	margin-bottom: 30px;}
.content h5{color: #424242;	margin-bottom: 10px; margin-top:10px; border-bottom: 1px solid #A0D278;}
.content h6{color: #424242;	margin-bottom: 10px; margin-top:10px; }
img.pageimage{float:right; margin:20px;}
.content ul li{list-style: square;}
.content ul {padding: 10px 40px 10px 40px; }
.content span.green {color:#6AB12F;}
.content span.grey {color:#828282;}
.opsomming {padding-left: 20px;	margin-top: 30px;}
a.readmore, a:visited.readmore {color: #6AB12F;	text-decoration: underline;}

.step{display:block;padding:10px 20px 0px 20px;border-top:1px solid #6AB12F; }
.step img {display:block; float:left;margin-right: 29px;height:39px;}
.step a {display:block; padding-top:40px; border: 0px;position:relative; top:-40px}
.steps {margin-top:30px;}
.small {line-height:1.2em; text-align:right;}