/**************************************************************************************************/
/* Gaydoul Group                                                                                  */
/**************************************************************************************************/


/*  Reset CSS -> Thanks to Eric A. Meyer */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
    }

:focus {
	outline: 0;
    }

body {
	line-height: 1;
    color : #575656;
    }

ol, ul {
	list-style: none;
    }

table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: top;
    }
    
caption, th, td {
	text-align: left;
	font-weight: normal;
    }

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    }
    
blockquote, q {
	quotes: "" "";
    }

/**************************************************************************** General Site Layout */

/* Padding statt margin für vertikale Abstände (top und bottom) verwenden */

html, body {
    height: 100%;
    }

body {
	background-color : #fff;
    color : #575656;
	font-family: georgia, times, serif;
    }

body.start {
    background-color : #58585a;
    }

sup {
    font-size:xx-small;
    vertical-align:top;
    }

.smaller,
span.smaller    {
    font-size : 0.75em;
    line-height : 1.5em;
    white-space : nowrap;
    }


.hidden,
div.hidden  {
    display: none;
    visibility: hidden;
    }

strong  {
    font-weight : bold;
	font-family: georgia, times, serif;
    }
    
#wrap {
    position : relative;
    margin : 0 auto;
    width : 965px;
    height: auto;
    min-height: 100%;
    background-image : url(line.png);
    background-repeat: repeat-y;
    background-position : 160px 200px;
    }

body.start #wrap    {
    background-image : none;
    height: 510px;
    min-height: 510px;
    }


/*** Header ***/

div.header  {
    width : 965px;
    padding-top : 35px;
    padding-bottom : 35px;
    text-align : center;
    background-color : #fff;
    }   

body.start div.header   {
    background-color : transparent;
    padding-top : 90px;
    }

div.header p.logo   {
    width : 960px;
    padding-left : 5px;
    }

/* Main Area */

#main {
    overflow : hidden;
	padding-bottom: 60px; /* Muss genau so hoch sein wie der Footer */
    }  


/* General link */

a:link  {
    color : #575656;
    text-decoration : none;
    }

a:visited   {
    color : #575656;
    text-decoration : none;
    }

a:hover {
    color : #9f042b;
    text-decoration : none;
    }


/********************************************************************************** navigation */

div.navigation  {
    float : left;
    width : 160px;
    margin : 0;
    font-size : 11px !important;
    line-height : 18px;
    padding : 30px 0 20px 0;
    }

div.navigation a {
    display: block;
    background-color: transparent; /* #036; */
    color : #575656;
    width: 160px;
    padding: 0px 5px 0px 0;
    text-decoration: none;
    text-transform : none !important;
    font-weight: normal;
    }
    
div.navigation a:hover   {
    background-color: transparent; /* #369; */
    padding-top : 0px;
    padding-bottom : 0px;
    }


div.navigation li {
    margin-bottom : 0;
    text-transform: uppercase;
    }

div.navigation ul.level_1 li,
div.navigation ul.level_1 li a  {
    text-transform: uppercase !important;
    color : #575656;
    }

div.navigation ul.level_2 li,
div.navigation ul.level_2 li a  {
    text-transform: none !important;
    }

div.navigation li li a   {
    background-color: transparent; /* #69C; */
    color : #575656;
    width: 148px;
    padding-left: 8px !important;
    text-decoration: none;
    font-weight: normal;
    margin-bottom : 0;
    }
    
div.navigation li li li a   {
    display: block;
    background-color: transparent; /* #69C; */
    color : #575656;
    width: 136px;
    padding-left: 16px !important;
    text-decoration: none;
    font-weight: normal;
    margin-bottom : 0;
    }

div.navigation li li li li a   {
    display: block;
    background-color: transparent; /* #69C; */
    color : #575656;
    width: 124px;
    padding-left: 24px !important;
    text-decoration: none;
    font-weight: normal;
    margin-bottom : 0;
    }


/* Selected */

div.navigation li.selected a {
    color : #575656;
    }
    
/* Reset the color to general link colour */
div.navigation li.three a,
div.navigation li.four a   {
    color : #575656;
    } 

div.navigation li.selected  ul   {
    line-height : 18px;
    margin : 0 0 0px 0;
    }



/* Shown */
    
div.navigation li.shown ul  {
    margin : 0 0 0 0;
    }    
    
div.navigation li li.shown ul  {
    margin : 0 0 0 -8px;
    }


/* Shown */

div.navigation li.shown,
div.navigation li li.shown,
div.navigation li li li.shown,
div.navigation li li li li.shown    {
    /* font-weight : bold; */
    color : #9f042b !important;
    line-height : 18px;
    padding-top : 0;
    cursor : default;
    /* letter-spacing : 1px; */
    }

div.navigation li.shown {
    padding-left : 0;
    margin-top : 1px;
    margin-bottom : 0; /* 0 */
    }

div.navigation li li.shown {
    padding-left : 8px !important;
    margin : 0 0 0 0;
    }

div.navigation li li li.shown {
    padding-left : 16px !important;
    }

div.navigation li li li li.shown    {
    padding-left : 24px !important;
    }


/* Hover */

div.navigation a:hover    {
    color : #9f042b !important;
    font-weight : normal;
    }


div.navigation p {
	margin-top : 6px;
}

/**************************************************************************************** Content */

div.content_wrapper     {
    float : left;
    width : 800px;
    text-align : right;
    font-size : 12px;
    line-height : 17px;
    color : #575656;
    }

div.content_wrapper p   {
    margin-bottom : 8px;
    }

div.content,
div.content_no_img,
div.content_no_service,
div.content_statement,
div.content_centered,
div.content_downloads,
div.content_press {
    float : left;
    width : 305px;
    margin : 5px 15px 0 15px;
    }

div.content_no_img  {
    width : 372px;
    margin-right : 256px;
    }

div.content_no_service  {
    width : 235px;
    }


div.content_statement {
    width : 661px;
    text-align : left;
    margin-left : 25px;
    margin-top : 0;
    }

div.content_statement p.statement_small {
    text-align: right;
    margin-top : -52px;
    margin-right : 29px;
    color : #9f042b;
    }

div.content_centered    {
    clear : both;
    width : 624px;
    text-align : center;
    }

div.content_press   {
    width : 500px;
    padding-right : 70px;
    padding-left : 40px;
    }

div.content_centered table.bb_table_contact  {
    width : 400px;
    margin : 0 auto;
    margin-top : 8px;
    }

div.content_centered table td   {
    text-align : right;
    color : #9f042b;
    width : 50%;
    }

div.content_centered table td + td  {
    text-align : left;
    color : #575656;
    text-transform : none;
    width : 50%;
    }

div.content_downloads   {
    margin-top : 30px;
    }

div.emotive {
    float : left;
    margin-top : 26px;
    width : 304px;
    height: 449px;
    }

div.emotive_download    {
    margin-top : 32px;
    text-align : left;
    }
    
    
/* MouseOver Invest */
div.emotive table#rollover {
    width : 304px;
    height : 439px;
    }


table#rollover td img,
table#rollover td + td img,
table#rollover td + td + td img,
table#rollover td + td + td + td img   {
    width : 76px;
    height : 440px;
    background-image : url(rollover/slice_01.jpg);
    background-repeat : no-repeat;
    background-position : top left;
    }

table#rollover td img:hover {
    background-image : url(rollover/slice_01_o.jpg);
    }
    
table#rollover td + td img {
    background-image : url(rollover/slice_02.jpg);
    }

table#rollover td + td img:hover {
    background-image : url(rollover/slice_02_o.jpg);
    }

table#rollover td + td + td img {
    background-image : url(rollover/slice_03.jpg);
    }

table#rollover td + td + td img:hover {
    background-image : url(rollover/slice_03_o.jpg);
    }

table#rollover td + td + td + td img  {
    background-image : url(rollover/slice_04.jpg);
    }

table#rollover td + td + td + td img:hover  {
    background-image : url(rollover/slice_04_o.jpg);
    }
    

div.service {
    float : left;
    width : 140px;
    padding-top : 22px;
    margin-left : 20px;
    text-align : left;
    font-size : 10px;
    line-height : 12px;
    }

div.service div.downloads ul  {
    list-style-type : none;
    margin : 0;
    padding : 0;
    }

div.service div.downloads ul li {
    text-indent : -10px;
    padding-left : 10px;
    text-transform : lowercase;
    }


div.service div.service_img {
    width:140px;
    height:203px;
    margin-bottom : 36px;
    }

div.archiv_download {
    margin-bottom : 5px;
    }   



div.context p + p {
    margin-top : 40px;
	margin-bottom : 20px;
	font-weight : bold;
    }


div.context p + p + p,
div.context p + p + p + p {
	margin-top : 20px;
	font-weight : bold;
    }


h1  {
    font-weight : normal;
    color : #9f042b;
    font-size : 21px;
    line-height : 35px;
    padding-top : 12px;
    padding-bottom : 17px;
    letter-spacing : 1px;
    }


div.content_statement h1    {
    font-size : 72px;
    line-height : 96px;
    letter-spacing : 2px;
    }

h2  {
    font-weight : bold;
    font-size : 12px;
    line-height : 17px;
    padding-top : 0;
    }

h3,    
h3.archiv   {
    font-weight : bold;
    font-size : 10px;
    line-height : 13px;
    margin-top : 10px;
    margin-bottom : 4px;
    }
    
/**************************************************************************************************/
/***************************************************************************************** Footer */
/**************************************************************************************************/

#footer {
    position: relative;
	margin : 0 auto;
	margin-top : -60px; /* negative value of footer height */
	height : 25px;
	clear : both;
	width : 960px;
    font-size : 9px;
    line-height : 9px;
    background-color : #fff; /* ie6 delete */
    text-align : center;
    padding-top : 35px;
    padding-left : 5px;
    }

body.start #footer  {
    background-color : transparent;
    }

#footer p.copyright {
    margin : 0 auto;
    padding-top : 5px;
    border : 1px solid #9f042b;
    border-width : 1px 0 0 0;
	width : 264px;
    text-align : center;
    }


#footer div.language    {
    position : absolute;
    margin-top : -30px;
    left : 900px;
    width : 64px;
    background-image : url(footer_bottom.png);
    background-repeat: no-repeat;
    background-color : transparent;
    background-position : 22px 0px;
    }

#footer div.language p   {
    height : 20px;
    text-align : right;
    }

#footer div.language p + p   {
    text-align : left;
    }

body.start #footer div.language {
    left : 455px;
    color : #fff;
    background-image : url(footer_bottom_start.png);
    }

body.start #footer div.language a {
    color : #fff;
    }

body.start #footer div.language a:hover {
    color : #9f042b;
    }

/*Opera Fix*/
body : before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px; /* thank you Erik J - negate effect of float*/
}

div.emotive, div.service div.service_img { position:relative; }
div.emotive p, div.service div.service_img p { position:absolute; top:0; left:0; }