/*--- Allgemein ---*/
body {
    margin:             0;
    padding:            0;
    font-family:        Arial,sans-serif;
    font-size:          13px;
    color:              #333;
    background-color:   #666;
    overflow: 		-moz-scrollbars-vertical;
}
img {
    border:             0;
}
h1 {
    margin:             20px 0 10px 0;
    font-size:          24px;
    color:              #D3152B;
}
h2 {
    font-size:          14px;
}
h3 {
    margin:             0;
    font-size:          12px;
}
p {
    margin:             0;
    font-size:          13px;
    line-height:        16px;
}
a {
    font-weight:        bold;
    color:              #D3152B;
    text-decoration:    none;
}
a:link {
    font-weight:        bold;
    color:              #D3152B;
    text-decoration:    none;
}
a:visited  {
    font-weight:        bold;
    color:              #D3152B;
    text-decoration:    none;
}
a:focus  {
    font-weight:        bold;
    color:              #D3152B;
    text-decoration:    none;
}
a:hover  {
    font-weight:        bold;
    color:              #D3152B;
    text-decoration:    underline;
}
a:active  {
    font-weight:        bold;
    color:              #D3152B;
}

li {
    font-size:          13px;
}

.clearFloat {
    clear:              both;
    height:             1px;
    overflow:           hidden;
}

/*--- Links ---*/
a.arrowUp {
    padding-left:       18px;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    none;
    background:         url(../img/icon_triangle_up.png) no-repeat left center;
}
a.arrowRight, a.externalLink, a.internalLink, a.emailLink {
    padding-left:       18px;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    none;
    background:         url(../img/icon_triangle_right.png) no-repeat left center;
}
a.arrowDown {
    padding-left:       18px;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    none;
    background:         url(../img/icon_triangle_down.png) no-repeat;
}
a.arrowLeft, a.backLink {
    padding-left:       18px;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    none;
    background:         url(../img/icon_triangle_left.png) no-repeat;
}
a.pdfLink {
    padding-left:       18px;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    none;
    background:         url(../img/icon_pdf.gif) no-repeat left center;
}
a.downloadLink {
    padding-left:       19px;
    font-size:          12px;
    font-weight:        bold;
    text-decoration:    none;
    background:         url(../img/icon_download.gif) no-repeat;
}
a:hover.backLink, a:hover.downloadLink, a:hover.emailLink, a:hover.externalLink, a:hover.internalLink, a:hover.pdfLink {
    text-decoration:    underline;
}

/*--- Rahmen ---*/
#frame {
    margin:             0 auto;
    padding:            3px 0 10px 0;
    width:              1009px;
}
#frame .ro {
    background:         url(../img/frame_ro.gif) top right no-repeat #fff;
}
#frame .lo {
    background:         url(../img/frame_lo.gif) top left no-repeat;
}
#frame .ru {
    background:         url(../img/frame_ru.gif) bottom right no-repeat;
}
#frame .lu {
    padding-left:       23px;
    background:         url(../img/frame_lu.gif) bottom left no-repeat;
}

/*--- Kopfbereich --*/
#header {
    clear:              both;
}
#header #logo {
    float:              left;
}
#header #logo img {
    display:            block;
    margin:             45px 0 0 3px;
}
#header #languages {
    float:              right;
    padding:            23px 21px 0 0;
}
#header #languages #languagesDE .active {
    background:         url(../img/flag_german_active.png) no-repeat;
}
#header #languages #languagesDE .inactive {
    background:         url(../img/flag_german_inactive.png) no-repeat;
}
#header #languages #languagesEN .active {
    background:         url(../img/flag_english_active.png) no-repeat;
}
#header #languages #languagesEN .inactive {
    background:         url(../img/flag_english_inactive.png) no-repeat;
}
#header #languages img {
    margin-right:       7px;
}

/*--- Navigation ---*/
#topNavigation {
    margin:             23px 23px 13px 0;
    padding:            2px 4px 6px 4px;
    width:              955px;
    height:             35px;
    background:         url(../img/topnavigation_frame.gif) no-repeat;
}
#topNavigation ul {
    margin:             0;
    padding:            0;
    width:              955px;
    height:             35px;
    background:         url(../img/topnavigation_background.png) repeat-x;
}
#topNavigation li {
    float:              left;
    list-style:         none;
}
#topNavigation  img {
    /*display:            block;*/
}

/*----- Linke Navigation -----*/
#leftNavigation {
    float:              left;
    margin:             0 14px 0 4px;
    width:              210px;
}
#leftNavigation ul {
    margin:             0;
    padding:            0;
    list-style-type:    none;
}
#leftNavigation ul li {
    margin:             0 0 1px 0;
    padding:            0;
    font-size:          14px;
    font-weight:        bold;
    background:         #e5e5e5;
}
#leftNavigation ul li a {
    display:            block;
    height:             14px;
    padding:            9px 0 9px 14px;
    color:              #707070;
}
#leftNavigation ul li a.leftNaviBorder {
    padding-bottom:     15px;
    background:         url(../img/leftnavi_border_bottom.png) no-repeat #c9c9c9;;
}
#leftNavigation ul li a.linkHighlight {
    color:              #D3152B !important;
}
#leftNavigation ul li a:hover {
    text-decoration:    none;
    color:              #D3152B;
}

/*--- 2. Navigationsebene ---*/
#leftNavigation ul ul {
    padding:            3px 0 7px 0;
    background:         #c9c9c9;
    /*display:            none;*/
}
#leftNavigation ul ul li {
    margin:             0;
    font-size:          13px;
}
#leftNavigation ul ul li a {
    padding:            4px 0 6px 28px;
    color:              #111;
    background:         url(../img/icon_triangle_black.png) no-repeat #c9c9c9 20px 9px;
}
#leftNavigation ul ul li a.linkHighlight {
    background:         url(../img/icon_triangle_red.png) no-repeat #c9c9c9 20px 9px;
}
#leftNavigation ul ul li a:hover {
    background:         url(../img/icon_triangle_red.png) no-repeat #c9c9c9 20px 9px;
}

/*--- 3. Navigationsebene ---*/
#leftNavigation ul ul ul {
    padding:            0 0 4px 0;
    /*display:            none;*/
}
#leftNavigation ul ul ul li {
    margin:             0;
    font-size:          11px;
    background:         none;
}
#leftNavigation ul ul ul li a {
    padding:            0 0 0 28px;
    background:         none;
}
#leftNavigation ul ul ul li a.linkHighlight {
    background:         none;
}
#leftNavigation ul ul ul li a:hover {
    background:         none;
}
/*--- 4. Navigationsebene --*/
#leftNavigation ul ul ul ul {
    padding:            4px 0 4px 0;
    /*display:            none;*/
}
#leftNavigation ul ul ul ul li {
    font-size:          11px;
    background:         none;
}
#leftNavigation ul ul ul ul li a {
    padding:            0 0 0 36px;
    background:         none;
}

/*--- Subnavigation ---*/
#subNavigation {
    margin:             0;
    padding:            0;
}
#subNavigation li {
    float:              left;
    list-style:         none;
}
#subNavigation img {
    display:            block;          /* Standard-Abstand zwischen Bildern vermeiden */
    float:              left;
    padding-right:      1px;
}

/*--- Content ---*/
#content {
    float:              left;
    margin:             0 18px 0 14px;
    padding:            0 0 54px 0;
    width:              706px;
}
#content p {
    margin-bottom:      10px;
}
#content h2 {
    margin:             20px 0 5px 0;
}
#content ul {
    margin-top:         0;
    margin-bottom:      10px;
}
#content iframe {
    border:             0;
}
#content ul.linkList {
    margin:             15px 0 0 0;
    padding:            0;
}
#content ul.linkList li {
    margin:             0 0 7px 0;
    list-style:         none;
    line-height:        13px;
}

/*--- Content mit Teaser ---*/
#contentTeaser h1 {
    margin-top:         4px;
}
#contentTeaser h2 {
    margin:             34px 0 20px 0;
    border-bottom:      1px solid #cacaca;
    padding-bottom:     7px;
}
#contentTeaser p {
    margin-bottom:      27px;
}
#contentTeaser img {
    margin-right:       0;
}
#contentTeaser a.buttonBeckerLogo, 
#contentTeaser a.buttonFalkLogo {
    display:            block;
    float:              left;
    border:             1px solid #cacaca;
    width:              340px;
    vertical-align:     middle;
    text-align:         center;
}
#contentTeaser a.buttonBeckerLogo {
    margin-right:       20px;
    height:             63px;
    padding-top:        35px;
}
#contentTeaser a.buttonFalkLogo {
    height:             88px;
    padding-top:        10px;
}

/*--- Content: Partner --*/
#content #partner h2 {
    margin:             50px 0 14px 0;
    border-bottom:      1px solid #cacaca;
    padding-bottom:     7px;
    font-weight:        bold;
    color:              #D3152B;
    text-transform:     uppercase;
}
#content #partner img {
    margin-right:       20px;
    vertical-align:     middle;
}

/*--- Content: Press ---*/
#content .pressRelease {
    margin-top:         13px;
}
#content .pressRelease img {
    float:              left;
    margin:             0 20px 10px 0;
    width:              130px;
}
#content .pressRelease h3 {
    margin:             0 0 9px 0;
    font-size:          14px;
}
#content .pressText {
    margin-bottom:      12px;
}
#content .pressRelease p {
    margin:             0 20px 10px 0;
}
#content .pressRelease hr {
    margin:             5px 0 15px 0;
    border:             0;
    width:              705px;
    height:             1px;
    color:              #cacaca;
    background-color:   #cacaca;
}
#content .pressRelease img.moreLink {
    float:              right;
    margin:             -25px 0 0 0;
    width:              13px;
    cursor:             pointer;
}

/*--- Content: Kontakt ---*/
#content form {
    margin-top:         20px;
}
#content input {
    font-size:          13px;
}
#content .row {
    float:              left;   /* damit sich die Höhe bei mehr als einer Zeile anpasst */
    clear:              left;
    margin-bottom:      5px;
}
#content .leftColumn {
    float:              left;
}
#content .topArea {
    margin-bottom:      15px;
}
#content .topArea .rightColumn {
    margin-left:        44px;
}
#content .bottomArea .rightColumn {
    margin-left:        91px;
}

/*--- Content: Händlerbereich ---*/
#contentTeaser .galleryBox {
    float:              left;
    margin:             0 22px 30px 22px;
    width:              180px;
}
#contentTeaser .galleryBox h3 {
}
#contentTeaser .galleryBox img {
    float:              left;
    margin:             0 10px 10px 0;
}

/*--- Teaser ---*/
#teaser  {
    float:              left;
    padding:            0 0 43px 0;
    width:              218px;
}
#teaser div {
    margin:             0 0 11px 0;
    padding:            0 0 0 1px;
    width:              218px;
    height:             178px;
    background:         url(../img/teaser_background.png) no-repeat;
}
#teaser h3 {
    padding:            10px 11px 7px 11px;
    color:              #D3152B;
    text-transform:     uppercase;
}
#teaser p {
    padding:            14px 9px 0 9px;
}
#teaser p a {
    color:              #333;
    font-weight:        normal;
    text-decoration:    none;
}
#teaser p a:hover {
    color:              #333;
    font-weight:        normal;
    text-decoration:    none;
}
#teaser a.emailLink {
    margin:             0 0 0 10px;
    text-decoration:    none;
}
#teaser a:hover.emailLink {
    text-decoration:    underline;
}
#teaser hr {
    margin:             0;
    border:             0;
    width:              210px;
    height:             1px;
    color:              #cacaca;
    background-color:   #cacaca;
}
#teaser img.moreLink {
    margin-top:        2px;
}

/*--- Teaser: Händlerbereich --*/
#teaser form {
    margin:             0;
}
#teaser form div {
    margin:             10px 0;
    padding:            0 11px 0 11px;
    width:              auto;
    height:             auto;
    background:         none;
}
#teaser form p {
    padding-top:        10px;
}
#teaser form label {
    float:              left;
    padding-top:        3px;
    font-size:          12px;
    font-weight:        bold;
}
#teaser form input {
    margin-left:        92px;
    border:             1px solid #cbcbcb;
    width:              95px;
    height:             16px;
    font-size:          11px;
    background:         #eee;
    display:            block;
}
#teaser form input.einloggen {
    float:              right;
    margin-right:       7px;
    border:             none;
    width:              73px;
    height:             17px;
    background:         url(../img/button_einloggen.png);
}
#teaser form input.ausloggen {
    float:              right;
    margin-right:       7px;
    border:             none;
    width:              76px;
    height:             17px;
    background:         url(../img/button_ausloggen.png);
}

/*--- Teaser: Visitenkarte ---*/
#teaser table {
    margin:             9px 0 12px 9px;
    font-size:          12px;
}
#teaser table caption {
    margin:             0;
    padding:            0 0 4px 0;
    font-weight:        bold;
    text-align:         left;
    color:              #333;
}
#teaser table caption span {
    font-weight:        normal;
}
#teaser table tr {
    padding:            10px;
}
#teaser table th {
    padding:            0;
    font-weight:        normal;
    text-align:         left;
}
#teaser table td {
    padding:            0;
}

/*--- Teaser: Linkliste ---*/
#teaser ul {
    margin:             10px 0 0 10px;
    padding:            0;
}
#teaser li {
    margin:             0 0 7px 0;
    list-style:         none;
    line-height:        13px;
}

/*--- Footer ---*/
#footer {
    width:              995px;
    background-color:   #666;
}
#footer ul {
    float:              right;
    margin:             0 11px 0 0;
}
#footer li {
    float:              left;
    list-style:         none;
}
#footer a {
    margin-left:        14px;
    font-size:          11px;
    font-weight:        bold;
    color:              #fff;
    text-decoration:    none;
}
#footer a:hover {
    text-decoration:    underline;
}