@CHARSET "UTF-8";

body
{
	background-color: #eeeeee;
}

#main-container
{
	width: 1000px;
	/*
	border: 1px solid black;
	overflow: hidden;
	*/
}

#container
{
	float: left;
	margin: 30px 10px 15px 30px;
	border: 1px solid black;
	padding: 30px;
	width: 600px;
	height: 375px;
	background-color: white;
	overflow: hidden;
}

#container-seite
{
	float: left;
	margin: 30px 30px 15px 10px;
	border: 1px solid black;
	padding: 30px;
	width: 150px;
	height: 375px;
	background-color: white;
	overflow: hidden;
}

#door-switch-panel
{
	float: left;
	width: 600px;
	height: 30px;
	margin: 0px 30px 15px 95px;
}

#door-switch-panel-side
{
	float: left;
	width: 150px;
	height: 30px;
	margin: 0px 30px 15px 50px;
}

#height-slider
{
	float: left;
	margin: 60px 0px 30px 20px;
	height: 375px;
}

#width-slider
{
	float: left;
	margin: 15px 30px 15px 95px;
	width: 600px;
}

#depth-slider
{
	float: left;
	margin: 15px 30px 15px 50px;
	width: 150px;
}


#scale-slider
{
	clear: both;
	margin: 30px 30px 30px 95px;
	width: 600px;
}

.clearfix:after 
{
  content: "";
  display: table;
  clear: both;
}

.element,
.cover-plate,
.cover-plate-side
{
	box-sizing:border-box;
	border: 1px solid black;
}

.element
{
	background-color: #F8F6F3;
}
.cover-plate,
.cover-plate-side
{
	background: url('../images/Bardolino-Eiche-natur-H1145-ST10-h1145-Texture-50x50.png');
}

.stuetze
{
	float: left;
}

.fach
{
	float: left;
}

.column-side,
.opening-side,
.back-board-side
{
	float: left;
}

.zelle
{
	background:url(../images/compartment-background.png) no-repeat;
	background-size:100% auto;
}
.compartment-side
{
	background-color: #e9e9e9;
}

.door
{
	position: absolute;
	z-index: 10;
	box-sizing:border-box;
	border: 1px solid black;
}

.door_side
{
	box-sizing:border-box;
	border: 1px solid black;
	float: left;
	height: 100%;
}

.handle,
.handle_side
{
	background-color: white;
	border: 1px solid black;
}

.handle
{
	position: absolute;
	z-index: 20;
}

.handle_side
{
	float: left;
}

#eingaben
{
	margin: 30px;
}

#dimensions-form
{
	float:left;
}

label.dimensions
{
    width: 5em;
    display: block;
    float: left;
}

/* Color Formulars */

.color_form
{
	float:left;
	margin-left: 18px; 
}

.color_form h2
{
	font-size: 1em;
}

.color_form fieldset
{
	border: 0;
	margin-left: 30px;
	padding: 0;
}

.color_form label 
{
	display: block;
	margin: 20px 0 0 0;
}

.color_form select 
{
	width: 200px;
}

.color_form .circle 
{
	float: left;
	border: 1px solid black;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: 3px;
}

#closet_circle {background: #F8F6F3;}
#cover_plate_circle {background: url('../images/Bardolino-Eiche-natur-H1145-ST10-h1145-Texture-50x50.png');}
#door_circle {background: #DCD8A9;}

.color_form .ui-widget 
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75em;
}

.ui-widget .ui-menu-item
{
	font-family: Verdana,Arial,sans-serif;
	font-size: 0.75em;
}

/* Preis & Bestellung */

#price_and_order
{
	clear:both;
	margin: 30px;
}

#price,
#order
{
	display: inline;
}

#price p.price
{
	font-size: 150%;
	font-weight: bold;
}

/* Schrankteile */

#schrankteile
{
	clear:both;
	margin: 30px;
}

#testarea
{
	clear:both;
	margin: 30px;
}

/* Formular */

fieldset.double p
{
	max-width: 500px;
}

fieldset.double label
{
	display:inline-block; width:30%;
}
 
fieldset.double input.double,
fieldset.double textarea.double,
fieldset.double .doubleblock
{
	display:inline-block; width:60%;
}

#order_form fieldset
{
	border: 0;
}

#order_form #plz {width:20%; box-sizing: border-box;}
#order_form #citylabel{width:20%; box-sizing: border-box; padding-left: 20px;}
#order_form #city{width:57%; box-sizing: border-box;}

#clothes_rails {margin: 30px;}