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;

}
@media screen
{
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:128px;
	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/bg_main_nav_left_act.png") repeat-x left top;
	margin:0 8px 0 0;
	padding:0 0 0 5px;
	text-decoration:none;
	cursor:pointer;
	font-size:0.7em;
}
#headermenu a span {
	float:left;
	display:block;
	background:url("../images/menu/bg_main_nav_right_act.png") no-repeat right top;
	margin-right:-6px;
	padding:2px 5px 2px 1px;
	color:#fff;
	text-align: center;
	height: 31px;
}

/* IE5-Mac hack \*/
#headermenu a span {float:none;}
/* End IE5-Mac hack */
#headermenu a:hover {
	background:url("../images/menu/bg_main_nav_left.png") repeat-x left top;
	color: #D408A0;
}
#headermenu a:hover span {
	background:url("../images/menu/bg_main_nav_right.png") no-repeat right top;
	color:#D408A0;
}
/**
* Aktive Reiter
*/
#headermenu li.activ a {
	background:url("../images/menu/bg_main_nav_left.png") repeat-x left top;
	color: #D408A0;
}
#headermenu li.activ a span {
	background:url("../images/menu/bg_main_nav_right.png") no-repeat right top;
	color:#D408A0;
}


/**
* 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;
	width:auto;*/
	margin-right:9px;	
	float:none;
}

#loginform .submit{
	text-indent: -99000px;
	background: url(../images/submit_los.gif) no-repeat top left #FFF;
	border:none;
	height:29px;
	width:99px;
}

#loginform .submit:hover{
	background: url(../images/submit_los.gif) no-repeat top left #FFF;
}

#searchform .submit{
	background: url(../images/submit_suche.gif) no-repeat top left #FFF;
	border:none;
	height:27px;
	width:34px;
	margin-top:0.5px;
    padding-right:0px !important;
}

#searchform .submit:hover{
	background: url(../images/submit_suche.gif) no-repeat top left #FFF;
}

.menuForm .button_logout{
	background: url(../images/submit_logout.gif) no-repeat top left #FFF;
	border:none;
	height:27px;
	width:124px;
	margin-top:0.5px;
    padding-right:0px !important
}


* 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;
	margin-right: 3px;
}

* html #searchform input {
	width:112px;	
	margin-right: 3px;
}


#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:7px 87px;
	background:url("../images/menu/download_greyhover.gif") no-repeat left top;
}

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







/**
* 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;
}
#content ul {
	margin-bottom: 12px;
}
#content ol {
	list-style-position: inside;
	list-style-type: decimal;
	margin-bottom: 12px;
}

#content ul {
	list-style:disc;
	margin-top:10px;
}

#content .csc-default ul {
	margin-left:25px;
}

#content .csc-default ul li {
	margin-bottom:5px;
}

#content ul li, #content ol li {
	line-height:1.5;
	margin-left:15px;
	margin-right:15px;
	font-size:0.86em;
}


/* -------------------------------------------- */
/**
* Zurück Button
*/

div.back a{
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right 0px;
	color: #696969;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 31px; /* sliding doors padding */
	text-decoration: none;
	float: left;
}

div.back a:hover {
	color: #696969;
}

div.back a span {
	background: transparent url(../images/bg_buttons.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 6px 0 7px 51px;
}


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

div.go a {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right -81px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 31px; /* sliding doors padding */
	text-decoration: none;
	float: right;
}


div.go a:hover {
	color: #fff;
}

div.go a span {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll 0 -81px;
	display: block;
	line-height: 14px;
	padding: 6px 20px 7px 20px;
}

/* -------------------------------------------- */
/**
* 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;
}

#c1437 .grid .cell {
	height: 70px;
	width:auto !important;
}
/* -------------------------------------------- */

/**
* Produkt Auflistung
*/
.list {

}
.item p {
	margin-left:250px !important;
}
.list .item {
	background:#f8ffe5;
	border-top:1px solid #d7f585;
	border-bottom:1px solid #d7f585;
	margin-bottom:12px;
	position:relative;
	z-index:1px;

}
/**
* 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/teaser_more_pink_right.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
*/
#content .pagepath {
	background:#f5f5f5;
	padding:7px;
	font-size:0.8em;
}
#content .pagepath ul {
	margin: 0 !important;
	padding: 0 !important;
	text-align: right;
	font-size: 1em;
}
#content .pagepath li{
	margin: 0 !important;
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
#content .pagepath li.currentpage{
	color: #d229a6 !important;
	font-weight: bold;
	cursor: default;
	text-decoration:none;
	padding-left:5px;
}
#content .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:2px 0px 5px 18px;
}

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

/* -------------------------------------------- */
.teaserMore {
	background:transparent url(../images/teaser_more_pink_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_pink_right.gif) no-repeat right top;
	color:#154A8C;
	font-weight: bold;
	float:left;
	display:block;
	padding:5px 40px 5px 10px;
}
/* IE5-Mac hack \*/
.teaserMore span {float:none;}
/* End IE5-Mac hack */
.teaserMore:hover span {
	color:#fff;
}

.oneCol .teaserMore {
	width:188px;
}
.twoCol .teaserMore {
	width:381px;
}
.threeCol .teaserMore {
	width:574px;
}


.teaserMoreBlue {
	background:transparent url(../images/teaser_more_pink_blue_left.gif) repeat-x scroll left top;
	cursor:pointer;
	float:left;
	font-size:0.83em;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.teaserMoreBlue span {
	background:transparent url(../images/teaser_more_pink_blue_right.gif) no-repeat right top;
	color:#fff;
	font-weight: bold;
	float:left;
	display:block;
	padding:5px 40px 5px 10px;
}
/* IE5-Mac hack \*/
.teaserMoreBlue span {float:none;}
/* End IE5-Mac hack */
.teaserMoreBlue:hover span {
	color:#999;
}



.list a.button_pink_right{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: 0;
}

.arrowButton span{
	padding: 2px 0 5px 18px;
}

/**
* 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;
}

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

}

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

}
#content .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:90%;
	margin-left:15px;
}
.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;
	padding-left:15px;
	text-align:center;
	border-bottom:1px solid #fff;
}
.ci-table-light td p {
	margin:0px !important;
	font-size:1em !important;
}

.ci-table-light td p.align-left {
	text-align:left;
}
.ci-table-light td p.align-right {
	text-align:right;
}
.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;
	*/

	background: url(../images/bg_buttons_input_pink.png) no-repeat scroll left -81px;
	width: 208px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 51px 3px 31px;
	text-decoration: none;
	float: right;
	border: 0;
	cursor: pointer;
}

.ci-form input.submit:hover{
	color:#FFF;
	cursor:pointer;
}

.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  {
	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:340px;
	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;*/


	background: url("../images/bg_buttons_input_pink.png") no-repeat scroll left -81px transparent;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12.5px Verdana,Arial,sans-serif;
    height: 27px;
    margin-right: 6px;
    padding: 0 51px 3px 31px;
    text-decoration: none;
    width: 208px;

}

/** -------------------------------------------------- */
/**
* 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;
}

.csc-frame-frame1 {display: none;}
.csc-frame-frame1 .leftButton {
	background: url(../images/but_slider_left.png) 0 50% no-repeat;
	height:191px;
	position:absolute;
	width:17px;
	z-index:1000;
	left: 1px;
}

.csc-frame-frame1 .rightButton {
	background: url(../images/but_slider_right.png) 0 50% no-repeat;
	height:191px;
	position:absolute;
	width:17px;
	z-index:1000;
	right: 0;
}

.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 574px;
	height: 191px;
	margin-bottom: 20px;
}

.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .items div {
	float:left;
	width: 574px;
}

/* single scrollable item */
.scrollable div {
	float:left;
	margin: 0;
	padding: 0;
	width: 574px;
	height: 191px;
}

/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}

.scrollable .items .csc-textpic {
	position: relative;
	background: url(../images/bg_slider_item.png) no-repeat;
}

.scrollable .items .csc-textpic .csc-textpic-imagewrap {
	position: absolute;
	top: 0;
	left: 0;
}

.scrollable .items .csc-textpic .csc-textpic-text {
	position: absolute;
	top: 0;
	left: 350px;
	width: 220px;
	font-family: Verdana;
	color: #76777a;
}

#content .scrollable li {
	background: url(../images/bg_li.png) no-repeat 0 4px;
	padding-left: 10px;
	margin-left: 10px;
	margin-right: 0;
}

#content .scrollable .items .csc-textpic .csc-textpic-text h1 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	color: #6494c7;
	margin: 10px 0 0 0;
}

#content .scrollable .items .csc-textpic .csc-textpic-text h2 {
	font-family: Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #c12189;
	text-align: center;
	background: url(../images/bg_teaser_h1.png) repeat-x bottom left;
	margin: 5px 10px 0 10px;
	padding-bottom: 10px;
}

#content .scrollable .items .csc-textpic .csc-textpic-text p {
	padding: 0;
	margin: 0 0 0 10px;
}

#content .scrollable .items .csc-textpic .csc-textpic-text p a {
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 210px;
	height: 24px;
	padding: 0;
	display: block;
	line-height: 23px;
	font-weight: bold;
	background: url(../images/bg_teaser_button.png) no-repeat;
}

/* App Slider */

#c1430, #c1434 {
	margin-left:3px;
}

#c1430 {
	display:block;

	width:567px !important;
	height:452px !important;
	margin-top: 36px;
	background:#DADADA;
	margin-bottom:35px;
}


#c1430 .items {
	height:456px !important;
	margin-left: 9px;
	visibility:hidden;
	overflow:hidden;

}

#c1430 div {
	visibility:hidden;
}

.show div{

	visibility:visible !important;
}


#c1430 .items img{
	margin-left:15px;
}

#c1430 div {
	height:488px !important;
}

#c1430  .rightButton, #c1430 .leftButton {
	background:none;
	width:48px;
	z-index: 20;
	cursor:pointer;

}

#c1430 .disabled {
	cursor:default !important;
}


#c1434 {
	position:absolute;
	z-index:10;

}



.tx-commerce-step1 {}

.tx-commerce-step1 .login {
	width: 45%;
	float: left;
	border-right: 2px solid #234E85;
	margin-right: 3%;
}

.tx-commerce-step1 .login .button_pink_right {
	position: absolute;
	bottom: 1px;
	right: 1px;
}


#content .tx-commerce-step1 .login .right {
	float: right;
	margin-right: 12px !important;
	position: relative;
	height: 180px;
}

.tx-commerce-step1 .register {
	width: 45%;
	float: left;
	height: 222px;
	position: relative;
}

.tx-commerce-step1 .register .button_pink_right {
	position: absolute;
	bottom: 1px;
	right: 1px;
}


a.button_gray_left {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right 0px;
	color: #696969;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 31px; /* sliding doors padding */
	text-decoration: none;
	float: left;
}

a.button_gray_left:hover {
	color: #696969;
}

a.button_gray_left span {
	background: transparent url(../images/bg_buttons.png) no-repeat;
	display: block;
	line-height: 14px;
	padding: 6px 0 7px 51px;
}

a.button_gray_right {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right -27px;
	color: #696969;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 31px; /* sliding doors padding */
	text-decoration: none;
	float: right;
}

a.button_gray_right:hover {
	color: #696969;
}


a.button_gray_right span {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll 0 -27px;
	display: block;
	line-height: 14px;
	padding: 6px 20px 7px 20px;
}

a.button_green_left {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right -54px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 31px; /* sliding doors padding */
	text-decoration: none;
	float: left;
}

a.button_green_left:hover {
	color: #fff;
}

a.button_green_left span {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll 0 -54px;
	display: block;
	line-height: 14px;
	padding: 6px 0 7px 51px;
}

a.button_green_right {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right -81px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 31px; /* sliding doors padding */
	text-decoration: none;
	float: right;
}

a.button_green_right:hover {
	color: #fff;
}

a.button_green_right span {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll 0 -81px;
	display: block;
	line-height: 14px;
	padding: 6px 20px 7px 20px;
}

a.button_pink_right {
	background: transparent url(../images/bg_buttons_pink.png) no-repeat scroll right -54px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 5px; /* sliding doors padding */
	text-decoration: none;
	float: right;
}

a.button_pink_right span {
	background: transparent url(../images/bg_buttons_pink.png) no-repeat scroll 0 -81px;
	display: block;
	line-height: 14px;
	padding: 6px 20px 7px 20px;
}

a.button_pink_right:hover {
	color: #fff;
}

a.button_pink {
	background: transparent url(../images/bg_buttons_pink.png) no-repeat scroll right -81px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 31px; /* sliding doors padding */
	text-decoration: none;
	float: right;
}

a.button_pink span {
	background: transparent url(../images/bg_buttons_pink.png) no-repeat scroll 0 -81px;
	display: block;
	line-height: 14px;
	padding: 6px 20px 7px 20px;
}

a.button_pink:hover {
	color: #fff;
}



a.button_gray {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right -108px;
	color: #696969;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 20px; /* sliding doors padding */
	text-decoration: none;
}

a.button_gray:hover {
	color: #696969;
}


a.button_gray span {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll 0 -108px;
	display: block;
	line-height: 14px;
	padding: 6px 0 7px 20px;
}

a.button_green {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll right -135px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding-right: 20px; /* sliding doors padding */
	text-decoration: none;
}

a.button_green:hover {
	color: #fff;
}


a.button_green span {
	background: transparent url(../images/bg_buttons.png) no-repeat scroll 0 -135px;
	display: block;
	line-height: 14px;
	padding: 6px 0 7px 20px;
}

input.button_gray_left {
	background: url(../images/bg_buttons_input.png) no-repeat scroll left 0px;
	width: 208px;
	color: #696969;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 31px 3px 51px;
	text-decoration: none;
	float: left;
	border: 0;
	cursor: pointer;
}

.tx-newloginbox-pi1 input.button_gray_left{
	width:166px;
}

input.button_gray_right {
	background: url(../images/bg_buttons_input.png) no-repeat scroll left -27px;
	width: 208px;
	color: #696969;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 51px 3px 31px;
	text-decoration: none;
	float: right;
	border: 0;
	cursor: pointer;
}

input.button_green_left {
	background: url(../images/bg_buttons_input.png) no-repeat scroll left -54px;
	width: 208px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 31px 3px 51px;
	text-decoration: none;
	float: left;
	border: 0;
	cursor: pointer;
}

input.button_green_right {
	background: url(../images/bg_buttons_input.png) no-repeat scroll left -81px;
	width: 208px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 51px 3px 31px;
	text-decoration: none;
	float: right;
	border: 0;
	cursor: pointer;
}

input.button_pink_left {
	background: url(../images/bg_buttons_input_pink.png) no-repeat scroll left -54px;
	width: 208px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 31px 3px 51px;
	text-decoration: none;
	float: left;
	border: 0;
	cursor: pointer;
}

input.button_pink_right {
	background: url(../images/bg_buttons_input_pink.png) no-repeat scroll left -81px;
	width: 208px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 51px 3px 31px;
	text-decoration: none;
	float: right;
	border: 0;
	cursor: pointer;
}

input.button_pink_right_large {
	background: url(../images/bg_buttons_input_pink_large.png) no-repeat scroll left -81px;
	width: 510px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 51px 3px 31px;
	text-decoration: none;
	float: right;
	border: 0;
	cursor: pointer;
}

input.button_gray {
	background: url(../images/bg_buttons_input.png) no-repeat scroll left -108px;
	width: 208px;
	color: #696969;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 0 3px 0;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

input.button_green {
	background: url(../images/bg_buttons_input.png) no-repeat scroll left -135px;
	width: 208px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 0 3px 0;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

input.button_pink {
	background: url(../images/bg_buttons_input_pink.png) no-repeat scroll left -135px;
	width: 208px;
	color: #fff;
	display: block;
	font: bold 12.5px Verdana, Arial, sans-serif;
	height: 27px;
	margin-right: 6px;
	padding: 0 0 3px 0;
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

html > body #bezeichnung .com-single-desc, html > body #bezeichnung p,  html > body #bezeichnung h3{
	height:1%;

}


.cboxCloseEditor {
	text-indent: 0 !important;
	text-align:right;
	color:#6b6c67;
	font-size:10px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.editorCloseX {
	font-size:14px;
}
/***
* 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 {
  color:#fff;
}

.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;
}


.scrollable .align-center {
	text-align:center;
}



#persBuecherFlashBox, #persBuecherInfo {
    display:none;
}

#content .perBuecherTitleInfoView {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#013372;
    font-weight:bold;
}

#content .perBuecherTitleInfoText {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#4C4C4C;
    font-weight:bolder;
    padding-top:10px;
}

.perBuecherInfoText {
    width:460px;
}

body.wideScreen #sidebarRight, body.wideScreen #pagepath {
    display:none;
}


body.wideScreen #wrapperRight {
    background-image:url("../images/layout/wrapperRightbgPersBuecher.gif") !important;

}



body.wideScreen .footerInnerPersBuecher {
    background:transparent url("../images/layout/wrapperFooterInnerbgPersBuecher.gif") top right no-repeat;
    height:15px;
}
body.wideScreen .headerInnerPersBuecher {
    background:transparent url("../images/layout/headerPersBuecher.gif") bottom right no-repeat;
    height:100%;

}

body.wideScreen #content {
    width:698px !important;
    padding-top:0;
}

body.wideScreen #content .spacer30 {
    display:none;
}
body.wideScreen #product-detail {
    display:none;
}
.persBuecherHide {
    display:none !important;
}

.persBuecherShow {
    display:block !important;
}

.persBuecherShow .mc {
    padding-left:5px;
    padding-right:5px;
}

.persBookViewPadding {
    padding-left:10px;
}

.persBookViewFloatRight {
    float:right;
}

.persBookViewFloatLeft {
    float:left;
}

.buttonPersBuchGestaltenWrap {
    margin-right:10px;
}
.productPriceShipping {
    text-align:right;

}

.productPriceShipping, .productPriceShipping * {

    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.productPriceFlash {

    font-size:20px;
    font-weight:bold;
    color:#4C4C4C;
    display:block;
}

.bearbeitungszeit {
    font-weight:bold;
    font-size:12px;
    display:block;
}

.steuer {
    font-size:12px;
}

.product-detail_pers_buch #design-choose-link {
    display:none;
}

.product-detail_pers_buch,  {
    visibility:hidden ;
}
#persBuecherFlash {
    visibility:visible !important;
}
.persBuecherFlashInnerHide #persBuecherFlash{
   visibility:hidden !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;
}
ul#product-layouts {
	height:150px;
}
.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');
}

#colorbox, #cboxOverlay, #cboxWrapper {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 9999;
}
#cboxOverlay {
    height: 100%;
    position: fixed;
    width: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}
#cboxContent {
    position: relative;
}
#cboxLoadedContent {
    overflow: auto;

}
#cboxTitle {
    margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}
.cboxPhoto {
    border: 0 none;
    display: block;
    float: left;
    margin: auto;
}
.cboxIframe {
    border: 0 none;
    display: block;
    height: 100%;
    width: 100%;
}
#cboxOverlay {
    background: url("/widget/js/colorbox/example1/images/overlay.png") repeat scroll 0 0 transparent;
}
#colorbox {
}
#cboxTopLeft {
    background: url("/widget/js/colorbox/example1/images/colorbox-rahmen.png") no-repeat scroll 0 0 transparent;
    height: 21px;
    width: 21px;
}
#cboxTopRight {
    background: url("/widget/js/colorbox/example1/images/colorbox-rahmen.png") no-repeat scroll -29px 0 transparent;
    height: 21px;
    width: 21px;
}
#cboxBottomLeft {
    background: url("/widget/js/colorbox/example1/images/colorbox-rahmen.png") no-repeat scroll 0 -29px transparent;
    height: 21px;
    width: 21px;
}
#cboxBottomRight {
    background: url("/widget/js/colorbox/example1/images/colorbox-rahmen.png") no-repeat scroll -29px -29px transparent;
    height: 21px;
    width: 21px;
}
#cboxMiddleLeft {
    background: url("/widget/js/colorbox/example1/images/border_framily.png") repeat-y scroll left top transparent;
    width: 21px;
}
#cboxMiddleRight {
    background: url("/widget/js/colorbox/example1/images/border_right_framily.png") repeat-y scroll right top transparent;
    width: 21px;
}
#cboxTopCenter {
    background: url("/widget/js/colorbox/example1/images/border_top_framily.png") repeat-x scroll 0 0 transparent;
    height: 21px;
}
#cboxBottomCenter {
    background: url("/widget/js/colorbox/example1/images/border_bottom_framily.png") repeat-x scroll 0 0 transparent;
    height: 21px;
}
#cboxContent {
    background: none repeat scroll 0 0 #FFFFFF;
    overflow: hidden;
}
#cboxError {
    border: 1px solid #CCCCCC;
    padding: 50px;
}
#cboxLoadedContent {

}
#cboxTitle {
    bottom: 4px;
    color: #949494;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
	display:none !important;
}
#cboxCurrent {
    bottom: 4px;
    color: #949494;
    left: 58px;
    position: absolute;
}
#cboxSlideshow {
    bottom: 4px;
    color: #0092EF;
    position: absolute;
    right: 30px;
}
#cboxPrevious {
    background: url("/widget/js/colorbox/example1/images/controls.png") no-repeat scroll -75px 0 transparent;
    bottom: 0;
    height: 25px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    width: 25px;
}
#cboxPrevious.hover {
    background-position: -75px -25px;
}
#cboxNext {
    background: url("/widget/js/colorbox/example1/images/controls.png") no-repeat scroll -50px 0 transparent;
    bottom: 0;
    height: 25px;
    left: 27px;
    position: absolute;
    text-indent: -9999px;
    width: 25px;
}
#cboxNext.hover {
    background-position: -50px -25px;
}
#cboxLoadingOverlay {
    background: url("/widget/js/colorbox/example1/images/loading_background.png") no-repeat scroll center center transparent;
}
#cboxLoadingGraphic {
    background: url("/widget/js/colorbox/example1/images/loading.gif") no-repeat scroll center center transparent;
}
#cboxClose {


    height: 30px;
    position: absolute;
	top:0;
    right: 0;
    text-indent: -9999px;
    width: 200px;
	z-index:100;
}

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
}
.cboxIE6 #cboxTopLeft {
    background: url("/widget/js/colorbox/example1/images/ie6/borderTopLeft.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxTopCenter {
    background: url("/widget/js/colorbox/example1/images/ie6/borderTopCenter.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxTopRight {
    background: url("/widget/js/colorbox/example1/images/ie6/borderTopRight.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxBottomLeft {
    background: url("/widget/js/colorbox/example1/images/ie6/borderBottomLeft.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxBottomCenter {
    background: url("/widget/js/colorbox/example1/images/ie6/borderBottomCenter.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxBottomRight {
    background: url("/widget/js/colorbox/example1/images/ie6/borderBottomRight.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxMiddleLeft {
    background: url("/widget/js/colorbox/example1/images/ie6/borderMiddleLeft.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxMiddleRight {
    background: url("/widget/js/colorbox/example1/images/ie6/borderMiddleRight.png") repeat scroll 0 0 transparent;
}
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight {
}


#cboxLoadedContent  #design-choose {
	display:block !important;
}


#design-choose-content {
	padding:20px;
	background:transparent url("/fileadmin/templates/images/design.chosen.gif") repeat scroll 0 0 ;
	background-position: -12px 17px;
}


.dc-title {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	margin-bottom:20px;
	font-weight:bold;

}

.dc-text {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#757575;
	line-height:18px;
}

.dc-facts {
	padding:45px 20px 0 33px;
}

.dc-option-software {
	width:285px;
}


.dc-option-editor {
	padding-left:21px;
}
.dc-option-title {
	color:#000000;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;


}

.dc-option-title-name {
	font-size:16px;
}
.dc-option-factlist {
	margin-top:15px;
	margin-left:0;
	padding-left:0;
	list-style: disc;
	list-style-position:outside;
	position:relative;
	left:15px;
	width:90%;
}
.dc-option-factlist li span{
	position:relative;
	left:-5px;
}


.dc-button {
	padding:20px 0;
	vertical-align: text-bottom;
}

.dc-option-link {
	display:block;
	height: 46px;
	width:260px;
}