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-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom:0px;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	display:inline;
	margin-left:0px;
}
.csc-textpic-intext-left-nowrap,.csc-textpic-left {
	margin-left:15px;

}
html,body {
	margin:0;
	padding:0;
	font-family:Verdana;
	font-size:1em;
	line-height:1.3;
	
}

#container {
	margin:0 auto; /* center, not in IE5 */
	padding:0px;
	width:996px;

	

}
#wrapperLeft {
	margin:0; padding:0;
	background:url("../images/layout/wrapperLeftbg.gif") top left repeat-y;
	

}
#wrapperRight {
	margin:0; padding:0;
	background:url("../images/layout/wrapperRightbg.gif") top right repeat-y;
	
}
#sidebarLeft {
	float:left;
	width:183px;
	margin-left:17px;
	

}
#sidebarRight {
	float:right;
	width:181px;
	margin-right:19px;
	padding:0;
}
* html #sidebarLeft { margin-left:8px !important;padding-left:1px; } /** >=IE6 Hack **/
* html #sidebarRight { margin-right:9px !important;padding-right:1px !important; } /** >=IE6 Hack **/


/**
* Middle col
*/
#content {
	float:left;
	width:574px;
	margin-left:11px;
	padding-top:20px;

}
* html #content {  /** >=IE6 Hack **/
	float:none;
	margin:0 208px;
}

#header {
	background:url("../images/layout/header.gif");
	height:184px;
	width:996px;
	overflow:hidden;
	position: relative;
	max-width:996px
}
#header h1 {
	display:none;
	height:0px;
	font-size:1px;
	
}

#header-framily-logo {
	position: absolute;
	left:0px;
	top:0px;
	z-index: 1;

}
#header-oetinger-logo {
	position: absolute;
	right:0px;
	top:30px;
	z-index: 1;
	
}
#header-hotline {
	position: absolute;
	right:0px;
	top:0px;
	z-index: 1;
	
}
#header-headline {
	position: absolute;
	z-index:2;
	top:70px;
	left:260px;
	
}
#footer {
	background:url("../images/layout/footer.gif");
	height:63px;
}
#footerNotes {
	width:575px;
	margin:0 auto; /* center, not in IE5 */
	margin-top:115px;
	text-align:center;
	border-top:1px solid #9eb5d1;
	color:#275c9a;
	font-size:0.7em;
	padding-top:5px;
	padding-bottom:15px;
}
#footerNotes a {
	text-decoration:none;
}
/**
* Header List Tabs
*/
#headermenu {
	position:relative;
	width:100%;
	font-weight:bold;
	line-height:normal;
	top:127px;
	left:180px;
}
#headermenu ul {
	list-style:none; margin:0; margin-left:20px; padding:0;
}
#headermenu li {
	display:inline;
	margin:0;
	padding:0;
}
#headermenu a {
	float:left;
	background:url("../images/menu/headermenubg.gif") repeat-x left top;
	margin:0 2px 0 0;
	padding:0 0 0 4px;
	text-decoration:none;
	cursor:pointer;
	font-size:0.8em;
}
#headermenu a span {
	float:left;
	display:block;
	background:url("../images/menu/headermenubg_right.gif") no-repeat right top;
	padding:10px 15px 10px 6px;
	color:#ffffff;
}

/* IE5-Mac hack \*/
#headermenu a span {float:none;}
/* End IE5-Mac hack */
#headermenu a:hover span {
	color:#013372;
}
#headermenu a:hover {
	background-position:0% -37px;
}
#headermenu a:hover span {
	background-position:100% -37px;
}
/**
* Aktive Reiter
*/
#headermenu li.activ a {
	background-position:0% -37px;
}
#headermenu li.activ a span {
	background-position:100% -37px;
	color:#013372;
}


/**
* Produkt List
*/
.produktMenu {
	width:100%;
	line-height:normal;
}
.produktMenu ul {
	list-style:none;
	margin:0;
	padding:0;
	width:175px;
}
.produktMenu ul li:first-child a {
	border-top:1px solid #ffffff;
}
/** IE6 Hack [ IE6 dont know child selectors]**/
* html div.produktMenu ul li.first a {
	border-top:1px solid #ffffff;
}

.produktMenu li {
	display:inline;
	margin:0;
	padding:0;
}
.produktMenu a {
	float:left;
	background:url("../images/menu/produktMenu.gif") repeat-x left top;
	margin:0 6px 0 0;
	padding:0 0 0 0px;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	width:175px;
	cursor:pointer;
	font-size:0.7em;
}
.produktMenu a.inactiv {
	filter:alpha(opacity=40);
	-moz-opacity:.4;
	opacity:.4;
}
.produktMenu a span {
	float:left;
	display:block;
	background:url("../images/menu/produktMenu_right.gif") no-repeat right top;
	padding:7px 0px 6px 6px;
	color:#ffffff;
}
.produktMenu img {
	float:left;
	margin-right:5px;
}
/* IE5-Mac hack \*/
.produktMenu a span {float:none;}
/* End IE5-Mac hack */
.produktMenu a:hover span {
	color:#013372;
}
.produktMenu a:hover {
	background-position:0% -28px;
}
.produktMenu a:hover span {
	background-position:100% -28px;
}

.produktMenu .updated {
	position:absolute;
	left:151px;
	padding:2px;
	font-weight:bold;
	background:#b32222;
	color:#ffffff;
	font-size:0.8em;
	-moz-border-radius-topLeft:5px;
	-moz-border-radius-bottomLeft:5px;
	border:1px

}

/**
* Simple Menu
*/
.simpleMenu {
	width:100%;

	line-height:normal;
	width:175px;

}
.simpleMenu ul {
	list-style:none;
	margin:0;
	padding:0;

}
.simpleMenu ul li:first-child a {
	border-top:1px solid #70a5d6;
}
.simpleMenu li {
	display:inline;
	margin:0;
	padding:0;
}
.simpleMenu a {
	float:left;
	margin:0;
	padding:0;
	border-bottom:1px solid #a9bdd6;
	text-decoration:none;

	cursor:pointer;
}

.simpleMenu a span {
	font-size:11px;
	float:left;
	color:#154a8c;
	display:block;
	background:#ffffff;
	width:165px;
	padding:8px 0px 8px 11px;
}
.simpleMenu a:hover span {
	color:#d3009d;
}


/**
* Menu Head Tabs
*/
.menuHead {
	font-weight:bold;
	font-size:1em;
	margin:0px;
}
.blueTabLeft {
	background:url("../images/menu/tab_blue_left.gif");
	width:169px;
	padding:5px 0px 2px 6px;
	color:#d20fa4;

}
.blueTabRight {
	background:url("../images/menu/tab_blue_right.gif");
	width:163px;
	padding:5px 0px 2px 10px;
	color:#d20fa4;



}
.greenTabRight {
	background:url("../images/menu/tab_green_right.gif");
	width:163px;
	padding:3px 0px 2px 10px;
	color:#284ea6;
}

/**
* Menu Content Boxes [left/right Side] white/green/blue
*/
.menuBox {
	width:166px;
	padding-left:7px;
	padding-bottom:10px;
	padding-top:9px;
	font-size:0.7em;
}
.menuBox a{

}
/**
* Special Menu Behaviors for Menu Structure
*/
.menuForm {

}

.menuForm label,.menuForm input,.menuForm  select {
	display: block;
	float: left;
}
.menuForm label {
	width: 60px;
	padding-top:3px;
}

.menuForm input {
	background:#eef5fe;
	border:1px solid #d8e9f6;
	color:#154a8c;
	padding:2px;
	font-family:Verdana;
	font-weight: normal;

	width:90px;
}
.menuForm input[type="hidden"], .menuForm .hidden {
	display:none !important;
}
.menuForm input.hidden {
	display:none !important;
}
.menuForm p.errorField {
color:#D92F2F !important;
font-size:11px !important;
margin-top:0px !important;
}
.menuForm .submit {
	border:1px solid #619fe0;
	background:#FFFFFF url(../images/arrow_blue.gif) no-repeat top right;
	font-size:11px;
	font-weight:bold;
	padding:4px 45px 3px 20px;
	margin-right:9px;
	float:none;
	font-size:11px;
	width:auto;
}
* html .menuForm .submit {
	margin-right:5px;
} 
div.menuForm input.submit:hover {
	cursor:pointer;
	color:#D20FA4;
	font-size:11px;
}

/**
* Menu search form
*/
#searchform input {
	padding-top:3px;
	height:18px;
	width:112px;

}

* html #searchform input {
	width:112px;
}


#searchform .submit {
	margin-top:0.5px;
	width:35px;
	height:35px;
	padding-right:0px !important;

}


#miniBasket {
	color:#000000;
	padding-right:20px;
	font-size:0.8em;
}

#miniBasket td {

}
#miniBasket thead td,#miniBasket tbody td {
	border-bottom:1px dashed #154a8c;
	padding-top:5px;
	padding-bottom:4px;
}
#miniBasket tbody td {
	color:#154a8c;
	padding-left:4px;
}
#miniBasket tfoot td {
	padding-top:5px;
}

/**
* Menu Gestaltungssoftware download Button
* Hover: Grüüün
*/
#download-link {
	text-decoration: none !important;
}
#download-link span {
	padding:9px 87px 9px 87px;
	background:url("../images/menu/download.gif") no-repeat left top;
}
#download-link:hover span {
	background-position:0px -36px;	
}
/**
* Menu Gestaltungssoftware download Button
* Hover: Grüüün
*/
.download-link-menu {
	text-decoration: none !important;
}
.download-link-menu span {
	padding:9px 87px 11px 87px;
	background:url("../images/menu/download.gif") no-repeat left top;
}


#sidebarLeft .download-link-menu span {
	padding:9px 87px;
	background:url("../images/menu/download_greenhover.gif") no-repeat left top;
}

.download-link-menu:hover span {
	background-position:0px -36px;	
}
#sidebarLeft .download-link-menu:hover span {
	background-position:0px -36px;	
}







/**
* Content.css
*
* Styles für den Content Bereich. Headlines, Roundboxes, Grid#
*/

/**
* Jquery Carousel CSS#content
*/
@import url("carousel.css");

/* -------------------------------------------- */
#content {
	font-size:0.8em;

}

/* -------------------------------------------- */
/**
* Headlines h2, h3, h4 und Paragraphen
*/
#content h2 {
	margin-left:15px;
	color:#478a05;
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:10px;
}
#content h2 span {
	display:none;
	font-size:0px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	height:1px;
}
#content h3 {
	page-break-before:auto;
	margin-right:15px;
	margin-top:20px;
	margin-left:15px;
	color:#234e85;
	font-size:16px;
	font-weight:bold;
}
#content h3 a {
	text-decoration:none;
}
#product-detail h2 {
	page-break-before:auto;
	margin-right:15px;
	margin-top:20px;
	margin-left:15px;
	color:#234e85;
	font-size:16px;
	font-weight:bold;
}


#content h4 {

	margin-top:2px;
	margin-left:15px;
	color:#979393;
	font-size:12px;
	font-weight:normal;
}
#content p {
	line-height:1.5;
	margin-top:12px;
	margin-left:15px;
	margin-right:15px;
	font-size:0.86em;
}
#content p img {
	float:left;
	margin-right:10px;
}

/* -------------------------------------------- */
/**
* Zurück Button
*/
.back {
	background: #e7e7e7;

}
.back a {
	text-decoration: none;
}
.back a img {
	display:inline;
	border:0pt none;
	padding-right:3px;
	vertical-align:bottom;
}
.back a span {
	position: relative;
	top:-3px;
}

* html .back a span { top:4px; }  /** IE5/6 Hack **/
*:first-child+html .back a span { top:4px; } /** IE7 Hack **/

/* -------------------------------------------- */

.go {
	float:right;
	background: #d7f585;
	display:inline;
}
.go a {
	text-decoration: none;
}
.go a img {
	display:inline;
	border:0pt none;

	vertical-align:bottom;
}
.go a span {
	position: relative;
	top:-4px;
	clear:right;
	padding-left:10px;
	padding-right:10px;
	text-decoration: underline;
}
* html .go a span { top:4px; }  /** IE5/6 Hack **/
*:first-child+html .go a span { top:4px; } /** IE7 Hack **/

/* -------------------------------------------- */
/**
* Sub Klassen die alle ein margin von 15 haben
*/
.subImage {
	margin-left:15px;
	margin-top:20px;
	margin-right:10px;
}

.subParagraph {
	margin-top:20px;
	margin-left:117px;

}
.subParagraph h3  {
	margin:0px !important;
	margin-right:15px !important;
}
.subParagraph p  {
	margin:0px !important;
	margin-right:15px !important;
}
.subTable {
	margin-left:15px;
	font-size:0.86em;
}

/* -------------------------------------------- */

/**
* Round Box mit diversen größen
*/
.roundBox {
	width:100%;

}
* html div.roundBox {
	width:573.999px;
}
.standalone {
	margin-top:15px;
	margin-bottom:15px;
}
.standNotAlone {
	padding-top:2px !important;
	padding-bottom: 8px !important;
}
* html .roundBox { width:99%; } /** >=IE6 Hack **/


/* -------------------------------------------- */
/**
* Standard Round Box
* grey thin border 100% width
*/
.tl {
	background:url("../images/corner_tl.gif") top left no-repeat;
	height:10px;

}
.tr {
	background:url("../images/corner_tr.gif") top right no-repeat;
	height:10px;
}
.tc {
	border-top:1px solid #dedede;
	margin-left:10px;
	margin-right:10px;
}
.mc {
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;


}

.mc p  {
	margin-left:0px !important;
}
.mc h1,.mc h2 ,.mc h3 {
	margin-left:0px !important;
	margin-top:0px !important;
}
.bl {
	background:url("../images/corner_bl.gif") bottom left no-repeat;
	height:10px !important;

}
.br {
	background:url("../images/corner_br.gif") bottom right no-repeat;

}
.bc {
	border-bottom:1px solid #dedede;
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
}
/* -------------------------------------------- */
/**
* Tip Box
*/
div.tipBox {
	width:270px;
	min-height:100px;

	background:#e0edfc;
	position: relative;
	font-size:11px;
	color:#154a8c;



}
div.tipBox .tl {
	position:absolute;
	top:0px;
	left:0px;
	background:#e0edfc url("../images/roundTipBox/lt.gif") top left no-repeat;
	height:49px;
	width:48px;
}
div.tipBox .tr {
	position:absolute;
	top:0px;
	right:0px;
	font-size:1px;
	background: url("../images/roundTipBox/roundy.gif") top right no-repeat;
	height:8px;
	width:8px;

}
div.tipBox .bl {
	position:absolute;
	bottom:-1px;
	left:0px;
	background:#e0edfc url("../images/roundTipBox/roundy.gif") bottom left no-repeat;
	height:7px !important;
	width:7px;
	font-size:1px;
}
div.tipBox .br {
	position:absolute;
	bottom:-1px;
	right:0px;
	font-size:1px;
	background:#e0edfc url("../images/roundTipBox/roundy.gif") bottom right no-repeat;
	height:8px !important;
	width:8px;
}
div.tipBox .mc {
	border:0px;
	margin-left:60px;
	margin-right:10px;
	padding-bottom:5px;
}
div.tipBox .mc p {
	font-size:11px !important;
	margin-top:3px !important;
}

/* -------------------------------------------- */
/**
* Grid
* 188px Grid für maximal 3 Spalten
* @todo verschiedene Grid Größen zB. .grid188, .grid250 etc.
*/
.grid {

}
.grid div:last-child {
	margin-right:0px;
}
.grid .cell {
	margin-right:5px;
	margin-bottom:11px;

	float:left;
	height:190px;
}
.grid .last {
	margin-right:0px;
}
.grid .oneCol{
	width:188px;
}
.grid .twoCol {
	width:381px;
}
.grid .threeCol {
	width:574px;
	margin-right:0px;
}
/* -------------------------------------------- */

/**
* Produkt Auflistung
*/
.list {

}

.list .item {
	background:#f8ffe5;
	border-top:1px solid #d7f585;
	border-bottom:1px solid #d7f585;
	margin-bottom:12px;
	position:relative;
	z-index:1px;

}
.item p {
	margin-left:249px !important;
} 

/**
* Achtung im IE6 kann die box nur 190px hoch sein!!!
* @todo fixen! ;)
*/
* html .list .item {
	height:190px;
}

.list .item .cover {
	float:left;
	margin-right:24px;
	margin-left:10px;
	margin-top:13px;
	margin-bottom:15px;
	position:relative; /** IE6 Hack **/
}
.list .item  h3 {
	color:#013372 !important;
	font-size:1.2em !important;
	margin-top:23px !important;
	font-weight:bold;
}
.list .item  h3 a {
	text-decoration:none !important;
}
.list .item  p {
	margin-top:20px;
	font-size:1em;

}
.list .badge {
	font-size:1em;
	position:absolute;
	color:#013372;
	font-weight:bold;
	padding:5px;
	top:0px;
	right:0px;
	text-transform: uppercase;
}
.list .more {
	height:20px;
	width:190px;
	position:absolute;
	right:0px;
	bottom:0px;
	text-decoration:none;
	background-image:url("../images/arrow_lila.gif");
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:0px;
	padding-left:7px;
	padding-top:4px;

	font-weight:bold;
}
.list .item .item-col1 {
	float:left;
	width:424px;
}
.list .item .item-col2 {
	width:130px;
	float:right;
	margin-top:23px;
}
/** IE5/6 Hack **/
* html .list .more {
	padding-top:4px !important;
}


/**
* Client Hack
*/
#client-list .more {
	right:auto;
	left:150px;
}
#client-list .item  p {
	margin-right:290px !important;
	padding-right:20px;
}

.list .carousell {
	position: absolute;

	top:10px;
	right:10px;
	width:280px;
	height:190px;
	text-align: center;
}
	.list .carousell h5 {
		color:#013372;
		font-size:1em;
		font-weight:bold;
	}
	.list .carousell a {
		color:#000;
	}
	.list .carousell a:hover {
		color:#d3009d;
	}
* html .list .more {
	padding-top:2px;
}
.list .last{
	margin-bottom:0px;
}

/* -------------------------------------------- */
.tinylist {

}
/**
* Achtung im IE6 kann die box nur 190px hoch sein!!!
* @todo fixen! ;)
*/
* html .tinylist .item {
	height:30px;
}
.tinylist .item {
	background:#f8ffe5;
	border-top:1px solid #d7f585;
	border-bottom:1px solid #d7f585;
	margin-bottom:12px;
	position:relative;
	z-index:1px;
}

.tinylist .item h3 {
	color:#013372;
	font-size:1.2em ;
	font-weight:bold;
	margin:0px !important;
	padding:5px 0px 2px 5px !important;
}
.tinylist .item h4 {
	color:#444444;
	font-size:0.9em ;
	font-weight:normal !important;
	margin:0px !important;
	padding:0px 0px 0px 5px !important;
}
.tinylist .more {
	position:absolute;
	width:176px;
	height:15px;
	right:0px;
	bottom:0px;
	text-decoration:none;
	background-image:url("../images/arrow_lila.gif");
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:5px;
	padding-left:7px;
	padding-top:4px;
	font-weight:bold;
}



/* -------------------------------------------- */
/**
* Pagination
*/
.pagination {
	background:#f5f5f5;
	padding:7px;
	font-size:0.86em;

}
.pagination ul {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 1em;
}
.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	font-weight:normal !important;
}
.pagination a
{
	text-decoration:underline;
	padding: 0 4px;
	color:#000000;
}
.pagination a.currentpage{
	color: #d229a6 !important;
	font-weight: bold;
	cursor: default;
	text-decoration:none;
}
.pagination a.prevnext{
	text-decoration:none;
}
/* -------------------------------------------- */
/**
* Pagepath
*/
.pagepath {
	background:#f5f5f5;
	padding:7px;
	font-size:0.8em;
}
.pagepath ul {
	margin: 0 !important;
	padding: 0 !important;
	text-align: right;
	font-size: 1em;
}
.pagepath li{

	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
.pagepath li.currentpage{
	color: #d229a6 !important;
	font-weight: bold;
	cursor: default;
	text-decoration:none;
	padding-left:5px;
}
.pagepath a {
	font-weight:normal !important;
	text-decoration:underline;
	padding: 0 4px;
	color:#000000;
}

/* -------------------------------------------- */
.basket {
	font-size:1em;
	background:#e3efff;
	margin-top:15px;
}
.basket .offset {
	background:#f6fafe;
}

.basket th {
	color:#013372;
	font-weight:bold;
	font-size:0.86em;
	text-align:center;
	padding:7px;
}
.basket td {
	color:#013372;
	padding:5px;
	font-size:0.86em;
	text-align:center;
	vertical-align: top;

}
.basket input {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #619FE0;
	padding:2px;
	text-align: center;
}
.basket select {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #619FE0;
	padding:2px;
	width:200px;
}
/* -------------------------------------------- */

.arrowButton {
	cursor:pointer;
	float:left;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}
.arrowButton img {
	float:right;
}

.arrowButton span {
	display:block;
	float:left;
	padding:4px 0px 3px 10px;
}

#sidebarRight .arrowButton {
	width:173px;
	font-size:0.76em;
}

/* -------------------------------------------- */
.teaserMore {
	background:transparent url(../images/teaser_more_left.gif) repeat-x scroll left top;
	cursor:pointer;
	float:left;
	font-size:0.83em;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.teaserMore span {
	background:transparent url(../images/teaser_more_right.gif) no-repeat right top;
	color:#154a8c;
	float:left;
	display:block;
	padding:5px 40px 5px 10px;
}
/* IE5-Mac hack \*/
.teaserMore span {float:none;}
/* End IE5-Mac hack */
.teaserMore:hover span {
	color:#013372;
}
.teaserMore:hover {
	background-position:0% -24px;
}
.teaserMore:hover span {
	background-position:100% -24px;
	color:#ffffff;
}
.oneCol .teaserMore {
	width:188px;
}
.twoCol .teaserMore {
	width:381px;
}
.threeCol .teaserMore {
	width:574px;
}

/**
* Tab Menü im Content
*/

.tabmenu {
	list-style:none;
	margin:0 !important;
	padding:0 !important;
	font-size:1.1em;
	font-weight:bold;
	line-height:normal;
	height:29px;
	border-bottom:1px solid #cccccc;

}

.tabmenu li {
	display:inline;
	margin:0 ;
	padding:0;
}
.tabmenu a {
	float:left;
	background:url("../images/menu/tabmenubg.gif") repeat-x left top;
	margin:0 2px 0 0;
	padding:0 0 0 4px;
	text-decoration:none;
	cursor:pointer;
	font-size:0.8em;
}
.tabmenu a span {
	float:left;
	display:block;
	background:url("../images/menu/tabmenubg_right.gif") no-repeat right top;
	padding:9px 15px 8px 6px;
	color:#ffffff;
}

/* IE5-Mac hack \*/
.tabmenu a span {float:none;}
/* End IE5-Mac hack */
.tabmenu a:hover span {
	color:#013372;
}
.tabmenu a:hover {
	background-position:0% -30px;
}
.tabmenu a:hover span {
	background-position:100% -30px;
}
/**
* Aktive Reiter
*/
.tabmenu li.ui-tabs-selected a {
	background-position:0% -30px;
}
.tabmenu li.ui-tabs-selected a span {
	background-position:100% -30px;
	color:#013372;
}

.ui-tabs-panel {

}
.ui-tabs-hide {
	display: none;
}

.stars {
	width:170px;
	position: relative;
	text-align:right;
	cursor:pointer;
	margin-bottom:-30px;
	margin-left:380px;
	background:#fff;

}

.stars ul {
	list-style:none;
	margin:0 20px 0px 0px;
	padding:0;
	height:30px;

}
.stars li {
	display:inline;
	margin:0;
	padding:0;

}

/**
* User Bewertung 'popup'
*/

.user-feedback {
	display:none;
	position: absolute;
	background:#fff;
	width:180px;
	top:22px;
	right:20px;
	z-index:5;
}
.feedback-title {
	background:#c6dbf7;
	color:#003473;
}
.feedback-item {
	border-bottom:1px solid #d6e7ff;
	padding:4px 7px;
	cursor:pointer;
	height:38px;
	background: #eff3ff url(../images/feedback_bg.gif) no-repeat top right;
}
div.feedback-liste div.feedback-item {
	height:auto;
}
.feedback-item:hover {
	background: #f3f6fd url(../images/feedback_bg.gif) no-repeat top right;
}
.feedback-item span{

	font-weight:bold;
	font-size:0.8em;
}
.feedback-item span.star{
	float:left;
	color:#619fe0;
}
.feedback-title {
	background:#adcff7;
	text-align:left;
	color:#003073;
	font-weight:bold;
	padding: 5px 12px;
}
.feedback-action {
	text-align:left;
	background: #f3f6fd url(../images/feedback_bg.gif) no-repeat top right;
	color:#4a6da5;
	font-size:11px;
	padding:4px 7px;
}
.feedback-action a {
	padding-bottom:3px;
	display:block;
}

*:first-child+html div.tx-commerceproductrating-pi2 .ci-form input.submit {
	padding:4px 0px 3px 20px;
}
* html div.tx-commerceproductrating-pi2 .ci-form input.submit  {
	padding:4px 0px 3px 20px;
}

.feedback-item p {
	color:#426da5;
	clear:left;
	margin:0px !important;
	padding:0px !important;
	font-size:0.7em !important;
}


#product-layouts-overview ul li {
	float:left;
	margin-bottom:7px;
	width:110px;

}

/* ======= STAR-RATER ======== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(../images/stars_spirite.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:35px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:35px;
	line-height:35px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
	background-position: left center;
}

.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}

.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(star_small.gif);
	line-height: 35px;
	height: 35px;
}
/* ======= /STAR-RATER ======== */

/** -------------------------------------------------- */
/**
* Illustratoren Liste
*/
#illustratoren-list .autor {

}
#illustratoren-list .autor img.potrait {
	float:left;
}
#illustratoren-list .autor div.titel {
	float:left;
	margin-top:56px;
	margin-left:20px;
	width:170px;
}
#illustratoren-list .autor img.illustration{
	float:left;
}
#illustratoren-list div.hr, div.hr {
	height:13px;
	background:url(../images/hr.gif) no-repeat;
	border:0px;
}

/** -------------------------------------------------- */

/**
* Illustratoren Detail Seite
*/
#illustrator-header {

	height:285px;
	width:573px;
	position: relative;
}
	#illustrator-header img {
		position: absolute;
		z-index:1;
	}
		#illustrator-header img.bg {
			z-index:2;
		}
		#illustrator-header img.portrait {
			top:61px;
			left:93px;
			z-index:1;
		}
		#illustrator-header img.figur {
			z-index:3;
			top:85px;
			left:357px;
		}
		#illustrator-header img.text  {
			z-index:3;
		}
#illustrator-body {
	padding-left:85px;
	padding-right:90px;
	padding-bottom:15px;

}
	#illustrator-body p {
		font-size:11px;
	}
#illustrator-footer {
	background:url(../images/illustratoren/footerbg.jpg) no-repeat top right;
	height:216px;
	width:573px;
}

/** -------------------------------------------------- */
/**
* Produktdetailseite: Download Button
* Hover: Grüüün, abweichend vom Menü Download Button
*/
a.download-link {
	text-decoration: none !important;
}
.download-link span {
	padding:10px 110px 10px 87px;
	background:url("../images/download_direkt.gif") no-repeat left top;
}
.download-link:hover span {
	background-position:0px -36px;
}

/** -------------------------------------------------- */
/**
* Framily CI Table - Blue Version ( blau/dunkle blau)
*/
table {
	width: 100%;
}

.ci-table-blue {
	font-size:1em;
	width:100%;
}
.ci-table-blue th {
	background:#487bb8;
	padding:2px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	border-bottom:1px solid #fff;
}
.ci-table-blue tr {
	background:#619fe0;
	color:#fff;
}
.ci-table-blue tr.odd {
	background:#8dc3ef;
}
.ci-table-blue td {
	padding:3px;
	border-bottom:1px solid #fff;
}
.ci-table-blue td p {
	margin:0px !important;
	font-size:1em !important;
}
.ci-table-blue tr:hover {
	background:#d5f575;
	color:#013372;
	cursor:pointer;

}

/** -------------------------------------------------- */
/**
* Framily CI Table - Light Version ( blau/grau)
*/
.ci-table-light {
	font-size:1em;
	border:1px solid #c3e5ff;
	width:100%;
}
.ci-table-light caption {
	background: #fff;
	color:#013372;
	padding:4px;
	font-weight:bold;
}
.ci-table-light th {
	background:#c3e5ff;
	padding:4px;
	font-weight:bold;
	color:#d11faa;
	text-align:center;
	border-bottom:1px solid #fff;
}
.ci-table-light tr {
	background:#E3EFFF;
	color:#013372;
}
.ci-table-light tr.odd {
	background:#F6FAFE;
}
.ci-table-light td {
	color:#013372;
	padding:3px;
	text-align:center;
	border-bottom:1px solid #fff;
}
.ci-table-light td p {
	margin:0px !important;
	font-size:1em !important;
}
.ci-table-light tr:hover td {
	color:#d3009d;
	cursor:pointer;
}
/** -------------------------------------------------- */
/**
* Framily CI Table - Green Version ( grün/hellgrün)
*/
.ci-table-green {
	font-size:1em;
	width:100%;
}

.ci-table-green th {
	background:#b3d65a;
	padding:2px;
	font-weight:bold;
	color:#234e85;
	text-align:center;
	border-bottom:1px solid #fff;
}
.ci-table-green tr {
	background:#e0fe87;
	color:#000;
}
.ci-table-green tr.odd {
	background:#d5f575;
}
.ci-table-green td {
	color:#333;
	padding:3px;
	border-bottom:1px solid #fff;
}
.ci-table-green td p {
	margin:0px !important;
	font-size:1em !important;
}
.ci-table-green tr:hover {
	background:#e1f6a4;
	color:#000;
	cursor:pointer;
}
/** -------------------------------------------------- */


/** -------------------------------------------------- */
/**

*/
.ci-table-white {
	font-size:1em;
	width:100%;
}

.ci-table-white th {
	font-size:0.86em;
	background:#E3EFFF;
	padding:5px;
	font-weight:bold;
	color:#013372;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #fff;
}
.ci-table-white th.small {
	width:26px;
}
.ci-table-white tr {
	color:#000;
}
.ci-table-white tr.odd {
	background:#eee;
}
.ci-table-white td {
	font-size:0.86em;
	background:#F6FAFE ;
	color:#013372;
	padding:5px;
	border-bottom:1px solid #fff;
}
.ci-table-white td p {
	margin:0px !important;
	font-size:1em !important;
}

/** -------------------------------------------------- */


/** -------------------------------------------------- */
/**
* Framily CI Formular
*/
.ci-form {

}
.ci-form legend{
	color:#234E85;
	font-size:1.25em;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;

	page-break-before:auto;
}
.ci-form div {
	font-size:0.86em;
	padding:5px;
	background:#E3EFFF;
	border-bottom:1px solid #fff;
}
.ci-form div.odd {
	background:#F6FAFE;
}
.ci-form div.hint {
	background:#fff;
	color:#999;
}
.ci-form div.buttons {
	height:26px;
}
.ci-form div.spacer {
	padding-left:0px;
	background: #fff !important;
}
.ci-form div.error {
	background:#FFDFDF;

}

.ci-form div.error p.errorField {
	font-size:11px !important;
	margin-left:25% !important;
	margin-top:0px !important;
	color:#d92f2f;
}
.ci-form div.error p.errorField strong {
	font-size:1.25em;
	color:#000radio;
}
.ci-form label,.ci-form .label {
	position:relative;
	margin:0px !important;
	padding:0px !important;
	display:block;
	float:left;
	width:25%;
	color:#013372;
	font-weight:bold;
	font-size:1em !important;
}
.label {
	font-size:12px !important;
}

.ci-form em {
	color:#d3009d;
}
.ci-form label em, .ci-form .label em {
	top:0px;
	display:block;
	font-style:normal;
	font-weight:bold;
	left:88%;
	position: absolute;
}
.ci-form label span, .ci-form .label span {
	top:0px;
	display:block;
	font-style:normal;
	font-weight:bold;
	left:88%;
	position: absolute;
}
.ci-form .inlineLabel {
	display:inline;
	float:none;
	font-weight:normal;
	margin:0pt 2em 0pt 0pt;
	width:auto;
	color:#979393
}
.ci-form input.textInput, .ci-form textarea, .ci-form select  {
	border:1px solid #619fe0;
	padding:4px;
	background:#fff;
	font-size:1em;
	width:68%;
}
.ci-form input.textInput {
	font-size:12px !important;
}
.ci-form select {
	width:auto;
	padding:0px;
	font-size:1.2em;
}
.ci-form input.hidden {
	display:none !important;
	height:0px !important;
}
.ci-form input.checkbox {
	border:0px ;
	background: transparent ;

}

.ci-form input.nosize {
	width:auto;
}

.ci-form input.radio {
	border:0px;
	background: transparent;
	float:left;
	width:auto;
}
.ci-form input.submit {
	border:1px solid #619fe0;
	background:#FFFFFF url(../images/arrow_blue.gif) no-repeat top right;
	font-size:11px;
	font-weight:bold;
	padding:4px 45px 3px 20px;
	
}

.ci-form input.cancel {
	background:#FFFFFF url(../images/arrow_lila_left.gif) no-repeat top left;
	border:1px solid #d3009d;
	font-weight:bold;
	font-size:11px;
	padding:4px 10px 3px 45px;
}
.ci-form input.cancel:hover, .ci-form input.submit:hover {
	color:#D20FA4;
	cursor:pointer;
}

.ci-form dl {

}
.ci-form dt {
	padding-top:5px;

	color:#154a8c;
	font-weight:bold;
	font-size:0.86em;
	background:#F6FAFE ;
	border-bottom:1px solid #fff;
	width:45%;
}
.ci-form dd {
	padding-top:5px;
	font-size:0.86em;
	color:#333;
}

/** -------------------------------------------------- */

/**
* Form fake classes
* bsp. a-Tags die so aussehen wie submit buttons
*/

.ci-form-submit {
	background:#FFFFFF url(../images/arrow_blue.gif) no-repeat top right;
	border:1px solid #619FE0;
	color:#000;
	font-weight:bold;
	font-size:11px;
	padding:4px 45px 3px 20px;
	text-decoration: none;
}

.ci-form-cancel {
	color:#000;
	margin-top:0px;
	background:#FFFFFF url(../images/arrow_lila_left.gif) no-repeat top left;
	padding:4px 10px 3px 45px;
	border:1px solid #d3009d;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}
.hint {
	font-size:12px !important;
}
/** -------------------------------------------------- */

/**
* Erweiterte Suche
*/
.advanceSearch {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background: #c3e5ff;
	padding:5px;
	padding-bottom:8px;
}

.advanceSearch input.searchField {
	float:none;
	height:20px;
	font-size:1.2em;
	color:#154a8c;
	font-weight:bold;
	width:412px;
	padding:2px;
	background:#fff;
	border:1px solid #4a8dd5
}
.advanceSearch input.submit {
	width:130px;
	height:25px;
	background:#FFFFFF url(../images/arrow_blue.gif) no-repeat top right;
	border:1px solid #619FE0;
	color:#000000;
	float:none;
	font-size:11px;
	font-weight:bold;
	margin-right:10px;
	margin-top:5px;
	padding:4px 45px 3px 20px;
}

/** -------------------------------------------------- */
/**
* Typo3 Sitemap
*/
.csc-sitemap ul {
	color:#153A8C;
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:5px;
}
/** -------------------------------------------------- */
/**
* Advance Search Style - typo_index_search
* Die css Styles lassen sich nur überschreiben
*/
.tx-indexedsearch-whatis {
	background:#F5F5F5 none repeat scroll 0%;
	font-size:0.9em;
	font-weight:bold;
	padding:7px;
}
.tx-indexedsearch-browsebox {
	background:#f5f5f5;
	padding:7px;
	font-size:0.86em;
}
.tx-indexedsearch-browsebox p {
	margin:0px !important;
	font-size:0.9em !important;;
}
.tx-indexedsearch-browsebox ul {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 1em;
}
.tx-indexedsearch-browsebox li {
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	font-weight:normal !important;
}
.tx-indexedsearch-browsebox a {
	text-decoration:underline;
	padding: 0 4px;
	color:#000000;
}
.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
	color: #d229a6 !important;
	font-weight: bold;
	cursor: default;
	text-decoration:none;
}
.tx-indexedsearch-browsebox a.prevnext {
	text-decoration:none;
}

/**
* Typo3 FAQ Extension CSS
*/
.tx-irfaq-pi1 dl {
	margin-left:20px;
}
.tx-irfaq-pi1 dl dt {
	margin: 5px 0px;
	color:#154a8c;
	font-size:1em;
	font-weight:bold;
}
.tx-irfaq-pi1 p {
	margin-bottom:10px;
	margin-top:-5px !important;
}

/**
* Commerce
*/
.com_prod_title {
	page-break-before:auto;
	margin-right:15px;
	margin-top:20px;
	color:#234e85;
	font-size:16px;
	font-weight:bold;
}

#content div.right {
	float:left !important;
}
#content div.menuBox {
	width:90% !important;
	font-size: 11px !important;
	padding-left:16px;
	padding-top:20px;
	background-color:transparent;


}
#content div.menuBox label {
	position:relative;
	margin:0px !important;
	padding:0px !important;
	display:block;
	float:left;
	width:129px !important;
	color:#013372;
	font-weight:bold;
	font-size:1em !important;
}

#content div.menuBox input.textInput {
	border:1px solid #619fe0;
	padding:4px;
	background:#fff;
	font-size:1em !important;
	width:200px;
}
#content div.menuBox input#pass {
	border:1px solid #619fe0;
	padding:4px;
	background:#fff;
	font-size:1em !important;
	width:200px !important;
}
#content div.menuBox input.submit {
	margin-right:178px !important
}
* html #content div.menuBox input.submit {
	margin-right:89px !important;
}

div.tx-commerceproductrating-pi2,
div.tx-commerceproductrating-pi1 {
	width: 97%;
}

div.tx-commerce-pi3 div.tx-newloginbox-pi1  {
	clear:both;
	float:left;
	margin:0;
	width:100%;
}
.tx-enetnewsletterregister-pi1 {
	font-size:12px !important;
}
.tx-enetnewsletterregister-pi1 label{
	font-size:12px !important;
}


#content ul {
        list-style-type: disc;
        list-style-position: inside;
}


/***
* General.css
*
* Links, Form-Felder, Hintergründe, Schriftfarben, Spacer, Float Cleaner, Float-Klassen
*/
/* -------------------------------------------- */

a {
  color:#154a8c;
  text-decoration:underline;
}
a:hover {
  color:#d719a7;
}

/* -------------------------------------------- */
/**
* General Form Felder
*/
label {

}
input[type="text"], input[type="password"], input[type="search"], textarea,select {
  font-family:Verdana;
}
/** IE6 **/
input, textarea, select {
  font-family:Verdana;
}
.noinput {
	background: none !important;
	border:none !important;
	padding:0px !important;
	margin:0px !important;
}

/* -------------------------------------------- */

/**
* Farben von Hintergründen und die dazugehörige Textfarbe
*/

.blueBg {
  background-color:#c6e1f7;
  color:#154a8c;
}
.greenBg {
  background-color:#e1f6a4;
  color:#000000;
}
.darkGreenBg {
  background-color:#d5f575;
  color:#154a8c;
}
.whiteBg {
  background-color:#ffffff;
  color:#154a8c;
}
.lightGreyBg {
	background:#f6f6f6;
}
.greyBg {
	background:#e7e7e7;
}
.lightBlueBg {
	background:#e6eefe;
}

/* -------------------------------------------- */
/**
* Text Ausrichtungen
*/
.centerText {
  text-align:center !important;
}
.leftText {
  text-align:left !important;
}
.rightText {
  text-align:right !important;
}
/* -------------------------------------------- */
/**
* Text Farben
*/
.blueText {
  color:#154a8c;
}
.blackText {
  color:#000000;
}
.lilaText {
  color:#D20FA4;d
}
.greyText {
  color:#979393;
}
/**
* Für Errors
*/
.redText {
	color:#d92f2f;
}
/* -------------------------------------------- */
/**
* Verschiedene Abstände in pixel
*/
.spacer30 {
  height:30px;
}
.spacer15 {
  height:15px;
}
.spacer5 {
  height:5px;
}
/* -------------------------------------------- */


/**
* Error CSS Class
*/
div.errorBox {
	background:#FFDFDF;
	color:#d92f2f;
	border:1px solid #c03c3c;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
	padding:7px;
}

/**
* Error CSS Class
*/
div.okBox {
	background:#eaffdf;
	color:#468a14;
	border:1px solid #6ab93b;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
	padding:7px;
}

/**
* Floater links / rechts
*/
.left {
  float:left !important;
}
.right {
  float:right !important;
}

/* -------------------------------------------- */
/**
* Float Cleaner und Clearer
*/
.clean {
  clear:both;
  font-size:1px;
  border:none;
  margin:0; padding:0;
  background:transparent;
}
.clearLeft{
	clear:left;
}
.clearRight{
	clear:right;
}
.nofloat {
	float:none;
}
/* -------------------------------------------- */
strong {
	font-weight: bold;
}


.block {
	display:block;
}
.inline {
	display:inline;
}
.none {
	display:none;
}

/* -------------------------------------------- */

.tinyText {
	font-size:9px !important;
}
.bigText {
	font-size:14px !important;
}





.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    margin-left:0px !important;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 110px;
    height: 160px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* ----------------------------------------------------------*/

.jcarousel-skin-tango.jcarousel-container {
	margin-left:0px;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
	
    width: 480px;
    height:160px;
    padding: 5px 10px;
}

* html .jcarousel-skin-tango.jcarousel-container-horizontal  {
	
 	 padding: 5px 10px 5px 0px;
}

*+html .jcarousel-skin-tango.jcarousel-container-horizontal {
	padding: 5px 10px 5px 28px;
}
.jcarousel-skin-tango.jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
	margin-left:45px;
    width: 480px;
    height:160px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 110px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 66px;
    right: 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    background: transparent url(../images/small_arrow.gif) no-repeat 0 0;
}
* html .jcarousel-skin-tango .jcarousel-next-horizontal { 
	right: -5px;	
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    /**background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 66px;
    left: 0px;
    width: 18px;
    height: 18px;
    cursor: pointer;
   	background: transparent url(../images/small_arrow_back.gif) no-repeat 0 0;
}
* html .jcarousel-skin-tango .jcarousel-prev-horizontal { 
	left: 15px;	
}
*+html .jcarousel-skin-tango .jcarousel-prev-horizontal {
	left: 15px;	
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    /**background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    /**background-position: -64px 0; */
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /**background-position: -96px 0; */
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 66px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 66px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#facebox .b {
  background:url(../images/facebox/b.png);
  width: 10px !important;
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
  width:auto;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;

}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;

}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px !important;
  overflow: hidden;
  padding: 0;
}
#facebox .b {
	width: 10px !important;
}
#facebox .content {
	
}
#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}