/**********************************************/
/*       css for top secret drum corps        */
/*           written and composed by          */
/*                markus erdmann              */
/*              © 2008 esense gmbh            */
/*                                            */
/* www.esense.ch - gute webseiten. guter text */
/**********************************************/

body {
width:100%;
height:100%;
font-family:Trebuchet MS, verdana, arial, sun-regular, sans-serif;
font-size:small;
cursor:default;
background:#000 url(../pics/body-bg.gif) 0 0 repeat;
}

a {
outline:none;
outline-style:none;
outline-width:0;
}

p {
background-color:transparent;
color:#777;
line-height:20px;
font-weight:normal;
font-size:12px;
}

h3 {
background-color:transparent;
color:#e80a0a;
line-height:20px;
font-weight:bold;
font-size:12px;
}

/**
li {
list-style-type:disc;
}
**/

#wrapper {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
margin:0;
padding-bottom:auto;
background-color:transparent;
}

#mainContainer {
position:relative;
top:0px;
left:0px;
width:980px;
height:auto;
margin:20px auto 0px auto;
padding:0;
}

#pageContainer {
position:relative;
top:0px;
left:0px;
width:980px;
height:auto;
margin:0;
padding:0;
background:#000 url(../pics/content-bg-neu.gif) 0 0 repeat-y;
float:left;
border:1px solid #e80a0a;
}

/*** header ***/

#header {
position:relative;
top:0px;
left:0px;
width:980px;
height:180px;
float:left;
margin:0;
padding:0;
background-color:#000000;
}

.logo a {
position:absolute;
top:0px;
right:0px;
float:right;
margin:0;
padding:0;
z-index:10000;
}

.logo img {
line-height:0;
margin:0;
padding:0;
}

/*** teaser ***/

.teaser {
position:relative;
left:0;
top:0;
width:820px;
height:180px;
margin:0;
padding:0;
float:left;
z-index:500;
}

.teaser img {
line-height:0;
margin:0;
padding:0;
float:left;
}

.slideShowContainer {
position:absolute;
width:820px;
height:180px;
overflow:hidden;
z-index:300;
}

/*** content container ***/

#leftContainer {
position:relative;
top:8px;
left:0px;
width:210px;
height:auto;
float:left;
margin:0 0 40px 0;
padding:0 0 0 20px;
}

#leftContainerSmall {
position:relative;
top:8px;
left:0px;
width:120px;
height:auto;
float:left;
margin:0 0 0 0;
padding:0 0 40px 20px;
}

#leftContainer .textContainer,
#leftContainer .textContainer .title,
#leftContainer .imageContainer {
width:220px;
}

#rightContainer {
position:relative;
top:8px;
left:0px;
width:690px;
min-height:400px;
height:auto;
float:right;
margin:0 20px 0 0;
padding:0 0 40px 0;
}

#rightContainerLarge {
position:relative;
top:8px;
left:0px;
width:800px;
min-height:400px;
height:auto;
float:right;
margin:0 20px 0 0;
padding:0 0 40px 0;
}

#rightContainer .textContainer {
width:500px;
}

#rightContainer .textContainer .title {
width:500px;
}

#rightContainer .imageContainer {
width:690px;
}

/*** content - rightContent ***/


/*** footer ***/

#footer {
position:relative;
top:0px;
left:0px;
width:980px;
height:60px;
float:left;
background:transparent url(../pics/footer-gb.gif) 0 0 no-repeat;
margin:0;
padding:0;
border-top:1px dotted #e80a0a;
}

#footer p {
width:940px;
display:block;
padding:20px 20px 0 20px;
text-align:center;
float:left;
font-size:10px;
color:#444;
}

/*** clear and space ***/

.clear {
width:100%;
display:block;
clear:both;
height:0px;
line-height:0.0px;
padding:0px;
margin:0px;
border:none;
visibility:hidden;
}

.spacer20 {
width:100%;
display:block;
clear:both;
height:20px;
}

.spacer40 {
width:100%;
display:block;
clear:both;
height:40px;
}

/* end of css *//*/*/