@CHARSET "ISO-8859-1";

/* @IF_CD_INSTALLER@

#AreaSelection {display:none;}

@ENDIF@ */

/* Aus alter jquery-lightbox-0.4/css/lightbox.css übernommen, bewirkt, dass
   die rechte Scrollbar immer an ist. Dadurch gibt es keinen "Sprung",
   wenn die Lupe verwendet wird.
   TODO testen, ob bei neuen Projekten noch notwendig */
html, body {
	height:100%;
	/* min-height:100%; */
}


/********************************************************************
 Overwrite Colors
********************************************************************/
body{
	background-color: #fff;
}

body, a{
	color:#000;
}

.borderColor{
	border-color: #cacaca;	
}

.otherBorderColor, .header, .header.closed, .jcarousel-item:hover{
	border-color: #00646c;	
}

.unselected a{
	color: #999;	
}

.unselected a:hover {
	background-color: #cacaca;
}

a.buttonSmall, .unselected a:hover{
	color: #fff;	
}

.selected a, td.favorites a:hover, .header, .header.opened, .vista_toolbar a{
	color: #00646c;	
}

select, #accordion, li.pane{
	border-color: #eee;	
}

#accordion, .header.opened, .jcarousel-container{
	background-color: #eee;	
}

.header.closed{
	color: #555;	
}

.header.closed, #ProductList, .jcarousel-item, .vista_toolbar ul{
	background-color: #fff;	
}

.jcarousel-item{
	border-color: #fff;	
}

#ProductList li a:hover {
	background-color:#d8e1e1;
}

.register a {
	border-color: #cc0000;
	color: #cc0000;
}

#easyboLogin {
	background-color: #dddddd;
}


/********************************************************************
 Overwrite Images
********************************************************************/
#Logo{
	background-image: url("images/bannerfloor.jpg");	
}

a.buttonSmall{
	background-image: url("images/button100x20.gif");	
}

a.buttonTiny{
	background-image: url("images/remove.gif");
}

#easyboInfo{
	background-image: url("images/easybo.jpg");	
}

.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    background: transparent url(images/next-horizontal.gif) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    background: transparent url(images/prev-horizontal.gif) no-repeat 0 0;
}

.pattern_irregular{
	background-image: url("images/pattern_irregular.gif");
	background-repeat: no-repeat;
}

.pattern_12{
	background-image: url("images/pattern_12.gif");
	background-repeat: no-repeat;	
}

/********************************************************************
 GENERAL
********************************************************************/
body {
	margin-top: 0px;
	padding-top: 0px;
	font-family: 'Verdana','Arial';
	font-size: 11px;
	text-align: center;
}

a:focus {
	outline: none
}

#StartBox {
	visibility:hidden;
}

#MainBox {
	width: 874px;
	padding: 0px;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

#Logo {
	background-position:center bottom;
	background-repeat:no-repeat;
	float:left;
	height:110px;
	width:874px;
}

#AreaSelection {
    border-bottom-style:solid;
	border-bottom-width:1px;
	border-left-style:solid;
	border-left-width:1px;
	float:left;
	left:0;
	position:relative;
	top:89px;
	width:872px;
}

#AreaSelection ul  {
	margin: 0;
	padding: 0;
}

#AreaSelection li {
	float: left;
	list-style: none;
	width: 200px;
	text-align: center;
	border-collapse: collapse;
	border-right-width: 1px;
	border-right-style: solid;
}

#AreaSelection li a {
	display: block;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
}

#FooterBox {
	clear: both;
	font-size: 10px;
	width: 854px;
	height: 20px;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 0 10px 0 10px;
}

.copyright {
	float: left;
	text-align: left;
	margin-top: 1px;
	padding-top: 3px;
}

.copyright a {
	text-decoration: none;
}

.copyright a:hover {
	text-decoration: underline;
}

.languageSelection {
	float: right;
	padding-top: 4px;
	padding-right: 10px;
}

.flags {
	float: right;
	padding-top: 4px;
}

#ContentBox {
	float: left;
	position: relative;
	width: 852px;
	padding: 10px 10px 10px 10px;
}

#CategorySelectionBox {
	width: 306px;
	height: 32px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding: 0px;
}

#CategorySelectionBox select {
	font-family: 'Verdana','Arial';
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
	margin: 7px 0 6px 0;
}

#RoomsceneSelectionBox {
	width: 304px;
	border-left: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
	padding: 0px 0px 0px 0px;
}

#CurrentProductBox {
	width: 100%;
	padding: 0px;
}

#CurrentProductButtons {
	position: absolute;
	top: 320px;
	float: left;
	width: 285px;
}

#ProductSelectionBox {
	width: 100%;
	padding: 0px;
}

#ProductSelectionBox select{
	width: 274px;
	font-family: 'Verdana','Arial';
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 5px 5px;
}

#ProductList {
	width: 273px;
	height: 248px;
	margin: 5px;
	font-family: 'Verdana','Arial';
	font-size: 10px;
	overflow: auto;
}

#ProductList ul, #ProductList li, #InstallationBox ul, #InstallationBox li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#ProductList li a:link, #ProductList li a:visited, #ProductList li a:active {
	display:block;
	text-decoration:none;
	padding: 3px;
	line-height: 12px;
}

div#InstallationBox {
	width: 100%;
	padding: 0px;
}

div#Patterns {
	display: block;
	overflow: hidden;
}

div#Patterns ul {
	padding: 0 0 0 5px;
	margin: 0px;
}

div#Patterns li, div#Patterns li a {
	float: left;
    list-style: none;
}

div#Patterns li a {
	width: 40px;
	height: 40px;
	margin: 5px;
}

div#Rotation {
	clear: left;
	display: block;
	padding-top: 5px;
}

#Rotation select {
	width: 80px;
	font-family: 'Verdana','Arial';
	font-size: 10px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	margin: 0px 0px 5px 5px;
}

#InstallationBox a {
	text-decoration: none;
}

div#FavoritesBox {
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 0px;
	overflow: auto;
}

td.favorites {
	font-size: 10px;
	padding: 0px 3px 10px 0px;
}

td.favorites a {
	text-decoration: none;
}

div#ImageToolBox {
	position: absolute;
	top: 10px;
	left: 326px; 
	width: 534px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#ImageBox {
	position: absolute;
	top: 53px;
	left: 326px; 
	width: 532px;
	height: 497px;
	vertical-align: middle;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
}

div#ImageBox img.photo {
    border-top:  1px solid #fff;  
    border-left:  1px solid #fff;  
    border-bottom:  1px solid #ccc;  
    border-right:  1px solid #ccc;
}

img.carousel {
	cursor: pointer;
}

.title {
	display: block;
	font-size: 10px;
	text-align: left;
	padding: 1px 3px 5px 3px;
}

td.key {
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	padding: 1px 3px 1px 3px;
}

td.value {
	font-size: 10px;
	text-align: left;
	padding: 1px 3px 1px 3px;
}

a.buttonSmall {
	background-repeat:no-repeat;
	display:block;
	font-size:10px;
	height:17px;
	margin:5px;
	overflow:hidden;
	padding:3px 0 0;
	text-align:center;
	text-decoration:none;
	width:140px;
}

a.buttonTiny {
	width: 16px;
	height: 16px;
	display: block;
	font-size: 10px;
    line-height: 16px;
	text-decoration: none;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 10px 5px 5px 5px;
}


/****************************************************************
* easybo login
*****************************************************************/

#easyboInfo {
	float: left;
	width: 470px;
	height: 530px;
	padding: 5px 5px 5px 180px;
	background-repeat: no-repeat;
}

#easyboInfo .title {
	margin-top: 5px;
	display: block;
	font-size: 16px;
	text-align: center;
}

#easyboInfo .register a {
	float: left;
	margin: 25px;
	padding: 5px 5px 5px 5px;
	border-width: 2px;
	border-style: solid;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
}

#easyboLogin {
	float: right;
	padding: 5px 10px 0px 10px;
	width: 170px;
	height: 530px;
}

#easyboLogin .title {
	font-size: 14px;
	text-align: center;
}

.textStart {
	font-weight: bold;
}