body {
background-color: #4A4330;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
padding: 0;
margin: 0;
}
#kader {
margin: auto; 
position: relative; 
width: 865px;
background-color: #fff;
}
#kaderuc{
margin: auto; 
position: relative; 
width: 560px;
background-color: #666;
}
#header { /* header contains(navt, log, navr, navm) */
width: 860px;
height: 97px;
position: absolute;
top: 0;
left: 0;
background-color: #7c704e;
}
#top {padding: 0; margin: 0;
background-image: url(http://www.rombaux.be/img/new2008/top_nav_new.jpg); width: 862px; height: 78px;
background-repeat: no-repeat ;
background-position: right top;
display:block;
height:78px;
width: 865px;
top: 0;
left: 0;
background-color: #7c704e;
}
#main { /* main contains(all except header) */
width: 860px;
position: absolute;
top: 100px;
left: 0;
}
#content { /* content overall */
font-family: Arial, Helvetica, sans-serif;
width: 730px;
float: right;
margin-top: 14px;
}
#contents { /* content overall */
font-family: Arial, Helvetica, sans-serif;
width: 730px;
float: right;
margin-top: 14px;
background-color: #fff;
}
#navs { /* sub(left) navigation */
width: 122px;
background-color: #515253;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
border-bottom: #7c704e 5px solid;
}
#search {/* comp search container */
float: right;
color: #ccc;
font-size: 11px;
font-weight: bold;
padding: 1px 2px 0 3px;
width: 260px;
height: 18px;
margin: 0px;
}
#search input{ /* comp search input fields */
width: 70px;
height: 12px;
vertical-align: top;
float: left;
font-size: 11px;
}
#search select{ /* comp search input fields */
width: 125px;
float: right;
height: 18px;
font-size: 11px;
}
#mcol{ /*  main content col */
float: left;
width: 420px;
background-color: #fff;
color: #000;
padding: 4px 2px 0 2px;
border-bottom: #7c704e 5px solid;
}
#mcol2{ /*  main content col */
float: left;
width: 420px;
background-color: #fff;
color: #000;
padding: 0 0 1px 0; 
}
#mcolf{ /*  main content col */
float: left;
width: 380px;
background-color: #fff;
color: #000;
padding: 4px 8px 0 18px;
border-bottom: #7c704e 5px solid;
}

/* mcol typo ----------------------------------------- */
#mcol h1 {
font-size: 12px; 
font-weight: bold; 
color: #000;
padding: 2px 0 0 5px;
margin: 0;
}
#mcol h2 {
font-size: 11px; 
font-weight: bold; 
color: #254655;
}
/* mcol subcollom ----------------------------------------- */
#mcollink{ 
float: left;
width: 63px;
color: #333;
font-size: 9px;
}
#mcollink a:link {text-decoration: none; color: #333;}
#mcollink a:visited {text-decoration: none; color: #333;}
#mcollink a:hover {text-decoration:underline; color: #333;}
#mcollink a:active {text-decoration: none; color: #333;}
#mcolcontent{ 
float: right;
width: 345px;
color: #000;
}
#mcolcontent2{ 
float: right;
width: 315px;
color: #000;
padding: 0 10px 0 20px;
}
/* typo ----------------------------------------- */
h2 {
line-height: 11px;
font-size: 11px; 
font-weight: bold;
color: #254655; 
padding: 0 0 1px 0
}
h2 a{
line-height: 9px;
font-size: 11px; 
font-weight: bold;
color: #254655; 
padding: 0 0 1px 0
}
h1 {
font-size: 12px; 
font-weight: bold;
padding: 0;
margin: 0;
}
h3 {
font-size: 11px; 
font-weight: bold; 
color: #73061F;
line-height: 12px;
}
.lefttit { 
width: 122px;
background-color: #73061F;
color: #fff;
}
.online { 
background-color: #73061F;
color: #fff;
display: inline;
font-weight: bold;
text-align: center;
padding: 1px;
margin: 0 0 50px 25px;
}
.model {font-size: 11px; font-weight: bold; color: #73061F;
line-height: 12px; }
.groen {font-size: 11px; font-weight: bold; color: #7c704e;
line-height: 11px;}
.rood {font-size: 11px; font-weight: bold; color: #73061F;
line-height: 11px;}
.rood  a:link, a:visited, a:hover{ 
color: #73061F;
}
.groot {font-size: 11px; font-weight: bold; color: #73061F;
line-height: 11px;
text-align: left;
padding: 10px 0 10px 35px;
background-image: url(http://www.rombaux.be/img/pijl_kassa.gif);
background-position: 10px 5px;
background-repeat: no-repeat;
}
.groot a:link{color: #73061F; text-decoration: underline;}
.groot a:visited{color: #73061F; text-decoration: underline;}

/* img ----------------------------------------- */
.img {
float: right; 
padding: 0px 4px 0px 4px;
border-style: none;
}
.imgc {
text-align: center;
padding: 0px 4px 0px 4px;
border-style: none;
}
.imgl {
float: left; 
padding: 0px 4px 0px 4px;
border-style: none;
}
/* classes ----------------------------------------- */
.witcol {
background-color: #fff;
color: #73061F;
font-weight: bold;
text-align: center;
padding: 10px;
border-bottom: #7c704e 5px solid;
}
.witcol2 {
background-color: #fff;
color: #565D60;
font-weight: bold;
text-align: left;
padding: 25px 0 20px 25px;
border-bottom: #7c704e 5px solid;
}
.witcol3 {
background-color: #fff;
color: #565D60;
font-weight: bold;
text-align: left;
padding: 15px 0 10px 0;
border-bottom: #7c704e 5px solid;
}
.clear { 
clear: both; 
height: 1px;
}
/* rcol ----------------------------------------- */
#rcol{ 
float: right;
width: 285px;
}
#rcol h2{ 
color: #fff;
font-size: 13px;
background-color:#7c704e;
line-height: 16px;
text-align: center;
}
#rcol .ptit { 
font-size: 13px; 
color:#fff;
padding: 0 2px 0 2px;
}
#rcol .ptit a:link { 
text-decoration: none;
color: #73061F; 
}
#rcol .ptit a:visited { 
text-decoration: none;
color: #73061F; 
}
#rcol .ptit a:hover{ 
font-size: 13px; 
color: #fff;
text-decoration: none;
}
#rcol .ptit a:active { 
color:# fff;
text-decoration: none;
}
#rcol .pmeer a:link {color: #254655; text-align: right;}
#rcol .pmeer a:visited {color: #254655; text-align: right;}
#rcol .pmeer a:hover {color: #fff; background-color: #254655;}
#rcol .pmeer a:active {color: #254655; text-align: right;}
#rcol ul li a:link {color:#fff;}
#rcol ul li a:visited {color:#ccc;}
#rcol ul li a:hover{color:#ccc; text-decoration: underline;}
#rcol ul li a:active{color:#ccc;}
#rcol ul li{ color:#fff;
line-height: 16px;
padding-left: 5px;
font-weight: bold;
}
#rcol .witcol3 ul li.orgel{ color:#333;
line-height: 16px;
padding-left: 0;
font-weight: bold;
}
#rcol .witcol3 ul li.orgel a:link {color:#73061F;}
#rcol .witcol3 ul li.orgel a:visited {color:#666;}
#rcol .witcol3 ul li.orgel a:hover{color:#73061F; text-decoration: underline;}
#rcol .witcol3 ul li.orgel a:active{color:#ccc;}

#rcol .sub a:link {
color:#ccc;
display: inline;
}
#rcol .sub a:visited{color:#ccc; padding: 0 0 0 7px;}
#rcol .sub a:hover{color:#fff; text-decoration: underline;}
#rcol .sub a:active{color:#ccc;}

/* footer ----------------------------------------- */
#footer { 
width: 800px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
padding: 10px 0 10px 0;
color: #ccc;
}
#footer a:link{ 
color: #ccc;
text-decoration: none;
}
#footer a:visited{ 
color: #ccc;
text-decoration: none;
}
/* navs top ----------------------------------------- */
#navs ul{
margin: 0;
padding: 0;
}
#navs li{
list-style-type: none;
list-style-position: inside;
line-height: 18px;
padding-left: 5px;
}
#navs li a{
color:#fff;
text-decoration: none;
}
#navs li a:visited{
color:#fff;
text-decoration: none;
}
#navs li a:hover{
color:#fff;
text-decoration: underline;
}
#navs li a:active{
color:#ccc;
text-decoration: none;
}
#navcontainer {
width: 865px;
font-family: Arial, Helvetica, sans-serif;
padding: 0; margin: 0;
background-color: #7c704e;
color: #fff;
font-weight: bold;
float: left;
}
#navcontainer ul{
width: 580px;
font-family: Arial, Helvetica, sans-serif;
padding: 0; margin: 0;
background-color: #7c704e;
color: #fff;
font-weight: bold;
float: left;
}
#navcontainer ul li { display: inline; height: 18px;}
#navcontainer ul li a.menu_active {
background-color: #73061F;
color: #ccc;
text-decoration: none;
float: left;
border-right: 1px solid #ccc;
height: 18px;
padding: 2px 10px 0 10px;
}
#navcontainer ul li a.menu_inactive {
background-color: #7c704e;
color: #ccc;
text-decoration: none;
float: left;
border-right: 1px solid #ccc;
height: 18px;
padding: 2px 10px 0 11px;
}
#navcontainer ul li a.menu_inactive:hover {
background-color: #73061F; 
color: #fff;
}
/* promo ----------------------------------------- */
.promo {
display: block;
width: 248px;
font-weight: bold;
margin: 0 0 12px 0;
}
.promo1 {
display: block;
width: 360px;
font-weight: bold;
margin: 0 0 12px 15px;
color: #666;
}
.promo1 a:link{
color: #666;
}
.promo1 a:visited{
color: #666;
}
.promo2 {
display: block;
width: 600px;
font-weight: bold;
margin: 0 0 12px 15px;
color: #fff;
}
.promo3 {
display: block;
width: 370px;
margin: 0 0 12px 15px;
color: #666;
background-color: #fff;
}
.promo4 {
font-weight: bold;
margin: 0;
Padding: 0;
color: #666;
}
ul .promo5 {
margin: 0;
Padding: 0;
}
.ptit1 { 
color: #73061F;
font-weight: bold; 
}
.ptit1 a:link { 
text-decoration: none;
color: #73061F; 
}
.ptit1 a:visited { 
text-decoration: none;
color: #73061F; 
}
.ptit1 a:hover { 
text-decoration: underline;
color: #73061F; 
}
.pimg {float: left; padding: 0 6px 0 0;}
.ptext {color: #ccc;}
.pmeer {
color: #254655; 
text-align: right;
padding: 0 0 0 2px;
margin: 0;
}

/* popup ----------------------------------------- */
.popup {
color: #fff; 
font-weight: bold;
}
#grootbeeld {background-color: #fff;
}
/* buste ----------------------------------------- */
.buste {
display: block;
width: 170px;
font-weight: bold;
margin: 0 0 12px 0;
float: left; 
}
.buster {
display: block;
width: 170px;
font-weight: bold;
margin: 0 0 12px 0;
padding: 0 0 0 10px;
float: right;
}
.sslink { line-height: 16px;}
.sslink a:link { color: #333; text-decoration: none;}
.sslink a:visited { color: #333;} 
.sslink a:hover { color: #333;} 
.sslink a:active{ color: #333;}

/* paragraph ----------------------------------------- */
p a:link {
color: #73061F; 
text-decoration: none;
font-weight: bold;
}
p a:visited {
color: #73061F; 
text-decoration: none;
font-weight: bold;
}
p a:hover{
color: #73061F;
text-decoration: underline;
}
p a:active {
color: #73061F; 
text-decoration: none;
font-weight: bold;
}
.pinfo {
color: #254655;
font-size: 9px;
text-align: right;
vertical-align: bottom;
padding: 2px 5px 2px 10px;
width: 70px;
display: block;
background-color: transparent;
background-image: url(http://www.rombaux.be/img/pijl_cirkel.gif);
background-repeat: no-repeat ;
background-position: 3px 1px;
float: right;
}
.pinfo a:link {color: #254655; text-decoration: none;}
.pinfo a:visited {color: #254655; text-align: right; text-decoration: none; }
.pinfo a:hover {color: #73061F; text-decoration: underline; }
.pinfo a:active {color: #254655; text-align: right; }

/* content link ----------------------------------------- */
#content a:link {
color: #73061F; 
text-decoration: none;
font-weight: bold;
}
#content a:visited {
color: #73061F; 
text-decoration: none;
font-weight: bold;
}
#content a:hover{
color: #73061F;
text-decoration: underline;
}
#content a:active {
color: #73061F; 
text-decoration: none;
font-weight: bold;
}
#content .info {
color: #254655;
font-size: 9px;
text-align: right;
padding: 2px 0 2px 10px;
width: 60px;
display: block;
background-color: transparent;
background-image: url(http://www.rombaux.be/img/pijl_cirkel.gif);
background-repeat: no-repeat ;
background-position: 3px 1px;
}
#content .info a:link {color: #254655; 
text-decoration: none;
}
#content .info a:visited {color: #254655; text-align: right; text-decoration: none; }
#content .info a:hover {color: #73061F; text-decoration: underline; }
#content .info a:active {color: #254655; text-align: right; }
/* foto ----------------------------------------- */
.fotorcol {
font-size: 10px; 
color: #ccc;
padding: 7px;
}
.foto {font-size: 9px; color: #666;}
.fotor {font-size: 9px; color: #666;
text-align: right;}
.fotor a{font-size: 9px; color: #666;
text-align: right;}

/*line ----------------------------------------- */
.line{
border-bottom: #999 1px solid;
padding: 0 2px;}
.linec{
border-bottom: #ccc 1px solid;
padding: 0px 2px;
display: block;
background-color: #fff;
height: 14px;
}
.comp {
height: 200px;
}
.subc {
text-align: center;
font-size: 9px;
}
.subd {
text-align: center;
font-size: 11px;
font-weight: bold;
}
.part {
border-bottom: solid #999 1px;
height: 158px;
padding: 5px 0 0 0;
}
/* --------------shop------------ */
#rcol .shop {
background-color: #fff;
color: #333;
font-weight: normal;
text-align: left;
padding: 10px;
}
#rcol .shop p{
color: #666;
font-weight: normal;
}
#mcol .shop {
background-color: #fff;
color: #333;
font-weight: normal;
text-align: left;
padding: 10px;
}
.shop h1 {
background-color: #fff;
color: #333;
font-weight: bold;
text-align: center;
}
.shop h4 {
background-color: #fff;
color: #333;
font-weight: bold;
text-align: left;
font-size: 10px;
padding: 0px;
margin: 0px;
}
.prijsa {
color: #333;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.prijs {
color: #73061F;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.prijsbestel {
color: #333;
font-weight: bold;
padding: 0px;
margin: 0px;
}
.sub {
color: #254655;
padding-top: 10px;
margin: 0px;
text-align: center;}
.tot {
color: #73061F;
padding: 5px 0 0 0;
margin: 0px;
float: right;
font-weight: bold;
}
.voeg {
color: #254655;
background-color: #fff;
background-image: url(http://www.rombaux.be/img/pijl_cirkel_red.gif);
background-position: 270px 3px;
background-repeat: no-repeat;
text-align: right;
padding: 0 15px 0 2px;
width: 265px;
float: right;
}
.hpuc {color: #fff; 
font-weight: bold;
font-size: 12px;
margin: auto; 
position: relative; 
}
/* --------------winkelwagen------------ */
#rcol .winkel {
background-color: #fff;
color: #333;
font-weight: normal;
text-align: left;
padding: 0 15px 0 15px;
margin: 0;
}
.wwwinkel {
padding: 0 15px 0 45px;
margin: 0;
}
.wwwinkel2 {
padding: 0 0 0 45px;
margin: 0;
}
.ww {
color: #fff; 
font-weight: bold;
font-size: 12px;
background-color: #515253;
text-align: center;
padding: 4px 0;
}
.wwlogin {
color: #fff; 
font-weight: bold;
font-size: 12px;
background-color: #515253;
text-align: center;
padding: 4px 0 0 15px;
margin: O;
}
.wwlogin2 {
color: #fff; 
font-weight: bold;
font-size: 12px;
background-color: #515253;
text-align: left;
padding: 2px 0 2px 30px;
margin: 0 0 0 20px;
width: 570px;
}
.wwprijs{
color: #fff;
text-align: left;
background-color: #515253;
border-right: #fff 1px solid;
padding: 2px 0 2px 6px;
font-size: 12px;
float: left;
width: 85px;
}
.wwprijs1{
color: #333;
text-align: left;
padding: 0;
font-size: 12px;
float: left;
width: 110px;
background-color: #fff;
}
.wwcijfer {
color: #333;
text-align: right;
background-color: #ccc;
padding: 2px 6px;
font-size: 12px;
font-weight: bold;
float: left;
width: 80px;
}
.wwtitel {
color: #73061F;
font-weight: bold;
font-size: 12px;
padding: 4px 6px 4px 4px;
width: 250px;
background-color: #fff;
float: left;
text-align: right;
}
.wwvk{
color: #666;
float: left;
padding: 4px 6px 4px 4px;
width: 250px;
background-color: #fff;
text-align: right;
}
.wwverzendkost {
color: #333;
text-align: right;
border-top: #73061F 1px solid;
background-color: #ccc;
padding: 2px 6px;
font-size: 12px;
font-weight: bold;
float: left;
width: 80px;
}
.wwtotaal {
color: #73061F;
text-align: right;
border-top: #73061F 1px solid;
background-color: #ccc;
padding: 2px 6px;
font-size: 12px;
font-weight: bold;
float: left;
width: 80px;
}
.text {
color: #254655;
padding: 14px 0 0 4px;
float: left;
}
.artikel {
color: #254655;
padding: 14px 0 0 4px;
font-weight: bold;
}
.artikel a:link {
color: #254655;
font-weight: normal;
}
.artikel a:visited {
color: #254655;
font-weight: normal;
}
.artikel a:hover {
color: #254655;
font-weight: normal;
text-decoration: none;
}
.arttitel {
color: #73061F;
font-weight: bold;
font-size: 12px;
padding: 4px;
}
.artgrijsbalk {
color: #333;
background-color: #ccc;
padding: 2px 4px 2px 6px;
font-size: 12px;
height: 19px;
border-top: #fff 2px solid;
}
.arttext{
color: #333;
float: left;
padding: 2px 0 0 0;
}
.artaantal {
color: #333;
text-align: right;
background-color: #fff;
padding: 2px 0 0 0;
font-size: 12px;
float: right;
width: 92px;
}
.artaantalcijfer {
color: #333;
text-align: center;
background-color: #fff;
font-size: 12px;
width: 20px;
float: left;
padding: 3px 0 0 2px;
}
.artcijfer {
color: #333;
text-align: right;
background-color: #fff;
padding: 2px 6px;
font-size: 12px;
float: right;
width: 80px;
}
.artvk{
color: #666;
float: right;
padding: 2px 4px 0 0;
}
.arttotaal{
color: #73061F;
font-weight: bold;
float: right;
padding: 2px 4px 4px 0;
font-size: 13px;
}
.verzendkost {
color: #333;
text-align: right;
border-top: #73061F 1px solid;
background-color: #ccc;
padding: 2px 6px;
font-size: 12px;
float: right;
width: 80px;
}
#content .kassa {
color: #fff;
background-image: url(http://www.rombaux.be/img/pijl_kassa.gif);
background-position: 235px 5px;
background-repeat: no-repeat;
font-weight: bold;
font-size: 12px;
padding: 4px 24px 4px 4px;
background-color: #73061F;
text-align: right;
margin: 0;
}
#content .kassa a:link{
color: #fff;
text-decoration: none;
}
#content .kassa a:visited{
color: #fff;
text-decoration: none;
}
#content .kassa a:hover {
color: #ccc;
text-decoration: none;
}
#contents .kassa2 {
color: #fff;
background-image: url(http://www.rombaux.be/img/pijl_kassa.gif);
background-position: 332px 5px;
background-repeat: no-repeat;
font-weight: bold;
font-size: 12px;
padding: 4px 24px 4px 4px;
background-color: #73061F;
text-align: right;
margin: 0;
width: 325px;
}
#contents .kassa2 a:link{
color: #fff;
text-decoration: none;
}
#contents .kassa2 a:visited{
color: #fff;
text-decoration: none;
}
#contents .kassa2 a:hover {
color: #ccc;
text-decoration: none;
}
#contents .terug {
color: #fff;
background-image: url(http://www.rombaux.be/img/pijl_kassa_terug.gif);
background-position: 332px 5px;
background-repeat: no-repeat;
font-weight: bold;
font-size: 12px;
padding: 4px 24px 4px 4px;
background-color: #254655;
text-align: right;
margin: 2px 0 0 0;
width: 325px;
}
#contents .terug a:link{
color: #fff;
text-decoration: none;
}
#contents .terug a:visited{
color: #fff;
text-decoration: none;
}
#contents .terug a:hover {
color: #ccc;
text-decoration: none;
}
.wwklantbox{
float: left;
width: 265px;
padding: O 5px 0 5px;
margin: O 5px 0 5px;
background-color: #fff;
}
.wwklantbox2{
float: left;
width: 305px;
padding: O 5px 0 5px;
margin: O 5px 0 5px;
background-color: #fff;
}
.wwklant{
color: #fff;
text-align: left;
background-color: #254655;
border-right: #fff 1px solid;
padding: 2px 0 2px 6px;
font-size: 12px;
font-weight: bold;
float: left;
width: 253px;
}
.wwnaam{
color: #254655;
padding: 4px 0px 4px 6px;
width: 263px;
background-color: #fff;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
.wwcheck1{
float: left;
}
.wwcheck{
float: left;
padding : 10px 0 0 15px;
}
.wwnaam2{
color: #254655;
padding: 4px 0px 4px 6px;
width: 113px;
background-color: #fff;
text-align: left;
font-size: 12px;
font-weight: bold;
float: left;
}
.inlog input{
color: #254655;
width: 160px;
height: 16px;
font-size: 9px;
background-color: #ccc;
}
.inlog2 input{
color: #254655;
float: right;
width: 160px;
height: 16px;
font-size: 9px;
background-color: #ccc;
}

#inlogcontainer ul{
width: 600px;
font-family: Arial, Helvetica, sans-serif;
padding: 10px 10px 10px 30px; 
margin: 0 0 0 20px;
background-color: #fff;
color: #254655;
font-weight: bold;
background-image: url(http://www.rombaux.be/img/ww_arrow.gif);
background-position: 0px 7px;
background-repeat: no-repeat;
height: 20px;
}
#inlogcontainer ul li { 
color: #254655;
display: inline; 
height: 18px;
padding: 8px 4px 8px 4px;
margin: 0 12px;
background-color: #fff;
}
#inlogcontainer ul li a.menu_active{ 
color: #73061F;
font-weight: bold;
}

/* forms ----------------------------------------- */
form#zoek{
height: 18px;
}
.shopform{
margin: 0px;
padding: 0px;
background-color: #fff;
}
.inlogform{
margin: 0;
padding: 0 0 0 10px;
width: 180px;
}
.shop{
margin: 0px;
padding: 0px;
background-color: #fff;
}
#contactform {
margin: 0;
padding: 0 15px 0 15px;
width: 300px;
}
#contactform .textf {
float: left;
width: 135px;
height: 16px;
color: #254655;
}
#contactform .field input{
float: right;
width: 130px;
height: 16px;
font-size: 9px;
background-color: #f8e4cc;
}
#contactform .fieldbig textarea{
float: right;
width: 290px;
background-color: #f8e4cc;
font-size: 9px;
}
#contactform .verzend{
float: right;
font-size: 10px;
}
#contactform2 {
margin: 0;
padding: 10px 15px 10px 15px;
width: 550px;
background-color:#fff;
border: 1px solid #ccc;
}
#contactform2 .textf {
float: left;
width: 200px;
height: 16px;
color: #254655;
}
#contactform2 .field input{
float: right;
width: 230px;
height: 16px;
font-size: 9px;
background-color: #f8e4cc;
}
#contactform2 .fieldbig textarea{
float: right;
width: 350px;
background-color: #fff;
font-size: 11px;
}
#contactform2 .verzend{
float: right;
font-size: 10px;
}
/* --------------pijl------------ */
.volgende {
float: right;
}
.vorige {
float: left;
}
/* --------------pijl------------ */
tr.gray {
background-color: #ccc;
text-align: left;
}
.winkelwagen {
font-size: 9px;
color: #333;
}
/* --------------new------------ */
.kakiini {
font-size: 24px;
color: #7c704e;
}
.kaki {
color: #7c704e;
font-weight: bold;
}
.kakibg {
color: #fff;
background-color: #7c704e;
font-weight: bold;
font-size: 14px;
padding: 4px 4px 4px 14px;
}
.imgn {
float: left; 
padding: 4px 4px 0px 4px;
border-style: none;
}
.textnew {
color: #333;
text-align: left;
}
.witcolnew {
background-color: #fff;
padding: 10px 20px;
color: #333;
border-bottom: #7c704e 5px solid;
}
.linenew{
border-bottom: #7c704e 1px solid;
padding: 0 2px;
width: 225px;
}
.linenew2{
border-bottom: #7c704e 1px solid;
padding: 0 2px;
width: 280px;
}
.linenew3{
border-bottom: #7c704e 1px solid;
padding: 0 2px;
width: 98%;

}
/* --------------admin------------ */
#mainadmin{
color: #333;
text-align: left;
border-bottom: #7c704e 5px solid;
}
#admincontent{
padding: 10px 20px;
}
.admins {
color: #254655;
font-weight: bold;
font-size: 10px;
}
.admin {
color: #254655;
padding: 0 0 0 4px;
font-weight: bold;
font-size: 12px;
}
.admin a:link {
color: #254655;
text-decoration: none;
}
.admin a:visited {
color: #254655;
text-decoration: none;
}
.admin a:hover {
color: #254655;
text-decoration: underline;
}
.adminform {
color: #254655;
font-size: 12px;
}
.adminb {
color: #254655;
font-weight: bold;
font-size: 12px;
padding: 8px 0 4px 0;
display: block;
}
.wit {
color: #fff;
padding: 0 0 0 4px;
font-weight: bold;
font-size: 12px;
}
.wit a:link {
color: #fff;
text-decoration: none;
}
.wit a:visited {
color: #fff;
text-decoration: none;
}
.wit a:hover {
color: #ccc;
text-decoration: underline;
}
.mail1{
margin: 0;
padding: 0 4px;
width: 112px;
background-color: #7c704e;
color: #fff;
}
.mail .text {
width: 110px;
color: #fff;
background-color:#7c704e;
height: 14px;
padding: 2px 0 0 5px;
margin: 0;

}
.mail .field input{
width: 100px;
font-size: 9px;
background-color: #ccc;
padding: 0;
margin: 2px 0 0 5px;
}
.mail{
margin: 0;
padding: 0;
width: 120px;
background-color: #7c704e;
color: #fff;
height: 210px;
}