/*======================================================================

 ----------------------------------------------------------------------
|                  Heid Sömer Ergotherapiepraxis                       |
|                  http://www.ergotherapie-soemer.de                   |
 ----------------------------------------------------------------------

  [1] Grundeinstellungen ........................................... 21

  [2] Definition der Layoutelemente ................................ 56
    [2.1] Grundlayout .............................................. 60
	[2.2] Header-Bereich ...................................... 122
	[2.3] Inhaltsbereich ...................................... 176	
	[2.4] Footer-Bereich ...................................... 225

  [3] Definition der Textformatierungen ........................... 481
      [3.1] Überschriften ......................................... 485
      [3.2] Standardlinks ......................................... 516
      [3.3] Sonstige Textformatierungen ........................... 535

  [4] Definition der Inhaltselemente .............................. 572
      [4.1] Bildergalerie ......................................... 576
      [4.2] Kontaktformular ....................................... 592
      [4.3] Inhaltsverzeichnis .................................... 631
      [4.4] Lexikon ............................................... 679
      [4.5] Praxisinhaberin ....................................... 723
      [4.6] Lytebox Formatierungen ................................ 829		


Autor: Björn Cramer
=======================================================================*/


/* ------------------------------------------------------------------- *
   [1] Grundeinstellungen
/* ------------------------------------------------------------------- */

html, body, div, ul, li, span,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
a, img, b, p, blockquote, th, td {  
	margin: 0;  
	padding: 0;  
	font-size: 100%;  
	font: inherit;  
	vertical-align: baseline;
} 

p { 
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

.screenreader {
	position: absolute;
	width: 0;
	height: 0;
	top: -20000px;
	left: -20000px;
	overflow: hidden;
}

.displaynone {
	display: none;
}



/* ------------------------------------------------------------------- *
   [2] Definitionen der Layoutelemente
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- *
   [2.1] Grundlayout
/* ------------------------------------------------------------------- */

html,
body {
	height: 100%;
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: justify;
}

#background_image {
	position: fixed;
	height: 100%;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.fullsize1 {
	background: url(../imgages/fullsize1.jpg) no-repeat center center fixed;
}

.fullsize2 {
	background: url(../imgages/fullsize2.jpg) no-repeat center center fixed;
}

.fullsize3 {
	background: url(../imgages/fullsize3.jpg) no-repeat center center fixed;
}

.fullsize4 {
	background: url(../imgages/fullsize4.jpg) no-repeat center center fixed;
}

.fullsize5 {
	background: url(../imgages/fullsize5.jpg) no-repeat center center fixed;
}

#bodyHeader_background {
	position: absolute;
	width: 980px;
	height: 255px;
	left: 50%;
	margin-left: -490px;
	z-index: 90;
}

#headerContainer {
	position: absolute;
	width: 900px;
	height: 255px;
	top: 0px;
	left: 40px;
	z-index: 20;
}

#bodyArrow_background {
	position: absolute;
	width: 980px;
	height: 5px;
	left: 50%;
	margin-left: -490px;
	z-index: 80;
}

#arrow_left,
#arrow_right {
	position: absolute;
	width: 50px;
	height: 55px;
	top: 0px;
	padding: 440px 0px 0px 0px;
}

#arrow_left {
	left: 0px;
}

#arrow_right {
	right: 0px;
}

#arrow_left a,
#arrow_right a {
	display: block;
	width: 50px;
	height: 55px;
}

#arrow_left a:link,
#arrow_left a:visited,
#arrow_right a:link,
#arrow_right a:visited {
	background-position: top center;
	background-repeat: no-repeat;
}

#arrow_left a:hover,
#arrow_left a:active,
#arrow_left a:focus,
#arrow_right a:hover,
#arrow_right a:active,
#arrow_right a:focus {
	background-position: 0 -55px;
	background-repeat: no-repeat;
}

#arrow_left a:link,
#arrow_left a:visited {
	background-image: url(../images/buttonArrow_left.png);
}

#arrow_left a:hover,
#arrow_left a:active,
#arrow_left a:focus {
	background-image: url(../images/buttonArrow_left.png);
}

#arrow_right a:link,
#arrow_right a:visited {
	background-image: url(../images/buttonArrow_right.png);
}

#arrow_right a:hover,
#arrow_right a:active,
#arrow_right a:focus {
	background-image: url(../images/buttonArrow_right.png);
}

#bodyMain_background {
	position: absolute;
	width: 930px;
	height: auto;
	top: 90px;
	left: 50%;
	margin-left: -490px;
	padding: 0px 25px 100px 25px;
	z-index: 10;
}

#mainContainer_content {
	position: relative;
	float: left;
	width: 840px;
	height: auto;
	padding: 150px 50px 0px 40px;
	z-index: 40;
	background-color: #ffffff;
	-moz-box-shadow: 0 0 8px #bbbbbb;
	-webkit-box-shadow: 0 0 8px #bbbbbb;
	box-shadow: 0 0 8px #bbbbbb;
	border-radius: 5px;
	background-image: url(../images/bg_footernavigation.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

#mainContainer_footer {
	position: relative;
	float: left;
	clear: both;
	width: 675px;
	height: 200px;
	padding: 0px 165px 0px 0px;
	font-size: 12px;
	z-index: 20;
}



/* ------------------------------------------------------------------- *
   [2.2] "Header-Bereich"
/* ------------------------------------------------------------------- */

#logo {
	position: absolute;
	width: 228px;
	height: 195px;
	top: 15px;
	left: 32px;
	border: 0;
	z-index: 1;
}

#skipnavigation {
	position: absolute;
	width: 0px;
	height: 0px;
}

#hilfsnavigation {
	position: absolute;
	width: 600px;
	top: 110px;
	right: 0px;
}

#hauptnavigation {
	position: absolute;
	width: 600px;
	height: 25px;
	top: 160px;
	right: 3px;
}



/* ------------------------------------------------------------------- *
   [2.3] "Inhaltsbereich"
/* ------------------------------------------------------------------- */

#content {
	position: relative;
	float: right;
	width: 530px;
	z-index: 60;
}

#content_sidebar {
	position: relative;
	float: left;
	width: 300px;
	padding: 0px 0px 60px 0px;
	z-index: 60;
}

#sidebarImage {
	position: relative;
	float: left;
	width: 275px;
	height: 230px;
	padding: 10px 15px 0px 10px;
	background-image: url(../images/bg_sidebar_image.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#unternavigation {
	position: relative;
	float: left;
	width: 300px;
	height: auto;
	padding: 0px 0px 10px 0px;
	background-image: url(../images/bg_unternavigation.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

#unternavigation_inner {
	position: relative;
	float: left;
	width: 275px;
	height: auto;
	padding: 0px 15px 0px 10px;
	background-image: url(../images/bg_unternavigation_mitte.png);
	background-position: top center;
	background-repeat: repeat-y;
}

.sidebarModul_on {
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0px 0px 0px;
	background-image: url(../images/bg_sidebarModul.png);
	background-position: top center;
	background-repeat: repeat-y;
}

.sidebarModul_on h4 {
	position: relative;
	width: 210px;
	height: 20px;
	padding: 25px 50px 5px 40px;
}

.sidebarModul_on p {
	position: relative;
	width: 220px;
	height: auto;
	padding: 10px 40px 30px 40px;
	background-image: url(../images/bg_sidebarModul_last.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

.sidebarModul_off,
.sidebarModul_off h4,
.sidebarModul_off p {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	display: none;
}

.modulInfo {
	background-image: url(../images/bg_sidebarModul_header1.png);
	background-position: top center;
	background-repeat: no-repeat;
}

.modulFrage {
	background-image: url(../images/bg_sidebarModul_header2.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#contentService {
	position: relative;
	float: left;
	width: 530px;
	height: 40px;
}

#contentService_left {
	position: relative;
	float: left;
	width: 315px;
	height: 18px;
	padding: 12px 10px 10px 25px;
	background-image: url(../images/bg_contentService_left.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#contentService_right {
	position: relative;
	float: right;
	width: 130px;
	height: 40px;
	padding: 0px 0px 0px 25px;
	background-image: url(../images/bg_contentService_right.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#contentText {
	position: relative;
	float: left;
	width: 505px;
	height: auto;
	padding: 35px 0px 10px 25px;
}



/* ------------------------------------------------------------------- *
   [2.4] "Footer-Bereich"
/* ------------------------------------------------------------------- */

#footerBlock1 {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
}

#footerBlock1 p {
	position: absolute;
	top: -50px;
	z-index: 80;
}

#footerBlock2,
#footerBlock3 {
	position: relative;
	float: left;
	height: 90px;
}

#footerBlock2 {
	padding: 85px 25px 25px 0px;
}

#footerBlock3 {
	padding: 85px 0px 25px 0px;
}

#footerBlock2 p,
#footerBlock3 p {
	white-space: nowrap;
}



/* ------------------------------------------------------------------- *
   [2.5] "Navigations- und Listenelemente (mit Textformatierungen)"
/* ------------------------------------------------------------------- */


/* Übergreifende Navigationselemente */

#hilfsnavigation ul,
#hauptnavigation ul {
	float: right;
}

#skipnavigation ul li,
#hilfsnavigation ul li,
#hauptnavigation ul li,
#unternavigation ul li,
#contentService ul li {
	list-style: none;
	float: left;
}


/* Skipnavigation */

#skipnavigation ul li a {
	position: absolute;
	width: 0;
	height: 0;
	top: -20000px;
	left: -20000px;
	overflow: hidden;
}

#skipnavigation ul li a:focus,
#skipnavigation ul li a:active {
	display: block;
	position: absolute;
	width: 214px;
	height: 22px;
	top: 0px;
	left: 647px;
	border: none;
	background: #ffffff;
	color: #48bcbc;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	vertical-align: middle;
	z-index: 100;
}


/* Hilfsnavigation */

#hilfsnavigation ul li+li {
	padding: 0px 5px 0px 5px;
	border-left: 1px solid #000000;
}

#hilfsnavigation ul li a {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

#hilfsnavigation a.on,
#hilfsnavigation a:hover,
#hilfsnavigation a:focus {
	text-decoration: underline;
}


/* Hauptnavigation */

#hauptnavigation ul li a {
	display: block;
	padding: 5px 12px 5px 12px;
	color: #cd1619;
	font-size: 20px;
}

#hauptnavigation a.on,
#hauptnavigation a:hover,
#hauptnavigation a:focus {
	color: #000000;
}

#hauptnavigation ul li a span {
	margin-right: 3px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}


/* Unternavigation */

#unternavigation ul li {
	margin-top: 0px;
	border-top: 1px solid #ffffff;
}

#unternavigation ul li a {
	display: block;
	width: 215px;
	padding: 12px 30px 12px 30px;
	background-image: url(../images/bg_unternavi.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #cd1619;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#unternavigation a.on,
#unternavigation a:hover,
#unternavigation a:focus {
	display: block;
	width: 215px;
	padding: 12px 30px 12px 30px;
	background-image: url(../images/bg_unternavi.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #cd1619;
	color: #9fc756;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}



/* ------------------------------------------------------------------- *
   [3] Definitionen der Textelemente
/* ------------------------------------------------------------------- */

/* ------------------------------------------------------------------- *
   [3.1] Überschriften
/* ------------------------------------------------------------------- */

h1 {
	color: #000000;
	font-size: 6px;
}

h2 {
	color: #000000;
	font-size: 6px;
}

h3 {
	color: #000000;
	font-size: 16px;
}

h4, h5, h6 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}



/* ------------------------------------------------------------------- *
   [3.2] Standardlinks
/* ------------------------------------------------------------------- */

a:link,
a:visited {
	color: #000000;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #000000;
	text-decoration: underline;
}

.sidebarModul_on a:link,
.sidebarModul_on a:visited {
	color: #000000;
	text-decoration: underline;
}

.sidebarModul_on a:hover,
.sidebarModul_on a:active,
.sidebarModul_on a:focus {
	color: #cd1619;
	text-decoration: underline;
}



/* ------------------------------------------------------------------- *
   [3.3] Sonstige Textformatierungen
/* ------------------------------------------------------------------- */

html,
body {
	color: #000000;
	font-family: Arial, Trebuchet, Lucida, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: justify;
}

#contentText {
	font-size: 12px;
	line-height: 18px;
}

#contentText a:hover,
#contentText a:active,
#contentText a:focus {
	color: #cd1619;
}

#contentText ul {
	padding: 8px 0px 12px 20px;
	list-style-type: square;
	list-style-position: outside;
}

#contentText ul li {
	margin: 0px 0px 8px 0px;
}

#contentText h3 {
	margin-bottom: 8px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

.sprunganker {
	float: right;
	text-align: right;
	font-size: 11px;
}

.textblock {
	margin-bottom: 30px;
}



/* ------------------------------------------------------------------- *
   [4.1] Bildergalerie
/* ------------------------------------------------------------------- */

#praxisImage_text_unten {
	float: left;
	width: 480px;
	padding: 60px 0px 0px 0px;
}

#praxisImage_text,
#praxisImage_text_unten {
	font-weight: bold;
}

.praxisImage,
.praxisImage_right {
	float: left;
	width: 102px;
	height: 102px;
}

.praxisImage {
	margin: 32px 32px 0px 0px;
}

.praxisImage_right {
	margin: 32px 0px 0px 0px;
}

.praxisImage a,
.praxisImage_right a {
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	padding: 10px;
	border: 1px solid #d8d8d8;
	background-color: #f0f0f0;
}

.praxisImage a:hover,
.praxisImage a:active,
.praxisImage a:focus,
.praxisImage_right a:hover,
.praxisImage_right a:active,
.praxisImage_right a:focus {
	border: 1px solid #000000;
	background-color: #000000;
	cursor: pointer;
}



/* ------------------------------------------------------------------- *
   [4.2] Kontaktformular
/* ------------------------------------------------------------------- */

.tbBeschreibung {
	width: 200px;
	padding: 5px 0px 5px 0px;
	vertical-align: middle;
}

.tbEingabe {
	width: 300px;
	padding: 5px 0px 5px 0px;
	vertical-align: middle;
}

.input_text {
	width: 300px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #d8d8d8;
	background-color: #f0f0f0;
}

.textarea_text {
	width: 300px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #d8d8d8;
	background-color: #f0f0f0;
}

.select_text {
	padding: 5px 5px 5px 5px;
	border: 1px solid #d8d8d8;
	background-color: #f0f0f0;
}

.input_submit,
.input_reset {
	width: 150px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #d8d8d8;
}

.input_submit {
	float: left;
}

.input_reset {
	float: right;
}

.input_submit:hover,
.input_submit:focus,
.input_reset:hover,
.input_reset:focus {
 	border: 1px solid #000000;
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
}



/* ------------------------------------------------------------------- *
   [4.3] Inhaltsverzeichnis
/* ------------------------------------------------------------------- */

.inhaltsverzeichnisBox,
.inhaltsverzeichnisBox_right {
	float: left;
	width: 240px;
}

.inhaltsverzeichnisBox {
	margin: 25px 25px 0px 0px;
}

.inhaltsverzeichnisBox_right {
	margin: 25px 0px 0px 0px;
}

.inhaltsverzeichnisBox h4,
.inhaltsverzeichnisBox_right h4 {
	padding: 5px 7px 7px 10px;
	background-color: #000000;
	color: #ffffff;
}

.inhaltsverzeichnisBox ul,
.inhaltsverzeichnisBox_right ul {
	padding: 0px 5px 10px 10px;
	border: 1px solid #d8d8d8;
	background-color: #f0f0f0;
	list-style: none;
}

.inhaltsverzeichnisBox ul li,
.inhaltsverzeichnisBox_right ul li {
	list-style: none;
	margin: 5px 0px 0px 0px;
}

.inhaltsverzeichnisBox ul li a,
.inhaltsverzeichnisBox ul li a:hover,
.inhaltsverzeichnisBox ul li a:active,
.inhaltsverzeichnisBox ul li a:focus,
.inhaltsverzeichnisBox_right ul li a,
.inhaltsverzeichnisBox_right ul li a:hover,
.inhaltsverzeichnisBox_right ul li a:active,
.inhaltsverzeichnisBox_right ul li a:focus {
	padding: 5px;
	list-style: none;
}



/* ------------------------------------------------------------------- *
   [4.4] Lexikon
/* ------------------------------------------------------------------- */

#lexikonNavigation {
	float: left;
	width: 481px;
	padding: 11px 11px 11px 11px;
	border: 1px solid #000000;
}

#lexikonNavigation p {
	padding: 0px 3px 7px 3px;
}

#lexikonNavigation ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;	
}

#lexikonNavigation ul li {
	float: left;
	width: 31px;
	padding: 3px 3px 3px 3px;
	list-style: none;
}

#lexikonNavigation ul li a {
	float: left;
	width: 25px;
	padding: 6px 2px 6px 2px;
	border: 1px solid #d8d8d8;
	background-color: #f0f0f0;
	text-align: center;
	list-style: none;
}

#lexikonNavigation a.on,
#lexikonNavigation a:hover,
#lexikonNavigation a:focus {
	border: 1px solid #000000;
	background-color: #000000;
	color: #ffffff;
	list-style: none;
}

.lexikonBuchstabe {
	float: left;
	width: 505px;
	padding: 30px 0px 0px 0px;
}

.lexikonBuchstabe_Modul {
	float: left;
	width: 505px;
	padding: 10px 0px 10px 0px;
}

.modulInner_left {
	float: left;
	width: 150px;
}

.modulInner_right {
	float: right;
	width: 330px;
}



/* ------------------------------------------------------------------- *
   [4.5] Praxisinhaberin
/* ------------------------------------------------------------------- */

.contentPraxisteam {
	float: left;
	display: block;
	width: 505px;
	height: auto;
	padding: 0px 0px 40px 0px;
}

.img_praxisteam {
	float: left;
	display: block;
	width: 140px;
	height: 202px;
	padding: 0px 0px 0px 0px;
}

.text_praxisteam {
	float: right;
	display: block;
	width: 345px;
	height: auto;
}

.text_praxisteam ul {
	padding: 5px 0px 5px 20px;
	list-style-type: square;
	list-style-position: outside;
}

.text_praxisteam ul li {
	margin: 0px 0px 4px 0px;
}



/* ------------------------------------------------------------------- *
   [4.6] Lytebox Formatierungen
/* ------------------------------------------------------------------- */

#lbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 500px;
	background-color: #000000;
}

#lbOverlay.grey {
	background-color: #000000;
}

#lbMain {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
	line-height: 0;
}

#lbMain a img {
	border: none;
}

#lbOuterContainer {
	position: relative;
	background-color: #fff;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}

#lbOuterContainer.grey {
	border: 3px solid #888888;
}

#lbOuterContainer {
	border: 3px solid #888888;
}

#lbDetailsContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	width: 100%;
	line-height: 1.4em;
	overflow: auto;
	margin: 0 auto;
}

#lbDetailsContainer.grey {
	border: 3px solid #888888;
	border-top: none;
}

#lbDetailsContainer {
	border: 3px solid #888888;
	border-top: none;
}

#lbImageContainer,
#lbIframeContainer {
	padding: 10px;
}

#lbLoading {
	position: absolute;
	top: 45%;
	left: 0%;
	height: 32px;
	width: 100%;
	text-align: center;
	line-height: 0;
	background: url(../images/lytebox_loading.gif) center no-repeat;
}

#lbHoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lbImageContainer>#lbHoverNav {
	left: 0;
}

#lbHoverNav a {
	outline: none;
}

#lbPrev {
	width: 49%;
	height: 100%;
	background: transparent url(../images/lytebox_blank.gif) no-repeat;
	display: block;
	left: 0;
	float: left;
	background: url(../images/lytebox_back.gif) left 15% no-repeat;
}

#lbPrev.grey:hover,
#lbPrev.grey:visited:hover {
	background: url(../images/lytebox_back.gif) left 15% no-repeat;
}
	
#lbNext {
	width: 49%;
	height: 100%;
	background: transparent url(../images/lytebox_blank.gif) no-repeat;
	display: block;
	right: 0;
	float: right;
	background: url(../images/lytebox_next.gif) right 15% no-repeat;
}

#lbNext.grey:hover,
#lbNext.grey:visited:hover {
	background: url(../images/lytebox_next.gif) right 15% no-repeat;
}

#lbPrev2,
#lbNext2 {
	text-decoration: none;
	font-weight: bold;
}
#lbPrev2.grey,
#lbNext2.grey,
#lbSpacer.grey {
	color: #333333;
}
	
#lbPrev2_Off,
#lbNext2_Off {
	font-weight: bold;
}
#lbPrev2_Off.grey,
#lbNext2_Off.grey {
	color: #CCCCCC;
}
	
#lbDetailsData {
	padding: 0 10px;
}

#lbDetailsData.grey {
	color: #333333;
}

#lbDetails {
	width: 60%;
	float: left;
	text-align: left;
}

#lbCaption {
	display: block;
	font-weight: bold;
}

#lbNumberDisplay {
	float: left;
	display: block;
	padding-bottom: 1.0em;
}

#lbNavDisplay {
	float: left;
	display: block;
	padding-bottom: 1.0em;
}

#lbClose {
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
	background: url(../images/lytebox_close.png) no-repeat;
}

#lbClose.grey {
	background: url(../images/lytebox_close.png) no-repeat;
}

#lbPlay {
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
	background: url(../images/lytebox_play.png) no-repeat scroll 0% 50%;
}

#lbPlay.grey {
	background: url(../images/lytebox_play.png) no-repeat;
}
	
#lbPause {
	width: 64px;
	height: 28px;
	float: right;
	margin-bottom: 1px;
	background: url(../images/lytebox_pause.png) no-repeat scroll 0% 50%;
}

#lbPause.grey {
	background: url(../images/lytebox_pause.png) no-repeat;
}