.article, .article.main{
    background-image: url(/images/ci/doddet_line.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.article{
    width: 580px;
    padding-bottom: 2.5em;
    margin-bottom: 2.5em;
    position: relative;
}
.article.main{
    width: 951px;
    padding-top: 0px;
    line-height: 1.3;
}
.article .subTitle{
    font-style:italic;
    font-size: 11px;
    position: absolute;
    top:-12px;
}

.teaser{
    color:#3f3f3f;
    font-size: 17px;
}

.article.main .teaser{
    font-size: 19px;
}

.article .newsContent p {
    margin: 0 0 1em 0;
}

.article .newsContent .banner {
    width: 100%;
    margin: 1em 0;
    text-align: center;
}

.article .newsContent h3 {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0.3em;
    padding-top: 0.4em;
}

.article .actions {
    float: right;
    width: 200px;
    text-align: right;
    font-size: 12px;
    color: #788d02;
    font-style: italic;
    margin-top: 1em;
    padding-bottom: 0.5em;
}

.article .actions a {
    color: #788d02 !important;
}

.article .actions a:hover {
    color: #9CB802 !important;
}

.article .imageContainer, .article .mainImageContainer{
    margin-top: 15px;
    margin-bottom: 25px;
}

.article .newsText_h {
    float: left;
    margin-top: 15px;
    width: 100%;
}

.article .newsText_h .imageContainer {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
    width: 260px;
    margin-top: 0;
}

.article .newsText_h .rightText {
    float: left;
    width: 295px;
}

.article .mainImageContainer .actualMagazine {
    background-image: url(/images/ci/bg_actual_magazine.png);
    background-repeat: no-repeat;
    z-index: 1001;
    position: absolute;
    background-position: 710px 0;
    height: 371px;
    width: 951px;
    cursor: pointer;

}

.article .mainImageContainer .actualMagazine img {
    margin-left:734px;
    margin-top:20px;
    box-shadow: 2px 5px 4px #444;
    -moz-box-shadow: 2px 5px 4px #444;
    -webkit-box-shadow: 2px 5px 4px #444;
    filter:progid:DXImageTransform.Microsoft.Shadow(strength=4,color=#444444,direction=135);

}

.article .imageCaption {
    width: 100%;
    color:#9A9EA6;
    font-size:12px;
    font-style:italic;
    padding-top:5px;
}


.article .previewText{
    font-size: 14px;
}
.article .info, .magazine_description .info{
    color:#9a9ea6;
    font-style: italic;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 23px;
}

.magazine_description .info {
    padding-bottom: 0;
}

.article .previewText, .article .newsContent{
    font-size: 15px;
    line-height: 1.55;
}

.magazine {
    float: left;
    clear: both;
    width: 580px;
}

.magazine_item {
    float: left;
    background-image: url(/images/ci/doddet_line.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 2.5em;
    margin-bottom: 2.5em;
}

.magazine_image {
    float: left;
    width: 230px;
    padding-top: 5px;
}

.magazine_image img {
    border:1px solid #E0DEE0;
}

.magazine_description {
    float: left;
    width: 350px;
}

.magazine_description p {
    margin-top: 1em;
}


.rightBox{
    background-color: #f8f8f8;
    margin-bottom: 34px;
    border: 1px solid #e0dee0;;
}
.rightBox h2{
    color:#788d02;
    font-size: 13px;
    padding-top: 10px;
}
.rightBox .header{
    height: 38px;
    border: 1px solid white;
    background-color: #efeff0;
}
.rightBox .headerImage{
    float: left;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 14px;
}

.rightBox .headerImage img.tv_icon {
    margin-top: 4px;
}

.rightBox .content{
    padding: 9px;
    font-size: 12px;
    color:#9a9ea6;
}
.rightBox h3{
    color: #5c626f;
    font-weight: normal;
    padding-bottom: 20px;
    padding-top: 5px;
}

/* FOCUS FIX FOR MOZILLA */
button:focus::-moz-focus-inner { border-color: transparent ! important; } 

a.submit{
    display: block;
    cursor:pointer;
    cursor:hand;
}

/*
can be deleted
button {
    border:0 none;
    cursor:pointer;
    font-style: italic;
    font-size: 12px;
    font-family:Georgia;
    padding:0 20px 0 0;
    text-align:center;
    width:auto;
    background:url("/images/ci/bg_button_a_hover_.png") no-repeat scroll right top transparent;
    height:24px;
    margin-right:2px;
    padding-right:15px;
    outline: medium none;
    color:#009EE0;
}

button:hover {
    color: #42B0F5;
}

button:active {
    background-position: right bottom;
}

button:active span{
    background-position: left bottom;
}

button span {
    outline: medium none;
    display:block;
    line-height:15px;
    padding:4px 0 5px 14px;
    position:relative;
    white-space:nowrap;
    margin-top:-2px;
    height:15px;
    background:url("/images/ci/bg_button_span_hover_.png") no-repeat scroll left top transparent;
}
*/


a.bt {
    background:url("/images/ci/bg_button_a_hover_.png") no-repeat scroll right top transparent;
    color:#009EE0;
    display:inline-block;
    height:24px;
    margin-right:2px;
    padding-right:18px;
    text-decoration:none;
    font-size: 12px;
    font-style: italic;
    border: 0;
}

a.bt:hover {
    color: #42B0F5 !important;
}

a.bt:active {
    background-position: right bottom;
}

a.bt:active span{
    background-position: left bottom;
}

a.bt span {
    display:inline-block;
    line-height:15px;
    padding:4px 0 5px 14px;
    background:url("/images/ci/bg_button_span_hover_.png") no-repeat scroll 0 0 transparent;
}

a.bt_1{
    background-image: url(/images/ci/button_bg_1.png);
    width: 106px;
    height: 20px;
    display: block;
    padding-left: 15px;
    padding-top: 4px;
}
a.bt_login{
    background-image: url(/images/ci/button_bg_login.png);
    width: 58px;
    height: 20px;
    display: block;
    padding-left: 13px;
    padding-top: 3px;
    font-size: 12px;
    font-style: italic;
    color:#f1a332;
}
a.bt_login:hover{
    color:#f4bc6b;
}

.searchInput{
    background-image: url(/images/ci/bg_search_bar.png);
    width: 176px;
    padding-left: 30px;
    height: 23px;
    line-height: 23px;
    border: 0px;
    background-color: transparent;
    color:#92969f;
    font-style: italic;
    font-size: 11px;
    margin-top: 1px;
}
.chargeNotice{
    font-size: 13px;
    color: #788d02;
    margin-top: 20px;
    background-image: url(/images/ci/icons/charge.png);
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 4px;
    height: 25px;
    font-style: italic;
}
.magazine .chargeNotice {
    margin-top: 2px;
}

.magazine h1{
    font-size: 14px;
}

.formWrapper {
    margin-bottom: 10px;
}

.formWrapper .header {
    border:1px solid #E4E1D7;
}

.formWrapper .header h2 {
    background-color:#F1F1F1;
    border-left:1px solid #FFFFFF;
    border-top:1px solid #FFFFFF;
    height:42px;
    padding:15px 8px 0px 37px;
    color: #009EE0;
    font-size: 23px;
}

.formWrapper .content .body {
    background-color: #f9f9f9 !important;
}

.greenWrapper .chargeNotice {
    color: #f29400;
}

.greenWrapper h2{
    background-image: url(/images/ci/bg_greenbox_headline.png);
    background-repeat: no-repeat;
    width: 562px;
    height: 42px;
    color: #788d02;
    font-size: 23px;
    padding-left: 34px;
    padding-top: 15px;
    position: relative;
}
.greenWrapper h2 .icon{
    position: absolute;
    right: 26px;
    top:17px;
}
.greenWrapper .content, .formWrapper .content{
    border: 1px solid #e0dcd1;
    border-bottom: 0px;
    margin-top: 2px;
    background-repeat: no-repeat;
}
.greenWrapper .content .body, .formWrapper .content .body{
    margin-top: 1px;
    margin-left: 1px;
    background-color: #f6f3eb;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
    color:#877a6f;
}

.greenWrapper .content .discussion{
    margin-top: 1px;
    margin-left: 1px;
    background-color: #f6f3eb;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 0px;
    padding-bottom: 14px;
    font-size: 14px;
    color:#877a6f;
}

.greenWrapper .content .discussion h3{
    padding-top: 5px;
    font-size: 16px;
    color:#788D02;
    font-weight: normal;
}

.greenWrapper .content .body .relatedItem {
    width: 100%;
    padding: 20px 0;
}

.greenWrapper .content .body .relatedItem .date {
    font-style: italic;
}

.greenWrapper .content .body .relatedItem .text_preview {
    margin-top: 1.5em;
}

.greenWrapper .content .body .relatedItem .text_preview a {
    font-size: 14px !important;
    color: #009EE0 !important;
    font-style: italic;
}

.greenWrapper .footer, .formWrapper .footer{
    background-image: url(/images/ci/bg_greenbox_bottom.png);
    height: 10px;
    width: 100%;
}
.greenWrapper li, .formWrapper li{
    background-image: url(/images/ci/doddet_line.jpg);
    background-repeat: no-repeat;
    background-position: top;
    padding-top: 14px;
    padding-bottom: 11px;
    list-style-position: inside;
}

.greenWrapper li {
    list-style-image: url(/images/ci/icons/raquo_green.png);
}

.greenWrapper li.error {
    color: #F1A332;
    background-image: none;
    padding-top: 0;
}

.googleAdsens{
    background-color: #e5ecef !important;
    padding-left: 20px;
}
.googleAdsens h2{
    color: #43565a;
}

.formWrapper .content .body{
    background-color: #f6f8f9;
}

.formWrapper li {
    list-style-image: url(/images/ci/icons/raquo_blue.png);
}

.formWrapper.largeBox .footer{
    background-image: url(/images/ci/bg_greenbox_bottom_large.png);
}


a.green_link{
    color:#788d02 !important;
}

#content .greenWrapper a.green_link {
    font-size: 16px;
}

a.green_link:hover{
    color: #465200 !important;
}

.formWrapper a.blue_link {
    font-size: 16px;
}

.dotted_line {
    background-image:url("/images/ci/doddet_line.jpg");
    background-position: bottom;
    background-repeat:no-repeat;
}


#buttons, .search_navigation {
    margin-top: 20px;
}

#buttons #button_left {
    width: 34%;
    float: left;
    text-align: left;
}

#buttons #button_right {
    width: 66%;
    float: right;
    text-align: right;
}

a.BtLeft, a.BtRight, a.BtUp {
    height: 25px;
    display: inline-block;
    padding: 4px 0 0 40px;
    font-style: italic;
    color: #9398A3 !important;
    
}

a.BtLeft{
    background:url("/images/ci/icons/arrow_left_inactive.png") no-repeat scroll 0 0 transparent;
}

a.BtLeft:hover {
    background:url("/images/ci/icons/arrow_left_active.png") no-repeat scroll 0 0 transparent;
}

a.BtRight{
    margin-left: 50px;
    padding: 4px 40px 0 0;
    background:url("/images/ci/icons/arrow_right_inactive.png") no-repeat scroll right top transparent;
}

a.BtRight:hover {
    background:url("/images/ci/icons/arrow_right_active.png") no-repeat scroll right top transparent;
}

a.BtUp{
    background:url("/images/ci/icons/arrow_up_inactive.png") no-repeat scroll 0 0 transparent;

}

a.BtUp:hover {
    background:url("/images/ci/icons/arrow_up_active.png") no-repeat scroll 0 0 transparent;
}

.cms h1 {
    margin-bottom: 0.5em;
}

.cms .greenWrapper .content .body h3 {
    font-size: 16px;
    color:#788D02;
    font-weight: normal;
}

.cms .greenWrapper .content .body h4 {
    font-size: 14px;
    font-style: italic;
    color:#788D02;
    font-weight: normal;
}

.CMSeditInfo{
    background-color: #FFFFDF;
    z-index: 100;
    padding: 10px;
    margin: 10px 0;
    box-shadow: 1px 1px 1px 1px #666;
    -moz-box-shadow: 1px 1px 1px 1px #666;
}

.CMSeditInfo img {
    margin-right: 5px;
    vertical-align: top;
}

.magazine_title {
    width: 100%;
    color: #90a130;
    float: left;
    padding-bottom: 5px;
    margin-bottom: 40px;
    background-image: url(/images/ci/doddet_line.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
}

.magazine_title .title {
    font-size: 25px;
    font-weight: bold;
}

.magazine_title .title a {
    color: #90a130 !important;
}

.magazine_title .info {
    font-size: 11px;
    margin-left: 1em;
    font-style: italic;
}


.subscription_table th, .subscription_table_more th {
    font-size: 14px;
    color: #333333;
    font-style: italic;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
    padding-top: 10px;
}

.subscription_table th.left, .subscription_table td.left {
    width: 100px;
    font-size: 14px;
    color: #333333;
    font-style: italic;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.subscription_table th.top {
    text-align: center;
    padding-top: 2em;
    padding-bottom: 1.2em;
}

.subscription_table td, .subscription_table_more td {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #009EE0;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
}

.subscription_table td {
    width: 270px;
    text-align: center;
}

.subscription_table input, .subscription_table_more input {
    margin-right: 0.7em;
}

.subscription_table .odd {
    background-color: #f4f4f4;
}

.subscription_more {
    font-size: 18px;
    color: #009EE0;
    padding-bottom: 6px;
    border-bottom: 1px solid #ddd;
}

.subscription_table_more th.left {
    width: 190px;
    text-align: left;
}

.subscription_table_more {
    
}

.subscription_table_more td {
    text-align: left;
    width: 360px;
}

h1.calendar {
    color: #788D02;
}

#calendar_accordion{
    margin-top: 1.5em;
    width: 580px;
    border: 1px solid #e4e1d7;
}

#calendar_accordion h3{
    height: 19px;
    background-color: #f2efe6;
    padding: 8px 8px 8px 30px;
    border-bottom: 1px solid #e4e1d7;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    cursor: pointer;
    font-weight: normal;
}

#calendar_accordion h3:focus {
    outline: none;
}

#calendar_accordion h3.last {
    border-bottom: none;
}

#calendar_accordion h3 a{
    font-size: 15px;
    color: #788d02;
}

#calendar_accordion h3.ui-state-hover a {
    color: #00a2ff;
}


div.calendarEntryHolder {
    border-left: 1px solid #fff;
    background-color: #faf9f4;
    padding: 0 30px;
}

div.calendarEntryHolder .entry {
    float: left;
    padding: 20px 0;
}

div.calendarEntryHolder .entry .date{
    float: left;
    width: 175px;
    color: #00a2ff;
}

div.calendarEntryHolder .entry .date .place {
    color: #877a6f;
}

div.calendarEntryHolder .entry .content_preview{
    float: left;
    width: 340px;
    color: #877a6f;
}

div.calendarEntryHolder .entry .content_preview span.title {
    text-transform: uppercase;
    color: #00a2ff;
}

div.calendarEntryHolder .entry .content_preview a {
    font-style: italic;
}

div.calendarEntryHolder .entry table {
    margin-top: 10px;
}

div.calendarEntryHolder .entry table tr {
    vertical-align: top;
}

div.calendarEntryHolder .entry table tr th {
    font-weight: normal;
    width: 100px;
    padding: 10px 0;
}

div.calendarEntryHolder .entry table tr td {
    padding: 10px 0;
}

input#podcast{
    color: #009EE0;
}

/* Pagination */
.pagination_nav{
    padding-top: 15px;
    padding-bottom: 5px;
    overflow: auto;
    float: left;
    width: 20%;
    text-align: center;
}

.pagination_nav li{
    float: left;
    margin-right: 2px;
}

.pagination_nav a.img{
    padding-top: 3px;
}

.pagination_nav .site a, .pagination_nav span {
    background-color: #F6F3EB;
    padding: 3px;
    padding-right: 5px;
    padding-left: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.pagination_nav span {
    background-color: #ECECDA;
    color: #788D02;
}

.search_navigation {
    overflow: auto;
}

.search_navigation .search_button {
    width: 40% !important;
    padding-top: 10px;
}

.search_navigation .left {
    float: left;
    text-align: left;
}

.search_navigation .right {
    float: right;
    text-align: right;
}

.article .gal_picture {
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 5px;
    width: 150px;
    height: 150px;
    float: left;
    background-color: #FCFCFC;
    border: 1px solid #CCCCCC;
    text-align: center;
}
#facebook_share{
    float: left;
    width: 300px;
    margin-top: 0.5em;
    height: 30px;
}

.discussion .info{
    color:#9a9ea6;
    font-style: italic;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 23px;
}

.discussion .picture{
    float: left;
    margin-bottom: 10px;
    margin-right:  10px;
}

.discussion .actions {
    float: right;
    width: 200px;
    text-align: right;
    font-size: 12px;
    color: #788d02;
    font-style: italic;
    margin-top: 1em;
    padding-bottom: 0.5em;
}


.discussion .actions a {
    color: #788d02 !important;
}

.discussion .actions a:hover {
    color: #9CB802 !important;
}