/* Cascading Stylesheet for Cubit - Mymito GmbH by Timothy Santore, November 27th 2009*/
/* © 2009, Accident Grotesk - Visit http://www.accidentgrotesk.com for more information.*/

/* GLOBALS ------------------------------------------------------- */

/* Initial Reset */
/**{
	margin: 0;
	padding: 0;
	list-style-type: none;
}*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
}
fieldset,img { 
	border:0px;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

* html h1 a, a {
/* for IE5/win */
c\ursor:pointer;
}

body {
	margin:0px auto;
	padding:0px 0px;
	text-align:left;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	background-color:#FFF;
}

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }

	
input[type="text"] {
	font-size:11px;
	line-height:15px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	width:190px;
	margin-top: 0px;
	padding:2px;
	position:relative;
	height:15px;
	background:#F7F7F7;
	color:#6F6F6F;
	border:1px solid #DDDDDD;
    }

/*.clear {
  clear:both;
}

.clearfix:after {
    clear: both; 
    content: "."; 
    display:block; 
    height:0px; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}
*/

#toolbar_wrapper {
	height:35px;
	margin:0px 0px 24px 0px;
	padding:0px;
	text-align:center;
	background:#FFFFFF url(../images/toolbar-background.jpg) repeat-x top left;
	}

#toolbar {
	width:900px;
	margin:0px auto;
	padding:10px 30px 0px 30px;
	text-align:center;
	font-size:11px;
	color:#666666;
	}

.toolbar_left {
	width:500px;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
	}

.toolbar_right {
	width:190px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:right;
	}
	
#toolbar a:link, #toolbar a:visited {
	color:#000000;
	text-decoration:none;
	outline: none;
	}

#toolbar a:hover, #toolbar a:active {
	text-decoration:underline;
	color:#000000;
	outline: none;
	}

/*.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; z-index: 950;}
.dropdown a, .dropdown a:visited { color:#000000; text-decoration:none; outline:none;}
.dropdown a:hover { color:#000000;}
.dropdown dt a:hover { color:#000000; }
.dropdown dt a {
	background:transparent url(../images/arrow.png) no-repeat scroll 5px center;
	display:block; 
	width:190px;
	padding-left:25px
	}
.dropdown dt a span {cursor:pointer; display:block; padding:0px;}
.dropdown dd ul {
	border:1px solid #F3F3F3;
	color:#000;
	display:none; 
	background: transparent url('../images/onepixel-white-65.png') left top scroll repeat;
	left:0px;
	padding:0px 0px 0px 20px;
	position:absolute; top:8px;
	width:auto;
	min-width:170px;
	list-style:none;
	}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:6px 3px 6px 5px; display:block;}
.dropdown dd ul li a:hover {}*/


/* STRUCTURE ---------------------------------------------------- */
		
#layout_wrapper {
	width:100%;
	text-align:center;
}

#wrapper {
	width:960px;
	margin:0 auto;
	padding:0px;
	position:relative;
	background-color:#FFFFFF;
	}
	

/* HEADER  ---------------------------------------------------- */
#header {
	width:900px;
	height:54px;
	padding: 0px 30px 0px 30px;
	margin-bottom:29px;
	text-align:center;
	position:relative;
}

#header-slogan {
	width:261px;
	height:20px;
	padding:12px 0px;
	float:left;
	}
	
#header-logo {
	width:69px;
	height:54px;
	padding:0px;
	float:right;
	}

/* LINKS ---------------------------------------------------------- */
a:link {
	font-style:normal;
	text-decoration:none;
	color:#707070;
	outline: none;
	}

a:visited {
	text-decoration:none;
	color:#333;
	outline: none;
	}

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

/* NAV --------------------------------------------------------- */
#nav {
	width:960px;
	height:38px;
	overflow:hidden;
	background-color:#FFFFFF;
}

#nav_item {
	padding-left: 30px;
}

#nav_item a {
	margin-right:13px;
	padding:0px 0px;
	display: block;
	font-weight:normal;
	line-height:36px;
	color: #4A4A4A;
	}

#nav_item a:hover, #nav_item a.active {
	text-decoration:none;
	color:#000000;
}

#nav_item li {
	float:left;
	font-size:14px;
	text-transform:uppercase;
}

.active {
	color:#009BC2;
}

#nav_item li a.warenkorb{
	display: block;
	float: left;
	height:15px;
	background: transparent url('../images/warenkorb.png') no-repeat scroll bottom left;
/*	text-indent: -9999%;*/
	outline: none;
	margin:10px 0px;
	}
	
#nav_item li a.warenkorb:hover, #nav_item li a.warenkorb.active{
	background-position: top left;
	}
	
#nav_item li a.warenkorb span{
	visibility: hidden;
	}



/* SUBMENU -------------------------------------------------------- */
#submenu {
	width:140px;
	padding:30px 10px 50px 30px;
	float:left;
	font-size:11px;
	line-height:15px;
}

#submenu li a{
	color: #707173;
}

#submenu a:hover, #submenu a.active {
	text-decoration:none;
	color:#009BC2;
}		

/* SLIDER -------------------------------------------------------- */		
.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
	}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px; /*left and right distance*/
	width:900px;
	height:352px;
	background-image: url('../images/slider-shadow.png');
	background-position:center bottom;
	background-attachment: scroll;
	background-repeat: no-repeat;
	}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 348px; background: #fff; overflow: scroll; 
	/* Added to reduce flicker */
	visibility:hidden;
	}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	/*border: 1px solid #DDD;  this is the border. should have the same value for the links */
	margin: auto;
	width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 348px;
	clear: both;
	background: #EEE;
	}

.stripViewer h3{
	font-size:17px;
	line-height:26px;
	}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0px; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 348px;
	position: relative;
	width: 900px;
	}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
	}

#slider1 {
	background-attachment: scroll;
	background-image: url(../images/cubit-modulares-regal-system-slider.jpg);
	background-repeat: no-repeat;
	}

.slider1 {
	margin: 96px 0px 0px 473px;
	padding: 0px 0px 0px 0px;
	width: 260px;
	}
	
#slider2 {
	background-attachment: scroll;
	background-image: url(../images/cubit-regal-slider.jpg);
	background-repeat: no-repeat;
	}

.slider2 {
	margin: 105px 0px 0px 625px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	}
	
#slider3 {
	background-attachment: scroll;
	background-image: url(../images/cubit-regal-system-slider.jpg);
	background-repeat: no-repeat;
	}	
	
.slider3 {
	margin:105px 0px 0px 92px;
	padding: 0px 0px 0px 0px;
	width: 290px;
	}

#slider4 {
	background-attachment: scroll;
	background-image: url(../images/cubit-easy-connect-system-slider.jpg);
	background-repeat: no-repeat;
	}	
	
.slider4 {
	margin:119px 0px 0px 247px;
	padding: 0px 0px 0px 0px;
	width: 190px;
	}

#slider5 {
	background-attachment: scroll;
	background-image: url(../images/cubit-ab-16-euro-slider.jpg);
	background-repeat: no-repeat;
	}	
	
.slider5 {
	margin:42px 0px 0px 97px;
	padding: 0px 0px 0px 0px;
	width: 230px;
	}

#slider6 {
	background-attachment: scroll;
	background-image: url(../images/cubit-planer-slider.jpg);
	background-repeat: no-repeat;
	}	
	
.slider6 {
	margin:63px 0px 0px 94px;
	padding: 0px 0px 0px 0px;
	width: 210px;
	}

.stripNav{
	position:absolute;
	z-index:100;
	margin:305px 0 0 20px;
	line-height: 30px;
	/*opacity:0.80;
	filter:alpha(opacity = 80);
	*/}
	
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
	}
		
.stripNav ul li {
	float: left;
	margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}


		
.stripNav a { /* The nav links */
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 3px;
	background: transparent url('../images/button_bg_a.png') no-repeat scroll top right;
	outline: none;
	}

.stripNav a:hover { 
	background-position: bottom right;
	outline: none;
	}
		
.stripNav a span { 
	line-height: 24px;
	display: block;
	padding: 0px 12px 0px 15px;
	background: transparent url('../images/button_bg_span.png') no-repeat;
	}
	
.stripNav a:hover span {  
	background-position: bottom left;
	}
	
.stripNav a.current { 
	background-position: bottom right;
	outline: none;
	}

.stripNav a.current span {  
	background-position: bottom left;
	}
	
div.previous, div.next{
	position:absolute;
	width:30px;
	height:32px;
	z-index:200;
	outline: none;
	}
	
div.previous{
	margin:150px 0 0 20px;
	}
	
div.next{
	margin:150px 0 0 848px;
	}

/* GENERAL HEADER --------------------------------------------------*/
.horizontal-teaser-wrapper {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width:900px;
	border-top: 1px solid #EEEEEE;
	}

/* SHOPHEADER ------------------------------------------------------*/
.shop-header-wrapper {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width:900px;
	height:227px;
	background-image: url('../images/slider-shadow.png');
	background-position:center bottom;
	background-attachment: scroll;
	background-repeat: no-repeat;
	}

#shop-header, #was-ist-cubit-header {
	position: relative;
	margin: auto;
	width: 870px;
	height: 191px;
	float: left;
	padding: 30px 0px 0px 30px;
	background-image: url('../images/shop-header-background.jpg');
	background-position:center bottom;
	background-attachment: scroll;
	background-repeat: no-repeat;
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #CDCDCD;
	}

.shop-header-text{
	width:425px;
	line-height:21px;
	font-size:17px;
	color:#000;
	}
	
.shop-header-text h2{
	line-height:21px;
	font-size:17px;
	}
	
/* MAIN ----------------------------------------------------------- */
#content {
	padding:0px 0px 0px 30px;
	 background-color:#FFFFFF;
	 text-align:left;
}
	
#content #content_index {
	width:436px;
	padding:0px 10px 40px 0px;
	margin-right: 8px;
	float:left;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:18px;
	line-height:20px;
	margin-bottom: 10px;
	color:#000;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:17px;
	line-height:30px;
	margin-bottom: 3px;
	color:#000;
	}

#content hr, #content_index hr {
	height:1px;
	margin:10px 0px 25px;
	border:0px;
	background-color:#d0d0d0;
	}

#teaser_wrapper {
	width:930px;
	min-height:136px;
	float:left;
	margin-bottom:30px;
	}

.teaser {
	width:219px;
	min-height:136px;
	margin:0px 8px 8px 0px;
	float:left;
	display:block;
	}

.teaser_top {
	height:2px;
	background: transparent url(../images/teaser-index-top.png) no-repeat top left;
	}
	
.teaser_middle {
	height:120px;
	padding:0px 0px 0px 0px;
/*	background: transparent url(../images/all-ideas.png) repeat-y top left;
	background: #F8F8F8 url(../images/all-ideas.png) no-repeat bottom left;*/
	background-color: #F8F8F8;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	vertical-align:text-bottom;
	display:block;
	position:relative;
	overflow:hidden;
	}
	
.teaser_middle p {
	position: absolute;
	margin: 0px;
	padding: 0px 10px 0px;
	bottom: 10px;
	left: 0px;
	display:none;
	}
	
.teaser_middle a {
	display: block;
	height:120px
	}
	
.teaser.first-teaser a{
	background: transparent url(../images/cubit-teaser-gutschein.jpg) no-repeat top left;
}

.teaser.second-teaser a{
	background: transparent url(../images/cubit-teaser-planung.jpg) no-repeat top left;
}
	
.teaser.third-teaser a{
	background: transparent url(../images/cubit-teaser-lieferbedingungen.jpg) no-repeat top left;
}
	
.teaser.fourth-teaser a{
	background: transparent url(../images/cubit-teaser-kundenbeispiele.jpg) no-repeat top left;
}

.teaser.first-teaser-en a{
	background: transparent url(../images/cubit-teaser-gift-idea.jpg) no-repeat top left;
}

.teaser.second-teaser-en a{
	background: transparent url(../images/cubit-teaser-planing-service.jpg) no-repeat top left;
}
	
.teaser.third-teaser-en a{
	background: transparent url(../images/cubit-teaser-delivery-shipping-costs.jpg) no-repeat top left;
}
	
.teaser.fourth-teaser-en a{
	background: transparent url(../images/cubit-teaser-customers-examples.jpg) no-repeat top left;
}


.teaser-headline {
	font-weight: bold;
	line-height:18px;
	font-size:13px;
	color:#000;
	}


.teaser_bottom {
	height:4px;
	background: transparent url(../images/teaser-index-bottom.png) no-repeat top left;
	}

.teaser_top {
	height:2px;
	background: transparent url(../images/teaser-index-top.png) no-repeat top left;
	}

/* TEASER RIGHT ----------------------------------------------------------- */
.teaser-right {
	width:219px;
	margin:0px 0px 30px 0px;
	float:left;
	}
	
.teaser-right-middle {
	padding:0px 0px 0px 8px;
	font-size:11px;
	line-height:15px;
	}
	
.teaser-right-image{
	width:76px;
	float:left;
	margin-right:10px;
	text-align:center;
	}
	
.teaser-right-text {
	width:125px;
	margin: 0px;
	padding: 0px 0px 0px;
	float:left;
	}

.teaser-right-headline {
	font-weight: bold;
	line-height:18px;
	font-size:13px;
	color:#000;
	}

/* POPULAR RIGHT ----------------------------------------------------------- */
.popular-right {
	width:219px;
	margin:0px 0px 26px 0px;
	float:left;
	}
	
.popular-right-middle {
	padding:0px 0px 0px 8px;
	font-size:11px;
	line-height:15px;
	}
	
.popular-right-image{
	width:76px;
	float:left;
	margin-right:10px;
	text-align:center;
	}
	
.popular-right-text {
	width:125px;
	margin: 0px;
	padding: 0px 0px 0px;
	float:left;
	}

.popular-right-headline {
	font-weight: bold;
	line-height:18px;
	font-size:13px;
	color:#000;
	}

#submenu_wrapper, #cloud-wrapper, #exampleview-wrapper {
	width:219px;
	min-height:136px;
	margin:0px 8px 10px 0px;
	float:left;
	}

#submenu_wrapper ul{
	margin:0px;
	padding:0px;
	}

.submenu, .cart , .cloud {
	margin-bottom:10px;
	}

.submenu_top, .cart_top, .exampleview-top {
	height:2px;
	background: transparent url(../images/teaser-index-top.png) no-repeat top left;
	}

.submenu_item, .cart_title, .exampleview-title {
	background-color:#F7F7F7;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #E7E7E7;
	line-height:17px;
	padding: 5px 10px 7px 13px;
	color:#000;
	}
	
.cloud-item {
	line-height:19px;
	padding: 5px 5px 5px 0px;
	}
	
.smaller {
	font-size:13px;
	}
	
.normal {
	font-size:15px;
	}
	
.larger {
	font-size:17px;
	}
	
.cart_details {
	background-color:#FDFDFD;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #E7E7E7;
	line-height:16px;
	padding: 3px 10px 7px 13px;
	}

#cart_prod_det {
	width:195px;
	}
	
.submenu li a, .title, .exampleview-title{
	font-size: 15px;
	color:#000000;
	}
	
	
.current, .submenu_item:hover {
	background-color:#EDEDED;
	}
	
.first {
	border-top: 0px;
	padding-top:4px;
	}	

.submenu_bottom, .cart_bottom {
	height:4px;
	background: transparent url(../images/teaser-index-bottom.png) no-repeat top left;
	}

a.cart_button  {
	margin: 10px 10px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0px 3px 0px 0px;
	background: transparent url('../images/button_bg_a.png') no-repeat scroll top right;
	outline: none;
	float:left;
	
	}

a.cart_button:hover { 
	background-position: bottom right;
	outline: none;
	}
		
a.cart_button span { 
	line-height: 24px;
	display: block;
	padding: 0px 6px 0px 9px;
	background: transparent url('../images/button_bg_span.png') no-repeat;
	}
	
a.cart_button:hover span{  
	background-position: bottom left;
	}


a.cart_button.current { 
	background-position: bottom right;
	outline: none;
	}

a.cart_button.current span {  
	background-position: bottom left;
	}

#sidebar-left {
	width:195px;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-size:11px;
	line-height:15px;
	color:#666666;
	}

#sidebar-left .detail {
	margin: 7px 0px 0px 0px;
	}

#subcontent {
	width:219px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float: left;
	text-align:left;
}

#products {
	width:681px;
	padding: 0px 0px 30px 0px;
	float:left;
	}

.product-teaser-row {
	width:681px;
	margin:0px 0px 10px 0px;
	float:left;
	}
	
.product-teaser {
	width:219px;
	margin:0px 8px 0px 0px;
	float:left;
	}

.product-teaser-top {
	height:2px;
	background: transparent url(../images/teaser-index-top.png) no-repeat top left;
	}

.product-teaser-title {
	background-color:#F7F7F7;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #E7E7E7;
	line-height:17px;
	padding: 4px 10px 7px 13px;
	font-size: 15px;
	color:#000000;
	}
	
.product-teaser-title a{
	font-size: 15px;
	color:#000000;
	}
	
.product-teaser-image {
	margin:0px;
	padding:0px;
	border-top: 1px solid #FAFAFA;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #E7E7E7;
	float:left;
	}
	
.product-teaser-image img {
	margin:0px;
	padding:0px;
	float:left;
	}
	
.product-teaser-details {
	padding: 11px 10px 7px 13px;
	line-height:16px;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	background-color:#FDFDFD;
	float:left;
	width:194px;
	min-height:180px;
	}
	
.product-teaser-price{
	padding:0px;
	margin: 17px 0px 5px 0px;
	font-size:20px;
	font-weight:bold;
	}
	
.product-teaser-tax-shipping {
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	color:#666666;
	}

.product-teaser-bottom {
	height:4px;
	background: transparent url(../images/teaser-index-bottom.png) no-repeat top left;
	float:left;
	width:219px;
	}

.product {
	width:673px;
	min-height:136px;
	margin:0px 8px 10px 0px;
	float:left;
	}

.product-top {
	height:2px;
	background: transparent url(../images/product-top.png) no-repeat top left;
	}

.product-title {
	background-color:#F7F7F7;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #E7E7E7;
	line-height:17px;
	padding: 4px 10px 7px 13px;
	font-size: 15px;
	color:#000000;
	}
	
.product-row {
	margin:0px;
	padding:0px;
	border-right: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-bottom: 1px solid #E7E7E7;
	width:671px;
	float:left;
	}
		
.product-image {
	margin:0px;
	padding:0px;
	border-top: 1px solid #FAFAFA;
	width:444px;
	float:left;
	border-right: 1px solid #EEEEEE;
	}
	
.product-image img {
	margin:0px;
	padding:0px;
	float:left;
	}

.product-details {
	padding: 19px 15px 10px 13px;
	border-top: 1px solid #FAFAFA;
	line-height:16px;
	background-color:#FDFDFD;
	width:197px;
	float:left;
	}

.product-details input[type="text"] {
	font-size:11px;
	line-height:15px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	width:45px;
	margin-top: 0px;
	padding:2px;
	position:relative;
	height:15px;
	background:#F7F7F7;
	color:#6F6F6F;
	border:1px solid #DDDDDD;
    }
	
.product-price{
	padding:0px;
	margin: 17px 0px 5px 0px;
	font-size:20px;
	font-weight:bold;
	}
	
.product-tax-shipping {
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	color:#666666;
	}
	
.product-quantity{
	padding:0px;
	margin: 20px 0px 0px 0px;
	font-weight:bold;
	}
	
.product-preview-images {
	width:419px;
	padding: 10px 10px 10px 15px;
	float:left;
	background-color:#F7F7F7;
	border-bottom: 1px solid #E7E7E7;
	}
	
.product-preview-text {
	width:419px;
	padding: 15px 10px 25px 15px;
	float:left;
	}

.product-preview-images img {
	margin: 0px 10px 0px 0px;
	padding:0px;
	float:left;
	}
		
.product-bottom {
	height:4px;
	background: transparent url(../images/product-bottom.png) no-repeat top left;
	width:673px;
	float:left;
	}
	
.product-buttons {
	margin: 0px 0px 0px 0px;
	padding:0px;
	}

#was-ist-cubit, #agb, #impressum, #faq, #widerrufsbelehrung, #kontakt, #formate-preise, #lieferbedingungen {
	width:681px;
	padding-bottom:30px;
	float:left;
	}

#clientphotos {
	width:930px;
	height:auto;
	padding-bottom:30px;
	float:left;
	}

#combinations {
	width:930px;
	padding-bottom:30px;
	float:left;
	}


.single-column {
	width:219px;
	min-height:136px;
	margin:0px 8px 0px 0px;
	float:left;
	}
	
.one-ahalf-column {
	width:328px;
	min-height:70px;
	margin:0px 16px 20px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	}
	
.double-column {
	width:446px;
	min-height:136px;
	margin:0px 8px 0px 0px;
	float:left;
	}

.triple-column {
	width:673px;
	margin:0px 8px 20px 0px;
	padding:0px;
	float:left;
	}
	
.picture-column {
	width:163px;
	margin: 0px 7px 0px 0px;
	float: left;
	}
	
.picture-column-relative {
	width:163px;
	margin: 0px 7px 0px 0px;
	float: left;
	position:relative;
	}
	
.picture-column-relative-right {
	width:163px;
	margin: 0px 0px 0px 56px;
	float: left;
	position:relative;
	}

.picture-column.left {
	margin: 0px 0px 0px 0px;
	}
	
.left-column {
	margin:0px 0px 0px 0px;
	}

.overlay-bottom-right {
	position:absolute;
	top:150px;
	right: -50px;
}
	
.pre-title {
	padding: 0px 10px 4px 0px;
	border-bottom: 1px solid #E7E7E7;
	font-size: 11px;
	line-height:12px;
	color:#000000;
	}
	
.text-title {
	line-height:18px;
	padding: 4px 10px 11px 0px;
	font-size: 16px;
	color:#000000;
	}

.text-title.underline {
	padding: 4px 10px 6px 0px;
	margin-bottom:10px;
	border-bottom: 1px solid #E7E7E7;
	}

.row {
	margin: 0px 0px 20px 0px;
	padding:0px;
	float:left;
	}


.checkout {
	width:673px;
	min-height:136px;
	margin:0px 8px 0px 0px;
	float:left;
	}
	
.checkout-examples {
	width:673px;
	min-height:136px;
	margin:0px 8px 0px 0px;
	padding:0px 0px 30px 0px;
	float:left;
	}
	
#recommend .checkout {
	margin:0px 1px 1px 0px;
	}
	
.checkout strong {
	font-size:14px;
	font-weight:bold;
	}

.checkout-top {
	height:2px;
	background: transparent url(../images/product-top.png) no-repeat top left;
	}

.checkout-title {
	background-color:#EDEDED;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	line-height:17px;
	padding: 5px 10px 4px 0px;
	font-size: 15px;
	color:#000000;
	height:20px;
	}

.checkout-title span{
	padding: 5px 8px 0px 10px;
	height:32px;
	}
	
.checkout-title span.current {
	background:#F7F7F7 url(../images/checkout-title-shadow.png) no-repeat top right;
	border-left: 1px solid #EEEEEE;
	padding: 6px 16px 7px 12px;
	}
		
.checkout-help {
	background-color:#F7F7F7;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #E7E7E7;
	padding: 10px 10px 10px 13px;
	font-size:11px;
	line-height:12px;
	color:#7F7F7F;
	}
	
.checkout-row {
	margin:0px;
	padding:0px;
	border-right: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	border-bottom: 1px solid #E7E7E7;
	width:671px;
	float:left;
	background-color: #FDFDFD;
	}
	
.checkout-noborder-bottom {
	border-bottom: none;
	}
			
.checkout-image {
	margin:0px;
	padding:0px 0px 0px 25px;
	width:113px;
	float:left;
	}
	
.checkout-image img {
	margin:0px;
	width:113px;
	padding:18px 0px 25px 0px;
	float:left;
	outline:none;
	}

.checkout-details {
	padding: 10px 0px 10px 15px;
	margin-right:0px;
	line-height:16px;
	/*background-color:#FDFDFD;*/
	width:475px;
	float:left;
	}
	
.checkout-details-doublecolumn {
	padding: 0px 15px 10px 25px;
	line-height:16px;
	width:631px;
	float:left;
	background-color:#FDFDFD;
	overflow: hidden; 
	}

.checkout-details-left {
	padding: 20px 0px 10px 0px;
	line-height:16px;
	height: auto;
	width:300px;
	float:left;
	border-right: 1px solid #EEEEEE;
	margin-bottom: -1000px; padding-bottom: 1000px; /*<-- THESE MUST BE ACTIVE ON PRODUCTION SITE*/
	}

.checkout-details-right {
	padding: 20px 30px 10px 25px;
	height: auto;
	line-height:16px;
	width:265px;
	float:left;
	margin-bottom: -1000px; padding-bottom: 1000px; /*<-- THESE MUST BE ACTIVE ON PRODUCTION SITE*/
	}
	
.checkout-details-singlecolumn {
	padding: 15px 30px 15px 25px;
	height: auto;
	line-height:18px;
	width:616px;
	float:left;
	}
	
.checkout-details-singlecolumn.highlight {
	background-color:#F7F7F7;
	}
	
.checkout-remove-item img{
	margin:0px 0px 0px 5px;
	padding:0px;
	float:right;
	}

.checkout-details input[type="text"] {
	font-size:11px;
	line-height:15px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	width:35px;
	margin-top: 0px;
	padding:2px;
	position:relative;
	height:15px;
	text-align:right;
	background:#F7F7F7;
	color:#6F6F6F;
	border:1px solid #DDDDDD;
    }
	
.checkout-price{
	padding:0px;
	margin: 0px 0px 5px 0px;
	}
	
.checkout-tax-shipping {
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	color:#666666;
	}
	
.checkout-total {
	width:247px;
	padding: 10px 0px 0px 424px;
	line-height:16px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	background-color:#EDEDED;
	float:left;
	}
	
.checkout-navigation {
	width:629px;
	padding: 0px 17px 5px 25px;
	border-right: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	background-color:#EDEDED;
	float:left;
	}
	
.checkout-navigation-left {
	width:129px;
	padding: 0px;
	float:left;
	}
	
.checkout-navigation-drucken {
	width:150px;
	padding: 0px;
	float:left;
	}
		
.checkout-navigation-center {
	padding: 10px 0px 0px 0px;
	float:left;
	font-size:11px;
	line-height:12px;
	color:#7F7F7F;
	}
	
.checkout-navigation-right {
	padding: 0px;
	float:right;
	text-align:right;
	}
		
.checkout-bottom {
	height:4px;
	background: transparent url(../images/product-bottom.png) no-repeat top left;
	width:673px;
	float:left;
	}
	
.warning {
	background-color:#FDE4F1;
	}

/* TABLES ----------------------------------------------------------- */	
table {
	margin-top:3px;
	border-collapse:collapse;
	font-size:12px;
	}

th {
	padding: 0px 2px 1px 0px;
	font-weight: normal;
	color: #666;
	}

td {
	padding: 1px 2px 1px 0px;
	vertical-align:top;
	}
	
th.cart-details-pieces, td.cart-details-pieces {
	width: 23px;
	text-align:left;
	}

th.cart-details-item, td.cart-details-item {
	width: 88px;
	text-align:left;
	}

th.cart-details-color, td.cart-details-color {
	width: 28px;
	text-align:left;
	}

th.cart-details-price, td.cart-details-price {
	width: 43px;
	text-align:right;
	}

th.cart-sum-title, td.cart-sum-title {
	width: 140px;
	text-align:left;
	}

th.cart-sum-amount, td.cart-sum-amount {
	width: 60px;
	text-align:right;
	}

.checkout table {
	width:485px;
	}
	
.checkout td {
	padding: 5px 0px 10px 0px;
	vertical-align:top;
	}
	
.checkout .checkout-total table {
	width:220px;
	}
	
td.checkout-description {
	width: 205px;
	text-align:left;
	}
	
td.checkout-description a:link, td.checkout-description a:visited, td.checkout-description a:active, td.checkout-description a:hover {
	color:#000000;
	}
	
td.checkout-price {
	width: 100px;
	text-align:right;
	}

td.checkout-quantity{
	width: 70px;
	text-align:right;
	}

td.checkout-amount {
	width: 110px;
	text-align:right;
	}
	
td.checkout-remove-item {
	text-align:right;

	}

td.checkout-total-description {
	width: 140px;
	}

/* IE Fix: TD musst be underlined to be displayed*/
tr.underlined, tr.underlined td {
	border-bottom:1px solid #CCCCCC;
	}

/* IE Fix: TD musst be overlined to be displayed*/	
tr.overlined, tr.overlined td {
	border-top:1px solid #CCCCCC;
	}

.checkout-details-right table {
	width:295px;
	}
	
td.checkout-left {
	width: 235px;
	text-align:left;
	vertical-align:bottom;
	}

td.checkout-right{
	width: 70px;
	text-align:right;
	vertical-align:bottom;
	}

table.checkout-order{
	width:500px;
	}
	
td.checkout-order-item-name {
	width: 240px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	padding: 5px 0px 5px 0px;
	vertical-align:top;
	}
	
td.checkout-order-item-name .small {
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	}
	
td.checkout-order-item-quantity {
	width: 50px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	padding: 5px 0px 5px 0px;
	vertical-align:top;
	}
	
td.checkout-order-item-amount {
	width: 60px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	padding: 5px 0px 5px 0px;
	vertical-align:top;
	}

td.checkout-order-amount-left {
	width: 290px;
	text-align:right;
	padding: 4px 0px 3px 0px;
	vertical-align:bottom;
	}
	
td.checkout-order-amount-right {
	width: 60px;
	text-align:right;
	padding: 4px 0px 3px 0px;
	vertical-align:bottom;
	}
	
/* ACCOUNT DETAILS */
table.checkout-account-order {
	width:620px;
	}
	
td.checkout-account-order-name {
	width: 240px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 7px 0px;
	vertical-align:top;
	}
	
td.checkout-account-order-name .small {
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	}
	
td.checkout-account-order-status {
	width: 120px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 10px 0px;
	vertical-align:top;
	}
	
td.checkout-account-order-amount {
	width: 120px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 10px 0px;
	vertical-align:top;
	}
	
td.checkout-account-order-details {
	width: 120px;
	text-align:right;
	padding: 10px 0px 10px 0px;
	vertical-align:top;
	}
	
td.checkout-account-order-details a{
	float:right;
	margin:0px 0px 0px 10px;
	}

/* SHELF DETAILS */
table.checkout-account-shelf {
	width:620px;
	}
	
td.checkout-account-shelf-name {
	width: 200px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 7px 0px;
	vertical-align:top;
	}
	
td.checkout-account-shelf-date {
	width: 120px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 10px 0px;
	vertical-align:top;
	}
	
td.checkout-account-shelf-open {
	width: 0px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 10px 0px;
	vertical-align:top;
	}
	
td.checkout-account-shelf-order {
	width: 270px;
	text-align:right;
	padding: 10px 0px 10px 0px;
	vertical-align:top;
	}
	
td.checkout-account-shelf-order a, td.checkout-account-shelf-open a{
	float:right;
	margin:0px 0px 0px 10px;
	}

/* PERSONAL DATA */
table.checkout-personaldata {
	width:620px;
	}
	
td.checkout-personaldata-left {
	width: 140px;
	text-align:left;
	padding: 5px 10px 5px 0px;
	vertical-align:top;
	}

td.checkout-personaldata-right {
	width: 480px;
	text-align:left;
	padding: 4px 0px 6px 0px;
	vertical-align:top;
	}
	
td.checkout-personaldata-right select{
	margin-left:0px;
	}

table.checkout-personaldata input[type="text"], table.checkout-personaldata input[type="password"]  {
	font-size:11px;
	line-height:15px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	width:155px;
	margin: 0px 2px 0px 0px;
	padding:2px;
	height:15px;
	background:#F7F7F7;
	color:#6F6F6F;
	border:1px solid #DDDDDD;
    }

table.checkout-password {
	width:600px;
	}
	
td.checkout-password-left {
	width: 100px;
	text-align:left;
	padding: 3px 0px 3px 0px;
	vertical-align:top;
	}

td.checkout-password-right {
	width: 500px;
	text-align:left;
	padding: 2px 0px 4px 0px;
	vertical-align:top;
	}
	
td.checkout-password-right select{
	margin-left:0px;
	}

table.checkout-password input[type="text"], table.checkout-password input[type="password"]  {
	font-size:11px;
	line-height:15px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	width:170px;
	margin-top: 0px;
	margin-right:2px;
	padding:2px;
	position:relative;
	height:15px;
	background:#F7F7F7;
	color:#6F6F6F;
	border:1px solid #DDDDDD;
    }

/* ADDRESS DETAILS */
table.checkout-account-address {
	width:620px;
	}
	
td.checkout-account-address-left {
	width: 320px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 7px 0px;
	vertical-align:top;
	}
	
td.checkout-account-address-right {
	width: 320px;
	text-align:right;
	font-size:12px;
	line-height:15px;
	padding: 10px 0px 10px 0px;
	vertical-align:top;
	}
	
td.checkout-account-address-right a{
	float:right;
	margin:0px 0px 0px 10px;
	}


/* FOOTER -------------------------------------------------------- */

#footer_wrapper {
	width:100%;
	text-align:center;
	background: #F9F9F9 url(../images/footer-background.jpg) repeat-x top left;
	float:left;
	min-height:300px;
}

#footer {
	width:930px;
	margin:0px auto;
	padding:25px 0px 0px 30px;
	font-size:11px;
	line-height:16px;
	color:#666666;
	vertical-align:top;
	}
	
.footer-address {
	width:195px;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
	}

.footer-left {
	width:120px;
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
	}
	
#footer-slogan {
	width:47px;
	height:63px;
	margin-right:30px;
	float:right;
	text-align:right;
	background: transparent url(../images/cubit-modular-shelving-system-logo.png) no-repeat top right;
	}

.copyright {
	width:840px;
	text-align:center;
	float: left;
	height:25px;
	padding: 10px 30px 0px 30px;
	margin:30px 0px 0px;
	background: transparent url(../images/footer-separation-line.jpg) repeat-x top left;
	}

#footer li{
	margin:0;
	list-style-type: none;
	}
		
#footer ul{
	margin-bottom:16px;
	}
	
#footer a:link {
	font-style:normal;
	text-decoration:none;
	color:#666;
	}

#footer a:visited {
	text-decoration:none;
	color:#666;
	}

#footer a:hover {
	text-decoration:none;
	color:#000;
	}

/* FORMS ----------------------------------------------------------- */

#rueckruf, #infopaket, #cart-hotline, #newsletter, #recommendation {	
    position:relative;
    width:195px;
	margin-bottom:26px;
	margin-top:3px;
	}

#recommendation a:link, #newsletter a:link {
	padding: 1px 0px 0px 20px;
	font-style:normal;
	text-decoration:none;
	color:#000000;
	outline: none;
	background: transparent url(../images/link-icon.png) no-repeat top left;
	line-height:20px;
	}

#recommendation a:visited, #newsletter a:visited  {
	padding: 1px 0px 0px 20px;
	text-decoration:none;
	color:#000000;
	outline: none;
	background: transparent url(../images/link-icon.png) no-repeat top left;
	}

#recommendation a:hover, #newsletter a:hover  {
	padding: 1px 0px 0px 20px;
	text-decoration:none;
	color:#797979;
	outline: none;
	background: transparent url(../images/link-icon.png) no-repeat top left;
	}
	
#recommendation a:active, #newsletter a:active  {
	outline: none;
	}

fieldset {
	border:0px;
	}
	
.magnifySubmit{
    position:absolute;
    width:19px;
    height:19px;
    top:1px;
	left:177px;
	cursor:pointer;
    z-index:2;
	}


textarea {
	font-size:11px;
	line-height:15px;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-weight: normal;
	width:190px;
	margin-top: 0px;
	padding:2px;
	position:relative;
	background:#F7F7F7;
	color:#6F6F6F;
	border:1px solid #DDDDDD;
    }

/*.focusField{
	border:solid 1px #999999;
	background:#EEEEEE;
	color:#000;
    }*/
			
.search_button {
	background:transparent url(../images/search.png) no-repeat top right;
	width:17px;
	height:17px;
	border-width:0px;
	cursor:pointer;
	}

select {
	float:none;
	font-size:10px;
	display:inline-block;
	position:relative;
	margin-left:5px;
	}
	
#checkout-comment {
	/*background:#F7F7F7;
	color:#6F6F6F;
	border:1px solid #DDDDDD;
   */ }

/* AGB & CO ----------------------------------------------------------- */
.agb-warning {
	background-color:#F7F7F7;
	border: 1px solid #CCC;
	padding: 15px;
	}

.agb-spacing {
	margin: 0px 0px 10px 0px;
	}
	
table.agb-lieferkosten  {
	width:630px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	}
	
.agb-lieferkosten th {
	width:70px;
	padding: 5px 6px 5px 4px;
	color:#000;
	font-weight:bold;
	text-align:right;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	}
	
.agb-lieferkosten td {
	width:70px;
	padding: 5px 6px 5px 4px;
	text-align:right;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	}
	
/* FORMATE UND PREISE ----------------------------------------------------------- */
.cd-formate-column,.buch-formate-column {
	width: 650px;
	}

.grossbuch-formate-column {
	width:440px;
	min-height:136px;
	margin:0px 8px 0px 0px;
	float:left;
	}

.aktenlp-formate-column {
	width:180px;
	min-height:136px;
	margin:0px 8px 0px 0px;
	float:left;
	}

.cubit-row {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 10px 0px;;
	float: left;
	}
	
.cubit-wrapper {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}

.cd .cubit-wrapper{
	height: 37px;
}

.book .cubit-wrapper{
	height: 62px;
}

.other .cubit-wrapper{
	height: 92px;
}

.cubit-wrapper * {
    vertical-align: bottom;
}

.cubit-wrapper img{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.cd li, .book li, .other li  {
	float: left;
	padding: 0;
	margin: 0 10px 1em 0;
	list-style-type: none;
}

.cubit-format-subtitle {
	padding:4px 0px 0px 7px;
	vertical-align:bottom;
	display:block;
	}

.cubit-format-subtitle.medium{
	padding:4px 0px 0px 11px;
	}
	
.cubit-format-subtitle.large{
	padding:4px 0px 0px 11px;
	}
	
.cubit-format-subtitle.xlarge{
	padding:4px 0px 0px 15px;
	}
	
.cubit-format-subtitle.xxlarge, .cubit-format-subtitle.arc{
	padding:4px 0px 0px 18px;
	}
	
.cubit-format-subtitle.lp{
	padding:4px 0px 0px 21px;
	}
	
.format-teaser {
	width:437px;
	margin:0px 8px 10px 0px;
	float:left;
	}

.format-teaser-top {
	height:1px;
	background: transparent url(../images/format-teaser-top.png) no-repeat top left;
	}

.format-teaser-title {
	background-color:#EFEFEF;
	line-height:17px;
	padding: 9px 5px 9px 13px;
	}
	
.format-teaser-title a{
	font-size: 15px;
	color:#000000;
	}

.format-teaser-row {
	margin:0px;
	padding:0px;
	border-right: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
	width:434px;
	float:left;
	background-color:#FFF;
	}
	
.format-teaser-image {
	margin:0px;
	padding:0px;
	border-right: 1px solid #EEEEEE;
	width:217px;
	float:left;
	}
	
.format-teaser-image img {
	margin:0px;
	padding:0px;
	float:left;
	}
	
.format-teaser-description, .format-teaser-info, .format-teaser-details, .format-teaser-amount {
	padding: 9px 5px 0px 13px;
	line-height:14px;
	background-color:#FDFDFD;
	font-size: 11px;
	float:left;
	width:193px;
	float:left;
	}
	
.format-teaser-price{
	width:85px;
	padding:0px;
	margin: 10px 0px 5px 0px;
	font-size:16px;
	font-weight:bold;
	float:left;
	}
	
.format-teaser-tax-shipping {
	width:105px;
	margin:5px 0px;
	padding:0px;
	font-size:11px;
	line-height:12px;
	color:#666666;
	float:left;
	}

.format-teaser-bottom {
	height:5px;
	background: transparent url(../images/format-teaser-bottom.png) no-repeat top left;
	float:left;
	width:437px;
	}
	
.format-title {
	line-height:18px;
	padding: 4px 10px 11px 0px;
	font-size: 14px;
	color:#000000;
	}

.format-content {
	width:647px;
	padding: 0px 10px 0px 15px;
	float:left;
/*	background-color:#F9F9F9;
	border: 1px solid #EEEEEE;*/
	}

/* BEISPIELE ----------------------------------------------------------- */
.row-combinations {
	width:930px;
	margin: 0px 0px 20px 0px;
	padding:0px;
	float:left;
	}
	
.beispiel-column {
	width:286px;
	min-height:150px;
	margin:0px 21px 0px 0px;
	float:left;
	background-color:#F9F9F9;
	}

.beispiel-column img{
	border: 1px solid #EEEEEE;
	padding:0px;
	margin: 0px;
	}

/* SHELF-VIEW ----------------------------------------------------------- */
table.checkout-shelf-view {
	width:192px;
	margin: 0px 0px 0px 0px;
	float:left;
	}
	
td.checkout-shelf-view-left {
	width: 80px;
	text-align:left;
	font-size:11px;
	line-height:15px;
	padding: 7px 0px 3px 10px;
	vertical-align:top;
	}
	
td.checkout-shelf-view-right {
	width: 80px;
	text-align:left;
	font-size:11px;
	line-height:15px;
	padding: 7px 0px 3px 10px;
	vertical-align:top;
	border-left: 1px solid #DDDDDD;
	}
	
.exampleview-details {
	background-color:#FDFDFD;
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: 1px solid #E7E7E7;
	line-height:16px;
	padding: 10px 10px 10px 13px;
	text-align:left;
	float:left;
	width:194px;
	}
	
.exampleview-details a {
	float:left;
	margin:0px 0px 0px 0px;
	}

.exampleview-bottom {
	height:4px;
	background: transparent url(../images/teaser-index-bottom.png) no-repeat top left;
	float:left;
	width:219px;
	}
	
.checkout-exampleview-navigation-left {
	width:129px;
	padding: 0px;
	float:left;
	}

		
.checkout-exampleview-navigation-center {
	margin: 0px 0px 0px 10px;
	padding:0px;
	float:left;
	}
	
.checkout-exampleview-navigation-right {
	padding: 0px;
	float:right;
	text-align:right;
	}
	
.checkout-exampleview{
	padding:0px;
	margin-bottom:0px;
	border-bottom: none;
	height:395px;
	position:relative;
	}

.checkout-exampleview.exampleview-previous, .checkout-exampleview.exampleview-next{
	width:30px;
	height:32px;
	z-index:200;
	outline: none;
	}
	
.exampleview-previous{
	position:absolute;
	top: 170px;
	left: 20px;
	margin:0px 0 0 0px;
	}
	
.exampleview-next{
	position:absolute;
	top: 170px;
	right: 20px;
	margin:0px 0 0 0px;
	}

/* KUNDENFOTOS ----------------------------------------------------------- */
.clientphoto-column {
	width:219px;
	margin:0px 8px 7px 0px;
	padding:0px;
	float:left;
	}

.clientphoto-column img {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

#clientphoto-header {
	padding: 10px;
	margin: 0px 0px 7px 0px;
	width:197px;
	height:190px;
	border: 1px solid #EEEEEE;
	position: relative;
	background-color: #F9F9F9;
	}

#clientphoto-image {
	position:absolute;
	height: 240px;
	width:300px;
	bottom: -10px;
	right: -15px;
	background: transparent url(../images/praxis.png) no-repeat scroll bottom right;
	z-index:950;
	}

/* REGAL-PLANER ----------------------------------------------------------- */
.regal-planer {
	margin:0px 0px 20px 0px;
	float:left;
	}

/* GUTSCHEIN ----------------------------------------------------------- */

.voucher-picture {
	width:250px;
	margin: 0px 20px 0px 0px;
	float:left;
	}

.voucher-content {
	width:345px;
	float:left;
	}
	
.voucher-content table {
	margin: 10px 0px 0px 0px;
	width: 345px;
	}
	
.voucher-content td.left {
	padding-right: 10px;
	width: 135px;
	}

.voucher-warning {
	color: #FF0000;
	}

/* IDEAS ----------------------------------------------------------- */
.ideas {
	position:fixed;
	height: 150px;
	width:200px;
	bottom: 280px;
	left: 0px;
	background: transparent url(../images/all-ideas.png) no-repeat scroll top left;
	z-index:999;
	}

.blog {
	width:446px;
	min-height:136px;
	margin:0px 8px 10px 0px;
	float:left;
	}
	
.blog-date {
	font-size:11px;
	margin:0px 0px 5px 0px;
	border-bottom:1px solid #DDDDDD;
	}
	
.blog-entry {
	width:446px;
	padding:0px 0px 0px 0px;
	}
	
.blog-title {
	}
	
.blog-text {
	margin-bottom: 10px;
	border-bottom:1px #DDDDDD dotted;
	}

.blog-comment-information {
	margin: 0px 0px 10px 0px;
	}
	
.blog-comment-wrapper {
	width:446px;
	margin:0px 0px 20px 0px;
	}
	
.blog-comment-body {
	padding:12px 10px 12px 10px;
	border-top:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	border-left:1px solid #EEEEEE;
	background-color:#F7F7F7;
	}
	
.blog-comment-bottom {
	height:11px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/blog-bottom.png) no-repeat top left;
	}
	
.blog-comment {
	}
	
.blog-comment-name {
	font-size:10px;
	color:#000000;
	padding:0px 0px 0px 20px;
	}

.blog-menu {
	width:219px;
	padding: 0px 0px 0px 0px;
	float:left;
	}
	
.blog-menu-header {
	margin: 0px 0px 7px 10px;
	border-bottom:1px solid #DDDDDD;
	font-size:11px;
	}
.blog-menu ul {
	margin-left:10px;
	}
	
.blog-menu li {
		line-height:18px;
	}

.blog-category {
	margin:0px 0px 20px 10px;
	color:#000;
	}

/* PAYMENT ----------------------------------------------------------- */

#cubit-payment {
	background-color:#FFFFFF;
	border: 1px solid #EEEEEE;
	width:631px;
	padding: 0px 20px 0px 20px;
	}

/* MISC ----------------------------------------------------------- */
p {
	padding-bottom:17px;
	}
	
img {
	padding-bottom:10px;
	border:none;
	}

#was-ist-cubit img {
	padding-bottom:0px;
	}

.detail-image {
	margin: 10px 0px 0px 0px;
	}

strong {
	font-weight:bold;
	color:#000;
	}
	
.grey50 {
	color: #7F7F7F;
	}
	
.available {
	color:#669900;
	}
	
.ordered {
	color:#FF9900;
	}
	
.blue {
	color:#009BC2;
	}

.cart_button_submit {
	margin: 10px 10px 3px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	color:#fff;
	text-decoration: none;
	display: block;
	padding: 0px 3px 3px 0px;
	background: url('../images/button_bg_input.png') no-repeat top left;
	outline: none;
	width: 120px;
	cursor: pointer;
	border: none;
	height: 24px;
}