/* Colors
blau headlines: #183a6b

*/


/* *************** RESET ************************** /
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td { 
    background: transparent;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { outline: none; }


/* **************** GRIDS ***************** */

.line, .lastUnit {overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}
.unit{float:left;zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;_width:49.9% !important;}
.size1of3{width:33.33333%;_width:33.25% !important;}
.size2of3{width:66.66666%;_width:66.65% !important;}

.lastUnit {float:none;_float:right;}
/* Abweichung*/


/* Debug
--------------------------------------------------------------------------*/
/*#bd { 
    background: #fff url('img/_bg_baseline_cols_light.png') repeat-y 0 12px;
    }*/



/* ***************** LAYOUT ************************/
/* Base color and font */
body { font: 81.25%/1.6154 "Lucida Grande", arial, verdana, sans-serif; color: #222; background: #2a1a14; height: 100%;}

/* Page
------------------------------------------------------------------------- */
#page { margin: 0 auto; width: 930px; background: transparent;}

/* Papierbackground
------------------------------------------------------------------------------*/
#hd { background: transparent url('img/bg-1.jpg') no-repeat 0 0; height: 116px; position: relative;}
#bd { clear: both; padding: 0 0 20px 0; background: transparent url('img/bg-2.jpg') repeat-y 0 0; }
#b-home #bd { min-height: 1000px;}
#ft { width: 100%; clear: both; background: transparent url('img/bg-3.jpg') no-repeat 0 0; height: 116px;}

/* Header
------------------------------------------------------------------------- */
#triumph-logo { background: transparent; width: 200px; color: #000; position: absolute; top: 70px; left: 75px;}
#brandstore-logo { background: transparent; width: 200px; color: #000; position: absolute; top: 62px; right: 60px;}

/* Navigation
------------------------------------------------------------------------- */
#navigation { height: 40px; width: 800px; margin: 0 auto; background: #132e55;
    -moz-box-shadow: 2px 2px 2px #746d5b, -2px 2px 2px #746d5b, 2px -2px 2px #746d5b, -2px -2px 2px #746d5b; 
    -webkit-box-shadow: 2px 2px 2px #746d5b, -2px 2px 2px #746d5b, 2px -2px 2px #746d5b, -2px -2px 2px #746d5b; 
    }

ul.topnav { list-style: none; font-size: 14px; font-weight: bold; margin: 0; padding: 0; }
ul.topnav li { float: left; width: 200px; display:block; position:relative;}

ul.topnav a { display: block;  padding: 0 15px; line-height: 40px; height: 40px; border: 0; text-decoration: none; color: #fff;}
ul.topnav a:link, ul.topnav a:visited { background: transparent url('img/nav.png') no-repeat 0 0; color: #fff; }
ul.topnav a:hover, ul.topnav a:active, ul.topnav a:focus, ul.topnav li.aktiv a { background: transparent url('img/nav-hi.png') no-repeat 0 0; color: #fff;}

/* Submenu ausgeblendet*/
ul.topnav li ul { display:none; }
/* Submenu eingeblendet*/ul.topnav
ul.topnav a:hover ul {}
ul.topnav a:hover ul li { display: none;}
ul.topnav li.drop:hover ul { border:none; background: #193b6d; display:block;  margin: 0; padding: 0; position: absolute; top: 40px; left: 0; border-left: 1px solid #122b50; border-right: 1px solid #122b50;}
ul.topnav li.drop:hover ul li { border:none; display:block; margin: 0; padding: 0; border-bottom: 1px dotted #122b50;}
ul.topnav li.drop:hover ul li a { border:none; display:block; background: #193b6d; margin: 0; line-height: 30px; height: 30px;}
ul.topnav li.drop:hover ul li a:hover { border:none; display:block; background: #225196; margin: 0;  line-height: 30px; height: 30px;}

#subsubnav { width: 220px; background: #0e223f; background: #0e223f url('img/subsubnav-bg.png') no-repeat 0 0; margin: 0 0 0 15px; padding: 10px;}
#subsubnav ul { margin: 0; padding: 0; list-style: none;}
#subsubnav li { padding: 0 0 10px 0; }
#subsubnav a { color: #fff;}
#subsubnav .curr a { color: #6c98d8;}


#keyvisual {width: 444px; height: 334px; float: left; background: #ccc url('img/keyvisual-triumph-brandstore.jpg') no-repeat 0 0; margin: 10px 0 0 10px;}
#claim {width: 336px; height: 334px; float: left; background: #ccc url('img/claim-bg.png') no-repeat 0 0; margin: 10px 10px 0 0;}
#claim h2 { color: #dad3c2; font-size: 24px; font-weight: bold; line-height: 30px; margin: 50px 0 0 60px;}
#claim p { color: #dad3c2; font-size: 16px; font-weight: bold; line-height: 24px; margin: 0 0 0 75px;}

/* Content
------------------------------------------------------------------------- */
#b-home #content { padding: 0;}
#content { background: #fff; width: 800px; margin: 25px auto 0 auto; padding: 20px 0 0 0; clear: both;
    -moz-box-shadow: 2px 2px 2px #746d5b, -2px 2px 2px #746d5b, 2px -2px 2px #746d5b, -2px -2px 2px #746d5b; 
    -webkit-box-shadow: 2px 2px 2px #746d5b, -2px 2px 2px #746d5b, 2px -2px 2px #746d5b, -2px -2px 2px #746d5b; 
    }
    
.produkt {width: 240px;  float: left; margin: 0 0 10px 0; }
.last-produkt { border: 0;}
.produkt img { display: block; margin:  10px auto ;}

.gallery {}
.gallery img {display: block; float: left; margin: 0 0 15px 15px;}



#map { /*border: 1px solid #ccc; width: 90%; height: 280px; margin: 0 20px 1em 20px;*/
    float: left; width: 500px; height: 250px; padding: 2px; border: 2px solid #eaddb2; margin: 0 15px 10px 15px
    }

/* Footer
------------------------------------------------------------------------- */
p.footer { color: #666; width: 100%; float: left; height: 40px; line-height: 40px; vertical-align: middle;}
p.footer span.footerlogo { display: block; float: right; margin-right: 35px; height: 40px; line-height: 40px;}
p.footer span.footerlogo img { padding: 5px 0 0 0;}
p.footer span.copyright { display: block; float: left; height: 40px; line-height: 40px;}

hr { clear: both; border: 0; border-top: 1px solid #dbd3be;  height: 1px; line-height: 1px; margin: 10px 15px;}

/* ***************** TYPOGRAPHIE *****************************/

html { height: 100%; padding-bottom: 1px; position: relative;}
    
/* -----------------------------------------------------------------------*/

/* Gutter */
h1, h2, h3, h4, h5, h6, ul, ol, dl, p { padding:0 15px; }


/* Headlines
------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; background: none; /*text-shadow: 2px 2px 2px #000;*/}


h1 {margin: 0; color: #183a6b; font-size: 22px; line-height: 30px; padding-bottom:21px; padding-top: 14px;}
h2 {margin: 0; color: #183a6b; font-size: 19px; line-height:21px; padding-bottom:14px; padding-top: 18px;}
h3 {margin: 0; color: #183a6b; font-size: 15px; line-height:21px; padding-bottom:7px; padding-top: 14px; }
h4 {margin: 0; color: #183a6b; font-size: 1em; line-height:1.6154em; padding-bottom:0; font-weight: bold;}


/* Text + Listen
------------------------------------------------------------------------- */
p { background: none; line-height:21px; margin-bottom: 21px; letter-spacing: 0}

ul, ol { background: none; line-height:21px; margin-bottom: 21px;}

ul { list-style: disc; list-style-position: inside;}
ul.nobullet { list-style: none;}
li span { width: 4em; display: block; float: left;}

ol { list-style: decimal; list-style-position: inside;}

dl { margin-bottom:21px;}
dt { font-weight: bold; }

a:link, a:visited { color:#183a6b; text-decoration:none; }
a:hover, a:active { text-decoration: underline; }
a:focus { color: #183a6b; text-decoration: underline; }


img.floatleft {
     float: left; margin: 0 25px 21px 0;
     -moz-box-shadow: 7px 7px 7px #111; 
     -webkit-box-shadow: 7px 7px 7px #111;
     box-shadow: 7px 7px 7px #111;
}

/* Formular */

form { width: 100%;}
input, textarea { background: #d2c5a0; width: 90%; border: 0; padding: .5em; font-family: "Times New Roman", georgia, serif; font-size: 14px; color: #403924;}
input.button { width: 120px; background: #b6a265; cursor: pointer;}
label { display: block;}

input.eingabefehler { background: #761215; color: #fff;}


/* Standard classes
-------------------------------------------------------------- */

.small { font-size: .8459em; line-height: 1.9091em; margin-bottom: 0; }
.quiet { color: #757b7f; font-size: .8459em; line-height: 1.9091em; margin-bottom: 0;}
.signal { color: #c0000d;}

.floatright { float: right;}
.floatleft { float: left;}

.hide { display: none; }
.highlight { background: transparent; }

.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

.trennlinie { clear: both; border-top: 1px dotted #c2c8cc; height: 1px; height: 1px; margin-bottom: 1.6154em;}
.trennlinie-vert { background: transparent url('img/dotted-vert.png') repeat-y right top;}

.margin-baseline { margin-bottom: 1.6154em;}

.clear { clear: both;}

.impressum-ie6 { display: none;}