/* load navigation styles */
@import "navigation.css";

.debug {
    display: none !important;
    visibility: hidden !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*background-color: #CCC;*/
}

a {
    color: #CE1800;
}

p,form {
    padding: 0;
    margin: 0;
}

img {
    border: 0 none;
}

table, td, tr {
    padding: 0;
    border: 0 none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: top;
}

hr {
    border: 0 none;
    border-top: 1px solid #CCCCCC;
}

#mainBody {
    width: 900px !important;
}

#mainContentWrapper {

}

/* Werte waren: 10 und 380 (left) */

#bannerbox {
    position: absolute;
    top: 10px;
    left: 380px;
    width: 468px;
    border: 1px solid #FFFFFF;
}

#searchbox {
    position: absolute;
    top: 162px;
    left: 390px;
    width: 300px;
    font-size: 10px;
}
        #searchboxInput {
            width: 130px !important;
            padding: 0 3px;
            margin: 0 5px;
            height: 16px;
            border-top: 1px solid #000000;
            border-left: 1px solid #000000;
            border-right: 1px solid #FFFFFF;
            border-bottom: 1px solid #FFFFFF;
            background-color: #FF5A00;
            font-size: 10px;
        }
        
        #mainsearchItem {
            border-top: 2px solid #CE1800;
        }
        
        td #searchboxSubmit {
            width: 77px !important;
            height: 17px;
            border-top: 1px solid #CE1800;
        }

        
#mainframe,
#mainframe td,
#mainframe tr {
    border: 0;
    padding: 0;
    margin: 0;
}

#logoimg {
    position: absolute;
    top: 94px;
    left: 0px;
    width: 296px;
    height: 83px;
}
        #logoimg img {
            border: 0 none;
        }

#head {
    height: 192px;
    background: url(../images/logo.gif) no-repeat;
}

#headlower {
    height: 40px;
    background: url(../images/logo_sub.gif) no-repeat;
}

#navigation {
    float: left;
    width: 148px !important;
    margin: 0;
    padding: 0;
	background-color: #FF5A00;
}
        #navigation .placeHolderNavi {
            width: 148px;
        }

#navigationNew {
    position: absolute !important;
    top: 232px;
    left: 0px;
    width: 148px !important;
    margin: 0;
    padding: 0;
	background-color: #FF5A00;
	z-index: 3;
}

#pageTop {
    margin: 10px 20px;
}

#contentwrap {
    float: left;
    width: 569px;
}

#content {
    margin: 0;
    /*background-image: url(../images/bgstripecontent.gif);*/
}
        #content p {
            margin: 0 40px 12px 20px;
            padding: 0;
        }
        
#teasercolumn {
    float: left;
    width: 154px;
    margin: 0;
    margin-top: -35px;
    padding: 0;
}
        #teasercolumn p {
            margin-bottom: 8px;
        }


/* EXTERNAL BANER */
#externalBanner {
    width: 154px;
    height: 600px;
    text-align: center !important;
     
}


/* START NEWSLETTERBOX */


#newsletterbox {
    width: 148px;
    margin-top: -5px;
    /*border-top: 20px solid #FFF;*/
}
        #newsletterbox .newsletterIframe {
            background-color: #FF5A00;
        }


/* END NEWSLETTERBOX */



/* START SKYSCRAPERBOX */

#skyscraper {
    width: 148px;
    /*border-top: 40px solid #FFF;*/
    border-top: 20px solid #FFF;
    border-bottom: 30px solid #FFF;
}

/* END SKYSCRAPERBOX */
        
        
/* START CONTEXTBOX */

#contextbox {
    /*border-top: 20px solid #FFF;*/
    width: 148px;
    margin-bottom: 5px;
    border-bottom: 5px solid #FFF;
}
        #contextbox .boxwrap {
            background-color: #CE1800;
            padding: 6px;
            color: #FFFFFF;
        }
                #contextbox .boxwrap h2,
                #contextbox .boxwrap h1 {
                    color: #FFFFFF;
                    padding: 0;
                    margin: 0;
                    font-size: 12px;
                    margin-bottom: 5px;
                }
                        #contextbox .boxwrap h2 {
                            font-size: 11px;
                        }
                
        #contextbox .contextmenue a,
        #contextbox .contextmenue li .active a {
            display: block;
            text-decoration: none;
            background-color: #999999;
            color: #FFFFFF;
            height: 16px;
            padding-left: 17px;
            font-family: Verdana, Arial, sans-serif;
            font-size: 9px;
            font-weight: bold;
        }
                #contextbox .contextmenue a:hover,
                #contextbox .contextmenue li.active a {
                    text-decoration: none;
                    background-color: #D3D3D3;
                    color: #000000;
                }
        #contextbox .contextmenue {
            padding: 0;
            margin: 8px 0 12px 0;
        }
                #contextbox .contextmenue li {
                    padding: 0;
                    margin: 0;
                }
                #contextbox .contextmenue {
                    border-top: 1px solid #CE1800;
                }
                #contextbox .contextmenue li {
                    border-bottom: 1px solid #CE1800;
                }
        
        #contextbox .contextreslut {
            
        }

        #contextbox a.contextlinkarchive,
        #contextbox a.contextlink {
            font-size: 10px;
            color: #FFFFFF;
            text-decoration: none;
            display: block;
            padding: 4px;
            border-top: 1px dotted #FFFFFF;
            border-bottom: 1px solid #CE1800;
        }
                #contextbox a.contextlinkarchive:hover,
                #contextbox a.contextlink:hover {
                    background-color: #FF5A00;
                    border-top: 1px dotted #FFFFFF;
                    border-bottom: 1px solid #FF5A00;
                }
                #contextbox a.contextlinkarchive {
                    padding-left: 20px;
                    background: #999999 url(../images/context_archive1.gif) 3px 3px no-repeat;
                }
                #contextbox a.contextlinkarchive:hover {
                    border-bottom: 1px solid #CE1800;
                    background: #CCCCCC url(../images/context_archive2.gif) 3px 3px no-repeat;
                    color: #000000;
                }

        #contextbox h1.contexthead,
        #contextbox h2.contexthead {
            font-size: 11px;
            font-spacing: 2px;
            padding: 5px 5px;
            margin: 0;
            background-color: #CE1800;
            color: #FFFFFF;
        }
                #contextbox h1.contexthead {
                    font-size: 11px;
                    letter-spacing: 2px;
                    padding-left: 10px;
                    border-top: 1px solid #FF5A00;
                    border-bottom: 1px solid #FF5A00;
                }

/* END CONTEXTBOX */



/* START SUBNAV ELEMENTS */

.subnavRecords,
#subnavRecords,
#subnavContact {
    margin-left: 20px;
    margin-bottom: 20px;
    width: 529px;
    white-space: nowrap !important;
    background: url(../images/newssearch_bgbox.gif) repeat-y;
}        
        #subnavContact {
            margin-left: 0;
        }
        .subnavRecords br,
        #subnavRecords br,
        #subnavContact br {
            font-size: 2px;
        }
        
        .subnavRecords div,
        #subnavRecords div,
        #subnavContact div {
            display: inline;                    /* !!!!!!!!!!!!!!!!!!    */
        }
        
        .subnavRecords .subnavRecordsHead,
        #subnavRecords .subnavRecordsHead,
        #subnavContact .subnavRecordsHead {     /* Image "Subcategories" */
            background: url(../images/newssearch_bghead.gif) 0 0 no-repeat;
            width: 529px;
            height: 18px;
            padding-left: 15px;
            padding-top: 3px;
            color: #FFFFFF;
            font-weight: bold;
            display: block;
        }
        
        .subnavRecords .subcategoryboxTop,
        .subnavRecords .subcategoryboxBottom,
        #subnavRecords .subcategoryboxTop,
        #subnavRecords .subcategoryboxBottom,
        #subnavContact .subcategoryboxTop,
        #subnavContact .subcategoryboxBottom {
            display: block;
        }
        
        .subnavRecords div a,
        #subnavRecords div a,
        #subnavContact div a {
            color: #FFFFFF;
            font-size: 11px;
            background-color: #FF5A00;
            padding: 0 6px;
            border-right: 1px solid #FFFFFF;
        }
                .subnavRecords div a.LinkActive, 
                .subnavRecords div a:hover,
                #subnavRecords div a.LinkActive, 
                #subnavRecords div a:hover,
                #subnavContact div a.LinkActive,
                #subnavContact div a:hover{
                    color: #CE1901;
                    background-color: #FFFFFF;
                }
                .subnavRecords .thirdLevel a,
                #subnavRecords .thirdLevel a,
                #subnavContact .thirdLevel a {
                    background-color: #FF9962;
                }
                        .subnavRecords .thirdLevel a:hover,
                        .subnavRecords .thirdLevel a.LinkActive,
                        #subnavRecords .thirdLevel a:hover,
                        #subnavRecords .thirdLevel a.LinkActive,
                        #subnavContact .thirdLevel a:hover,
                        #subnavContact .thirdLevel a.LinkActive {
                                color: #FF9962;
                            }
                
        .subnavRecords .dummy,
        #subnavRecords .dummy,
        #subnavContact .dummy {
            display: inline;
            margin-left: 10px;
        }

/* END SUBNAV ELEMENTS */



.technologySubmenueItem {
	border-bottom: 5px solid #FFFFFF;
}



#mainsearchform input,
#mainsearchform select,
#searchform input,
#searchform select {
    width: 200px;
    font-size: 11px;
}

.searchitem #searchnewssubmitbutton,
.searchitem #contactsubmitbutton {
    border: 0 none;
    width: 86px;
    height: 18px;
    background: url(../images/bg_button_search.gif) no-repeat;
    font-size: 0.1%;
        /* IE Postproduction */
        text-align: right;
        line-height: 36px;
}
        .searchitem #searchnewssubmitbutton {
            margin: 10px 0 5px 0;
        }
        .searchitem #contactsubmitbutton {
            background: url(../images/bg_button_submit.gif) no-repeat;
            width: 105px;
            margin-top: 20px;
        }

.topicbox,
#searchnewsformhead {
    margin: 0 20px;
    height: 21px;
    background: url(../images/newssearch_bghead.gif) no-repeat;
}
        .topicbox {
            margin-bottom: 10px;
        }
        .topicbox span,
        #searchnewsformhead span {
            display: block;
            padding: 3px 15px;
            font-weight: bold;
            color: #FFFFFF;
        }

#searchnewsform,
#contactform {
    margin: 0 20px;
    width: 100%;
}
        #contactform {
            margin: 0;
        }
        #searchnewsform {
            background: url(../images/newssearch_bgbox.gif) repeat-y;
        }
        #searchnewsform .searchinput input,
        #searchnewsform .searchinput select,
        #contactform .searchinput input,
        #contactform .searchinput select {
            margin: 0;
            padding: 0;
        }
                #contactform .searchinput input,
                #contactform .searchinput select,
                #contactform .searchinput textarea {
                    width: 300px;
                    font-size: 11px;
                }
                        #contactform .searchinput textarea {
                            height: 100px;
                            font-face: Verdana, Arial, Helvetica, sans-serif;
                            font-size: 11px;
                        }

        #searchnewsform .searchitem,
        #searchnewsform .searchinput,
        #contactform .searchitem,
        #contactform .searchinput {
            margin: 0;
            padding-left: 15px;
            float: left;
            width: 120px;
        }
                #searchnewsform .searchinput,
                #contactform .searchinput {
                    width: 300px;
                }

#searchnewsbottom {
    margin-bottom: 10px;
    margin-left: 20px;
}

#searchnewstop {
    margin-left: 20px;
}

#votingIcons {
    margin-top: 10px;
}
        #votingIcons strong {
            display: block;
            margin-bottom: 3px;
        }

#goback,
#searchErrorMessage,
#searchResultText {
    margin: 0 0 10px 16px;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
}
        #searchErrorMessage {
            width: 490px;
            color: #FF0000;
            padding: 2px;
            border-top: 1px solid #FF0000;
            border-bottom: 1px solid #FF0000;
        }
        #searchResultText {
            font-size: 12px;
        }

        #goback {
            font-weight: normal;
        }
                #goback a {
                    display: block;
                    width: 40px;
                    padding-left: 15px;
                    text-decoration: none;
                    background: url(../images/bg_link_goback.gif) no-repeat;
                }
                #goback a:hover {
                    text-decoration: underline;
                }

#boximageCharts {
     border-right: 10px solid #FFFFFF;
     height: 155px;
     width: 155px;
     float: left;
}        


/* found article in news search */
#article,
.article {
    width: 500px;
    margin-left: 15px;
}
        #article .boximage,
        .article .boximage {
            width: 150px;
            height: 155px;
            float: left;
            margin-right: 10px;
        }
        #article .boxtext,
        .article .boxtext {
            width: 310px;
            float: left;
            font-size: 11px;
        }
        #article div,
        .article div {            /* more IE spasm */
            font-size: 11px;
        }
        
.border {
    margin: 20px 15px;
    width: 500px;
    border-bottom: 1px dotted #FF6600;
}


/* ****************************************** */
/* START TEASERBOX                            */

.teaserbox {
    padding: 13px 5px 14px 5px;
}
        .orange {
            background-color: #FF5A00;
            color: #FFFFFF;
        }

#wincube {
    width: 148px !important;
    margin-top: -5px 0 10px 0;
}
        
#wincube,
#wincube .teaserbox {
    background-color: #CE1800;
}
        #wincube h1,
        #wincube h2,
        #wincube h1 a,
        #wincube h2 a,
        #wincube p {
            color: #FFFFFF !important;
        }
        #wincube h1.boxhead {
            font-size: 14px !important; 
        }
        #wincube h2.boxhead {
            font-size: 13px !important;
            margin-top: -10px !important;
        }
        #wincube .image {
            margin-bottom: 15px;
        }

/* END TEASERBOX                              */
/* ****************************************** */



.titleimg {
    margin-bottom: 13px;
}

.contentbox,
.newsbox {
    color: #000000;
    margin: 0 20px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
}
        .newsbox img {
            float: left;
            margin-right: 10px;
            /*margin-bottom: 100%;*/
        }

.boxhead a {
    color: #CC0000;
    text-decoration: none;
}

#wincube h1.boxhead,
#wincube h2.boxhead,
#searchnewsform h1.boxhead,
#searchnewsform h2.boxhead,
#searchnewsform h2.boxheadDate,
#searchnewsform h2.boxheadKeyword,
.contentbox h1.boxhead,
.contentbox h2.boxhead,
.contentbox h2.boxheadDate,
.contentbox h2.boxheadKeyword,
#contextbox h1.boxhead,
#contextbox h2.boxhead,
#contentbox h2.boxheadDate,
#contentbox h2.boxheadKeyword,
.newsbox h1.boxhead,
.newsbox h2.boxhead,
.newsbox h2.boxheadDate,
.newsbox h2.boxheadKeyword,
.newsbox .boxwrap h1.boxhead,
.newsbox .boxwrap h2.boxhead,
.newsbox .boxwrap h2.boxheadDate,
.newsbox .boxwrap h2.boxheadKeyword,
.boxwrap .contentAuthor,
.newsbox .contentAuthor,
#contentAuthor {
    padding: 0;
    margin: 0;
    font: italic bold 12pt Verdana; 
    letter-spacing: 1px;
    margin-bottom: 10px;
}
        .newsbox .contentAuthor,
        .boxwrap .contentAuthor,
        #contentAuthor {
            border-top: 20px solid #FFFFFF;
            text-align: right;
            padding-right: 40px;
            font-size: 11px;
            font-weight: bold;
            color: #CE1800;
            height: 40px;
            background: url(../images/icon_author.gif) 500px 0 no-repeat;
        }
        
        .boxwrap .boxlinkExternal {
            background: url(../images/bg_link_external.gif) 0px 4px no-repeat;
            height: 16px;
            padding-top: 3px;
            padding-left: 20px;
        }
        .email a,
        a.email,
        .boxwrap .email a {
            background: url(../images/bg_icon_email.gif) 0px 1px no-repeat;
            padding-left: 20px;
            font-weight: bold;
            font-size: 10px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
        }

                .boxwrap #boxlinkExternal {
                    background: url(../images/bg_link_external.gif) 0 4px no-repeat;
                    margin-top: 30px;
                    height: 16px;
                    padding-top: 3px;
                    padding-left: 20px;
                }
                .boxwrap .boxlinkExternal a, 
                .boxwrap #boxlinkExternal a {
                    font-weight: bold;
                    font-size: 10px;
                    font-family: Verdana, Arial, Helvetica, sans-serif;
                }

        .contentbox h1.boxhead,
        #searchnewsform h1.boxhead,
        #contextbox h1.boxhead,
        .newsbox h1.boxhead,
        .newsbox .boxwrap h1.boxhead {
            color: #CC0000;
            font: italic bold 14pt Verdana;
        }
        
        
        /* Box elements A N D its a tags */
        #searchnewsform .boxheadDate,
        #searchnewsform .boxheadKeyword,
        .contentbox .boxheadDate,
        .contentbox .boxheadKeyword,
        #contentbox .boxheadDate,
        #contentbox .boxheadKeyword,
        .newsbox .boxheadDate,
        .newsbox .boxheadKeyword,
        .newsbox .boxwrap .boxheadDate,
        .newsbox .boxwrap .boxheadKeyword,
            #searchnewsform .boxheadDate a,
            #searchnewsform .boxheadKeyword a,
            .contentbox .boxheadDate a,
            .contentbox .boxheadKeyword a,
            #contentbox .boxheadDate a,
            #contentbox .boxheadKeyword a,
            .newsbox .boxheadDate a,
            .newsbox .boxheadKeyword a,
            .newsbox .boxwrap .boxheadDate a,
            .newsbox .boxwrap .boxheadKeyword a 
        {
            margin: 0;
            font-size: 12px !important;
            font-weight: bold;
        }

        .newsbox h2.boxhead,
        .contentbox h2.boxhead {
            font-size: 11px;
            margin-bottom: 0 !important;
        }

.newsbox .boxtext,
.newsbox .boximage,
.contentbox .boxtext,
.contentbox .boximage {
    float: left;
    font-size: 11px;
}
        .newsbox .boxtext,
        .contentbox .boxtext {
            width: 350px;
        }
        .newsbox .boximage,
        .contentbox .boximage {
            width: 155px;
            height: 155px;
        }

.newsbox .linkmore,
#searchnewsform .linkmore,
.contentbox .linkmore {
    float: left;
    width: 300px;
    margin-top: 20px;
}
        .newsbox .linkmore img,
        .contentbox .linkmore img{
            border: 0 none;
        }

.browseResult {
    width: 490px;
    margin: 0 0 20px 15px;
    padding: 5px;
    border: 1px dotted #FF6600;
}




/* Record of the week */
#recordOfTheWeek {
    border-bottom: 10px solid #FFF;
}

/* h1, h2, h3 */
#teasercolumn #recordOfTheWeek #rotwBoxhead,
#teasercolumn #recordOfTheWeek #rotwBoxheadKeyword,
#teasercolumn #recordOfTheWeek #rotwBoxheadDate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    color: #FFFFFF;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}
        #teasercolumn #recordOfTheWeek #rotwBoxheadKeyword,
        #teasercolumn #recordOfTheWeek #rotwBoxheadDate {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px !important;
            font-weight: bold;
            font-style: normal;
        }
                #teasercolumn #recordOfTheWeek #rotwBoxheadDate {
                    font-weight: normal;
                }

        #teasercolumn a {
            color: #FFFFFF;
        }
        
        #teasercolumn #recordOfTheWeek .teaserbox img {
            margin-bottom: 15px;
        }
        
        #recordOfTheWeek .linkmore {
            margin-top: 10px;
            margin-bottom: 0px !important;
        }




/* START EVENTS */

#eventboxwrap .eventbox,
#eventboxwrap .eventboxHighlight,
#eventboxwrap .boxtextEvents,
#eventboxwrap .boximageEvents {
    float: left;
    width: 159px;
}
        #eventboxwrap .linkmore {     /* and IE spam again */
            width: 150px;
        }
        
        #eventboxwrap .eventbox,
        #eventboxwrap .eventboxHighlight {
            margin: 0 11px 20px 0;
            height: 550px;
            padding: 4px;
            border: 1px solid #FFC8AA;
            border-right: 1px solid #CE1800;
            border-bottom: 1px solid #CE1800;
            background-color: #FFF7F3;
        }
                #eventboxwrap .eventboxHighlight {
                    margin: 0 !important;
                }
        #eventboxwrap .boxtextEvents {
            border-top: 15px solid #FFF7F3;
            width: 155px;
        }

#eventboxwrap .boxhead,
#eventboxwrap .boxheadKeyword,
#eventboxwrap .boxheadDate,
#eventboxwrap .boxwrap,
#eventboxwrap .linkmore {
    padding: 4px;
}

        #eventboxwrap h1 {
            font-size: 12px; 
        }

#eventboxwrap .boxtitleimg {
    float: left;
    width: 158px;
    height: 70px;
    margin: -5px 0 10px -5px;
}

#boxheadLocations,
.boxheadLocations {
    padding: 0;
    padding-left: 25px;
    margin: 1px 10px 0 0;
    height: 35px;
    background: url(../images/bg_events_subtitle.gif) no-repeat;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-style: italic;
    font-size: 18px;
}

.boxwrap .termsbox {
    margin: 10px 0 30px 0;
}

.address,
.details {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 18px;
    background: url(../images/bg_icon_address.gif) 0 1px no-repeat;
}
        .details {
            background: url(../images/bg_icon_details.gif) 0 1px no-repeat;
        }

.description {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 120%;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #FFCC00;
    
}

.lineup {
    border-top: 20px solid #FFFFFF;
    border-bottom: 20px solid #FFFFFF;
    width: 500px;
}

.lineupitem {
    width: 480px;
}

/* END EVENTS */









/* FORUM */

#forum {
    margin: 0;
    padding: 0;
    background: url(../images/forum_backpix_img.gif);
}

#forumlogo {
    height: 150px;
    margin: 0;
    padding: 0;
}

#ravelineForumLogo {
    float: left;
    width: 353px;
}

#ravelineForumTeaser {
    float: right;
    width: 288px;
}

/* END FORUM */




/* START TRACKING */

#Tracking {
    display: none;
}

/* END TRACKING */




/* START BZGA */

.linkitem {
    padding-left: 16px;
    background: url(../images/BZGA/bzga_button_item.gif) 0 1px no-repeat;
    margin-bottom: 3px;
}

/* END BZGA */





/*    HELPER    */

.clear,
#searchnewsform .clear,
#article .clear,
.article .clear {
    clear: both;
    display: block !important;
}
        #searchnewsform .clear {
            height: auto !important;
        }

.dummy {
    font-size: 1px;
    margin-bottom: -1px;
}

.bold,
.bold a {
    font-weight: bold !important;
}

.padded {
    /*margin: 10px 20px 30px 20px;*/
    margin: 0 20px 5px 20px;
    font-size: 0.1em !important;
}

.paddedContactHead {
    margin: 10px 0 30px 0;
}
        
.padded15 {
    margin: 10px 0 30px 15px;
}

.marginalSpacer {
    height: 20px;
    background-color: #fff;
}

/*    END HELPER    */



/* Weirdly necessary to be placed here... */
.searchinput #searchMonth,
.searchinput #searchYear,
.searchinput #searchStyle {
    width: 100px !important;
}

h1, h2, h3, h4, h5, h6 {
    max-width: 500px;
}