/* -- Information --
	CSS-Layout Version: 1.0 - Core
	Autor: www.vonhacht.de
*/

* {
    margin: 0;
    padding: 0;
    font: 100.1% "Trebuchet MS", Arial, Helvetica, sans-serif;
    border: 0;
    color: #000000;
    outline: none;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}

/* START  body */
body {
    margin: 0 auto;
    width: 996px;
    background-color: #3B3B3B;
}

h1, h2{
    margin: 0 0 10px 0;
    font-size: 120%;
    font-weight: bold;
    color: #000000;
}

h3, h4, h5, h6{
    margin: 10px 0 10px 0;
    color: #000000;
}

p{
    margin: 0 0 4px 0;
    line-height: 130%;
    text-align: justify;
}

strong {
    font-weight: bold;
}

a{
   text-decoration: underline;
   color: #000000;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

ul,ol{
    margin: 10px 0 10px 35px;
}

li {
    margin: 2px 0 2px 0;
}

/* END body
START  ALL CLASS*/

.clear {
    clear: both;
}

.onlyImage{
    margin: 10px 0 10px 0;
}

.form{
    width: 345px; 
}

.form fieldset {
    padding: 5px 5px 5px 0;
    margin-bottom: 15px;
}

.form label{
    clear: both;
    width: 50px;
    display: block;
    float: left;
    padding: 5px 0 5px 0;
}

.form .inputs{
    width: 255px;
    margin: 5px 0 5px 0;
}

.form .textareas{
    width: 253px;
    margin: 5px 0 5px 0;
    border: 1px solid #cccccc;
}

.form .submits{
    width: 255px;
    margin: 5px 0 5px 0;
    text-align: center;
}

.form p.note{
    margin: 2px 0 2px 50px;
    padding: 0;
    font-size: 10px;
    color: #D0210C;
}
/* END body
START  SocialRight*/
#socialRight {
    float: right;
    margin-top: 136px;
}
#socialRight .head{
    background: url(img/bg_social_left_top.png) no-repeat 0 0;
    height: 4px;
}

#socialRight .content{
    background: url(img/bg_social_left_middle.png) repeat-y 0 0;
}

#socialRight .foot{
    background: url(img/bg_social_left_bottom.png) no-repeat 0 0;
}

/* END Social Right
START  Outer*/
#outer {
    float: left;
    /*background: url(img/bg_outer.png) repeat-y 0 0;*/
    margin: 0 auto;
    width: 955px;
}

/* END Outer
START  Header*/
#header {
    margin:0;
    padding: 0;
    height: 135px;
    background: #cccccc;
    border-bottom: 2px solid #000000;
}

#header h1{
    margin-top: 70px;
    margin-left: 50px;
}

#header h1 a{
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 2px;
    color: #ffffff;
    text-decoration: none;
}

#header h1 a:hover{
    color: #ffffff;
    background: none;
    text-decoration: none;

}

#header .left,
#header .right{
    float: left;
    margin: 0;
    padding: 0;
    width: 475px;
}

#header .right{
    float: right;
    margin: 0;
    padding: 0;
}

#header .right ul.rex-navi1{
    float: right;
    text-align: right;
    margin: 115px 10px 0 0;
    padding: 0;
}

#header .right ul.rex-navi1 li{
    list-style: none;
    display: inline;
    margin: 0;
    padding: 0;
}

#header .right ul.rex-navi1 li a{
    font-weight: bold;
    font-size: 105%;
    text-decoration: none;
    padding: 0 20px 0 20px;
    border-left: 1px solid #000000;
}

#header .right ul.rex-navi1 li a.rex-current{
    background: url(img/bg_nav_top_active.png) no-repeat 0 2px;
    border: 0;
}
/* END header
START  Teaser*/
#teaser {
    clear: both;
    margin:0;
    padding: 20px 40px 20px 40px;
    background-color: #ffffff;
}

#teaser .col_1{
    float: left;
    margin-right: 10px;
    padding: 0;
    width: 425px;
}

#teaser .col_1 img{
    padding: 20px 0 0 0;
    cursor: pointer;
}

#teaser .layer{
    display: none;
    clear: both;
    margin: 0 auto;
    margin-top: 25px;
    width: 455px;
}

#teaser .col_2{
    float: right;
    margin-left: 10px;
    width: 425px;
    padding: 0;
}

#teaser .col_2 .video{
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#teaser .acc_teaser h3{
    margin: 0;
    padding: 8px 0 8px 0;
    font-weight: bold;
    cursor: pointer;
    border-bottom: 1px solid #cccccc;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

#teaser .acc_teaser p{
    font-size: 95%;
}
/* END Teaser
START  Content*/
#content {
    clear: both;
    margin:0;
    padding: 20px 40px 20px 40px;
    background: #999999;
}

#content .col_1{
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
    width: 560px;
}

#content .col_2{
    float: right;
    width: 295px;
    margin: 0;
    padding: 0;
}

#content .col_3{
    clear: both;
    margin: 0;
    padding: 0;
}

#content .col_1 .divBorder,
#content .col_2 .divBorder,
#content .col_3 .divBorder{
    clear: both;
    margin-bottom: 20px;
    border-top: 1px dotted #000000;
}

#content .col_1 .slice,
#content .col_2 .slice,
#content .col_3 .slice {
   margin: 0 0 25px 0;
   padding: 0;
}

#content .col_1 .more,
#content .col_2 .more,
#content .col_3 .more{
   clear: both;
   margin-top: 20px;
   text-align: right;
}

#content .col_1 .more a,
#content .col_2 .more a,
#content .col_3 .more a{
   padding-left: 15px;
   background: url(img/bg_more_link.png) no-repeat 0 5px;
}

#content .col_1 .slice .img_left,
#content .col_2 .slice .img_left,
#content .col_3 .slice .img_left,
#content .col_1 .slice .img_right,
#content .col_2 .slice .img_right,
#content .col_3 .slice .img_right{
    margin: 0 10px 5px 0;
    padding: 2px 3px 0 3px;
    float: left;
}

#content .col_1 .slice .img_right,
#content .col_2 .slice .img_right,
#content .col_3 .slice .img_right{
    float: right;
    margin: 0 0 0 10px;
}

#content .col_1 .slice .img_center,
#content .col_2 .slice .img_center,
#content .col_3 .slice .img_center{
    clear: both;
    margin: 0 0 10px 0;

}

#content .img_left.border,
#content .img_right.border{
    margin: 0;
    padding: 0;
    border: 1px solid #ffffff;
}

#content .col_1 .slice .download,
#content .col_2 .slice .download,
#content .col_3 .slice .download{
    margin: 15px 0 0 0;
    padding: 0;
}

#content .col_1 .slice .download a,
#content .col_2 .slice .download a,
#content .col_3 .slice .download a{
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-weight: bold;
}

#content .col_1 .slice .download a img,
#content .col_2 .slice .download a img,
#content .col_3 .slice .download a img{
    margin: 0;
    padding: 0 0 0 10px;
    text-decoration: none;
}

#content .border{
    border: 1px solid #ffffff;
}

#content .border h2{
    margin: 0;
    padding: 10px;
    background: #ffffff;
}

#content .border .content{
    padding: 10px;
}


/* END Content
START  Footer*/
#footer {
    clear: both;
    margin:0;
    padding: 0;
    border-top: 1px solid #000000;
    background: #666666;
}

#footer .left,
#footer .right{
    float: left;
    margin: 10px;
    padding: 0;
    width: 455px;

}

#footer .right{
    float: right;
}

#footer .left h3,
#footer .right h3{
    font-weight: bold;
    font-size: 110%;
}

#footer .right .more{
   clear: both;
   margin-top: 20px;
   text-align: right;
}

#footer .right .more a{
   padding-left: 15px;
   background: url(img/bg_more_link.png) no-repeat 0 5px;
}

#footer .right .divBorder{
    clear: both;
    margin-bottom: 20px;
    border-top: 1px dotted #000000;
}

#footer .left .img_left,
#footer .right .img_left{
    margin: 0 20px 5px 0;
    padding: 2px 3px 0 3px;
    float: left;
}

#footer .right h4{
    padding-top: 10px;
    font-weight: bold;
    font-size: 120%;
}

#footer .right h5{
    font-weight: bold;
    text-indent: 1px;
    font-size: 200%;
}

#footer .left .socialFeed {
    margin-top: 15px;
    border: 1px solid red;
    padding: 10px;
    background-color: #ffffff;
}

#footer .left .socialFeed .border {
    border-top: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

#footer .left .socialFeed .socialLinks a img{
    margin: 5px 15px 0 0;
    padding: 0;
}

#footer .form{
    float: right;
}

#footer .form *{
    color: #000000;
}

/* END Content
START  Bottom*/
#bottom {
    clear: both;
    margin: 0;
    padding: 0 0 50px 0;
    background: #cccccc;
    border-top: 1px solid #000000;
}

#bottom .left,
#bottom .right{
    float: left;
    margin: 10px 20px 10px 20px;
    padding: 0;
    width: 325px;

}

#bottom .right{
    float: right;
    width: 525px;
}

#bottom .left ul.nav{
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
}

#bottom .right ul.nav{
    float: right;
    text-align: right;
    margin: 0;
    padding: 0;
}

#bottom .left ul.nav li{
    list-style: none;
    display: inline;
    font-size: 80%;
}

#bottom .right ul.nav li{
    list-style: none;
    display: inline;
    font-size: 80%;
}

#bottom .left ul.nav li a,
#bottom .right ul.nav li a{
    text-decoration: none;
    font-size: 100%;
}

#bottom .left ul.nav li a:hover,
#bottom .right ul.nav li a:hover{
    text-decoration: underline;
}
/* END Bottom*/