/* ===================== GENERAL ======================== */

a,
a:hover {
	color			: #000000;
	font-weight		: bold;
	text-decoration	: none;
}

a:hover {
	text-decoration	: underline;
}

body {
	color: #555555;
background-color: #DDDDDD;
background-image: url("http://www.komori.lu/templates/flexible/images/background-komori.png");
background-repeat: repeat-y;
font-family: Verdana;
font-size: 12px;
line-height: 20px;
letter-spacing: 0px;
}

.container, #shadowtop, #shadowbottom, #innerFooter, .divider-footer
{
	width: 975px;
}

#header, #content, #footercontainer, #footer
{
	margin		: 0 20px 0 20px;
	
	width: 935px;
}

#horizontalmenu, #horizontalmenuborder 
{
	float		: left;	
}

#header 
{
	padding		: 20px 0 20px 0;
	overflow	: hidden;
}

#header #logo 
{
	float: left;
}

.divider 
{
	clear		: both;
	margin		: 20px 0 20px 0;
	
	border-bottom: 1px solid #CCCCCC;
}

.divider-footer .divider
{
	margin		: 50px 20px 20px 20px;
}

/* ===================== HEADINGS ======================== */

h1 {
	font-size: 20px;
font-family: Verdana;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}

h2 {
	color: #000000;
font-size: 20px;
font-family: Verdana;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
background-image: url("http://www.komori.lu/templates/flexible/images/pointer.png");
background-repeat: no-repeat;
text-indent: 15px;
background-position: 0 5px;
}

h3 {
	color: #555555;
font-size: 16px;
font-family: Verdana;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}

h4 {
	color: #555555;
font-size: 14px;
font-family: Verdana;
font-weight: normal;
margin-top: 16px;
margin-bottom: 16px;
padding-left: 0px;
}

.error {
	color: #ff0000;
}

/* ===================== BREADCRUMBS ======================== */

#breadcrumbs {
	font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #000000;
height: 10px;
line-height: 10px;
padding-right: 0px;
padding-left: 0px;
margin-top: 0px;
text-align: right;
}

#breadcrumbs a {
	font-family: Verdana;
font-size: 10px;
font-weight: bold;
color: #000000 !important;
text-decoration: underline !important;
}

#breadcrumbs a:hover {
	text-decoration: none !important;
}

/* ===================== INPUTS ======================== */

input[type="checkbox"],
input[type="radio"] {
	margin: 5px 0px 0px 0px;;
font-family: Verdana;
font-size: 12px;
}

input[type="text"],
input[type="file"],
input[type="password"] {
	border: 1px solid #bfdceb !important;
padding: 2px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
margin-right: 1px;
width: 250px;
margin-bottom: 1px;
}

input[type="submit"],
.button {
	border: 1px solid #bfdceb !important;
padding: 1px 5px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
margin-top: 5px;
}

textarea {
	border: 1px solid #bfdceb !important;
padding: 2px !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
width: 250px;
height: 100px;
}

select {
	border: 1px solid #bfdceb !important;
background-color: #ffffff;
color: #555555;
font-family: Verdana;
font-size: 12px;
width: 256px;
height: 22px !important;
}

/* ===================== HR'S ======================== */

hr {
	border: 0px none;
border-bottom: 1px solid #CCCCCC;
height: 1px;
}

/* ===================== SHADOWS ======================== */
#shadowtop {
	height: 0px;
}

#shadowleft {
	background-repeat: repeat-y;
}

#shadowright {
	background-repeat: repeat-y;
}

#shadowbottom {
	background-repeat: repeat-x;
}

/* ===================== CONTENT ======================== */

#content {
	}

#content a {
	}

#content a:hover {
	}

#headerElements {
	padding			: 3px 0 0 0;
	top: px;
right: px;
}

/* ===================== SEARCH ======================== */

#searchForm {
	float			: right;
	margin			: 10px 0 0 0;
}

#searchForm form #searchForm_pattern {
	font-style		: italic;
	
	background-color: #F5F5F5 !important;
color: #CCCCCC;
border: 1px solid #F5F5F5 !important;
font-family: Verdana;
font-size: 12px;
width: 175px;
height: 20px;
}

#searchForm form .searchsubmit {
	border			: none !important;
	font-weight		: bold;
	margin			: 0 0 0 0;
	padding			: 5px 10px 5px 10px !important;
	text-transform	: uppercase;
	
	background-color: #F5F5F5 !important;
color: #CCCCCC;
}

/* ===================== DYNAMIC FORMS ======================== */

.dynamicForm {
	color: #555555;
}

/* ===================== HORIZONTAL MENU ======================== */




#horizontalmenu {
	text-transform				: 	uppercase;		
	
	background-repeat: repeat-x;
height: 30px;
}

#horizontalmenu ul.level0 {
	position: relative;
left: 20px;
}

#horizontalmenu ul.level0 ul {
	margin			: 0 0 0 0;
}

#horizontalmenu ul.level0 li {
	height: 30px;
line-height: 30px;
}

#horizontalmenu ul.level1 li {
	height: 30px;
line-height: 30px;
}

#horizontalmenu ul.level1 li.level2 {
	line-height: 30px;
border-bottom: 1px solid #DDDDDD;
}

#horizontalmenu ul.level1 li.level2 ul.level2 li {
	
	line-height: 30px;
}

#horizontalmenu ul li.level1 a {
	color: #CCCCCC;
font-weight: bold;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
border-bottom: 0px solid #888888;
}

#horizontalmenu ul li.level2:first-child {
	border-top: 1px solid #DDDDDD;
}

#horizontalmenu ul li.level1 a.even {
	}

#horizontalmenu ul li.level2 a {
	background-color: #FFFFFF;
font-weight: normal;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
width: px;
border-bottom: 0px solid #888888;
}

#horizontalmenu ul li.level2 a.even {
	}

#horizontalmenu ul li.level3 a {
	background-color: #FFFFFF;
font-weight: bold;
font-family: Verdana;
font-size: 12px;
letter-spacing: 0px;
width: px;
border-bottom: 0px solid #888888;
}

#horizontalmenu ul li.level3 a.even {
	}

#horizontalmenu ul li.level1:hover a.level1 {
	color: #555555;
background-color: #FFFFFF;
font-weight: bold;
letter-spacing: 0px;
}

#horizontalmenu ul li.level1:hover a.level1.even {
	}

#horizontalmenu ul li.level2:hover a.level2 {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level2:hover a.level2.even {
	}

#horizontalmenu ul li.level3:hover a.level3 {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level3:hover a.level3.even {
	}

#horizontalmenu ul li.level1 a.selected {
	color: #555555;
background-color: #FFFFFF;
font-weight: bold;
letter-spacing: 0px;
}

#horizontalmenu ul li.level2 a.selected {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul li.level3 a.selected {
	color: #555555;
font-weight: normal;
letter-spacing: 0px;
}

#horizontalmenu ul.level1.hasSubmenu {
	border-top: 1px solid #DDDDDD;
}

#horizontalmenu ul.level2 {
	background-color: #FFFFFF;
}

#horizontalmenu ul.level3 {
	background-color: #FFFFFF;
}

#horizontalmenu ul li.horizontalseperator {
	background-repeat: no-repeat;
width: 1px;
}

#horizontalmenu ul li.first {
	border-left: 0px none;
}

#horizontalmenuborder {
	background-repeat: repeat-x;
}

#innerContent
{
	padding: 0 20px 0 20px;
}

/* ===================== FOOTER ======================== */

#bottommenu ul li.horizontalseperator {
	background-repeat: no-repeat;
width: 1px;
}

.container.footer {
	background-color	: #FFFFFF;
	height				: 200px;							
	padding				: 20px 0 20px 0;
	width				: 100%;
	
	border-top: 1px solid #CCCCCC;
}

.container.footer #innerFooter {
	margin				: 0 auto 0 auto;
}

.container.footer #innerFooter #footerColumn1 {
	margin				: 0 0 0 20px;
}

.container.footer #innerFooter .footerColumn {
	float				: left;
}

.container.footer #innerFooter .footerColumn p {
	margin				: 3px 0 3px 0;
}

.container.footer #innerFooter #footerColumn5  {
	margin				: 0 20px 0 0;
	float				: right;
}

.footer a {
	color: #555555;
text-decoration: none;
}

.footer a:hover {
	}

body p
{
	margin-top: px;
margin-bottom: px;
}

.siteobject_languages_switch {
	float				: right;
	margin				: 5px 15px 0 0;
}

.category-snippet {
	float				: left;
	margin				: 0 20px 0 0;
	width				: 219px;		
}

.category-snippet .category-snippet-title {
	color				: #000000;
	font-weight			: bold;
}

.category-snippet .category-snippet-title a,
.category-snippet .category-snippet-title a:hover {
	color				: #000000;
	text-decoration		: none;
}

.category-snippet .category-snippet-img img {
	max-width				: 219px;
}

.category-snippet:last-child {
	margin				: 0 0 0 0;
}

#column2 .siteobject_webshop_productdetails .mainImage {
	float				: right;
	margin				: 0 0 20px 20px;
	padding				: 0 0 0 0;
}

#column2 .siteobject_webshop_productdetails .mainImage img {
	border: 1px solid #CCCCCC;
}

#column2 .siteobject_webshop_productdetails .mainInformation {
	float				: left;
}

#column2 .siteobject_webshop_productdetails .tablist {
	margin				: 30px 0 0 0;
	padding				: 0 0 1px 10px;
}

#column2 .siteobject_webshop_productdetails .tabs {
	background-color	: #FFFFFF;
}

#column2 .siteobject_webshop_productdetails .tabs .productdetails_imagethumb {
	margin				: 5px 10px 0 0;
}

#column2 .siteobject_webshop_productdetails .tabs .productdetails_imagethumb img {
	cursor				: pointer;
	border: 1px solid #CCCCCC;
}

.siteobject_webshop_catalog .catalog_blockproduct,
.siteobject_webshop_catalog .catalog_blockcategory {
	margin				: 0 0 0 0;
}

.siteobject_webshop_catalog .catalog_blockproduct td,
.siteobject_webshop_catalog .catalog_blockcategory td {
	padding				: 0 0 0 0;
}

.siteobject_webshop_catalog .catalog_blockproduct .blockdata h5,
.siteobject_webshop_catalog .catalog_blockcategory .blockdata h5 {
	font-size			: 12px;
	margin				: 0 0 20px 0 ;
}

.siteobject_webshop_catalog .catalog_blockproduct .blockdata div,
.siteobject_webshop_catalog .catalog_blockcategory .blockdata div {
	margin				: 0 20px 0 0;
}

.siteobject_webshop_catalog .catalog_blockproduct .blockdata div a img,
.siteobject_webshop_catalog .catalog_blockcategory .blockdata div a img {
	max-width			: 219px;
	min-width			: 219px;
}

#social-media {
	float				: right;
	line-height			: 1em;
	margin				: 3px 10px 0 0;				
	padding				: 0 10px 0 0;
	
	border-right: 1px solid #CCCCCC;
}

.event,
.news {
	margin				: 0 0 15px 0;
	position			: relative;
}

.event .date {
	padding				: 5px 5px 0 5px;
}

.event .title {
	font-size			: 18px;
}

.event .clickable-div,
.news .clickable-div {
	height				: 100%;
	position			: absolute;
	width				: 100%;
}