/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body { 
	color: #333;
 	font-size: 62.5%; 
 	margin-bottom: 40px;
	font-family: Arial, Verdana, Lucida, sans-serif; 
}

html {
	background: #191919 url(../images/bodybg.jpg) repeat-x;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

a { outline: none; }
a img { border: none; }

.clear{	clear:both; }
.floatright { float: right;}

h3 img.h3arrow { margin: 2px 4px !important; }

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: #A5A5A5;
 	line-height: 18px;
 	font-size: 12px;
	margin: 0 0 18px 0;
}


/* CONTAINER
----------------------------------------- */

#Header { 
 	width: 930px; 
 	margin: 0 auto;
	height: 140px;
	clear: both;
}
	#Header img.logo { margin: 35px 0 0 46px; }
	
#BgContainer {
	width: 930px;  
	margin: 0 auto; 
}
#Container { 
	width: 930px;
	display: table;
}
#Layout {
	width: 690px;
	clear: both;
	overflow: hidden;
	margin: 0 auto 50px;
}
p a { color: #fff; text-decoration: none; }
	#Layout .col1, #Layout .col2 { width: 330px; }
	#Layout .col1 { float: left; }
	#Layout .col2 { float: right; }

#Fish {
	width: 930px;
	background: url(../images/forside_fish.jpg) no-repeat;
	height: 350px;
}

#Footer { 
 	clear: both;  
	width: 930px;
	margin: 12px 0 0 0;
}
  	#Footer p { 
		color: #424242;
		font-size: 13px;
		margin: 0;
		font-weight: normal;
	}
	#Footer p.add { color: #A3A3A3; margin: 10px 30px; font-size: 11px; }
	#Footer p.add a { color: #A3A3A3; text-decoration: none; }
		#Footer p.add a:hover { color: #fff; }
	#Footer p span { float: right; }

#Flagscontainer {
	width: 270px;
	height: 60px;
	float: right;
	position: relative;
}

	#Flags {
		top: 40px;
		right: 20px;
		width: 150px;
		text-align: right;
		position: absolute;
	}
		#Flags a { color: #ccc; text-decoration: none; }
		#Flags a:hover { color: #fff; text-decoration: underline; }
		#Flags a img { margin: 0 4px; }


/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {
	width: 690px;
	margin: 45px auto 30px;
	height: 20px;
	/*float: right;*/
}
	#Navigation ul { 
 		/*float: right;*/
	}
		#Navigation ul li { 
	 		list-style: none; 
			float: left;
			display: block;
		}
			#Navigation ul li a { margin: 0 50px; }
			#Navigation ul li a.current { margin: 0 50px 0 0; }
			#Navigation ul li.last { float: right; }
			#Navigation ul li.last a { margin: 0; }
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				font-size: 13px;
				color: #EBEBEB;
				text-transform: uppercase;
			}
					#Navigation ul li a:hover { 
						color: #fff;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { 
				 	color: #999;
					}