/*
======================================================
	>>TABLE OF CONTENT<<
	- Reset styles
	- Basic styles/Typography
	- Global layout
	- Global Tools
	- Global navigation
	- Local navigation
	- Content
	- Page footer

   	>>COLORS<<
   	Body Background:    #fff
   	Main Text:          #dac9b5
   	Links:              #dac9b5
   	Links hover:		#8C8C8C
   	Header:        		#dac9b5
======================================================
*/
/*
======================================================
>>	Reset styles (http://meyerweb.com/eric/tools/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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {outline: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
======================================================
>>	Basic styles/Typography
======================================================
*/
html {
	height: 100%;
}
body {
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #fff;
	margin-top: 0px;
    text-align: center;
    height:100%;
    width:100%;
    margin:0;
}

h1 {
	font-size: 35px!important;
	color: #333;
	font-weight: normal;
	line-height: 40px;
	padding-bottom: 10px;
	padding-top: 15px;
}

h2 {
	font-size: 35px;
	line-height: 40px;
	color: #333;
	padding-bottom: 10px;
	font-weight: normal;
}

h2 a {
	color:#333;
	text-decoration: none!important;
}

h2 a:hover{
	color:#000;
}

h3 {
	font-size: 23px;
	color: #838282;
	padding-bottom: 2px;
	font-weight: normal;
	line-height: 28px;
}

a {
	color:#990000;
	text-decoration: underline;
}

a:hover{
	color:#333;
	text-decoration: none;
}

p {
	color: #333;
	font-size: 12px;
	line-height: 17px;
}

p .teaser-text{
	color:#999999;
	display:block;
	font-size:20px;
	line-height:26px;
	padding-bottom:10px;
}

ul, ol{
	color: #333;
	font-size: 12px;
	line-height: 20px;
	padding-left: 15px;
	list-style-type: square;
}

li{
	color: #333;
	font-size: 12px;
	line-height: 20px;
	
}
/*
======================================================
>>	Global layout
======================================================
*/
#layout_wrapper {
	width: 100%;
	margin:0 auto -24px;
	text-align: left;
	height:auto !important;
	min-height: 100%;
	position: relative;
}

#global_header{
	width: 100%;
	height: 50px;
	position:relative;
	/*background: url(../graphics/header-bg-alpha.png) repeat-x;*/
background:#000000;
z-index:10;
}

#header_wrapper{
	text-align:left;
	width: 940px;
	padding-left: 10px;
	padding-right:10px;
	overflow: hidden;
	position:relative;
	margin: 0 auto;
}

#global_header.sub_nav{
	width: 100%;
	height: 97px!important;
	position:relative;
	background: url(../graphics/header-bg-sub-nav-alpha.png) repeat-x!important;
}

#global_header_sub_menu{
	width: 100%;
	height: 97px;
	position:relative;
	background: url(../graphics/header-bg-sub-nav-alpha.png) repeat-x;
}

#global_wrapper{
	width: 100%;
	overflow: hidden;
	/*margin-top: 15px;*/
    padding-bottom: 62px;
}

.frontpage2011 #global_wrapper { overflow:visible; z-index:1; }

#global_content{
	margin: 5px auto 0 auto;
	padding: 0 10px;
	overflow:hidden;
	position:relative;
	width:940px;
	*width: 950px;
}

.frontpage{
	background: #ddceb5;
}

.frontpage #global_content{
	width:948px;
}

.frontpage2011 #global_content{
	width:100%;
        margin:0;
        /*top:-7px;*/
        padding:0;
}


#flash{
	vertical-align: middle;
}

#global_content #flash{
	width: 955px;
	height: 500px;
}

#global_logo{
	background: url(../graphics/global-logo.png) no-repeat;
	width:223px;
	height: 24px;
	text-indent: -9999px;
	display:block;
	margin-top:24px;
	float:left;
}
/* light-bg */
.light_bg {
	background: #f0e9e1 url(../graphics/light-bg.png) repeat-x top;
}
.light_bg h1,
.light_bg h2,
.light_bg .paragraph p,
.light_bg li,
.light_bg .teaser h2 {
	color: #333;
}



/*
======================================================
>>	Global Tools
======================================================
*/
#global_tools_wrapper{
	top: 0;
	overflow: hidden;
	position: absolute;
	right: -12px;
	width: 136px;
}

#global_tools{
	height:15px;
	line-height:22px;
	position:absolute;
	right:0;
}

#global_tools ul{
	float:right;
	margin-top:5px !important;
	right:0;
}

#global_tools ul li{
	font-size: 10px!important;
	padding: 0 0 0 5px!important;
	text-transform: uppercase;
	line-height: 11px;
}

#global_tools ul li a { text-transform:none; }

/*
======================================================
>>	Global navigation
======================================================
*/
.global_nav{
	height:62px;
	overflow:hidden;
	margin-left:303px;
}

.global_nav ul{
	position:absolute;
	margin-top:23px;
	margin-left:-10px;
	overflow: hidden;
	padding: 0;
}

.global_nav ul li{
	float:left;
	font-size:15px;
	margin-left:-2px;
	display: inline;
	/*background: url(../graphics/nav-bullet.gif) 0 10px no-repeat;*/
	padding-left: 12px;
	padding-right: 11px;
	line-height: 20px;
}

.global_nav ul li a{
	color:#c2c1c1;
	text-decoration: none;
	font-family: verdana, arial;
font-size:10px;
text-transform:uppercase;
}

.global_nav ul li a:hover,
.global_nav ul li a.inpath {
	color: #fff;
}

/*
======================================================
>>	Sub navigation
======================================================
*/
#sub_nav{
	height:42px;
	overflow:hidden;
	margin-left:240px;
	display: block;
}
.sub_nav #sub_nav {
	display: block;
}
#sub_nav ul{
	position:relative;
	margin-top:3px;
	margin-left:-10px;
	overflow: hidden;
	padding: 0;
}

#sub_nav ul li{
	float:left;
	font-size:12px;
	margin-left:-2px;
	display: inline;
	background: url(../graphics/nav-bullet.gif) 0 10px no-repeat;
	padding-left: 12px;
	padding-right: 11px;
	line-height: 20px;
}

#sub_nav ul li a{
	color:#8C8C8C;
	text-decoration: none;
}

#sub_nav ul li a:hover{
	color: #fff;
}

#sub_nav a#activeitem{
	color: #fff;
}


/*
======================================================
>>	Content
======================================================
*/
.paragraph {
	text-align: left;
}

.paragraph img{
        border: 1px solid #b2b2b2;
	padding: 2px;
	background: #dadada; 
}

.img-top img {
	border: 0;
	padding: 0;
	background: none; 
}

.no-border .paragraph a:hover img {
	border: none;
	background: none;
}

.paragraph a h2 {
	text-decoration: none;
}

.paragraph a:hover h2 {
	color: #990000!important;
	text-decoration: none;
}

.paragraph input{
	border: 1px solid #211F1C;
	background: #DAC9B5;
	padding: 5px;
	font-size:14px !important;
}

/* Standatd */

#standard p,
#standard h2,
#standard h3 {
	width: 440px;
}
#standard .paragraph {
	padding-top: 30px;
}

#standard .image-float {
	float: right;
	margin-top: 40px;
}

#standard img {
	border: 1px solid #b2b2b2;
	padding: 2px;
	background: #dadada;
}

/* Teaser */
.teaser .paragraph {
	width: 620px;
	clear: both;
}

.teaser h2 {
	font-size: 35px!important;
	color: #333;
	font-weight: normal;
	line-height: 40px;
	padding-bottom: 5px;
	padding-top: 15px;
}

/* 2 kolonner */
.col-2.wide  {
	width:980px;
}

.col-2.wide {
	position:relative !important;
}

.col-2 {
	display:block;
}

.col-2.wide .paragraph {
	float:left;
	margin-right:20px;
	width:470px;
}


/* 3 kolonner */
.col_3{
	width: 980px;
	overflow: hidden;
}

.col_3 .paragraph {
	float:left;
	margin-right: 20px;
	width: 300px;
}

.col_3 .paragraph h2{
        font-size: 21px!important;
}


.fordele .col_3 .paragraph {
	height: 330px;
}
.text-clean{
	width: 617px;
}

.col_3 .paragraph img {
	margin-bottom: 8px;
	float: none;
	margin-right: 0;
	margin-top: 0;
}
.no-border .col_3 .paragraph img {
	border: none!important;
}

/* 4 kolonner */
.col_4 {
	width: 980px;
	overflow: hidden;
}

.col_4 .paragraph img {
	margin-bottom: 14px;
	border: 3px solid #a6998a;
}

.col_4 .paragraph {
	float: left;
	margin-right: 15px;
}

/* 2 kolonner */
.col_2 {
	width: 640px;
	position: absolute;
}

.col_2.wide{
	position:relative!important;
}

.col_2 .paragraph {
	float:left;
	margin-right: 20px;
	width: 300px;
}
.col_2:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.col_2 {display:inline-block;}
/* Hide from IE Mac \*/
.col_2 {display:block;}
/* End hide from IE Mac */


/* 2 kolonner bred */
.col_2.wide {
	width: 980px;
}

.col_2.wide .paragraph {
	float:left;
	margin-right: 20px;
	width: 470px;
	* width: 460px;
}


/* Image float */
.teaser .image-float {
	float: right;
	margin-top:25px;	
}

.no-wrap {
	white-space: nowrap;
}

.grid_3{
	width: 220px;
	float:left;
}

.clear {
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
}

table tr td.grey-border{
       border-top: 1px solid #ccc;
       padding-top: 11px;
}

table tr td{
       padding-bottom: 15px;
}

table tr td p{
       padding-top: 0px;
       padding-bottom: 0px;
}


img.img-white-bg{
       background: none;
       border: none;
	   vertical-align:top!important; 
}

/*
======================================================
>>	Page footer
======================================================
*/
#global_footer {
	/*background: url(../graphics/footer-bg-alpha.png) repeat-x;*/
background:#000;
	width: 100%;
	height: 26px;
	position:relative;
}
#footer {
	/*width: 940px;*/
	padding: 0px 10px 0 10px;
	margin: 0 auto;
}
#footer #copy {
	padding-top: 7px;
	float: left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #939393;
}
#footer #mm {
display:none;
	padding-top: 11px;
	float: right;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #8c8c8c;
}
#footer #mm a {
	color: #8c8c8c;
}
#footer #mm a:hover {
	color: #fff;
	text-decoration: none;
}

/*
======================================================
>>	FRONTPAGE 2011
======================================================
*/
div#frontpage2011 div#imageSlider { height:500px; overflow:hidden; position:relative; overflow:hidden; }
div#frontpage2011 div#imageSlider div.image { width:2000px; height:500px; background-position:center top; position:absolute; left:50%; margin-left:-1000px; top:0; }
div#frontpage2011 div#imageSlider div.ready { margin-left:1000px; }
div#frontpage2011 div#imageSlider div.image div.logo { position:absolute; left:50%; top:20px; margin-left:300px; display:none; }
div#frontpage2011 div#imageSlider div.image div.logo * { text-align:center; font-family:'Times', 'Times New Roman', 'Times New Roman', serif; }
div#frontpage2011 div#imageSlider div.image div.logo a,
div#frontpage2011 div#imageSlider div.image div.logo img { display:block; }

div#frontpage2011 div#underimages { padding-top:10px; width:815px; position:relative; left:50%; margin-left:-407px; background:url(/files/System/ball/images/split-line.png) no-repeat center 5px; }
div#frontpage2011 div#underimages div.paragraph { padding-left:40px; }
div#frontpage2011 div#underimages div.paragraph * { font-family:'Times', 'Times New Roman', 'Times New Roman', serif; }
div#frontpage2011 div#underimages div.image { float:left; background-position:center center; background-repeat:no-repeat; width:135px;  }
div#frontpage2011 div#underimages div.image div.logo { background:#fff; }
div#frontpage2011 div#underimages div.image div.logo a,
div#frontpage2011 div#underimages div.image div.logo img { display:block; }

div#frontpage2011 div#underimages div.over div.logo { background:none; }
div#frontpage2011 div#underimages div.over div.logo img { visibility:hidden; }