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

body {
width:100%;
height:100%;
font-family:georgia, times, serif;
font-size:small;
cursor:default;
}

a {
outline:none;
outline-style:none;
outline-width:0;
font-family:courier, sans-serif;
}

p {
font-size:11px;
line-height:15px;
color:#000;
}

li {
list-style-type:disc;
}

/***** main styles *****/

#mainContainer {
position:relative;
top:38px;
left:0px;
width:888px;
height:auto;
margin:0px auto 0px auto;
border-left:38px solid #fff;
border-right:38px solid #fff;
}

#bodyWrap {
background:transparent url(../pics/bg-blueline.gif) 0px 2px no-repeat;
float:left;
padding:0px 0px 0px 0px;
border-bottom:38px solid #fff;
}

/***** header *****/

#headerContainer {
position:relative;
top:0px;
left:0px;
widht:888px;
height:168px;
float:left;
padding:0px;
margin:0px;
}

.headerLeftWrap {
position:relative;
top:0px;
left:0px;
width:258px;
height:150px;
float:left;
margin:0px 5px 0px 0px;
padding:4px 0px 6px 0px;
border-top:4px solid #000;
border-bottom:4px solid #000;
}

.headerLeftContent {
width:256px;
height:100%;
/* border:1px solid #000; */
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}

.headerCenterWrap {
position:relative;
top:0px;
left:0px;
width:170px;
height:150px;
float:left;
margin:0px 4px 0px 5px;
padding:4px 0px 6px 0px;
border-top:4px solid #000;
border-bottom:4px solid #000;
}

.headerCenterContent img {
width:170px;
height:100%;
/* border:1px solid #000; */
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}

.headerRightWrap {
position:relative;
top:0px;
left:0px;
width:440px;
height:150px;
float:left;
margin:0px 0px 4px 4px;
padding:4px 0px 6px 0px;
border-top:4px solid #000;
}

.headerRightContent {
width:438px;
height:100%;
/* border:1px solid #000; */
margin:0px 0px 0px 0px;
padding:0px;
float:left;
}

/***** Column main styles *****/

#columnContainer {
position:relative;
top:0px;
left:0px;
width:888px;
height:100%;
float:left;
margin:0px 0px -4px 0px;
}

#leftColumnContainer {
position:relative;
top:0px;
left:0px;
width:258px;
height:auto;
float:left;
margin:0px 5px -4px 0px;
}

#centerColumnContainer {
position:relative;
top:0px;
left:0px;
width:450px;
height:auto;
float:left;
margin:0px 0px 0px 5px;
padding:0px;
}

#rightColumnWrap {
position:relative;
top:-4px;
left:0px;
width:170px;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}

#rightColumnContainer {
position:relative;
top:0px;
left:0px;
width:170px;
height:auto;
float:left;
margin:0px 0px -3px 0px;
border-top:4px solid #000;
border-bottom:4px solid #000;
}

#rightColumnWrap #rightColumnContainer .imageContainer img {
position:relative;
top:0px;
left:0px;
width:170px;
height:295px;
margin:4px 0px 0px 0px;
/* border:1px solid #000; */
}

/***** left Column *****/

.leftNavContainer {
width:124px;
height:100%;
margin:0px 4px 0px 0px;
padding:0px;
float:left;
}

.leftImageContainer {
width:124px;
height:auto;
margin:4px 0px 4px 4px;
padding:0px;
float:left;
border-bottom:4px solid #000;
}

.leftImageContainer .leftImage img {
width:124px;
height:476px;
padding:0px;
margin:0px 0px 4px 0px;
float:left;
/* border:1px solid #000; */
}

.leftNavButtonWrap {
width:124px;
height:auto;
padding:0px;
margin:0px 0px 4px 0px;
float:left;
border-bottom:4px solid #000;
}

.leftNavButton {
width:122px;
height:auto;
padding:0px;
margin:0px 0px 0px 0px;
float:left;
/* border:1px solid #000; */
}

/***** center Column *****/

#topContentContainer {
position:relative;
top:0px;
left:0px;
width:100%;
height:auto;
float:left;
margin:0px 4px 0px 0px;
}

#searchContainer,
#languageContainer {
position:relative;
top:0px;
left:0px;
width:174px;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}

#searchContainer .search {
width:100%;
height:33px;
}

#languageContainer .germanContainer {
width:80px;
height:14px;
float:left;
border-top:4px solid #000;
border-bottom:4px solid #000;
margin:0px 4px 0px 0px;
}

#languageContainer .englishContainer {
width:80px;
height:14px;
float:left;
border-top:4px solid #000;
border-bottom:4px solid #000;
margin:0px 0px 0px 4px;
}

#sponsorContainer {
position:relative;
top:-4px;
left:0px;
width:auto;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}

#sponsorContainer .sponsorWrap {
width:80px;
height:auto;
float:left;
margin:0px 4px 0px 4px;
border-top:4px solid #000;
border-bottom:4px solid #000;
}

#sponsorContainer .sponsorWrap .sponsor {
width:78px;
height:41px;
float:left;
margin:4px 0px 6px 0px;
/* border:1px solid #000; */
}

/***** main Content *****/

#mainContentWrap {
position:relative;
top:-4px;
left:0px;
width:100%;
height:auto;
padding:0px;
margin:0px 0px 0px 0px;
float:left;
background:transparent url(../pics/bg-blueline.gif) 182px 0px no-repeat;
}

#content {
position:relative;
top:0px;
left:0px;
width:440px;;
height:auto;
padding:0px 0px 0px 0px;
margin:0px 0px -2px 0px;
float:left;
}

/***** search and searchresult *****/

.search .searchField {
border:none;
border-bottom:1px solid #0094db;
width:120px;
float:left;
margin:12px 0px 0px 0px;
font-family:courier, serif;
}

.search .searchFieldButton {
border:none;
width:auto;
float:right;
margin:10px 2px 0px 0px;
background-color:#fff;
text-align:left;
font-family:georgia, serif;
font-weight:bold;
padding:0px;
cursor:pointer;
}

.search .searchFieldButton:hover {
color:#0094db;
}

/***** language *****/

#languageContainer .germanContainer {
width:80px;
height:14px;
float:left;
border-top:4px solid #000;
border-bottom:4px solid #000;
}

#languageContainer .englishContainer {
width:80px;
height:14px;
float:left;
border-top:4px solid #000;
border-bottom:4px solid #000;
}

#languageContainer .germanContainer a, 
#languageContainer .englishContainer a {
font-size:11px;
line-height:15px;
color:#000;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
font-weight:bold;
font-family:georgia, serif;
text-align:center;
display:block;
text-decoration:none;
}

#languageContainer .germanContainer a:hover,
#languageContainer .englishContainer a:hover {
color:#0094db;
}

/***** clear *****/

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

.blueLineBottom {
position:relative;
top:2px;
left:0px;
width:2px;
height:100%;
background-color:#0094db;
float:left;
padding:0px 0px 9px 0px;
}

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

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