/*POSITIONERING*/

#spalt1 {
	float: left;
	width: 30em;
}

#spalt1_center {
	float: left;
	width: 100%;
}

#spalt1top {
	float: left;
	width: 29.25em;
	/*special för rak vänsterkant när man misnkar texstorlek*/
}

#spalt2
	{
	float: left;
	width: 30em;
	}

#spalt2top {
	float: left;
	width: 30.75em;
	/*special för rak vänsterkant när man misnkar texstorlek*/
}

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper_news,
#wrapper_bio_press,
#wrapper_discography,
#wrapper_sci-cast,
#wrapper_shop,
#wrapper_audio_mp3,
#wrapper_concerts,
#wrapper_photos,
#wrapper_lyrics,
#wrapper_art,
#wrapper_guestbook,
#wrapper_contact,
#wrapper_links
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper_news:after,
#wrapper_bio_press:after,
#wrapper_discography:after,
#wrapper_sci-cast:after,
#wrapper_shop:after,
#wrapper_audio_mp3:after,
#wrapper_concerts:after,
#wrapper_photos:after,
#wrapper_lyrics:after,
#wrapper_art:after,
#wrapper_guestbook:after,
#wrapper_contact:after,
#wrapper_links:after
	{
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper_news,
#wrapper_bio_press,
#wrapper_discography,
#wrapper_sci-cast,
#wrapper_shop,
#wrapper_audio_mp3,
#wrapper_concerts,
#wrapper_photos,
#wrapper_lyrics,
#wrapper_art,
#wrapper_guestbook,
#wrapper_contact,
#wrapper_links
	{
	display: inline-block;
	}
/*\*/
#wrapper_news,
#wrapper_bio_press,
#wrapper_discography,
#wrapper_sci-cast,
#wrapper_shop,
#wrapper_audio_mp3,
#wrapper_concerts,
#wrapper_photos,
#wrapper_lyrics,
#wrapper_art,
#wrapper_guestbook,
#wrapper_contact,
#wrapper_links
	{
	display: block;
	}
/* end easy clearing */
#sidfot
	{
	clear: both;
	}
/*gemensamt för alla sidelement uppifrån och ner*/
#sidhuvud,
#menyrad,
#sidfot,
#kollage,

#wrapper_news,
#wrapper_bio_press,
#wrapper_discography,
#wrapper_sci-cast,
#wrapper_shop,
#wrapper_audio_mp3,
#wrapper_concerts,
#wrapper_photos,
#wrapper_lyrics,
#wrapper_art,
#wrapper_guestbook,
#wrapper_contact,
#wrapper_links

	{
	width: 60em;
	border-width: 0 0.2em;
	border-style: solid;
	border-color: #000;
	}
	
/* ]]> */





/*FORMATERING TAGGAR*/

html {
	margin: 0;
	padding: 0;
}

body {
	width: 60em;
	background-color: #000;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #620;
	text-decoration: none;
}

a:hover {
	color: #f5af34;
	text-decoration: underline;
}

form {
	margin-bottom:1.2em;
}

h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0;
	margin-bottom: 0.8em;
}

h2 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0;
	padding-top: 0em;
	margin-bottom: 0.6em;
}

h3 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.85em;
	margin: 0;
	padding-top: 0em;
	margin-bottom: 0.3em;
}

hr {
	margin-bottom: 0.5em;
	height: 2px;
	color: #000;
	background-color: #000;
	border: 0;
}

img {
	border-color: #000;
}

img .thumbnail {
	background: #000;
	border-width: 0.5em;
	border-style: solid;
	float: left;
	margin-top: 0.2em;
	margin-left: 0;
	margin-right: 0.6em;
	padding: 0;
}

input, textarea {
	 width:24.2em;
	 margin:0;
	 margin-bottom: 0.3em;
}

input.knapp {
	 width: auto;
	 margin:0;
	 margin-bottom: 0.3em;
}

p, span.normal {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.25em;
	margin: 0;
	margin-bottom: 1.2em;
}

p.imagetext {
	margin-top: -1.5em;
}

p.ingen_luft {
	margin-bottom: 0;
}

td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.25em;
}

/*FORMATERING IDs*/


#kollage {
	margin: 0;
	padding: 0;
	height: 70px;
	border-width: 0 0.2em 0.5em 0.2em;
}

#kollage .padding {
	padding: 0;
}

#logo_sidhuvud {
	text-indent: -9999px;
	width: 299px;
	height: 122px;
	background: url(http://www.mangemyt.com/gemensamma_bilder/logo_sidhuvud.gif) no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#menyrad {
	background-color: #594a60;
	height:1.5em;
	margin: 0;
	padding: 0;
	border-width: 0 0.2em 0.5em 0.2em;
}

#menyrad .padding {
	padding: 0;
}

#menyrad .padding a {
	height: 1.5em;
}

#menyrad ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menyrad li {
	float: left;
}

#menyrad_news {
	display: block;
    overflow: hidden;
	background: #6c8f95 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_news.gif) no-repeat;
	background-position: center 0.41em;
	width: 3.8em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#rubrik_news {
}

#menyrad_news:hover {
	background-color: #80acb4;
}

#menyrad_bio_press {
	display: block;
    overflow: hidden;
	background: #b2761f url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_bio_press.gif) no-repeat;
	background-position: center 0.41em;
	width: 5.2em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_bio_press:hover {
	background-color: #bb873a;
}

#menyrad_discography {
	display: block;
    overflow: hidden;
	background: #a03c1e url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_discography.gif) no-repeat;
	background-position: center 0.41em;
	width: 6.5em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_discography:hover {
	background-color: #ac5439;
}

#menyrad_videos_and_visions {
	display: block;
    overflow: hidden;
	background: #246f77 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_videos_and_visions.gif) no-repeat;
	background-position: center 0.41em;
	width: 8.3em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_videos_and_visions:hover {
	background-color: #3f8188;
}

#menyrad_shop {
	display: block;
    overflow: hidden;
	background: #a06661 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_shop.gif) no-repeat;
	background-position: center 0.41em;
	width: 3.1em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_shop:hover {
	background-color: #ac7974;
}

#menyrad_audio_mp3 {
	display: block;
    overflow: hidden;
	background: #f09e12 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_audio_mp3.gif) no-repeat;
	background-position: center 0.41em;
	width: 5.5em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_audio_mp3:hover {
	background-color: #f5af34;
}

#menyrad_concerts {
	display: block;
    overflow: hidden;
	background: #7d7d77 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_concerts.gif) no-repeat;
	background-position: center 0.41em;
	width: 5.4em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_concerts:hover {
	background-color: #8d8d88;
}

#menyrad_photos {
	display: block;
    overflow: hidden;
	background: #c86d18 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_photos.gif) no-repeat;
	background-position: center 0.41em;
	width: 4.45em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_photos:hover {
	background-color: #cf7f34;
}

#menyrad_lyrics {
	display: block;
    overflow: hidden;
	background: #ad140c url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_lyrics.gif) no-repeat;
	background-position: center 0.41em;
	width: 3.8em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_lyrics:hover {
	background-color: #b7312a;
}

#menyrad_art {
	display: block;
    overflow: hidden;
	background: #175c00 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_art.gif) no-repeat;
	background-position: center 0.41em;
	width: 2.8em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_art:hover {
	background-color: #33701f;
}

#menyrad_guestbook {
	display: block;
    overflow: hidden;
	background: #b59254 url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_guestbook.gif) no-repeat;
	background-position: center 0.41em;
	width: 6em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_guestbook:hover {
	background-color: #be9f69;
}

#menyrad_contact {
	display: block;
    overflow: hidden;
	background: #50725e url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_contact.gif) no-repeat;
	background-position: center 0.41em;
	width: 4.9em;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_contact:hover {
	background-color: #658372;
}

#menyrad_links {
	display: block;
    overflow: hidden;
	background: #50725e url(http://www.flyphonic.com/supersci/gemensamma_bilder/menyknapp_links.gif) no-repeat;
	background-position: center 0.41em;
	width: 3.4em;
	_width: 100%;
    height: 0px !important; /* for most browsers */
    height /**/:1.5em; /* for IE5.5's bad box model */
    padding-top: 1.5em;
}

#menyrad_links:hover {
	background-color: #658372;
}

#rubrik_news {
	display: block;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/rubrik_news.gif) no-repeat;
	width: 427px;
    height: 0px !important; /* for most browsers */
    height /**/:24px; /* for IE5.5's bad box model */
    padding-top: 24px;
}

#rubrik_bio_press {
	display: block;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/bio_press/rubrik_bio_press.gif) no-repeat;
	width: 407px;
    height: 0px !important; /* for most browsers */
    height /**/:55px; /* for IE5.5's bad box model */
    padding-top: 55px;
}

#rubrik_bio_press_h2_high-res_press_photos {
	display: block;
	margin-bottom: 0.8em;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/bio_press/rubrik_high-res_press_photos.gif) no-repeat;
	width: 444px;
    height: 0px !important; /* for most browsers */
    height /**/:14px; /* for IE5.5's bad box model */
    padding-top: 14px;
}

#rubrik_cutting_down_trees {
	display: block;
	width: 408px;
    padding-top: 15px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/news_articles/cutting_down_trees/rubrik_cutting_down_trees.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:15px; /* for IE5.5's bad box model */
}

#rubrik_discography {
	display: block;
	width: 407px;
    padding-top: 24px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/discography/rubrik_discography.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:24px; /* for IE5.5's bad box model */
}

#rubrik_discography_h2_compilations_guest_spots {
	margin-top: 1.6em;
	margin-bottom: 1.2em;
	display: block;
	width: 100%;
    padding-top: 12px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/discography/rubrik_compilations_guest_spots.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:12px; /* for IE5.5's bad box model */
}

#rubrik_videos_and_visions {
	display: block;
	width: 407px;
    padding-top: 84px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/videos_and_visions/rubrik_videos_and_visions.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:84px; /* for IE5.5's bad box model */
}

#rubrik_official_videos {
	display: block;
	width: 407px;
    padding-top: 19px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/videos_and_visions/rubrik_official_videos.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:19px; /* for IE5.5's bad box model */
}

#rubrik_supersci_vision {
	display: block;
	width: 407px;
    padding-top: 19px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/videos_and_visions/rubrik_supersci_vision.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:19px; /* for IE5.5's bad box model */
}

#rubrik_shop {
	display: block;
	width: 406px;
    padding-top: 45px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/rubrik_shop.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:45px; /* for IE5.5's bad box model */
}

#rubrik_shop_h2_vinyls_cds_and_mp3s {
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	width: 406px;
    padding-top: 16px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/rubrik_vinyls_cds_and_mp3s.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:16px; /* for IE5.5's bad box model */
}

#rubrik_shop_h2_supersci_clothing {
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	width: 347px;
    padding-top: 16px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/rubrik_supersci_clothing.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:16px; /* for IE5.5's bad box model */
}

#rubrik_record_stores {
	margin-bottom: 1em;
	display: block;
	width: 406px;
    padding-top: 20px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/record_stores/rubrik_record_stores.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:20px; /* for IE5.5's bad box model */
}

#rubrik_shop_h2_vinyl_record_stores {
	margin-bottom: 1.3em;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	width: 406px;
    padding-top: 13px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/record_stores/rubrik_vinyl_record_stores.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:13px; /* for IE5.5's bad box model */
}

#rubrik_shop_h2_cd_stores_webshops {
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	width: 406px;
    padding-top: 13px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/record_stores/rubrik_cd_stores_webshops.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:13px; /* for IE5.5's bad box model */
}

#rubrik_shop_h2_distributors {
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	width: 247px;
    padding-top: 13px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/record_stores/rubrik_distributors.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:13px; /* for IE5.5's bad box model */
}

#rubrik_order_info {
	display: block;
	width: 406px;
    padding-top: 27px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/shop/order_info/rubrik_order_info.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:27px; /* for IE5.5's bad box model */
}

#rubrik_concerts {
	display: block;
	width: 407px;
    padding-top: 31px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/concerts/rubrik_concerts.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:31px; /* for IE5.5's bad box model */
}

#rubrik_concerts_h2_previous_shows {
	margin-top: 1.5em;
	margin-bottom: 0.7em;
	display: block;
	width: 100%;
    padding-top: 18px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/concerts/rubrik_previous_shows.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:18px; /* for IE5.5's bad box model */
}

#rubrik_photos {
	display: block;
	width: 407px;
    padding-top: 41px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/photos/rubrik_photos.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:41px; /* for IE5.5's bad box model */
}

#rubrik_lyrics {
	display: block;
	width: 406px;
    padding-top: 38px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/lyrics/rubrik_lyrics.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:38px; /* for IE5.5's bad box model */
}

#rubrik_art {
	margin-bottom: 1em;
	display: block;
	width: 100%;
    padding-top: 57px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/art/rubrik_art.gif) no-repeat;
	background-position: top center;
    height: 0px !important; /* for most browsers */
    height /**/:57px; /* for IE5.5's bad box model */
}

#rubrik_guestbook {
	display: block;
	width: 407px;
    padding-top: 27px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/guestbook/rubrik_guestbook.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:27px; /* for IE5.5's bad box model */
}

#rubrik_contact {
	display: block;
	width: 407px;
    padding-top: 35px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/contact/rubrik_contact.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:35px; /* for IE5.5's bad box model */
}

#rubrik_links {
	margin-bottom: 1.2em;
	display: block;
	width: 407px;
    padding-top: 46px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/links/rubrik_links.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:46px; /* for IE5.5's bad box model */
}

#rubrik_links_h2_fellow_artists {
	margin-top: 1.2em;
	margin-bottom: 0.7em;
	display: block;
    padding-top: 13px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/links/rubrik_fellow_artists.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:13px; /* for IE5.5's bad box model */
}

#rubrik_links_h2_record_stores {
	margin-top: 1.2em;
	margin-bottom: 0.7em;
	display: block;
    padding-top: 13px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/links/rubrik_record_stores.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:13px; /* for IE5.5's bad box model */
}

#rubrik_links_h2_clothing {
	margin-top: 1.2em;
	margin-bottom: 0.7em;
	display: block;
    padding-top: 13px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/links/rubrik_clothing.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:13px; /* for IE5.5's bad box model */
}

#rubrik_links_h2_labels_distributors {
	margin-top: 1.2em;
	margin-bottom: 0.7em;
	display: block;
    padding-top: 13px;
    overflow: hidden;
	background: url(http://www.flyphonic.com/supersci/links/rubrik_labels_distributors.gif) no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:13px; /* for IE5.5's bad box model */
}






#sidfot {
	margin-top: 0.5em;
	margin-bottom: 7em;
	padding: 0;
	height: 3.3em;
}

#sidhuvud {
	background: #000;
/*	background: #F0A519 url(http://flyphonic.com/supersci/gemensamma_bilder/background_sidhuvud.jpg) repeat; */
	margin: 0;
	padding: 0;
	color: #990033;
	text-align: center;
}

#sidhuvud .padding {
padding: 0;
/*
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 1.2em;
	padding-bottom: 0.9em;
*/
}

#spalt1, #spalt1top {
	margin: 0;
	padding: 0;
}

#spalt1 .padding {
	padding-left: 1.5em;
	padding-right: 0.75em;
	padding-top: 0em;
	padding-bottom: 1.5em;
}

#spalt1 div.blogpost {
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 2.2em;
	clear: both;
}

#spalt1 div.blogpost h3 {
	font-size: 1.1em;
	line-height: 1.1em;
}

#spalt1 div.blogpost a {
	font-weight: bold;
}

#spalt1 div.blogpost p,
#spalt1 div.blogpost h3 {
	padding-right: 0.6em;
}

#spalt1 img {
	margin: 0;
	margin-top: 0.2em;
	margin-bottom: 1.5em;
	border-width: 0.5em;
	border-style: solid;
}

#spalt1 a:hover img {
	border-color: #f5af34;
}

#spalt1 img.blog_image {
	margin-bottom: 0.55em;
	margin-right: 0.55em;
	float: left;
}

#spalt1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.2em;
}

#spalt1 li {
	margin: 0;
	padding: 0;
	margin-bottom: 0.4em;
}

#spalt1_center {
	margin: 0;
	padding: 0;
}

#spalt1_center .padding {
	padding-top: 1.5em;
	padding-bottom: 2.5em;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}

#spalt1_center img.art, #spalt1_center div.sci-cast_stream {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.5em;
	margin-bottom: 1em;
	border-color: #000;
	border-width: 35px;
	border-style: solid;
}

#spalt1_center div.sci-cast_stream {
	border-color: #00283d;
	width: 352px;
	height: auto;
}

#spalt1_center img.brown {
	border-color: #39150b;
}

#spalt1_center img.green {
	border-color: #0d3400;
}

#spalt1top .padding {
	padding-left: 1.5em;
	padding-right: 0em; /*special för rak vänsterkant när man misnkar texstorlek*/
	padding-top: 1.5em;
	padding-bottom: 0em;
}

#spalt2, #spalt2top {
	margin: 0;
	padding: 0;
}

#spalt2 .padding {
	padding-left: 0.75em;
	padding-right: 1.5em;
	padding-top: 0em;
	padding-bottom: 1.5em;
}

#spalt2top .padding {
	padding-left: 1.5em; /*special för rak vänsterkant när man misnkar texstorlek*/
	padding-right: 1.5em;
	padding-top: 1.5em;
	padding-bottom: 0em;
}

#spalt2 img {
	margin: 0;
	margin-top: 0.2em;
	margin-bottom: 1.5em;
	border-width: 0.5em;
	border-style: solid;
}

#spalt2 img.photos {
	margin-bottom: 0.2em;
}

#spalt2top ul {
	margin: 0;
	margin-top: -0.3em;
	padding: 0;
	list-style: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
}

#spalt2top li {
	margin: 0;
	margin-right: 1em;
	margin-bottom: 0.3em;
	padding: 0;
	display: inline;
}

#twitter {
    width: 400px;
	padding: 14px;
	background: #52263f url(http://flyphonic.com/supersci/gemensamma_bilder/background_square.jpg);
	border: 8px solid #8c6076;
    margin-bottom: 1.5em;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color: #6b929a;
    font-size: 0.75em;
	
}

#twitter p {
	margin: 1em 0 0;
}

#twitter p a, #twitter ul li a {
	font-size: 11px;
	color: #916179;
}
#twitter p a:hover, #twitter ul li a:hover {
	color: #A87189;
}


#twitter h3 {
	display: block;
	width: 396px;
	height: 16px;
	background: url(http://flyphonic.com/supersci/h3_supersci_on_twitter.jpg) no-repeat;
	text-indent: -10000px;
	margin: 0 0 1em;
}

#twitter ul {
	padding-left: 30px;
	padding: 0px;
	margin: 0px;
}

#twitter ul li {
    line-height: 1.2em;
    margin: 0 0 0.6em;
	list-style-type: none;
    background: url("http://flyphonic.com/supersci/gemensamma_bilder/logo_twitter.gif") no-repeat scroll 0 3px transparent;
	padding-left: 44px;
	height: 43px;
}

#twitter .created_at {
	font-size: 80%;
	color: #715169;
}

#wrapper_news,
#wrapper_bio_press,
#wrapper_discography,
#wrapper_sci-cast,
#wrapper_shop,
#wrapper_audio_mp3,
#wrapper_concerts,
#wrapper_photos,
#wrapper_lyrics,
#wrapper_art,
/*#wrapper_guestbook,*/
#wrapper_contact,
#wrapper_links
{
	margin: 0;
	padding: 0;

	min-height: 35em;
	height: auto;
	_height: 35em; min-height: 35em;

	overflow: auto;
	_overflow: visible;

}

#wrapper_guestbook

{
	margin: 0;
	padding: 0;

	height: auto;

	overflow: visible;

}

#wrapper_news .padding,
#wrapper_bio_press .padding,
#wrapper_discography .padding,
#wrapper_sci-cast .padding,
#wrapper_shop .padding,
#wrapper_audio_mp3 .padding,
#wrapper_concerts .padding,
#wrapper_photos .padding,
#wrapper_lyrics .padding,
#wrapper_art .padding,
#wrapper_guestbook .padding,
#wrapper_contact .padding,
#wrapper_links .padding
{

}

#wrapper_news {
	background: #6c8f95 url(http://flyphonic.com/supersci/gemensamma_bilder/background_news.jpg) repeat;
}

#wrapper_news a {
	color: #5c112d;
}

#wrapper_news a:hover {
	color: #a81319;
}

#wrapper_bio_press {
	background: #b2761f url(http://flyphonic.com/supersci/gemensamma_bilder/background_bio_press.jpg) repeat;
}

#wrapper_discography {
	background: #a03c1e url(http://flyphonic.com/supersci/gemensamma_bilder/background_discography.jpg) repeat;
}

#wrapper_sci-cast {
	background: #246f77 url(http://flyphonic.com/supersci/gemensamma_bilder/background_sci-cast.jpg) repeat;
}

#wrapper_shop {
	background: #a06661 url(http://flyphonic.com/supersci/gemensamma_bilder/background_shop.jpg) repeat;
}

#wrapper_shop input {
	width:auto;
}

#wrapper_audio_mp3 {
	background: #f09e12 url(http://flyphonic.com/supersci/gemensamma_bilder/background_audio_mp3.jpg) repeat;
}

#wrapper_concerts {
	background: #7d7d77 url(http://flyphonic.com/supersci/gemensamma_bilder/background_concerts.jpg) repeat;
}

#wrapper_photos {
	background: #c86d18 url(http://flyphonic.com/supersci/gemensamma_bilder/background_photos.jpg) repeat;
}

#wrapper_lyrics {
	background: #ad140c url(http://flyphonic.com/supersci/gemensamma_bilder/background_lyrics.jpg) repeat;
}

#wrapper_lyrics a {
	color: #000;
}

#wrapper_lyrics a:hover {
	color: #f5af34;
}

#wrapper_lyrics li {
	margin: 0;
	margin-bottom: 0.3em;
	list-style: none;
}

#wrapper_art {
	background: #175c00 url(http://flyphonic.com/supersci/gemensamma_bilder/background_art.jpg) repeat;
}

#wrapper_art a {
	color: #220;
}

#wrapper_art a:hover {
	color: #f5af34;
}

#wrapper_guestbook {
	background: #b59254 url(http://flyphonic.com/supersci/gemensamma_bilder/background_guestbook.jpg) repeat;
}

#wrapper_guestbook hr {
	color: #620;
	background-color: #620;
}

#wrapper_contact {
	background: #ddc154 url(http://flyphonic.com/supersci/gemensamma_bilder/background_contact.jpg) repeat;
}

#wrapper_contact a:hover {
	color: #000;
}

#wrapper_links {
	background: #50725e url(http://flyphonic.com/supersci/gemensamma_bilder/background_links.jpg) repeat;
}





/*FORMATERING KLASSER*/

.brytning {
	clear:both;
	background: cyan;
	height: 0;
}

.datum {

	font-size: 0.75em;
	line-height: 1em;
	font-weight: normal;

}

.div_nyhet, .div_skiva, .div_episod, .div_artikel {
	margin-bottom: 0.8em;
	border-bottom: 1px #6f7732 solid;
}

.div_skiva {
	border: none;
}

.div_episod {
	border: none;
}

.div_guestbook {
	border: none;
	border-bottom: 3px #620 solid;
}

.div_artikel {
	border: none;
}

.div_row, .brytning {
	margin:0;
	padding:0;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */ 
} 

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the 
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */ 

.div_row, .brytning
{ 
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */ 
float: left; 
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01, 
5.5 and above see it and carry on about their business 
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */ 
float/**/: none; 
} 

/* easy clearing */ 

.div_row:after, .brytning:after
{ 
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 

.div_row, .brytning
{ 
display: inline-block; 
} 

/*\*/ 

.div_row, .brytning
{
display: block; 
} 

/* end easy clearing */ 

.div_row div {
	float: left;
}

.overstruken {
	text-decoration: line-through;
}

.photos_liten_staende {
	width: 211px;
	margin: 0;
	margin-right: 22px;
}

.photos_liten_staende_hoger {
	width: 211px;
	margin: 0;
}

.sistaPunkten {
	margin-right: 0;
}

.thumbnail {
	background-color: #000;
}

.tjock_linje {
	height: 0.5em;
	background-color: #000;
	margin-bottom: 0.7em;
}

.tn_bio_press {
	background-color: #b2761f;
	border-color: #b2761f;
}

.tn_bio_press:hover {
	background-color: #bb873a;
	border-color: #bb873a;
}

.tn_discography {
	background-color: #a03c1e;
	border-color: #a03c1e;
}

.tn_discography:hover {
	background-color: #ac5439;
	border-color: #ac5439;
}

.tn_videos_and_visions, .tn_sci-cast {
	background-color: #246f77;
	border-color: #246f77;
}

.tn_videos_and_visions:hover, .tn_sci-cast:hover {
	background-color: #3f8188;
	border-color: #3f8188;
}

.tn_shop {
	background-color: #a06661;
	border-color: #a06661;
}

.tn_shop:hover {
	background-color: #ac7974;
	border-color: #ac7974;
}

.tn_audio_mp3 {
	background-color: #f09e12;
	border-color: #f09e12;
}

.tn_audio_mp3:hover {
	background-color: #f5af34;
	border-color: #f5af34;
}

.tn_concerts {
	background-color: #7d7d77;
	border-color: #7d7d77;
}

.tn_concerts:hover {
	background-color: #8d8d88;
	border-color: #8d8d88;
}

.tn_photos {
	background-color: #c86d18;
	border-color: #c86d18;
}

.tn_photos:hover {
	background-color: #cf7f34;
	border-color: #cf7f34;
}

.tn_photos2 {
	background-color: #420;
	border-color: #420;
}

.tn_photos2:hover {
	background-color: #f5af34;
	border-color: #f5af34;
}

.tn_lyrics {
	background-color: #ad140c;
	border-color: #ad140c;
}

.tn_lyrics:hover {
	background-color: #b7312a;
	border-color: #b7312a;
}

.tn_art {
	background-color: #175c00;
	border-color: #175c00;
}

.tn_art:hover {
	background-color: #33701f;
	border-color: #33701f;
}

.tn_guestbook {
	background-color: #b59254;
	border-color: #b59254;
}

.tn_guestbook:hover {
	background-color: #be9f69;
	border-color: #be9f69;
}

.tn_contact {
	background-color: #e8e1c7;
	border-color: #e8e1c7;
}

.tn_contact:hover {
	background-color: #f6f2e5;
	border-color: #f6f2e5;
}

.tn_links {
	background-color: #50725e;
	border-color: #50725e;
}

.tn_links:hover {
	background-color: #658372;
	border-color: #658372;
}

.videoObject {
	background-color: black;
	border: #000 0.5em solid;
	margin-top: 1.2em;
	margin-bottom: 0.3em;
}

.videoObjectStartPage {
	margin-top: 0.2em;
	margin-bottom: 1.5em;
}

/* bredder procent */

.w22 {
	width: 22%;
}

.w23 {
	width: 23%;
}

.w24 {
	width: 24%;
}

.w25 {
	width: 25%;
}

.w29 {
	width: 29%;
}

.w30 {
	width: 30%;
}

.w36 {
	width: 36%;
}

.w40 {
	width: 40%;
}

.w41-5 {
	width: 41.5%;
}

.w44 {
	width: 44%;
}

.w46 {
	width: 46%;
}

.w47 {
	width: 47%;
}

.w49 {
	width: 49%;
}

.w50 {
	width: 50%;
}

.w52 {
	width: 52%;
}

.w53 {
	width: 53%;
}

.w55 {
	width: 55%;
}

.w57-5 {
	width: 57-5%;
}

.w60 {
	width: 60%;
}

.w61 {
	width: 61%;
}

.w63 {
	width: 63%;
}

.w64 {
	width: 64%;
}

.w70 {
	width: 70%;
}

.w75 {
	width: 75%;
}

.w75-5 {
	width: 75.5%;
}

.w76 {
	width: 76%;
}

.w77 {
	width: 77%;
}

.w100 {
	width: 100%;
}

/* bredder em */

.w1em {
	width: 1em;
}

.w2em {
	width: 2em;
}

.w3em {
	width: 3em;
}

.w4em {
	width: 4em;
}

.w5em {
	width: 5em;
}

.w6em {
	width: 6em;
}

.w6-75em {
	width: 6.75em;
}

.w7em {
	width: 7em;
}

.w7-5em {
	width: 7.5em;
}

.w8em {
	width: 8em;
}

.w9em {
	width: 9em;
}

.w10em {
	width: 10em;
}

.w11em {
	width: 11em;
}

.w12em {
	width: 12em;
}

.w13em {
	width: 13em;
}

.w19em {
	width: 19em;
}

.w20em {
	width: 20em;
}

.w20-5em {
	width: 20.5em;
}

.w21em {
	width: 21em;
}

.w23em {
	width: 23em;
}

.w27em {
	width: 27em;
	background-color: #CC0066;
}

.w28em {
	width: 28em;
	background-color: #CC0066;
}

.w29em {
	width: 29em;
}

.w29-25em {
	width: 29.25em;
}

.w29-5em {
	width: 29.5em;
}

.w30em {
	width: 30em;
}