.br{border: 1px dotted red !important;}

* {margin: 0; padding: 0;}

body
{
    color:                      #ffffff;
    background-color:           #ffffff;
    background:                 url(../img/bgBody.gif) repeat-x left top;
    font-family:                Verdana,Arial, Helevetica, sans-serif;
    font-size:                  10px;    
    text-align:                 left;
    line-height:		        1em;
}

h3 {
    clear:                      both;
    float:                      left;
    width:                      auto;
    height:                     auto;
    color:                      #ffffff;
    font-size:                  1.4em;
    line-height:                1.4em;
    font-variant:               small-caps;
    margin-bottom:              20px;
}

.intro {
    width:                      240px;
    line-height:                1.1em;
}

a,
a:active,
a:link,
a:visited {
    color:                      #ffffff;
    text-decoration:            none;
}

div#main
{
    width:                      93em;
    margin:                     0 auto;
} 


div#pageWrapper{
    float:                      left;
    width:                      91.6em;
    height:                     auto;
    background:                 url(../img/bgPageBorderRight.png) repeat-y right 30px;
}

div#page{
    float:                      left;
    width:                      90em;
    height:                     auto;    
}

div#header
{
    float:                      left;
    width:                      88em;
    height:                     22px;
    margin:                     30px 20px 0px 0px;
}

ul {
    list-style-type:            none;
}

li {
    float:                      left;
    width:                      auto;
    text-align:                 left;    
}

ul.nav li a{
    width:                      230px;
    height:                     auto;
    font-size:                  1.4em;
    line-height:                1.5em;
    font-variant:               small-caps;
    color:			            #ffffff;
    text-decoration:		    none;    
}
/******************************************************************************
* Top Navigation
******************************************************************************/

ul#headNav
{
    float:			            right;
    width:			            auto;
    height:                     2.2em;
    list-style-type:		    none;
}

ul#headNav li a{
    float:			            left;
    width:			            auto;
    font-size:                  1.1em;
    line-height:                1.2em;
    padding:			        0em 0.5em 0em 0.5em;
    color:			            #873c37;
    text-decoration:		    none;
}

ul#headNav li a:hover{
    text-decoration:		    underline;
}

/******************************************************************************
* Teaser
******************************************************************************/

div#teaser {
    float:                      left;
    width:                      90em;
    height:                     292px;
    background-color:           #690108;
}

/******************************************************************************
* Teaser Navigation
******************************************************************************/

div#teaserNav
{
    float:			            left;
    width:			            247px;
    height:                     292px;
    padding:                    40px 5px 10px 20px;
}

div#teaserNav li {
    padding:                    5px 0px;
}

div#teaserNav li.sep {
    margin-bottom:              20px;
}

div#teaserNav li a{
    float:			            left;
    width:			            230px;
    padding:			        0em 0.5em 0em 0.5em;
}

div#teaserNav li a:hover{
    color:		                #cccccc;
}

div#teaserImage {
    float:                      left;
    width:                      628px;
    height:                     292px;
}

div#leftTeaserImage{
    position:absolute;
    width:270px;
    height:152px;
    bottom:0px;
    left:0px;
    padding:0px;
    margin:0px;
}

/******************************************************************************
* Body
******************************************************************************/
div#body {
    float:                      left;
    width:                      90em;
    height:                     auto;
    background:                 url(../img/bgBodyContent.gif) repeat-x left top;
}

div#leftPaneImageWrapper {
    float:                      left;
    width:                      100%;
    height:                     100%;
    position:                   relative;
    top:                        0px;
    left:                       0px;
    background:                 url(../img/1_84251D_1.gif) repeat-y -28px top;
}

div#leftPane{
    float:                      left;
    width:                      247px;
    height:                     100%;
    padding:                    30px 0px 0px 25px;
}

div#leftPane p{
    clear:                      both;
    float:                      left;
    width:                      240px;
    height:                     auto;
    margin:                     4px 0px;
}

div#leftPane ul{
    float:                      left;
    width:                      240px;
    height:                     auto;
}

div#leftPane li {
    float:                      left;
    width:                      200px;
    height:                     auto;
    padding:                    0px 0px 4px 25px;
    margin-top:                 10px;
    font-size:                  1.2em;
    line-height:                1.4em;
    font-weight:                bold;
    color:			            #ffffff;
    background:                 url(../img/bgBullet.gif)  no-repeat left 9px;;
}

div#videoStage{
    float:                      left;
    width:                      240px;
    height:                     180px;
    margin-bottom:              10px;
    margin-left: -10px;
}

div#audioStage{
    float:                      left;
    width:                      240px;
    height:                     50px;
    padding-bottom:              0px;
    margin-left:                10px;
}

div#teaserDescription{
    display:                    none;
    position:                   relative;
    top:                        -50px;
    left:                       10px;
    width:                      200px;
    height:                     auto;
    padding:                    2px 5px;
    border:                     1px solid #ffffff;
    background-color:           #80231d;
    font-size:                  0.8em;
    color:                      white;
}

div#rightPane {
    height:                     auto;
}

/******************************************************************************
* Horizontale Hauptnavigation
******************************************************************************/
div#hNav{
    float:                      left;
    width:                      628px;
    height:                     49px;
    background-color:           #690108;
    background:                 url(../img/bgBodyRightHead.gif) no-repeat left top;
}

div#hNav ul {
    float:                      left;
    width:                      460px;
    height:                     30px;
    margin-left:                82px;
    margin-top:                 4px;
}

div#hNav ul li a,
div#hNav ul li a:active,
div#hNav ul li a:link,
div#hNav ul li a:visited
{
    margin-right:               10px;
}

div#hNav ul li a:hover {
    color:                      #cccccc;
}

div#content{
    float:                      left;
    width:                      528px;
    height:                     100%;
    padding:                    10px 20px 20px 80px;
    background:                 url(../img/bgBodyContent.gif) repeat-x left top;
}

#content p{
    float:                      left;
    width:                      500px;
    height:                     auto;
    margin-bottom:              20px;
    font-size:                  1.2em;
    line-height:                1.4em;
}

#content p * a,
#content p * a:link,
#content p * a:visited,
#content p * a:active
{
    text-decoration:            underline;
}
div#content ul li{
    clear:                      left;
    float:                      left;    
    height:                     auto;
    width:                      300px;    
    padding:                    4px 0px 4px 25px;
    font-size:                  1.2em;
    line-height:                1.2em;
    font-weight:                normal;
    color:			            #ffffff;
    background:                 url(../img/bgBullet.gif)  no-repeat left 7px;    
}

div#introcontent {
    float:                      left;
    width:                      auto;
    height:                     360px;
    margin:                     0px;
    padding:                    0px;
}

/******************************************************************************
* Page Border
******************************************************************************/
div#pageBorderBottom {
    float:                      left;
    width:                      916px;
    height:                     17px;
    background:                 url(../img/bgPageBorder.png) no-repeat left top;
}

div#pageBorderRightTop{
    float:left;
    width:16px;
    height:17px;
    background:url(../img/bgPageBorderRightTop.gif) no-repeat left top;
}

.standard{
    clear:                      left;
    font-size:                  1.1em;
}

.imgListLeft {
    clear:                      left;
    float:                      left;
    padding:                    0px !important;
    margin:                     0px 0px 0px -25px !important;
}

.lastListLeft {
    padding-bottom:             60px;
}

.top{
    padding:                    0px;
    margin:                     20px 0px 0px -20px !important;
}

.audioPad{
    margin-bottom:              150px;
}

div#leftPaneIntro{
    float:                      left;
    width:                      247px;
    height:                     auto;
    padding:                    30px 0px 0px 25px;
    margin-top:                 -30px;
}