* { padding: 0; margin: 0; }

html, body {height: 100%;}

body {
 font-family: Arial,  Helvetica, sans-serif;
 font-size: 11px;
 background: url(images/karo_left.gif) top left repeat-y ;
}
#wrapper {
 padding: 0 0 0 45px;
 width: 770px;
 overflow: auto; 
}

#navi_top {
 padding: 14px 0 0 0 ;
}
#breadcrumbs {
 float: left;
}
#language {
 float: right;
}
#header {
 width: 748px;
 float: left;
 padding: 6px;
 margin: 10px 0px 0px 0px;
 background: #e5e5e5;
}
.logo img {
 border:#FFFFFF solid 3px;
 padding: 0;
 margin: 0;
}
.logo {
 height: 183px;
}
.navi {
 font-size: 10px;
 font-style:normal;
 font-weight:bold;
 padding: 5px 0 0 10px;
 text-transform: uppercase;
 color: #fff;
 background: #ff6701;
 border-right: #FFFFFF solid 3px;
 border-bottom: #FFFFFF solid 3px;
 border-left:  #FFFFFF solid 3px;
 height: 23px;
}
#nav li {
 float: left;
 vertical-align:middle;
 display: inline;
 padding: 0 10px 0 0;
 margin: 2px 0 0 0;
}

#nav a {
    color: #fff;
    display: block;
}
#nav .pipe {
 background: url(images/pipe.gif) left top no-repeat;
 text-indent: 10px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav li ul { /* second-level lists */
    	padding: 10px 0 0 0px;
	position: absolute;
	background: #ff6701;
	width: 140px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li li {
	padding: 5px 10px 5px 0;
	border-top: #fff 1px solid;
	width: 130px;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#content {
 padding: 6px 0 0 0;
  clear: both;
}
#leftcolumn { 
 margin: 0;
 padding: 0 10px 0 10px;
 width: 232px;
 float: left;
}
* html #leftcolumn {
    \width: 252px; /* for IE5 and IE6 in quirks mode */
    w\idth: 252px; /* for IE6 in standards mode */
} 
#centercolumn { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 0 10px 0 10px;
 width: 232px;
 display: inline;
}
* html #centercolumn {
    \width: 252px; /* for IE5 and IE6 in quirks mode */
    w\idth: 252px; /* for IE6 in standards mode */
} 
#rightcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 0 10px 0 10px;
 width: 232px;
 float: left;
}
* html #rightcolumn {
    \width: 252px; /* for IE5 and IE6 in quirks mode */
    w\idth: 252px; /* for IE6 in standards mode */
} 
#bigcolumn { 
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 10px 10px;
 width: 480px;
 float: left;
 border: #e5e5e5 solid 1px;
}
* html #bigcolumn {
    \width: 500px; /* for IE5 and IE6 in quirks mode */
    w\idth: 500px; /* for IE6 in standards mode */
} 
#spancolumn {
 width: 740px;
 float: left;
 padding: 10px;
 margin: 30px 0px 30px 0px;
 background: #e5e5e5;
}
* html #spancolumn {
    \width: 760px; /* for IE5 and IE6 in quirks mode */
    w\idth: 760px; /* for IE6 in standards mode */
} 
#spancolumn .image {
 border: #c3c3c3 1px solid;
 float:left;
 }
#spancolumn .board {
 float: right;
 margin: 0px 0 -15px 0;
 padding: 0 0 5px 0;
}
#spancolumn .boardv {
 float: right;
 margin: 0 -10px 10px -10px;
 padding: 0 0 0px 0;
 background: #e5e5e5;
}
#spancolumn .bodytext, #spancolumn h1 {
 margin: 0 0 0 70px;
 padding: 0 0px 0 0px;
 width: 450px;
}
#spancolumn h1 {
 padding: 0 0 10px 0 ;
}
rightcolumn .board {
 float: right;
 margin: 0px 0 0px 0;
}

#rightcolumn .board img {
 border: 0;
 padding: 0;
 margin: 0;
}

#footer {
 width: 728px;
 padding: 6px;
 margin: 30px 10px 10px 10px;
 height: 10px;
 border-bottom: #e5e5e5 1px solid;
 clear: both;
 text-align: center;
 font-size:9px;
 color: #7f7f7f;
}

#footer a {
 color: #7f7f7f;
}

#navi_top {
 font-size:9px;
 color: #7f7f7f;
}

.image {
 background: #fff;
 padding: 8px;
 border: #e5e5e5 solid 1px;
}

.sm_image{
 background: #fff;
 float: left;
 padding: 8px;
 margin: 0 10px 0 0;
 border: #e5e5e5 solid 1px;
}

.copytext, .copytext2, .copytext3 {
 margin: 5px 0 5px 0;
 padding: 9px;
 background: #fff0e5;
 border: #e5e5e5 solid 1px;
 line-height: 15px;
 min-height: 55px;
}

.copytext2 {
 background: #fff;
}



#spancolumn .copytext {
 background: none;
 padding: 0 350px 0 160px;
}

h1, .com-category h2 {
 font-size:18px;
 padding: 0px 0 10px 0;
 margin: 0;
 }
 
h2, .com-category .copytext h2 {
 font-size:11px;
 padding: 5px 0 5px 0;
 color: #ff6701;
 font-weight: bold;
 } 
 a {
  text-decoration: none;
  color: #ff6701;
 }
 
 a:hover {
  text-decoration: underline;
 }
 
#breadcrumbs {
 padding: 5px 0 0 20px;
}

#language {
 padding: 5px 30px 0 0;
}


label{
float: left;
width: 170px;
}

input, textarea{
background: #e5e5e5;
padding: 3px;
border: #b3b3b3	 solid 1px;
width: 300px;
margin-bottom: 5px;
line-height: 15px;
font-size: 11px;
font-family: Arial,  Helvetica, sans-serif;
}

textarea{
width: 300px;
height: 100px;
}

.boxes{
width: 1em;
}

.csc-mailform-submit{
background: #ff6701;





border: 0;
padding: 0;
color: #fff;
width: 50px;
margin-left: 420px;
height: 15px;
}
 
br {
	clear: left;
}

.contact {
padding: 5px 0 5px 0;
}

fieldset {
 padding: 10px 0 10px 0;
 border: 0;
}

.tx-macinasearchbox-pi1 {
 position: absolute;
 top: 18px;
 left: 380px;

 }
 
 .tx-macinasearchbox-pi1 input {
 width: 80px;
 font-size: 10px;
 padding: 0;
 margin: 0;
}

 .tx-macinasearchbox-pi1 .submit {
  border: 0;
  background-color: #FFFFFF;
  color: #ff6701;
  width: 25px;
 font-size: 10px;
  }
.com-category-desc .copytext2 {
	visibility:hidden;
 position: absolute;
}
ul {
 padding: 0 0 0 20px;
}