@import url("reset.css");
/*@import url("debug.css");*/

body {
	font-size: 62.5%;
	line-height: 1.3em;
	color: #555;
	width: 700px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}

/* Layout */

#mastHead {
	/*float: left;*/
	margin-top: 50px;
	margin-left: 50px;
}

#navigation {
	
}

#content {
	
}

#main {
	width: 300px;
	margin-top: 100px;
	/*float: left;*/
	margin-left: 50px;
}

#secondary {
	padding-top: 20px;	
	margin-left: 50px;
}

#footer {
	
}

/* Text and semantic structure */

p {
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 10px;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
	padding-top: 10px;
}

hr {
	
}

br {
	clear: both;
}

strong {
	font-weight: bold;
}

/* Links */

a {
	color: #ff004d;
	text-decoration: none;
	padding: 2px;
}

a:hover {
	background-color: #ff004d;
	color: #fff;
}

/* Images */

.imageContainer {
	
}

.imageContainer img {
	
}

a img {
	
}

.imageContainer .caption {
	
}




/*ekstra*/

.segment {
	padding: 10px 10px 10px 0;
	margin-bottom: 30px;
}

.visited {
	color: #4d4d4d;
}

.active {
	background-color: #f2f2f2;
	padding-left: 20px;
}

.active h2 {
	font-size: 1.8em;
}


#root li{display:inline;float: left;}

#root li  a {
	padding: 2px 2px 2px 5px;
	width: 117px;
	display: block;
	text-align: left;
	line-height: 14px;
	margin-right: 20px;
	font-weight: bold;
}

#root, #root .active, #root .visited {
	list-style-type:none;
	text-align: center;
	background-color: #fff;
	border-top: dotted 1px #b7b7b7;
	border-bottom: dotted 1px #b7b7b7;
	border-right-style: none;
	border-left-style: none;
	border-left-width: 0;
	border-right-width: 0;
	padding: 10px;
	height: 35px;
}

/* Navigation */

#navigation ul {
	margin-bottom: 20px;
}

#navigation ul li {
	font-size: 1.2em;
	line-height: 1.4em;
}

#navigation ul li ul {
	
}

#navigation ul li ul li {
	
}

/* Easyclearing method from positioniseverything [modified] */

.clearfix:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}