/*_-_-_-_-_-_-_-_- CARISMAR SOFTWARE STYLE -_-_-_-_-_-_-_-_-_*/

body
{
    margin: 0px;
    padding: 0px;
    background-image: url(/images/backgrounds/bg_bodyback.jpg);
    background-repeat: repeat-x;
    font-family: Calibri, Arial, Sans-Serif;
    font-size: 12px;
    color: #2a3a48;
}

a
{
    text-decoration: none;
    color: #2a3a48;
    font-weight: bold;
}
a:hover
{
    font-style: italic;
}
img
{
    border: none;
}
/*_-_-_-_-_-_-_-_- TYPO -_-_-_-_-_-_-_-_-_*/

h2
{
    font-size: 32px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    font-weight: normal;
}
h1
{
    font-size: 16px;
    color: #86909d;
    padding: 0px 0px 20px 0px;
    display: block;
    line-height: 22px;
    font-weight: normal;
}
h3
{
    font-size: 14px;
    padding: 0px;
    margin: 2px 0px;
}
.Ingress
{
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    display: block;
    line-height: 22px;
}
.UnderHeader
{
    width: 700px;
    float: left;
    border-bottom: dotted 1px #86909d;
    padding: 4px 0px;
}
.LightText
{
    color: #606b77;
}
.LargeTextLink
{
    font-size: 14px;
}
.LargeTextLink img
{
    vertical-align: text-bottom;
    width: 15px;
}

/*_-_-_-_-_-_-_-_- SITESTRUCTURE -_-_-_-_-_-_-_-_-_*/

.SiteHolder
{
    width: 1024px;
}

/*_-_-_-_- TOP -_-_-_-_-_*/

.TopHolder
{
    width: 1180px;
    height: 135px;
    margin: 0px 0px 0px 0px;
    padding: 0px 17px;
    background-image: url(/images/backgrounds/bg_topback2.jpg);
    background-repeat: no-repeat;
}
.Logo
{
}
.TopSearch
{
    width: 180px;
    height: 41px;
    position: absolute;
    margin: 0px 0px 0px 795px;
    background-image: url(/images/backgrounds/bg_topsearch.jpg);
    background-repeat: no-repeat;
}
.TopSearch input
{
    border: medium none;
    height: 16px;
    margin: 16px 0 0 27px;
    width: 150px;
}
/*_-_-_-_- SITECONTENT -_-_-_-_-_*/

.SiteContent
{
    width: 990px;
    padding: 0px 17px;
    float: left;
}
.ContentLeftArea
{
    border-right: 1px dotted rgb(221, 221, 221);
    margin: 0px 30px 0px 0px;
    padding: 0px 10px 0px 0px;
    float: left;
    width: 459px;
}
.ContentRightArea
{
    width: 210px;
    float: left;
}


/*_-_--_- LEFTAREA -_-_-_*/

.LeftArea
{
    width: 200px;
    float: left;
    margin: 0px 35px 0px 0px;
}

.LeftMenu, .menuLevel2
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.LeftMenu li
{
    width: 180px;
}
.LeftMenu a
{
    color: #94a2b1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    display: block;
    width: 180px;
    border-bottom: solid 1px #dddfe2;
}
.LeftMenu a:hover
{
    color: #fff;
    background-color: #2A3A48;
    font-style: normal;
}
.ActiveMenuBtn
{
    background-color: #6d7c88;
}
.ActiveMenuBtn:hover
{
    background-color: #2A3A48;
}
.menuLevel2
{
    border-bottom: solid 1px #dddfe2;
    width: 200px;
}
.menuLevel2 li
{
    width: 180px;
}
.menuLevel2 li a
{
    color: #8794a2;
    text-transform: none;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 15px;
    display: block;
    width: 170px;
    border: none;
}
.menuLevel2 li a:hover
{
    background-color: #87939d;
    font-style: normal;
}
.menuLevel2 li .ActiveMenuBtn
{
    font-weight: bold;
}
.menuLevel2 li .ActiveMenuBtn:hover
{
    font-weight: bold;
    color: #003263;
}

/*_-_--_- MAINAREA -_-_-_*/

.MainArea
{
    width: 750px;
    float: right;
    margin: -22px 0px 0px 0px;
}

.ContentHolder, .FrontNews
{
    width: 710px;
    float: left;
    padding: 0px 20px;
    line-height: 18px;
    margin: 0px 0px 40px 0px;
}
.StartPageHeader
{
    width: 710px;
    padding: 0px 20px;
    float: left;
    background-image: url(/images/backgrounds/bg_startpageheader.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.StartPageHText
{
    float: left;
    width: 300px;
}

.StartPageHImage
{
    width: 390px;
    float: left;
}
.PageHeader
{
    width: 710px;
    padding: 0px 20px;
    float: left;
    background-image: url(/images/backgrounds/bg_pageheader.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}
.PageHeader img
{
    vertical-align: baseline;
}

.PageHeaderText
{
    float: left;
    width: 560px;
}
.NavigationView
{
    color: #576D7F;
    width: 710px;
    position: absolute;
    margin: 120px 0px 0px 20px;
}

.NavigationView a
{
    color: #576D7F;
}
/*_-_- ARTICLE /images -_-_*/
.ArticleBigImage
{
    text-align: center;
    float: left;
    margin: 10px 0px;
    width: 459px;
}
.ArticleLeftImage
{
    float: left;
    margin: 0px 15px 10px 0;
}

.ArticleLeftImage img, .ArticleRightImage img
{
    padding: 2px;
    width: 150px;
}
.ArticleBigImage img
{
    padding: 2px;
    width: 459px;
}
.ArticleRightImage
{
    margin: 0px 0 10px 15px;
    float: right;
}

/*_-_- PUFFS -_-_*/

.PuffHolder
{
    width: 210px;
    float: left;
    margin: 0px 0px 40px 0px;
    color: #606b77;
    line-height: 18px;
}
.PuffHeader
{
    background-image: url(/images/backgrounds/bg_puff_blue.jpg);
    background-repeat: no-repeat;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 55px;
    margin: 0;
    padding: 10px 0 0 45px;
    text-transform: uppercase;
    width: 165px;
}
.Lilac
{
    background-image: url(/images/backgrounds/bg_puff_lilac.jpg);
}
.Green
{
    background-image: url(/images/backgrounds/bg_puff_green.jpg);
}

.PuffSep
{
    width: 40px;
    height: 20px;
    float: left;
}
.PuffText
{
    height: 150px;
}
/*_-_- RIGHTAREA PUFFS -_-_*/
.RightPuffsHeader
{
    font-size: 14px;
    display: block;
    border-bottom: solid 1px #ddd;
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 10px 0px;
    width: 100%;
    float: left;
}

.RightPuff
{
    width: 210px;
    float: left;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 15px 0px;
    color: #94a2b1;
    line-height: 18px;
    border-bottom: dotted 1px #ddd;
}

.RightPuff h3
{
    color: #2A3A48;
}
.RightPuff img
{
    margin: 0px 0px 10px 0px;
}
/*_-_-LISTINFOPUFF -_-_*/

.ArtInfoPuff
{
    width: 710px;
    float: left;
    margin: 10px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: dotted 1px #ddd;
}
.ArtInfoPuff h2
{
    margin: 0px;
    color: #2a3a48;
    padding: 0px 0px 10px 0px;
}
.ArtInfoPuffImage
{
    width: 120px;
    float: left;
    margin: 0px 10px 0px 0px;
}
.ArtInfoPuffImage img
{
    width: 120px;
}
.ArtInfoPuffInfo
{
    width: 570px;
    float: right;
}
.ArtInfoPuffInfo a
{
    display: block;
    margin: 4px 0px 0px 0px;
}

/*_-_-FORMS / TABLES -_-_*/

.ContactForm
{
    width: 450px;
    margin: 20px 0px 0px 0px;
    font-weight: bold;
}
.ContactForm tr
{
}
.ContactForm td
{
}
.ContactForm input, .ContactForm textarea, .ContactForm select
{
    font-family: Arial;
    width: 217px;
    border: solid 1px #a6b2c1;
    background-image: url(/images/backgrounds/bg_textarea.jpg);
    background-repeat: repeat-y;
}
.ContactForm select
{
    width: 220px;
}
.ContactForm textarea
{
    width: 432px;
    padding: 10px;
    height: 220px;
}
.ContactForm textarea scroll
{
    background-color: #a6b2c1;
}
.DarkText
{
    font-weight: bold;
    color: #2a3a48;
}

.ListStyle, .SearchList
{
    width: 710px;
    list-style-type: none;
    float: left;
    margin: 0px;
    padding: 0px;
}
.ListStyle a:hover
{
    font-style: normal;
}
.ListStyle li
{
    padding: 6px 2px;
    font-size: 14px;
    text-align: left;
    border-bottom: dotted 1px #ddd;
}
.ListStyle li:hover
{
    cursor: pointer;
    background-color: #2A3A48;
    color: #fff;
}
.ListStyle li:hover a
{
    color: #fff;
}
.ListStyle td
{
    border-bottom: dotted 1px #ddd;
    padding: 6px 2px;
}

.RefHolder
{
    background-color: gray;
    float: left;
    height: 90px;
    margin: 5px;
    width: 90px;
}
.RefHolder img
{
    width: 90px;
}

.SearchList li
{
    padding: 15px 0px;
    margin: 0px;
    border-bottom: solid 1px #ddd;
}
.SearchList li b
{
    font-size: 14px;
    display: block;
    margin: 0px 0px 4px 0px;
    padding: 0px;
}
.SearchList li span
{
    display: block;
}
/*_-_-FOOTER -_-_*/

.Footer
{
    background-image: url(/images/backgrounds/bg_footer.jpg);
    background-repeat: no-repeat;
    color: #97a3b4;
    float: left;
    font-size: 11px;
    height: 90px;
    line-height: 18px;
    padding: 75px 0 0;
    text-align: right;
    width: 980px;
}

.clear
{
    clear: both;
}

#FirstHeader
{
    padding: 0px;
    margin: 0px;
}
#SecondHeader
{
    padding: 0px;
    margin: 0px 0px 20px 25px;
}

/*-_-_-_-_-_ BUTTONS -_-_-_-_-_-_*/

.Button122
{
    padding: 6px 10px;
    text-align: center;
    background-image: url(/images/buttons/btn_send.jpg);
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    border: none;
}
.Button122:hover
{
    background-position: bottom;
}

.FrontNews
{
    background-image: url(/images/backgrounds/bg_frontImages.jpg);
    background-position: top;
    background-repeat: no-repeat;
    padding: 20px 20px 0px 20px;
    margin:0px 0px 20px 0px;
}
.FrontNewsPuff
{
    width: 210px;
    float: left;
}
.FrontNewsSep
{
    width:40px;
    background-color:Red;
    height:150px;
    float:left;
    }
.NewsDate
{
    display: block;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}
.FrontNewsBottom
{
    background-image: url(/images/backgrounds/bg_frontImagesBottom.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    padding:10px 0px;
    float: left;
    width:710px;
}
.FrontUnderHeader
{
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px;
    display:block;
    margin:0px 0px 10px 0px;
    
  }
  
  .ContentFlow
  {
      margin:30px 0px 0px 0px;
    }