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

/***** paragraphs *****/

/***** title text image *****/

/*** container ***/

.textContainer {
position:relative;
top:0;
left:0;
margin:0;
padding:0;
float:left;
background-color:transparent;
}

.smallTextContainer {
position:relative;
top:0;
left:0;
margin:0;
padding:0 20px 0 0;
width:440px;
float:left;
background-color:transparent;
}

.title {
position:relative;
top:0;
left:0;
margin:0;
padding:0 0 18px 0;
float:left;
background-color:transparent;
}

.text {
position:relative;
top:0;
left:0;
margin:0;
padding:0;
float:left;
background-color:transparent;
}

.imageContainer {
position:relative;
top:0;
left:0;
margin:0;
padding:20px 0 20px 0;
float:left;
background-color:transparent;
}

.smallImageContainer {
position:relative;
top:0;
left:0;
margin:0;
padding:0 20px 20px 0;
float:left;
width:200px;
background-color:transparent;
}

/*** title ***/

.title h1 {
line-height:21px;
font-weight:bold;
font-size:16px;
color:#e80a0a;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
background-color:transparent;
border-bottom:1px dotted #e80a0a;
}

.headline h1 {
line-height:40px;
font-weight:bold;
font-size:36px;
color:#e80a0a;
font-weight:normal;
padding:0 0 20px 0;
margin:0 0 0 0;
float:left;
background-color:transparent;
border:none;
width:690px;
	
}

/*** text ***/

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

.text p strong {
color:#e80a0a;
font-weight:bold;
}

.text a {
background-color:transparent;
color:#aaa;
line-height:20px;
font-weight:normal;
font-size:12px;
padding:0 0 3px 0;
text-decoration:none;
}

.text a:hover  {
color:#e80a0a;
border-bottom:1px dotted #e80a0a;
}

.text ul li {
background-color:transparent;
color:#777;
line-height:20px;
font-weight:normal;
font-size:12px;
list-style-type:disc;
padding:0;
margin:0 0 0 13px;
}

.text ol li {
background-color:transparent;
color:#777;
line-height:20px;
font-weight:normal;
font-size:12px;
list-style:decimal;
padding:0;
margin:0 0 0 19px;
}

/*** image ***/

.image {
position:relative;
border:none;
float:left;
margin:0 0 0 0;
padding:0;
line-height:0;
}

.image img {
margin:0;
padding:0;
border:none;
line-height:0;
}

.windowGalleryContainer {
position:relative;
top:0px;
left:0px;
float:left;
padding:0 0 0 0;
margin:0;
}

.lightImageBox {
position:relative;
top:0;
left:0;
margin:0;
padding:0;
height:80px;
float:left;
}

.lightImage {
/*border:1px solid #e80a0a;*/
border:1px solid #222;
margin:0 9px 7px 0;
line-height:0;
float:left;
}

.lightImage:hover {
/*border:1px solid #fff;*/
border:1px solid #e80a0a;
}

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

.largeButton {
position:relative;
top:-20px;
left:0;
margin:0;
padding:0;
width:100%;
height:20px;
background:transparent url(../pics/largeButton.gif) top right no-repeat;
cursor:pointer;
}

/*** calendar ***/

.calendarContainer {
position:relative;
top:1px;
left:0;
width:800px;
float:right;
margin:0;
padding:0;
background-color:transparent;
}

.calendarContainer table {
width:800px;
margin:0;
padding:0;
background-color:transparent;
}

.calendarContainer table,
.calendarContainer tr,
.calendarContainer th,
.calendarContainer td {
border:none;
background-color:transparent;
text-align:left;
vertical-align:top;
}

.calendarContainer table {
border-bottom:1px solid #e80a0a;
}

.calendarContainer th {
border-bottom:1px solid #e80a0a;
}

.calendarContainer .calendarEdit {
border-bottom:1px dotted #e80a0a;
}

.calendarContainer td h3{
padding:0 10px 0 0;
font-weight:bold;
}

.calendarContainer td p {
padding:0 10px 0 0;
font-weight:normal;
line-height:20px;
margin:0 0 -1px 0;
}

.calendarContainer .day {
width:120px;
}

.calendarContainer .date {
width:90px;
}

.calendarContainer .time {
width:90px;
}

.calendarContainer .location {
width:160px;
}

.calendarContainer .event {
width:auto;
}

.calendarContainer .status {
width:60px;
}

.calendarContainer .day p,
.calendarContainer .time p,
.calendarContainer .event p {
color:#aaa;
}

.calendarContainer .textCalendar {
padding:40px 0 20px 0;
line-height:20px;
}

.calendarContainer p strong {
color:#e80a0a;
font-weight:bold;
}

.calendarContainer a {
color:#e80a0a;
font-size:12px;
padding:0 0 1px 0;
text-decoration:none;
}

.calendarContainer a:hover {
border-bottom:1px dotted #e80a0a;
}

.calendarContainer ul li {
color:#777;
list-style-type:disc;
padding:0;
margin:0 0 0 13px;
}

.calendarContainer ol li {
color:#777;
list-style:decimal;
padding:0;
margin:0 0 0 19px;
}

/*** contact form ***/

#rightContainer form {
position:relative;
top:0;
left:0;
width:650px;
float:right;
margin:0 0 0 20px;
padding:0;
border:none;
}

#rightContainer form {
color:#777;
line-height:20px;
font-weight:normal;
font-size:12px;
float:left;
width:auto;
}

#rightContainer form .labelContainer {
position:relative;
top:0;
left:0;
padding:0;
margin:0;
padding:0;
float:left;
height:18px;
line-height:18px;
width:120px;
}

#rightContainer form input {
position:relative;
top:-2px;
left:0px;
width:500px;
height:18px;
margin:0 0 -2px 0;
padding:0;
border:none;
line-height:18px;
background-color:#222;
color:#aaa;
}

#rightContainer form textarea {
position:relative;
top:2px;
left:0;
width:500px;
height:99px;
margin:0;
padding:0;
border:none;
background:transparent url(../pics/form-bg-textarea.gif) 0 0 no-repeat;
color:#aaa;
line-height:20px;
text-decoration:none;
}

#rightContainer form .submit {
position:relative;
top:18px;
left:0px;
width:auto;
float:right;
margin:0 0 0 0;
padding:0;
border:none;
background-color:transparent;
color:#e80a0a;
font-weight:bold;
z-index:20000;
cursor:pointer;
}

/*** file download ***/

.tsDownload {
float:left;
width:auto;
display:block;
}

.tsDownload a {
background-color:transparent;
color:#aaa;
line-height:20px;
font-weight:normal;
font-size:12px;
padding:0 0 3px 0;
text-decoration:none;
}

.tsDownload a:hover {
color:#e80a0a;
border-bottom:1px dotted #e80a0a;
}

.tsDownload a span {
background-color:transparent;
color:#777;
line-height:20px;
font-weight:normal;
font-size:12px;
padding:0 0 3px 0;
text-decoration:none;
border:none;
}

/*** multimedia ***/

.multimediaContainer {
width:100%;
float:left;
margin:0;
padding:0;
line-height:0;
}

/*** text tables ***/

.text table {
margin:0 0 0 0;
color:#777;
}

.text table tbody tr td {
color:#777;
padding:0 0 0 0;
line-height:20px;
margin:0;
}

.text table tbody tr td strong {
color:#e80a0a;
}

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