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, 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-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	  
	  @font-face {
		  font-family: "BodoniFLF Bold";
		  src: url("fonts/bodoniflf-bold-webfont.eot");
		  src: local("☺"),
		  url("fonts/bodoniflf-bold-webfont.woff") format("woff"),
		  url("fonts/bodoniflf-bold-webfont.otf") format("opentype"),
		  url("fonts/bodoniflf-bold-webfont.svg#bodoniflfbold") format("svg");}
	
	  @font-face {
		  font-family: "BodoniFLF Bolditalic";
		  src: url("fonts/bodoniflf-bolditalic-webfont.eot");
		  src: local("☺"),
		  url("fonts/bodoniflf-bolditalic-webfont.woff") format("woff"),
		  url("fonts/bodoniflf-bolditalic-webfont.otf") format("opentype"),
		  url("fonts/bodoniflf-bolditalic-webfont.svg#bodoniflfbold_italic") format("svg");}

	  html, body {background-image: url('images/bg_hypemedia.jpg')}
	  /*html, body {background-color: #F2F2F2;}*/
	  #middle_back {position: absolute; width: 100%; height: 325px; margin-top: 183px; background-color: #424242;}
	  #container {margin-left: auto; margin-right: auto; margin-top: 0px; width: 900px;}
	  .objects {position: relative; float: left; margin: 40px 0px 0px 0px; padding: 0; text-align: left;}
	  .small_objects {position: relative; float: left; margin: 0px 0px 0px 0px; padding: 0; text-align: left;}
	  
	  #top {width: 900px; height: 103px;}
	  #top_inner1 {width: 210px; height: 100px;}
	  .menu {list-style: none; margin: 0px 0px 0px 0px; width: 100px;}
	  .menu li {background: none; display: inline; padding: 0; line-height: 29px;}
	  .menu h1 {font-family: "BodoniFLF Bold" Georgia, serif; font-size: 15px; color: #ED3279; letter-spacing: 1px;}
	  .menu a {font-family: "BodoniFLF Bold" Georgia, serif; font-size: 15px; color: #424242; text-decoration: none; letter-spacing: 1px;}
	  .menu a:hover {color: #ED3279;}
	  #top_inner2 {width: 440px; height: 103px; margin: 0px 0px 0px 20px;}
	  .link_wrapper {width: 440px; height: 60px;}
	  #contact {height: 49px; width: 210px; margin: 15px 0px 0px 0px;}
	  #legal {height: 49px; width: 210px; margin: 15px 0px 0px 20px;}
	  #top_inner3 {width: 210px; height: 103px; margin: 0px 0px 0px 20px;}
	  #logo {width: 210px;}
	  
	  #middle {width: 900px; height: 325px;}
	  #slideshow {width: 670px; height: 325px;}
	  #twitterfeed {width: 210px; height: 315px; margin: 0px 0px 0px 20px; overflow: hidden;}
	  #twitterfeed h1 {font-family: "BodoniFLF Bolditalic" Georgia, serif; font-size: 13px; color: #F2F2F2; margin: 5px 0px 0px 0px; letter-spacing: 1px; text-transform: uppercase;}
	  
	  #work {width: 920px; margin-left: -10px;}
	  .work_object {position: relative; float: left; padding: 0; text-align: left; width: 440px; height: 100px; margin: 10px;}
	  .work_object img:hover {border-bottom: 2px solid #ED3279;}
	  .proj_img {position: relative; float: left; padding: 0; text-align: left; border: 0; width: 210px; height: 100px;}
	  .text_holder {position: relative; float: left; padding: 0; text-align: left; margin: 0px 0px 0px 20px; width: 195px;}
	  
	  #bottom {width: 900px; margin: 40px 0px 40px 0px; border-top: 1px solid #808080;}
	  
	  /*Film sprites*/
	  .films_list {position: relative; float: left; list-style: none; margin-top: 0px; margin-left: 0px; width: 210px;}
	  .films_list li {background: none; display: inline; padding: 0;}
	  .films_list a {background-image: url('images/Film_sprites.png'); background-repeat: no-repeat; display: block; text-indent: -9999px; float: left;}
	  
	  .schloetter a {width: 210px; height: 100px; background-position: -210px 0px; padding: 0; margin: 0px;}
	  .schloetter a:hover {width: 210px; height: 100px; background-position: 0px 0px; padding: 0; margin: 0px;}
	  .agricam a {width: 210px; height: 100px; background-position: -210px -100px; padding: 0; margin: 0px;}
	  .agricam a:hover {width: 210px; height: 100px; background-position: 0px -100px; padding: 0; margin: 0px;}
	  .saade a {width: 210px; height: 100px; background-position: -210px -200px; padding: 0; margin: 0px;}
	  .saade a:hover {width: 210px; height: 100px; background-position: 0px -200px; padding: 0; margin: 0px;}
	  .thalassa a {width: 210px; height: 100px; background-position: -210px -300px; padding: 0; margin: 0px;}
	  .thalassa a:hover {width: 210px; height: 100px; background-position: 0px -300px; padding: 0; margin: 0px;}
	  .nelly a {width: 210px; height: 100px; background-position: -210px -400px; padding: 0; margin: 0px;}
	  .nelly a:hover {width: 210px; height: 100px; background-position: 0px -400px; padding: 0; margin: 0px;}
	  .kasthall a {width: 210px; height: 100px; background-position: -210px -500px; padding: 0; margin: 0px;}
	  .kasthall a:hover {width: 210px; height: 100px; background-position: 0px -500px; padding: 0; margin: 0px;}
	  .evil a {width: 210px; height: 100px; background-position: -210px -600px; padding: 0; margin: 0px;}
	  .evil a:hover {width: 210px; height: 100px; background-position: 0px -600px; padding: 0; margin: 0px;}
	  .quick a {width: 210px; height: 100px; background-position: -210px -700px; padding: 0; margin: 0px;}
	  .quick a:hover {width: 210px; height: 100px; background-position: 0px -700px; padding: 0; margin: 0px;}
	  
	  /*Logo sprites*/
	  .logos_list {list-style: none; margin: 10px 0px 0px 135px; width: 630px; height: 63px; float: left; }
	  .logos_list li {background: none; display: inline; padding: 0;}
	  .logos_list a {background-image: url('images/Logo_sprites2.png'); background-repeat: no-repeat; display: block; text-indent: -9999px; float: left;}
	  
	  .logos_list2 {list-style: none; margin: 10px 0px 0px 289px; width: 322px; height: 63px; float: left;}
	  .logos_list2 li {background: none; display: inline; padding: 0;}
	  .logos_list2 a {background-image: url('images/Logo_sprites2.png'); background-repeat: no-repeat; display: block; text-indent: -9999px; float: left;}
	  
	  .svt a {width: 75px; height: 37px; background-position: 0px 0px; padding: 0; margin: 11px 40px 0px 0px;}
	  .svt a:hover {width: 75px; height: 37px; background-position: -100px 0px; padding: 0; margin: 11px 40px 0px 0px;}
	  .ostsam a {width: 95px; height: 37px; background-position: 0px -100px; padding: 0; margin: 11px 40px 0px 0px;}
	  .ostsam a:hover {width: 95px; height: 37px; background-position: -100px -100px; padding: 0; margin: 11px 40px 0px 0px;}
	  .cnema a {width: 55px; height: 63px; background-position: 0px -200px; padding: 0; margin: 0px 40px 0px 0px;}
	  .cnema a:hover {width: 55px; height: 63px; background-position: -100px -200px; padding: 0; margin: 0px 40px 0px 0px;}
	  .filmiost a {width: 60px; height: 45px; background-position: 0px -300px; padding: 0; margin: 9px 40px 0px 0px;}
	  .filmiost a:hover {width: 60px; height: 45px; background-position: -100px -300px; padding: 0; margin: 9px 40px 0px 0px;}
	  .sportsedit a {width: 55px; height: 55px; background-position: 0px -400px; padding: 0; margin: 4px 40px 0px 0px;}
	  .sportsedit a:hover {width: 55px; height: 55px; background-position: -100px -400px; padding: 0; margin: 4px 40px 0px 0px;}
	  .fabriken a {width: 90px; height: 30px; background-position: 0px -500px; padding: 0; margin: 16px 0px 0px 0px;}
	  .fabriken a:hover {width: 90px; height: 30px; background-position: -100px -500px; padding: 0; margin: 16px 0px 0px 0px;}
	  
	  .agri a {width: 95px; height: 24px; background-position: 0px -600px; padding: 0; margin: 18px 40px 0px 0px;}
	  .agri a:hover {width: 95px; height: 24px; background-position: -100px -600px; padding: 0; margin: 18px 40px 0px 0px;}
	  .aha a {width: 58px; height: 58px; background-position: 0px -800px; padding: 0; margin: 2px 40px 0px 0px;}
	  .aha a:hover {width: 58px; height: 58px; background-position: -100px -800px; padding: 0; margin: 2px 40px 0px 0px;}
	  .hardhat a {width: 89px; height: 23px; background-position: 0px -700px; padding: 0; margin: 20px 0px 0px 0px;}
	  .hardhat a:hover {width: 89px; height: 23px; background-position: -100px -700px; padding: 0; margin: 20px 0px 0px 0px;}
	  
	  
	  /*Link Sprites*/
	  .links_list {list-style: none; margin-top: 0px; margin-left: 0px; width: 440px;}
	  .links_list li {background: none; display: inline; padding: 0;}
	  .links_list a {background-image: url('images/links_map.png'); background-repeat: no-repeat; display: block; text-indent: -9999px; float: left;}
	  .facebook a {width: 36px; height: 36px; background-position: 0px 0px; padding: 0; margin: 0px 10px 0px 0px;}
	  .facebook a:hover {width: 36px; height: 36px; background-position: -100px 0px; padding: 0; margin: 0px 10px 0px 0px;}
	  .linkedin a {width: 36px; height: 36px; background-position: 0px -100px; padding: 0; margin: 0px 10px 0px 0px;}
	  .linkedin a:hover {width: 36px; height: 36px; background-position: -100px -100px; padding: 0; margin: 0px 10px 0px 0px;}
	  .twitter a {width: 36px; height: 36px; background-position: 0px -200px; padding: 0; margin: 0px 10px 0px 0px;}
	  .twitter a:hover {width: 36px; height: 36px; background-position: -100px -200px; padding: 0; margin: 0px 10px 0px 0px;}
	  .imdb a {width: 36px; height: 36px; background-position: 0px -300px; padding: 0; margin: 0px 10px 0px 0px;}
	  .imdb a:hover {width: 36px; height: 36px; background-position: -100px -300px; padding: 0; margin: 0px 10px 0px 0px;}
	  .youtube a {width: 36px; height: 36px; background-position: 0px -400px; padding: 0; margin: 0px 10px 0px 0px;}
	  .youtube a:hover {width: 36px; height: 36px; background-position: -100px -400px; padding: 0; margin: 0px 10px 0px 0px;}
	  .vimeo a {width: 36px; height: 36px; background-position: 0px -500px; padding: 0; margin: 0px 10px 0px 0px;}
	  .vimeo a:hover {width: 36px; height: 36px; background-position: -100px -500px; padding: 0; margin: 0px 10px 0px 0px;}
	  .koloni a {width: 36px; height: 36px; background-position: 0px -600px; padding: 0; margin: 0px 10px 0px 0px;}
	  .koloni a:hover {width: 36px; height: 36px; background-position: -100px -600px; padding: 0; margin: 0px 10px 0px 0px;}
	  
	  /*Twitter feed*/
      .query, .twitterfeed {font: 10px Georgia, serif;line-height: 12px;color: #F2F2F2;letter-spacing: 0.5px;margin: 10px 0px 0px 10px;}
	  .tweet_list {list-style: none;margin: 0;padding: 0;overflow-y: hidden;background-color: #424242;}
	  .tweet_list li {overflow-y: auto;overflow-x: hidden;padding: 5px;list-style-type: none;}
	  .tweet_list li a {color: #F2F2F2;font-family: Georgia, serif;font-style: italic;text-decoration: none;}
	  .tweet_list li a:hover {color: #ED3279; text-decoration: underline;}
	  .tweet_list .tweet_even {background-color: #424242;}
	  .tweet_list .tweet_avatar {padding-right: .5em; float: left;}
	  .tweet_list .tweet_avatar img {vertical-align: middle;}
	  
	  /*Slideshow*/
	  .slides_container {width:670px;height:325px;display: none;}
      .slides_container img {width:670px;height:325px;display:block;}
      .slide {margin: 0; padding: 0; width: 670px;height: 325px; overflow: hidden;}
      .pagination {margin:6px 0 0;float: right;list-style: none;}
      .pagination li {float: left;margin: 0 1px;}
      .pagination li a {display: block;width: 13px;height: 0;padding-top: -50px;background-image: url('http://www.koloni-design.se/hypemedia/pagination.png');background-position: 0 0;float: left;overflow: hidden;}
	  
	  .text {font-family: Georgia, serif; font-size: 11px; line-height: 13px; letter-spacing: 0.5px; color: #424242;}
	  .logo_text {font-family: Georgia, serif; font-size: 9px; line-height: 13px; letter-spacing: 0.5px; color: #808080; margin: 5px 0px 0px 0px}
	  .date {font-family: Georgia, serif; font-weight: bold; font-style: italic; font-size: 11px; line-height: 13px; letter-spacing: 1px; color: #424242;}
	  .link {font-family: Georgia, serif; font-style: italic; font-size: 11px; line-height: 13px; letter-spacing: 0.5px; color: #424242; text-decoration: none;}
	  .link:hover {color: #ED3279; text-decoration: underline;}