/* Website - common styles */

body {
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: small;
}

body, div, td, h1, h2, h3, h4, p, img {
  margin: 0;
  padding: 0;
  border : 0;
}

body {
  background: #f7f7f7 url(../img/bg_main.jpg) repeat-y top center;
}

a {
  text-decoration: none;
  color: #3b3b3b;
}

.nodisplay {
  display: none;
}

.horizontfull {
  width: 100%;
}

.horizontcenter {
  width: 960px;
  margin: 0 auto;
}


a.ca_buttonblue {
  display: inline-block;
  margin:0 0 0 0;
  padding: 24px 5px 15px 0;
  width: 129px;
  height: 25px;
  text-align:center;
  color: #fff;
  font-size: 100%;   
  font-weight: bold;
  background: url(../img/bg_buttontopdark.png) no-repeat top center;
  
} 

a.ca_buttonblue:hover , a.ca_buttonblue.ca_butonbluesel {
  color: #fff;
  font-weight: bold;
  background: url(../img/bg_buttontoplight.png) no-repeat top center;
}

/* ------------------------- frames -----------------------------------*/

#div_topcontentframe {
  background: none;   
}

#div_topcontentframe .horizontcenter{
  width: 992px;
  padding: 0 0 0 60px;
  position: relative;
  background: url(../img/bg_topcontentcenter.jpg) no-repeat top center;
  
  height: 150px;
  overflow: visible;
    
}

#div_contentframe {

}

#div_contentframe .horizontcenter{
  padding: 0px 0 60px 0;
}

#div_footerframe {
  background: #f5f5f5;
  height: 45px;
}

#div_footerframe .horizontcenter{
  background: #f5f5f5;
}


/* ------------------------- mainmenu -----------------------------------*/


#div_contentframe #div_contentmenu {
  float: right;
  width: 290px;
  padding: 0 13px 0 20px;
  margin: 0; 
} 

#div_contentframe #div_content {
    float: left;
    width:auto;
    padding: 0 0px 0 10px;
}

#div_contentframe #div_contentmenu div.cdiv_menugroup {
  width: 290px;  
  margin: 0px 0 0 0; 
}
          
#div_contentframe #div_contentmenu div.cdiv_menugroup p{
  font-size: 92%;
  color: 3b3b3b;
  padding: 7px 10px 0 10px;
}

#div_contentframe #div_contentmenu div.cdiv_menugroup:first-child{
   margin: 0px 0 5px 0;
}


#div_contentframe #div_contentmenu div.cdiv_menugroup h1{ 
  font-size: 124%;
  font-weight : normal;
  padding: 11px 0 0 12px;  
  height: 28px;
  color: #fff;
  background: url(../img/bg_menutitledark.png) no-repeat top left;

}


#div_contentframe #div_contentmenu div.cdiv_menugroup div{
  overflow: hidden;
  padding: 4px 0 4px 0; 
}


#div_contentframe #div_contentmenu div.cdiv_menugroup div div{
  padding: 0 0px;
  border-top: none;
  background-image: none; 
}


#div_contentframe #div_contentmenu div.cdiv_menugroup a{
  font-size: 92%;
  padding: 2px 0 0 28px;
  display: block;
  height: 22px;
  color: #3b3b3b;
  background: url(../img/bg_menuitem_o.jpg) no-repeat top left;
  
}

#div_contentframe #div_contentmenu div.cdiv_menugroup div div a{
  border-top: none;
  background: none;
}

#div_contentframe #div_contentmenu div.cdiv_menugroup a:hover {
  background: url(../img/bg_menuitem.jpg) no-repeat left top; 
}

#div_contentframe #div_contentmenu div.cdiv_menugroup div div a:hover{
  border-top: none;
  background: url(../img/bg_menuitem_io.jpg) no-repeat top left;
}


#div_contentframe #div_contentend {
  width:100%;
  clear:both;
  height:1px;
}


/* ------------------------- topcontent -----------------------------------*/

#div_topcontentframe a:first-child {
  position: absolute;
  
  left: 60px;
  top: 30px;
  display: block;
}

#div_topcontentframe #div_topcontent {
  overflow: visible;
  position: relative;
  float: right;
  margin : 0 0 0 0px;
  height: 100%;
  
}

#div_topcontentframe #div_topcontent h2 {
  font-size: 116%;
  text-align:right;
  font-weight: bold;
  color: #3a3a3a;
  margin : 10px 57px 0px 0;
}


#div_topcontentframe #div_topcontent p {
  width: 300px;
  color: #3a3a3a;
  font-size: 139%;
  font-weight: normal;  
  line-height: 150%;
  margin: 0 57px 10px 0;
  text-align:right;
}



#div_topcontentframe #div_topcontent a.ca_buttonblue {
  
  position: absolute;
  right : 0px;
  bottom: 45px;
  margin: 0 57px 0 0;
  width: 158px;
  padding: 8px 0px 10px 0;
  height: 22px;
  color: #fff;
  font-size: 147%;
  font-weight: normal;
  background: url(../img/bg_buttoninsert.png) no-repeat top center;
}

#div_topcontentframe #div_topcontent a.ca_buttonblue:hover {

  background: url(../img/bg_buttoninsert_o.png) no-repeat top center;
}

/* ------------------------- content -----------------------------------*/



.cdiv_articlepreview {
  width:619px;
  position:relative;
  overflow: visible;
  margin: 10px 8px 30px 0;
  padding: 0px 0px 0px 0;
  background: none;
  background: #fff;
}

.cdiv_articlepreview h1{
  color: #3b3a3a;
  font-size: 147%;
  font-weight: normal;
  padding: 8px 7px 10px 10px;
  height: 30px;
  background: #fff url(../img/bg_articletitle.png) no-repeat left top;


}

.cdiv_articlepreview .cdiv_articleauthor{
  font-size: 62%;
  font-style: italic;
  float: right;
  margin-top: -8px;     
  padding: 10px 7px 10px 10px;
  height: 22px;
  color: #3b3b3b;
  background: url(../img/bg_articletitle3.png) no-repeat right top;
}

.cdiv_articlepreview .cdiv_articleauthor a {
  text-decoration: underline;
  color: #712608;
}

.cdiv_articlepreview .cdiv_articledate{
  font-size: 62%;
  float: right;    
  margin-top: -8px;
  padding: 10px 7px 10px 10px;
  height: 22px;
  color: #3b3b3b;
  background: url(../img/bg_articletitle2.png) no-repeat left top;
}
.cdiv_articlepreview .cdiv_articledate b{
  color:#712608;
}

.cdiv_articlepreview .cp_articleprewiev{
  color:#3b3b3b;
  line-height: 140%;
  padding: 14px 10px 40px 0px;
  margin: 0 0 0 0; 
 
}

.cdiv_articlepreview .ca_articlebutton{

  position: absolute;
  display: block;
  right: 0px;
  bottom: 0px;
  width: auto;
  padding: 10px 0px 0 0px;
  height: 29px;
  width: 131px;
  color: #fff;
  text-align: center;
  background:url(../img/bg_articlebuttlight.png) no-repeat right bottom;
}

.cdiv_articlepreview .ca_articlebutton:hover {

  background:url(../img/bg_articlebuttdark.png) no-repeat right bottom;
}

/* ------------------------- footer -----------------------------------*/
#div_footer {
  width: 100%;
  text-align: center;
  color: #999;
  padding: 15px 0 0 0;
}




