/* structure */
HTML {
   overflow-y: scroll;
   overflow: -moz-scrollbars-vertical;
}


body{
	font-family: Georgia, Times, Times New Roman, serif;
	color: #222;
	font-size:85%;
	line-height:140%;
	font-weight:200;
}



#container {
background: #f0f0f2;
padding-bottom: 40px;
}

#container .wrapper {
width: 950px; 
margin: 0 auto;
}

.header{
	height: 160px;
}

.left{
	float:left;
}

.right{
	float:right;
}

#content { 
clear: both;
padding:35px 20px 0 20px; 
position:relative;
margin-top:-10px;
z-index:10;
background:#fff url(../images/round_center.gif) 0 0 repeat-y;
width:915px;
}

#content_bottom { 
height:33px;
background:#fff url(../images/round_bottom.gif) 0 0 repeat-y;
width:955px;
}

#leftcol{	
	float: left;
	width: 70%;
	padding:0 3% 0 0;
	padding-bottom: 50px;
	min-height:350px;
	border-right:1px solid #ccc;
	margin-bottom:16px;
}

.threecols #leftcol{	
	background:transparent url(../images/line.gif) 60.9% 0px no-repeat;
}

#leftcol .col1{
	float: left;
	width: 59.2%;
	padding:0 3% 0 0;
}

#leftcol .col2{
	float: right;
	width: 32.8%;
	padding:0;
}



#rightcol{
	
	float: left;
	width: 23%;
	padding: 0 0 30px 25px;
}



#footer{
	background: #fff;
	width:100%;
}
#footer .wrapper{
	width:768px;
	margin: 0 auto;
	padding:10px 0;
	font-size: 0.9em;
	color:#ccc;
	text-align:center;
}

#footer .wrapper a{
	color:#ccc;
	text-decoration: none;
}
#footer .wrapper a:hover{
	color:#923a3d;
}


/* typography */
 
a{
	color: #923a3d;
	-moz-outline:none;
}

a:hover{
	color: #693603;
}  


hr{
	border: none;
	border-bottom: 2px solid #c74400;
	margin: 0;
	padding:0;
}

h1, h2,
h3, h4, 
h5, h6 {
	font-weight: bold;
	padding: 15px 4px 12px 0;
	margin: 0;
	font-size: 1.3em;
	color: inherit;
}

h1{
	font-size:1.7em;
	padding:0 4px 20px 0;
}
h2{
	font-size:1.45em;
}

h2 em{
	font-size:0.8em;
	font-weight:normal;
	color:#666;	
	font-style:normal;
}



h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
	text-decoration: none;
}




p{
	text-align: justify;
	margin:0 0 12px 0;
}

#leftcol .col2 p,
#rightcol p{
	text-align: left;
}


p img {
	margin: 0 0 1.5em 0;
}

h6{
	background:#923a3d;
	color:#fff;
	font-size: 0.95em;
	padding: 4px 7px 3px;
	margin-bottom: 8px;
	font-family:HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif;
	background: url(../images/round_box.gif) 0 0 no-repeat;
	line-height:1.5em;
}

*+html h6{
	padding:3px 7px 4px;
}

ul{
	margin:8px 0 12px 16px;
}
ul li{padding:2px 0;
}
ul ul{
	list-style:none;
	margin:0 0 6px 0;
}
ul ul li{
	background: url(../images/stroke.gif) 0 9px no-repeat;
	padding:0 0 0 8px;
}

*html ul li li{
	background: url(../images/stroke.gif) 0 11px no-repeat;
}
*+html ul li li{
	background: url(../images/stroke.gif) 0 11px no-repeat;
}

table td{
	vertical-align:top;
	padding:0 25px 0 0
}


/* home */

a.rss{
	display:block;
	width:27px;
	height:26px;
	background: url(../images/rss.gif) -1px -2px no-repeat;
	overflow:hidden;
	text-indent: -2000px;
	float:right;
}

a.rss:hover{
	background: url(../images/rss.gif) -1px -31px no-repeat;
}

h6.rssbuddy{
	width:69%;
}

/* news */

#news{
}

#news .item{
	border-bottom: 1px solid #c7c7c7;
	padding:0 0 8px 0;
	margin-bottom: 8px;
}

#news .item h3{
	margin:0 0 0 0;
	font-family:HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif;
	padding:4px 0;
	font-size: 1em;
}

#news .item h3 a{
	color: #222;
}
#news .item h3 a:hover{
	color: #923a3d;
}

#news .item span{
	color: #666;
14:10 30.05.2010}
			
#news .item p{
	padding: 0;
	margin: 0;
}	

#news .item a.more{
	display:block;
	text-decoration: none;
	text-align: right;
}
				


/*logo*/

a.logo{
	display:block;
	width:233px;
	height:109px;
	background: url(../images/inrate_logo.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent: -2000px;
	position:relative;
	float:left;
	margin: 25px 0 0 -26px;
}

/*a.logo:hover{
	background: url(file:///Users/zern/Documents/__WORKS/KSM/www.inrate.ch/images/ksm_logo.gif) 0 -53px no-repeat;
}*/

/* css3 */

/*
.shadow{
	-webkit-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.5); 
}

*html .shadow {
  background-color: #fff;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}
*+html .shadow {
  background-color: #fff;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
}


.rounded, 
h6{
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
}



#mainmenu a,
#mainmenu span{
    -moz-border-radius: 5px 5px 0 0; 
    -webkit-border-radius:  5px 5px 0 0; 
    border-radius:  5px 5px 0 0; 
}

#mainmenu ul ul a{
    -moz-border-radius: 0 0 0 0; 
    -webkit-border-radius:  0 0 0 0; 
    border-radius:  0 0 0 0; 
}

*/




/*  lang menus */




ul#lang {
	list-style: none;
	padding: 0;
	margin:0;
	float:right;
}

ul#lang li{
	list-style: none;
	padding: 0;
	margin:0 1px 0 0;
	float:left;
}

ul#lang li a,
a.clientlogin,
ul#lang li span{
	list-style: none;
	padding: 0;
	margin:0;
	display: block;
	padding:5px 14px 0px 12px;
	text-align: center;
	text-decoration: none;
	float:left;
	height:28px;
	background:white;
	color:#333;
	font-size: 0.9em;
	font-family:HelveticaNeue, Helvetica, Arial, sans-serif;
	background: url(../images/toptab.gif) 0 -33px no-repeat;
}

ul#lang li a:hover,
a.clientlogin:hover,
ul#lang li span{
	background: url(../images/toptab.gif) 0 0 no-repeat;
	color:#fff;
}


a.clientlogin{
	float:right;
	background: url(../images/clientlogin.gif) 0 -33px no-repeat;
	width:77px;
}
a.clientlogin:hover{
	float:right;
	background: url(../images/clientlogin.gif) 0 0 no-repeat;
}

div.userinfo{
display:block;
float:right;
padding:5px 14px 0px 12px;
text-decoration: none;
height:28px;
color:#333;
font-size: 0.9em;
font-family:HelveticaNeue, Helvetica, Arial, sans-serif;
}


/* menus */


#mainmenu{
height:30px;
}

#mainmenu ul{
	list-style: none;
	padding: 0;
	margin:0 0 0 9px;
	font-family:HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif;
}

#mainmenu ul li{
	list-style: none;
	padding: 0;
	margin:0 0 0 4px;
	float:left;
	
}


#mainmenu ul li a,
#mainmenu ul li span
{
	list-style: none;
	padding: 0;
	margin:0;
	display: block;
	padding:7px 5px 0px 5px;
	text-align: center;
	text-decoration: none;
	float:left;
	height:24px;
	background:#bbb;
	width:101px;
	color:#fff;
	font-weight: bold;
	background: url(../images/tab.gif) 0 -31px no-repeat;
	/*font-size:0.95em;*/
}

*html #mainmenu ul li a{
	padding:6px 5px 1px;
}

*html #mainmenu ul li span{
	padding:6px 5px 1px;
}

*+html #mainmenu ul li a{
	padding:6px 5px 1px;
}

*+html #mainmenu ul li span{
	padding:6px 5px 1px;
}


#mainmenu ul li a:hover,
#mainmenu ul li.CMSListMenuHighlightedLI a,
#mainmenu ul li.selected a{
	
	background: url(../images/tab.gif) 0 0 no-repeat;
	color:#923a3d;
}




#mainmenu a{
	-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.5); 
}



#submenu{
	position:absolute;
	z-index:110000;
	background:transparent url(../images/round_top.gif) 0 0 no-repeat;
	height:34px;
	width:956px;
}

#submenu ul{
	position:absolute;
	left: 0;
	top: 0;
	margin:1px 0 0 0;
	padding:0;
	overflow: hidden;
	z-index:10000;
}

*html #submenu ul{
	width:200px;
	margin-top: 0;
}

*+html #submenu ul{
	width:200px;
	margin-top: 0;
}

#submenu ul ul{
	margin: 0;
}

#submenu ul li{
	float:none !important;
	margin:0;
	padding:0;
}

*html #submenu ul li a{
	height: 13px;
}


#submenu ul li a{
	float:none !important;
	display:block;
	white-space:nowrap;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	padding:7px 8px 4px;
	background:#eee;
	border-top: 1px solid white;
	-webkit-box-shadow: 0 0 0 0;
	-moz-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0;
	min-width: 160px; 
	font-family:HelveticaNeue, Helvetica, Arial, sans-serif;
}

#submenu ul li a:hover{
	background: #333;
	color:#fff;
}


/*submenus aspect with no js */

#mainmenu ul ul{
	margin:30px 0 0 0;
	padding:0;
	position:absolute;
}
#mainmenu ul ul ul{
	margin: 0;
}

#mainmenu ul ul li{
	float:none !important;
	margin:0;
}

#mainmenu ul ul li a{
	float:none !important;
	display:block;
	white-space:nowrap;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	padding:3px 6px;
	border-bottom: 1px solid white;
	-webkit-box-shadow: 0 0 0 0;
	-moz-box-shadow: 0 0 0 0;
	box-shadow: 0 0 0 0; 
}

#mainmenu ul li.active li.active a{

}

#mainmenu ul li.active ul li a:hover,
#mainmenu ul li.active ul li a.active{

}



#menu ul{
	list-style: none;
	padding: 0;
	margin:0;
	font-family:HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif;
}

#menu ul li{
	list-style: none;
	padding: 0;
	margin:0;
}

#menu ul li a{
	display: block;
	padding:2px 0;
	text-decoration: none;
	color:#222;
	font-weight: bold;
	font-size: 0.95em;
	
}

*html #menu ul li a{
	height: 16px;
}

#menu ul li a:hover{
	color:#923a3d;
}

#menu ul ul{
	margin: 0;
}

#menu ul li.active a{
	color:#923a3d;
}

#menu ul li li a{
	font-weight: normal;
	color:#222;
	padding:0 0 0 10px;
}


#menu ul li.active li.active a{
	color:#222;
}

#menu ul li.active ul li a:hover,
#menu ul li a.CMSListMenuLinkHighlighted{
	color:#923a3d;
}




/*********** directresize ***********************/


.popimage,
.drthumbonly,
.drthumbonl,
.bigimg{
	margin: 0 0 20px 0;
}

a.highslide{

}
.highslide img {
margin:20px 0 !important;
border:2px solid #DAE6FF !important;
}

.productlist .highslide img{
	margin: 0 !important;
}
.highslide-credits,
.highslide-display-block{
	/*display:none !important;*/
}



/****************** forms **************************/

input{
	border: 1px solid #bdbdbd;
	padding:3px 5px;
	margin-bottom: 6px;

}

.col2 input{
		
}
input.btn{
	border: 1px solid #bdbdbd;
	padding:2px 6px;
	width:auto;
	cursor: pointer;
}



#contactForm p{
	margin: 0;
	padding: 0;
}

select{
	padding: 3px;
}



.errors {
background:#FBE3E4 none repeat scroll 0 0;
border:1px solid #FBC2C4;
color:#8A1F11;
margin-bottom:20px;
padding:10px 12px;
width:874px;
}