/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('images/oval-gray-left.gif') no-repeat ;
margin-top: 10px;
/*display: block;*/
display: inline;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}




.textred { color: #D11919; text-decoration: none; font: bold 14px Arial}

.footerlink { color: #d3c6bc; text-decoration: none; font: 14px Arial}
.footerlink:hover { color: #FFFFFF; text-decoration: none; font: 14px Arial}
.form { color: #3b3733; text-decoration: none; font: normal 14px Arial; background: #dfd7bb}
.text { color: #3b3733; text-decoration: none; font: 14px Arial}
.textlink { color: #988234; text-decoration: none; font: normal 16px Arial }
.textlink:hover { color: #3b3733; text-decoration: none; font: normal 16px Arial }
.topbig { color: #FFFFFF; text-decoration: none; font: bold 40px Arial}
.topsmall { color: #FFFFFF; text-decoration: none; font: 24px Arial}
.mainlink { color: #3b3733; text-decoration: none; font: normal 24px Arial}
.mainlink:hover { color: #958C84; text-decoration: none; font: normal 24px Arial }

.mainlinkinv { color: #958C84; text-decoration: none; font: normal 22px Arial}
.mainlinkinv:hover { color: #3b3733; text-decoration: none; font: normal 22px Arial }


.sublink { color: #3b3733; text-decoration: none; font: normal 20px Arial}
.sublink:hover { color: #958C84; text-decoration: none; font: normal 20px Arial }


.categorie { color: #988234; text-decoration: none; font: normal 20px/35px Arial}
.categorie:hover { color: #3b3733; text-decoration: none; font: normal 20px/35px Arial }
.categorieon { color: #3b3733; text-decoration: none; font: normal 20px/25px Arial }

.subcategorie:hover { color: #988234; text-decoration: none; font: normal 16px Arial }
.subcategorie { color: #3b3733; text-decoration: none; font: normal 16px Arial }
.subcategorieon { color: #988234; text-decoration: none; font: normal 16px/20px Arial }

.tsubcategorie { color: #958C84; text-decoration: none; font: normal 14px Arial }
.tsubcategorie:hover { color:#FFFFFF ; text-decoration: none; font: normal 14px Arial }
.tsubcategorieon { color: #FFFFFF; text-decoration: none; font: normal 14px/16px Arial }



.box2 {
    border: 1px #958C84 solid}
.box {
   border-color: red; border-width: 0px 1px 1px; line-height: normal;
 border: 1px #958C84 solid}
.admin { color: #9B8858; font: bold 15px Verdana ; text-decoration: none}
.admin:hover { color: #FFFFFF; font: bold 15px Verdana ; text-decoration: none}



ul {
	margin: 0;
}

#contentWrap {
	width: 700px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

#contentTop {
	width: 600px;
	padding: 10px;
	margin-left: 30px;
}

#contentLeft {
	float: left;
	width: 700px;

}

#contentLeft li {
	list-style: none;
	margin: 0 0 4px 0;

margin:2px;
padding:2px;

	background-color:#ADB4B4;
	border: #CCCCCC solid 1px;
	color:#fff;
}


#leftmargin{
float: left;
	width: 260px;
	padding:10px;
	color:#FFFFFF;
	background-color:#FFFFFF;
}


#contentRight {
	float: right;
	width: 260px;
	padding:10px;
	background-color:#336600;
	color:#FFFFFF;
}

ul.categ{
width: 100% ;
}
ul.categ li {
display:block;
width : 80%;
height : 170px;

float:left;
}
ul.categ li[float="left"] + li {
float:none;
margin-left: 5px;
}

ul.simple{
width: 100% ;
}
ul.simple li {
display:block;
width : 90%;
height : 120px;
float:left;
}
ul.simple li[float="left"] + li {
float:none;
margin-left: 10px;
}

ul.simplemoit{
width: 100% ;
}
ul.simplemoit li {
display:block;
width : 45%;
height : 100px;

float:left;
}
ul.simplemoit li[float="left"] + li {
float:none;
margin-left: 10px;
}

ul.simplefull{
width: 100% ;
}
ul.simplefull li {
display:block;
width : 70%;
height : 100px;

float:left;
}
ul.simplefull li[float="left"] + li {
float:none;
margin-left: 10px;
}

.sbright {
  background-color: #55769A;
  float: right;
  width:455px;
/*  height: 45px;*/
  text-align: left;
/*margin-right: 30px;*/
}

.bright {
/*  background-color: #ffff00;
  float: right;*/
  width: 250px;
  text-align: left;
margin-left:140px;
height:100px;
/*top: 30px;
margin-right: 30px;*/
}

.brightf {
/*  background-color: #ffff00;*/
  float: right;
  width: 425px;
  text-align: left;
/*margin-right: 30px;*/
}

.brightr {
/*  background-color: #ffff00;*/
  float: right;
  width: 125px;
  text-align: right;
/*margin-right: 30px;*/

}

.bleft {
float: left;
  width: 150px;
  background-color: #00ff00;
margin-left:260px;
}
/*.spacer {
  clear: both;*/
.textlinkb { color: #575757; text-decoration: underline; font: bold 14px Arial}
.textlinkb:hover { color: #4D4D4D; text-decoration: none; font: bold 14px Arial}
.textredb { color: #EE1111; text-decoration: underline; font: bold 14px Arial}