html, body{ 
	margin: 0; 
	padding: 0; 
	text-align: center;
	background: #000;
	height: 100%;
} 

h1.header {
	visibility: hidden;
}

h2 {
	font-family: verdana, sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: roman;
	background: #000;
	margin: 5px 10px 0 10px;
	padding: 5px 0;
}

p {
	font: 11px/15px verdana, sans-serif;
	color: #fff;
	margin: 10px;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 200px 0 0 6px;
	float: left;
	width: 300px;
	}

li {
	display: inline;
	font-family: "Times New Roman", times, serif;
	color: #fff;
	}
	
a {
	text-decoration: underline;
	font-family: verdana, sans-serif;
	color: #fff;
}	

a:hover {
	text-decoration: underline;
	font-family: verdana, sans-serif;
	color: #999;
}	
 
li a {
	text-decoration: none;
	font-family: "Times New Roman", times, serif;
	color: #fff;
	font-size: 14px;
}	

li a:hover {
	text-decoration: none;
	font-family: "Times New Roman", times, serif;
	color: #999;
	font-size: 14px;
}	
	
/* IDS */

#pagewidth{ 
	height: 100%;
	width: 960px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
	margin-top: 0;
} 
 
#header{
	margin: 0 0 0 0;
	height:230px;
	width: 940px;
	background-image: url(title_img.jpg);
	background-repeat: no-repeat;
	background-color:#000; 
	border-bottom: solid 1px #fff;
	width:100%;
} 
 
#maincol {
	background-color: #000;  
	float: left; 
	display:inline; 
	position: relative; 
	margin: 5px 0 0 0;
	height: 100%;
}

#socialmediahell {
	float: left;
	}
	
#logo {
	float: left;
}
	
ul.socialmediahell {
	list-style-type: none;
	border-left: none;
	margin: 137px 0 0 20px;
	padding:0;
	}
	
	
/* CLASSES */

.smallimg {
		float: left;
		margin: 6px 0 10px 0;
		width: 120px;

}

.ny_bok {
	border-right: solid 1px #fff;
	background: #000;
	width: 299px;
	margin: 0 0 0 10px;
	padding: 0 10px 20px 0;
	float: left;
}

.ny_bok p {
	float: left;
	width: 140px;
	margin: 6px 0 10px 10px;
	}

.ny_bok hr {
	border-top: solid 1px #333;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 300px;
	height: 1px;
	color: #333;
	float: left;
	visibility: hidden;
}


.kolumn {
	background: #000;
	width: 299px;
	margin: 0 0 0 10px;
	padding: 0 10px 20px 0;
	float: left;
}

.kolumn p {
	float: left;
	width: 140px;
	margin: 0 0 10px 10px;
	}

.kolumn hr {
	border-top: solid 1px #333;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 300px;
	height: 1px;
	color: #333;
	float: left;
	visibility: hidden;
}

.stil1 {
	color: #FFFFFF;
	}
.stil2 {
	color: #FFFFFF;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}
.stil3 {
	font-size: small;
	}
	
.kolumn2 {
	background: #000;
	width: 300px;
	height: 550px;
	margin: 0;
	padding: 0 20px 20px 0;
	float: left;
}

.kolumn2 hr {
	border-top: solid 1px #333;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 300px;
	height: 1px;
	color: #333;
	float: left;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */