@import url("contact.css");
@import url("klanten.css");
@import url("search.css");

html {overflow-y: scroll; height:100%;}
body {font: 13px/18px Arial,Helvetica,Verdana,sans-serif; height:100%; background:#e5e5e5 url(images/bg.jpg) repeat-x; }

h2, h3, h4, h5, h6 { color:#023049; text-transform:uppercase; line-height:1.25em;}

h2 a, h3 a, h4 a, h5 a, h6 a { color:#023049 !important; text-decoration:none !important; }

h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline !important; }

h2 { font-size:30px; padding-bottom:.5em; line-height:1em; }
h3 { font-size:19px; padding-bottom:.5em; }
h4 { font-size:16px; padding-bottom:.5em; }
h5 { font-size:14px; padding-bottom:.5em; }
h6 { font-size:12px; padding-bottom:.5em; }

p { margin-bottom:2em; }

a { color:#023049; outline:none; }
a:hover { text-decoration:none; }

small { font-size:80%; }

hr { height:0; border:0; border-top:1px solid #bbb; }

.fix { clear:both; }

.img_right { float:right; padding-left:20px; }
.img_left { float:left; padding-right:20px; }
.img_right_outside { float:right; position:relative; right:-20px; }
.img_left_outside { float:left; position:relative; left:-20px; }
.img_right_outside_top { float:right;position:relative; top:-10px; right:-20px; }
.img_left_outside_top { float:left; position:relative; top:-10px; left:-20px; }


#container { width:858px; margin:2em auto 440px; position:relative; }

#main_container_top, #main_container_bottom { background:no-repeat; padding:0 4px; }
#main_container_top { background:url(images/main-top.png) no-repeat; height:4px; }
#main_container { background:url(images/main.png) repeat-y; padding:0 4px; }
#main { min-height:500px; }
#main_container_bottom { background:url(images/main-bottom.png) no-repeat; height:8px; }


#header {
	background:url(images/header.png);
	height:250px;
	margin-bottom:26px;
	position:relative;
}

#header a { text-decoration:none; }
#header a:hover { text-decoration:underline; }

#header h1 a {
	display:block;
	text-indent:-9999px;
	width:480px;
	height:70px;
	background:url(images/bekroond.png) no-repeat;
	position:absolute;
	top:35px;
	left:35px;
}

#navhead {
	overflow:hidden;
	position:absolute;
	top:16px;
	right:16px;
}

#navhead ul {
	position:relative;
	right:-1px;
}

#navhead li {
	border-right:1px solid white;
	display:inline;
	float:left;
}

#navhead a {
	color:white;
	font-size:11px;
	padding:8px;
}

#navmain {
	font-size:20px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	background:url(images/menu_trans.png) repeat-x;
	width:850px;
}

#navmain ul { padding:0 20px; }

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

#navmain a {
	display:block;
	width:100px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/menu5.png) no-repeat;
}

#navmain a.select { cursor:default; }

#navmain .nav_nieuws { display:none; }
#navmain .nav_nieuws a { background-position:0 0; width:98px; }
#navmain .nav_nieuws a:hover { background-position:0 -45px; }
#navmain .nav_nieuws a.select { background-position:0 -90px; }

#navmain .nav_programmas a { background-position:-98px 0; width:162px; }
#navmain .nav_programmas a:hover { background-position:-98px -45px; }
#navmain .nav_programmas a.select { background-position:-98px -90px; }

#navmain .nav_prijzen a { background-position:-260px 0; width:96px; }
#navmain .nav_prijzen a:hover { background-position:-260px -45px; }
#navmain .nav_prijzen a.select { background-position:-260px -90px; }

#navmain .nav_vergelijk a { background-position:-356px 0; width:119px; }
#navmain .nav_vergelijk a:hover { background-position:-356px -45px; }
#navmain .nav_vergelijk a.select { background-position:-356px -90px; }

#navmain .nav_service a { background-position:-475px 0; width:99px; }
#navmain .nav_service a:hover { background-position:-475px -45px; }
#navmain .nav_service a.select { background-position:-475px -90px; }

#navmain .nav_demos a { background-position:-574px 0; width:99px; }
#navmain .nav_demos a:hover { background-position:-574px -45px; }
#navmain .nav_demos a.select { background-position:-574px -90px; }

#navmain .nav_referenties a { background-position:-673px 0; width:137px; }
#navmain .nav_referenties a:hover { background-position:-673px -45px; }
#navmain .nav_referenties a.select { background-position:-673px -90px; }


#navcontent {
	width:210px;
	float:left;
	display:inline;
	margin:0 0 50px 20px;
}

.home #navcontent { display:none; }

#navcontent ul {
	overflow:hidden;
/*	border-top:1px solid #ccc;*/
}

#navcontent li { display:inline; }

#navcontent a {
	display:block;
	padding:15px 8px 14px 15px;
	border-bottom:1px solid #ddd;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	white-space:nowrap;
	line-height:1em;
}

#navcontent a:hover { color:#b81f25; }

#navcontent .select a { background:url(images/sel2.gif) no-repeat 4px center; color:#b81f25; cursor:default; }

#navcontent li ul {
	margin:7px 0 1em;
}

#navcontent li ul a {
	text-transform:none;
	padding-left:20px;
	padding:8px 8px 8px 20px;
	white-space:normal;
	border:none;
	background:url(images/bullet_blue2.gif) no-repeat 8px 13px;
	color:#555;
}

#content {
	width:565px;
	float:right;
	color:#444;
	clear:right;
	display:inline;
	margin:0 50px 30px 0;
	width:535px;
	clear:right;
}

.home #content { width:810px; /*overflow:hidden;*/ margin:0 0 20px 30px; float:left; }

.home #content .home-col { width:240px; float:left; margin-right:30px; position:relative; padding-bottom:70px; }

#content .home-col { width:250px; float:left; margin-right:30px; }

/*#content .home-col:last-child { margin-right:0; }*/

.home #content h3 { font-size:18px; }

#content b {
	color:#111;
}

#content a {
	color:#b81f25;
	text-decoration:underline;
}

#content a:hover {
	color:#023049;
	text-decoration:none;
}

#content a.external { background:url(images/external2.png) no-repeat right center; padding-right:13px;
}

#content a.pdf { background:url(images/pdf.gif) no-repeat right center; padding-right:20px; }

#content a.on { color:#002d55; }
#content a.nahw { color:#003969; }
#content a.noa { color:#00b8ec; }
#content a.tin { color:#6c8a1b; }
#content a.rn { color:#bf281e; }
#content a.kvds { color:#4784c4; }

#content a img {
/*	display:inline-block;*/
}

#content ul {
	margin-bottom:1em;
}

#content ul li {
	background:url(images/bullet.gif) no-repeat .5em .5em;
	padding:0 0 .5em 1.5em;
}

#content ol {
	list-style:decimal;
	margin:0 0 1em 1.5em;
}

#content ol li {
	padding:0 0 .5em 0;
}

#content ul ol li {
	background:none;
}

#content li a {
	color:#333;
}

#content .horizontal-center { float:right; position:relative; left:-50%; }

#content .horizontal-center ul.horizontal-links { position:relative; left:50%; }

#content .horizontal-center ul.horizontal-links li { position:relative; }

#content ul.horizontal-links { overflow:auto; margin:0; padding-bottom:1em; }

#content ul.horizontal-links li { float:left; display:inline; background:none; margin-right:1em; padding:.25em 0 .25em 1em; border-left:1px solid #ccc;  }

#content ul.horizontal-links li:first-child { border:none; }

#content table {
	border-collapse:collapse;
	margin-bottom:2em;
	width:100%;
	color:#333;
	background:white;
/*	border:2px solid transparent;*/
}

#content table tr.even {
	background:#fdfdfd;
/*	background:#fafafa;*/
/*	background:#fcfcfc;*/
}

#content table th,
#content table td {
	border:1px solid #ddd;
	padding:.65em .75em;
	vertical-align:top;
}

th {
	font-weight:bold;
	text-transform:uppercase;
/*	background:#1ab7ea;*/
/*	border-color:#009cce;*/
/*	color:#333;*/
	color:black;
/*	color:#023049;*/
	background:#f3f3f3;
	background:#eee url(images/table_highlight_trans2.png) no-repeat;
/*	background:#6d8a1c;*/
/*	color:white;*/
/*	border-color:#617e0d !important;*/
/*	background:#333;*/
/*	border-color:#555 !important;*/
}

#productonderdelen, .vergelijking { table-layout:fixed; }
#productonderdelen th { background-color:white; border:none !important; border-right:2px solid white !important; padding:0 !important; }

.vergelijking { font-size:12px; }

th.on,
th.nahw,
th.noa,
th.tin,
th.rn,
th.kvds,
th.pp {
	width:50px !important;
	height:110px;
	text-indent:-9999px;
	background:yellow no-repeat center -12px;
}

th.onderdeel { width:40%; }
th.prijzen { width:33%; }
th.winkel { width:20%; }

th.on { background-image:url(images/th_on.png); /*background-color:#002d55 !important;*/ }
th.nahw { background-image:url(images/th_nahw.png); /*background-color:#003969 !important;*/ }
th.noa { background-image:url(images/th_noa.png); /*background-color:#00b8ec !important;*/ }
th.tin { background-image:url(images/th_tin.png); /*background-color:#6c8a1b !important;*/ }
th.rn { background-image:url(images/th_rn.png); /*background-color:#bf281e !important;*/ }
th.kvds { background-image:url(images/th_kvds.png); /*background-color:#4784c4 !important;*/ }
th.pp { background-image:url(images/th_pp.png); /*background-color:#333333 !important;*/ }

td.check,
td.star { text-indent:-9999px; background-image:url(images/check_pp.png); background-repeat:no-repeat; background-position:center; }
td.star { background-image:url(images/star_pp.png); }

td.on { background-image:url(images/check_on.png); }
td.nahw { background-image:url(images/check_nahw.png); }
td.noa { background-image:url(images/check_noa.png); }
td.tin { background-image:url(images/check_tin.png); }
td.rn { background-image:url(images/check_rn.png); }
td.kvds { background-image:url(images/check_kvds.png); }

td.star_on { background-image:url(images/star_on.png); }
td.star_nahw { background-image:url(images/star_nahw.png); }
td.star_noa { background-image:url(images/star_noa.png); }
td.star_tin { background-image:url(images/star_tin.png); }
td.star_rn { background-image:url(images/star_rn.png); }
td.star_kvds { background-image:url(images/star_kvds.png); }

#content .note { border:1px solid #ccc; padding:1em; border-color:#e7e928; background-color:#fafbbd; color:#222; }
#content .note a { color:black; }
#content .note b { color:black; text-transform:uppercase; }

#content .star_note { background:#fafbbd url(images/star_pp.png) no-repeat 12px center; padding-left:28px; }
#content .star_note span { display:none; }

#content table.onderdelen td { vertical-align:middle; }
#content .onderdelen a.icon {
	background: url(../images/on.png) no-repeat left center;
	padding:12px 0 12px 70px;
	display:inline-block;
	color:#333;
}

#content .onderdelen a.on { background-image:url(../images/on.png); }
#content .onderdelen a.nahw { background-image:url(../images/nahw.png); }
#content .onderdelen a.noa { background-image:url(../images/noa.png); }
#content .onderdelen a.tin { background-image:url(../images/tin.png); }
#content .onderdelen a.rn { background-image:url(../images/rn.png); }
#content .onderdelen a.kvds { background-image:url(../images/kvds.png); }


#content .preview img { padding:4px; border:1px solid #ddd; }

#content .preview a:hover img { border-color:#aaa; }


#content #player, #content #player1, #content #player2,
#content #player3, #content #player4, #content #player5,
#content #player6, #content #player7, #content #player8,
#content #player9 { padding:4px; border:1px solid #ddd; width:544px; /*margin-bottom:2em;*/ }

#content .ast { color:#ffc71e; }


#content .content_nieuws h2 {
	font-size:26px;
/*	padding-bottom:.25em;*/
}

/*#content .subject-intro h2 { font-size:30px; }*/

#content .newsitem {
	padding-bottom:1em;
}

#content .newsitem h3 {
	padding-bottom:0.25em;
}

#content .newsitem p {
	margin-bottom:1em;
}

#content .date {
	color:#35596d;
	font-size:12px;
	font-style:italic;
	font-family:georgia, serif;
}

#content .date a {
	color:#35596d;
	text-decoration:none;
}

#content .date a:hover {
	text-decoration:underline;
}

#content .tags {
	font-weight:bold;
	color:#313131;
}

#content .tags a {
	font-weight:normal;
	background:url(images/icons/tag.png) no-repeat left center;
	padding:0 5px 0 20px;
	display:inline-block;
}

#content .addthis_button {
	float:right;
	margin-right:10px;
}

#content #pagination {
	padding:2em 0;
	overflow:auto;
}

#content #pagination a, #content #pagination b {
	padding:.5em;
	border:1px solid #e5ebf0;
	width:1em;
	line-height:1em;
	display:inline-block;
	text-align:center;
	text-decoration:none;
	margin-bottom:.5em;
	background:white;
	color:#003768;
}

#content #pagination a:hover {
	background:#f5f7f9;
}

#content #pagination b.page {
	background:#003768;
	border-color:#003768;
	color:white;
}

#content #pagination b.label {
	padding-right:10px;
	padding-left:0;
	width:auto;
	border:none;
	color:#313131;
}


#acties, #reactie, #doorsturen { display:none; }

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

#acties ul li { margin:.5em 0; }

#acties ul li#actie_reactie { background: url(images/icons/pen.gif) no-repeat 0 2px; padding-left:2em; }

#acties ul li#actie_door { background: url(images/icons/envelop.gif) no-repeat 0 2px; padding-left:2em; }

#acties ul li#actie_print { background: url(images/icons/printer.gif) no-repeat 0 2px; padding-left:2em; }

#acties ul li#actie_abo { background: url(images/icons/feed.gif) no-repeat 0 2px; padding-left:2em; }



#content #home-onderdelen {
	margin:0;
}

#content #home-onderdelen li {
	background:none;
	padding:0;
	display:inline;
}

#content #home-onderdelen li a {
	padding:.85em 10px;
	background:url(images/bg_colors2.png) no-repeat;
	border-bottom:2px solid white;
	display:block;
	text-decoration:none;
	color:white;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}

#content #home-onderdelen li a:hover { opacity:.95; filter:alpha(opacity=95); padding-left:15px; }

#content #home-onderdelen li.on a { background-color:#002b54; background-position:left 0; }
#content #home-onderdelen li.nahw a { background-color:#003768; background-position:left -75px; }
#content #home-onderdelen li.noa a { background-color:#1ab7ea; background-position: left -150px; }
#content #home-onderdelen li.tin a { background-color:#6d8d23; background-position:left -225px; }
#content #home-onderdelen li.rn a { background-color:#b81f25; background-position:left -300px; }
#content #home-onderdelen li.kvds a { background-color:#5481c2; background-position:left -375px; }

#content #response { padding-top:1em; }

#content .ok { color:green; text-transform:none; font-weight:normal; }

#content .ok a { display:inline; }

#content p.error, #content div.error { color:red; }

#content .warning { color:white; background:#2d62a2; padding:10px; font-size:1.1em; }

#content .redir { color:white; background:#b81f25; padding:15px; font-size:1.25em; line-height:1.5em; margin:-10px 0 2em -10px; }

#content .content_home .redir { padding:16px; font-size:1.35em; margin:-10px 10px 20px -10px; text-align:center; }

.redir div { padding-top:.75em; }

#content .redir a { color:white; }
#content .redir a:hover { color:#EFDADA; }



#downloads {
	
}

#content #downloads li {
	background:none;
	padding:0 0 1.5em;
}

#downloads h3 { width:330px; }

#downloads li.on h3,
#downloads li.nahw h3,
#downloads li.noa h3,
#downloads li.tin h3,
#downloads li.rn h3,
#downloads li.kvds h3 {
	background:url(images/bg_colors2.png) no-repeat;
	color:white;
	padding:.75em;
	margin:0 0 .5em;
	font-weight:bold;
}

#downloads li.on h3 { background-color:#002b54; background-position:left 0; }
#downloads li.nahw h3 { background-color:#003768; background-position:left -75px; }
#downloads li.noa h3 { background-color:#1ab7ea; background-position:left -150px; }
#downloads li.tin h3 { background-color:#6d8d23; background-position:left -225px; }
#downloads li.rn h3 { background-color:#b81f25; background-position:left -300px; }
#downloads li.kvds h3 { background-color:#5481c2; background-position:left -375px; }


#content #downloads li ul li {
	display:inline;
	padding:0 10px;
}

/*#content #link { float:left; margin-right:10px; }*/

#content #link, #content #terug { padding-top:1.5em; }
#content #link a, #content #terug a1 { padding:1em 2em; background:url(images/bg_colors2.png) no-repeat; color:white; font-weight:bold; text-decoration:none; -moz-border-radius:3px 3px; -webkit-border-radius:3px 3px; text-transform:uppercase; font-size:90%; }
#content #link a:hover, #content #terug a1:hover { text-decoration:underline; opacity:.9; }

#content #link a.on, #content #terug a1.on { background-color:#002b54; background-position:left 0; }
#content #link a.nahw, #content #terug a1.nahw { background-color:#003768; background-position:left -75px; }
#content #link a.noa, #content #terug a1.noa { background-color:#1ab7ea; background-position:left -150px; }
#content #link a.tin, #content #terug a1.tin { background-color:#6d8d23; background-position:left -225px; }
#content #link a.rn, #content #terug a1.rn { background-color:#b81f25; background-position:left -300px; }
#content #link a.kvds, #content #terug a1.kvds { background-color:#5481c2; background-position:left -375px; }

/*#content #terug a.kvds { background:url(images/bekijk_demo.png) -10px; }*/


#home-intro {
	position:relative;
	margin-left:270px;
	min-height:250px;
}

#home-intro h2 { font-size:28px; }

#stapel { position:absolute; top:-38px; left:-315px; }

#logos { margin:0; }

#logos img { border:1px solid #ddd; width:60px; margin-right:6px; padding:8px; background:white; }
#logos img:hover { border-color:#bbb; }

#kijk_vergelijk,
#bekijk_testi,
#off_aanvraag { margin-bottom:0; }

#kijk_vergelijk a,
#bekijk_testi a,
#off_aanvraag a { display:block; overflow:hidden; text-indent:-9999px; background:url(images/kijk_vergelijk.png) no-repeat; width:250px; height:70px; position:absolute; /*top:140px;*/ left:-5px; }

#bekijk_testi a { background-image:url(images/bekijk_testi2.png); }
#off_aanvraag a { background-image:url(images/off_aanvragen2.png); }

#kijk_vergelijk a:hover,
#bekijk_testi a:hover,
#off_aanvraag a:hover { opacity:.9; }


#klantenScroll { overflow:auto; margin:0 30px; padding-bottom:.5em; clear:both; }
#klantenScroll h4 { font-size:14px; border-bottom:1px solid #ccc; margin-bottom:.5em; }
#klantenScroll div { overflow:hidden; width:720px; height:65px; float:left; position:relative; }
#klantenScroll ul { position:relative; overflow:auto; right:0; }
#klantenScroll li { display:inline; float:left;padding:0;background:none; }
#klantenScroll li a { display:block; padding:10px 12px; background:white; border:1px solid white; }
#klantenScroll li a:hover { border-color:#ccc; }
#klantenScroll li img { width:64px; height:36px; }

#klantenScroll #scroll_left,
#klantenScroll #scroll_right { display:block; text-indent:-9999px; overflow:hidden; width:35px; height:63px; float:left; }

#klantenScroll #scroll_left { background:url(/styles/images/scroll_left.png) no-repeat 10px center;  }
#klantenScroll #scroll_right { background:url(/styles/images/scroll_right.png) no-repeat 10px center; }

#klantenScroll #scroll_left:hover,
#klantenScroll #scroll_right:hover { background-position: -75px center; }


/*
#footer { clear:both; }

#copyright { text-align:center; margin-top:1em; padding-bottom:2em; }

#copyright a { text-decoration:none; color:black; }
#copyright a:hover { text-decoration:underline; }
*/

#quick {
	display:none;
	margin:0 20px;
	padding:0 0 20px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
}

#quick h4 {
	font-size:14px;
	margin:0 9px 0 9px;
	padding:16px 0 6px;
	border-top:1px solid #ddd;
	color:#111;
}

#quick ul {
	margin:0 9px 0 9px;
	overflow:hidden;
	position:relative;
	height:1.5em;
}

#quick li {
	background: no-repeat left center;
	padding-left:18px;
/*	position:relative;*/
	position:absolute;
	white-space:nowrap;
}

#quick a { color:black; text-decoration:none; }

#quick a:hover { text-decoration:underline; }

#quick span { font-size:11px; /*font-style:italic;*/ color:gray; }




#foot-wrapper {
	overflow:hidden;
	min-width:1000px;
	height:400px;
/*	background:#003969 url(images/footer-bg.png) repeat-x;*/
	background:#023049 url(images/footer-bg.png) repeat-x center bottom;
	position:relative;
	margin-top:-400px;
}

#footer-line1 {
	background:url(images/line-blue.png) repeat-y center top;
	height:100%;
}

#footer {
	margin:0 auto;
	overflow:auto;
	width:858px;
	padding:20px 0 0;
	position:relative;
}

#footer a, #footer h4, #footer p, #footer li {
	color:white;
}

#crumb {
	overflow:auto;
	margin-bottom:10px;
	width:858px;
}

#crumb ol {
	overflow:auto;
	border:1px solid white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#crumb ol li {
	display:inline;
}

#crumb ol li a, #crumb ol li span {
	display:block;
	float:left;
	width:auto;
	padding:.5em 3em .5em 2em;
	background:url(/redesign/styles/images/crumb-arrow3.png) no-repeat center right;
	color:#c0cbd1;
}

#crumb ol li a:hover {
	color:white;
}

#crumb ol li span {
	background:none;
	cursor:default;
	color:white;
}

#crumb #crumb-lang {
	position:absolute;
	z-index:10;
	right:0;
	padding:0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:.25em .25em;
}

#crumb #crumb-lang li {
/*	display:block;*/
/*	display:inline;*/
}

#crumb #crumb-lang li a {
	display:block;
	background:none;
/*	float:none;*/
	padding:.25em 1em .25em 40px;
}

#crumb #crumb-lang li.nl a {
	background:url(/itp/images/flags/24/nl.png) no-repeat 8px center;	
}

#crumb #crumb-lang li.en a {
	background:url(/itp/images/flags/24/gb.png) no-repeat 8px center;
}

#footer .foot-nav-row {
	overflow:auto;
	margin-bottom:20px;
	font-size:11px;
}

#footer .foot-nav-row .foot-nav-col {
	margin-right:45px;
	float:left;
	max-width:150px;
}

#footer .foot-nav-row .nieuws {
	width:150px;
}

#footer .foot-nav-row .service {
margin-right:0;
}

#footer .foot-nav-row .foot-nav-col ul li a {
	display:block;
}




#footer h4 {
	margin-top:.75em;
	text-transform:uppercase;
}

#footer h4 a {
	color:#c0cbd1 !important;
}

#footer ul {
	list-style:disc;
	padding-left:1.5em;
}


#footer #copy {
	width:858px;
	font-size:11px;
	text-align:right;
	clear:both;
	padding:17px 0 20px;
	border-top:1px solid #c0cbd1;
}

#footer #copy p {
	margin-top:3px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

ul#social {
	list-style:none;
	text-align:left;
	text-indent:-9999px;
	padding:0;
}

ul#social li {
	float:left;
	display:inline;
	margin-right:12px;
}

ul#social li a {
	width:24px;
	height:24px;
	display:block;
	opacity:.6;
}

ul#social li a:hover { opacity:1; }

#social #social-youtube { background:url(images/social/social.png) no-repeat left top; }
#social #social-youtube:hover { background-position:left bottom; }

#social #social-twitter { background:url(images/social/social.png) no-repeat -24px top; }
#social #social-twitter:hover { background-position:-24px bottom; }

#social #social-linkedin { background:url(images/social/social.png) no-repeat -48px top; }
#social #social-linkedin:hover { background-position:-48px bottom; }

#social #social-feed { background:url(images/social/social.png) no-repeat right top; }
#social #social-feed:hover { background-position:right bottom; }


#output {
	border:1px solid red;
	clear:both;
	white-space:pre;
	overflow:hidden;
	padding:1em;
	display:none;
}