body, html {
 margin: 0px;
 padding: 5px 0px 20px 0px;
 background-color: #ffffff;
 overflow: hidden;
}
#mainbody {
    position: absolute;
    overflow: auto;
    bottom: 0px;
    width: 100%;
    height: 100%;
    left:0px;
}
tr, tr, table, span, p, li, ul, ol, div {
    font-family: Arial, Helvetica, sans-serif;
}
body, td, input, select, textarea, option {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
}
form {margin: 0px; padding: 0px;}
.spacer {clear: both;}
.pdf {padding-left: 30px; background: transparent url(/Bilder/i_pdf.gif) no-repeat 0px 3px;}
.date {font-weight: normal; padding-right: 10px;}
h1 {
 margin: 0px;
 padding-bottom: 13px;
 width: 490px;
 font-size: 15px;
 font-weight: normal;
 color: #7E8893;
}
#h1 {height: 67px; background-color: #ffffff; vertical-align: bottom;}
#h1 div {border-bottom: 1px solid #7E8893;}
h2, h3, h4, h5, h6 {margin-top: 0px; font-size: 12px;}
h2.lineBottom {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #E6E6EB;}
#page {
 padding-bottom: 20px;
 background: transparent url(/Bilder/bg_top.gif) repeat-x left top;
 background: #ffffff url(/Bilder/bg.gif) repeat-y left top;
 border-bottom: 1px solid #DFE1E5;
}
/* buttons
----------------------------------------*/
#lang {
 position: absolute;
 left: 827px;
 top: 20px;
 z-index: 11;
}
#up {
 position: absolute;
 left: 814px;
 bottom: 50px;
 z-index: 10;
}
/* top
----------------------------------------*/
#top {
 height: 200px;
 width: 322px;
}
#topLink {
 position: absolute;
 left: 0px;
 top: 0px;
}
#topNav {
 position: absolute;
 left: 48px;
 top: 22px;
 color: #999999;
}
.topNavBg {background-color: #7E8893;}
.home .topNavBg {background-color: #014794;}
#topNav a, #topNav a:link, #topNav a:link, #topNav a:link, #topNav a:visited {
 color: #999999;
 text-decoration: none;
}
#topNav a:hover {color: #666666;}
#topLogo {
 position: absolute;
 left: 46px;
 top: 68px;
}
#topCenter {width: 490px; vertical-align: top;}
.colLeft {width: 322px; vertical-align: top;}
.colCenter {width: 490px;}
.colContent {width: 420px;}
/* head
----------------------------------------*/
#headNav {
    height: 30px; padding-left: 28px;
    color: #FFFFFF;
    font-size: 8px;
}
#headNav span {
 float: left;
 padding-left: 12px;
 height: 30px;
}
#headNav a.hover, #headNav a.hover:link, #headNav a.hover:hover, #headNav a.hover:visited {background: transparent url(/Bilder/bg_nav_active.gif) repeat-x left bottom;}
#headNavSubBg {
 position: absolute;
 width: 490px;
 height: 199px;
 background-color: #FFFFFF;
 visibility: hidden;
 
 filter: alpha(opacity=80);
 -moz-opacity: 0.80;
 opacity: 0.80;
 -khtml-opacity: 0.80;
}
.headNavSub {
 position: absolute;
 top: 5px;
 width: 490px;
 height: 199px;
 z-index: 2;
 visibility: hidden;
}
.headNavSub div {padding-top: 15px;}
.headNavSub p {margin: 0px;}
.headNavSub a, .headNavSub a:link, .headNavSub a:hover, .headNavSub a:active, .headNavSub a:visited{
 display: block;
 margin-left: 14px;
 margin-right: 14px;
 padding-bottom: 1px;
 line-height: 14px;
 color: #666666;
 text-decoration: none;
}
.headNavSub a:hover {
 color: #FFFFFF;
 background-color: #7E8893;
}
.headNavSub a span {padding-left: 10px;}
/* main
----------------------------------------*/
#mainLeft {
 width: 270px;
 padding-top: 0px;
 vertical-align: top;
}
#mainNav {width: 250px; font-size: 0px; line-height: 0px; padding-bottom: 3px;}
#mainNav ul {margin: 0px; padding: 0px 0px 22px 0px; font-size: 11px;}
#mainNav li {margin: 0px; padding: 0px 0px 0px 46px; list-style: none; line-height: 14px;}
#mainNav a, #mainNav a:link, #mainNav a:link, #mainNav a:link, #mainNav a:visited {
 color: #999999;
 text-decoration: none;
}
#mainNav a:hover {color: #666666;}
#mainNav li.active a, #mainNav li.active a:link, #mainNav li.active a:visited {color: #666666;}
#mainNav li.active {
 margin-top: 10px;
 margin-bottom: 13px;
 border-top: 1px solid #999999;
 border-bottom: 1px solid #999999;
 padding-top: 8px;
 padding-bottom: 8px;
 font-weight: bold;
}
#mainNav #first {
 margin-top: 0px;
}
#mainNav li.active ul {
 margin-top: 9px;
 margin-left: -46px;
 margin-bottom: 0px;
 padding-left: 15px;
 border-top: 1px solid #999999;
 padding-top: 8px;
 padding-bottom: 2px;
 font-weight: normal;
}
#mainNav li.active ul li.active {
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 font-weight: bold;
 border: none;
}
#mainNav li.active ul li a:hover {color: #333333;}
/* main Center
----------------------------------------*/
#mainCenter {
 width: 420px;
 height: 200px;
 line-height: 16px;
 vertical-align: top;
}
#mainContent {width: 490px;}
#mainContent a, #mainContent a:link, #mainContent a:link, #mainContent a:link, #mainContent a:visited,
.mainContent a, .mainContent a:link, .mainContent a:link, .mainContent a:link, .mainContent a:visited
 {color: #666666;}
#mainContent a:hover, .mainContent a:hover {color: #333333;}
#mainCenter HR, HR  { 
    border: 1px solid #E6E6EB; 
    height:1px; 
    margin: 0px 0 0px 0;
}
#mainCenter input, #mainCenter select, #mainCenter option, #mainCenter TH input, #mainCenter TD input, 
#mainCenter TH select, #mainCenter TD select, #mainCenter TH option, #mainCenter TD option  
{
    border: 1px solid #cccccc;
}

#mainCenter textarea, #mainCenter TD textarea, #mainCenter TH textarea   {
  overflow: auto;
  border: 1px solid #cccccc;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#000000;
  scrollbar-base-color:#FFFFFF;
  scrollbar-track-color:#F8F8FF;
  scrollbar-darkshadow-color:#FFFFFF;
  scrollbar-face-color:#F5F5F5;
  scrollbar-highlight-color:#A9A9A9;
  scrollbar-shadow-color:#A9A9A9;
}


#mainCenter p.lineBottom {font-size: 2px; line-height: 18px; padding-bottom: 0px;}
#mainCenter ul, OL {margin: 0px 0px 4px 0px; padding: 0px 0px 3px 10px; }
#mainCenter ul ul, OL OL {margin: 5px 0px 0px 0px; }
#mainCenter li {margin-left: 15px; padding-left: 0px;}
.mainText {
 /*position: relative;*/
 width: 420px;
 padding-top: 30px;
}
.navLink a, .navLink a:link, .navLink a:link, .navLink a:link, .navLink a:visited {
 color: #999999;
 text-decoration: none;
}
.navLink a:hover {color: #333333;}
/* search
----------------------------------------*/
#searchLeft {
 padding-left: 45px;
}
#searchLeftInput {
 border: 1px solid #cccccc;
 padding: 0px 4px 0px 4px;
 width: 118px;
 height: 17px;
 display: block;
 float: left;
}
#searchLeftButton {
 display: block;
 float: left;
 margin-left: 7px;
}
/* search contact
----------------------------------------*/
.inputMedium {width: 230px;}
.bgImg {background-color: #DFE1E3;}
#mainCenter .contactList p {
 margin: 3px 0px 0px 0px;
 padding: 0px;
 width: 75px;
 height: 58px;
}
.contactList {width: 420px;}
.contactListImg {width: 95px;}
.colContactListImg {width: 95px;}
.vSpace {height: 15px;}
.vSpaceInput {height: 15px;}
#mainCenter .vSpaceInput p {margin: 0px 0px 7px 0px; padding: 0px 0px 0px 0px; font-size: 7px; line-height: 7px;}
#mainCenter .vSpaceInput p.end {margin-bottom: 20px;}

.contactListBottom{height: 10px;}
.contactList td {
 line-height: 16px;
 vertical-align: top;
}
.contactList h2 {
 border-bottom: 1px solid #E6E6EB;
 margin-top: 30px;
 margin-bottom: 20px;
 padding-bottom: 15px;
}
#mainCenter .tableLine {
 margin-top: 22px;
 padding-bottom: 0px;
 margin-bottom: 26px;
 font-size: 2px;
 line-height: 2px;
}
.inputButton {
 margin-left: 20px;
}
/* news images
----------------------------------------*/
.newsList {
  width: 420px;
}
.newsList td.bgImg {
 width: 320px;
 line-height: 16px;
 vertical-align: bottom;
 background-color: #F5F6F7;
}
#mainCenter .newsList td.bgImg p {
 margin: 10px 10px 10px 13px;
 padding: 0px;
 border: none;
}
/* gallery
----------------------------------------*/
#gallerySmall {

 margin-top: 20px;
 margin-bottom: 15px;
 padding-bottom: 15px;
 border-bottom: 1px solid #E6E6EB;

 width: 420px;
 height: 100px;
 overflow-y: hidden;
 overflow-x:auto;


 scrollbar-face-color: #E6E6EB;
 scrollbar-highlight-color: #E6E6EB;
 scrollbar-3dlight-color: #E6E6EB;
 scrollbar-darkshadow-color: #E6E6EB;
 scrollbar-shadow-color: #E6E6EB;
 scrollbar-arrow-color: #999999;
 scrollbar-track-color: #FFFFFF;
}


#gallerySmall {
 white-space: nowrap;
}
#gallerySmall a {
 margin-right: 1px;
 padding-bottom: 3px;
}
#gallerySmall a:hover {
 background-color: #DFE1E3;
}
#gallerySmall img {
 border: none;
}


/* sponors
----------------------------------------*/
#mainCenter .mainTextSponsors p {
 margin: 0px;
 padding: 0px;
 border-bottom: 1px solid #E6E6EB;
}
.sponsorsList {
  width: 420px;
}
.sponsorsListImg {
 width: 140px;
}
.sponsorsListText {
 line-height: 14px;
 background-color: #F5F6F7;
 vertical-align: bottom;
 padding: 3px 2px 3px 6px;
}

#mainCenter .sponsorsList .sponsorsListBottom p {
 margin-top: 0px;
 margin-bottom: 6px;
 padding-top: 4px;
 padding-bottom: 0px;
 border-bottom: 1px solid #E6E6EB;
 font-size: 2px;
 line-height: 2px;
}
/* evaluation
----------------------------------------*/
.inputSmall {width: 130px;}
#mainCenter .evalList p {
 margin: 0px;
 padding: 0px;
}
.evalList {width: 420px;}
.evalList .listText, .listText {
 line-height: 14px;
 padding: 3px 2px 3px 6px;
 background-color: #F5F6F7;
 border-bottom: 1px solid #E6E6EB;
}
#mainCenter .evalList .listHead, .listHead {
 padding-bottom: 10px;
 border-bottom: 1px solid #E6E6EB;
}
#mainCenter .evalList .listBottom p {
 margin-top: 0px;
 margin-bottom: 6px;
 padding-top: 4px;
 padding-bottom: 0px;
 font-size: 2px;
 line-height: 2px;
 border: none;
}
#mainCenter .evalList .listBottom p.end {padding-top: 10px;}

#footerHomeTop {
 width: 46px;
 height: 20px;
}
#footerHome {
 font-size: 2px;
 line-height: 2px;
 border-bottom: 1px solid #7E8893;
 vertical-align: bottom;
}
#logoSalk {
 display: block;
 margin-top: 20px;
 margin-left: 45px;
}
#footerSponsors {
 width: 490px;
 vertical-align: top;
}
#footerSponsors div {
 width: 490px;
}
#footerSponsors p {
 width: 420px;
}
#footerSponsors p {
 border-bottom: 1px solid #666666;
 margin-top: 24px;
 margin-bottom: 0px;
 padding-bottom: 5px;
}
#footerSponsors #footerSponsorLine {
 margin-top: 0px;
 padding-bottom: 4px;
 border-bottom: 1px none #666666;
}


.reddot, .reddot A, .reddot a:visited, .reddot a:link, .reddot LI, .reddot UL, .reddot SPAN {
    color: red;
    background-color: transparent;
    display: inline;
    border-style: none;
    font-size:8pt;
    white-space:nowrap;
    background-image: none;
    padding: 1px;
    margin: 1px;
}
.reddot a:hover {
    color: white;
    margin: 1px;
    background-color: red;
    background-image: none;
    border-style: none;
    font-size:8pt;
    white-space:nowrap;
    display: inline;
    padding: 1px;
}



#mainForm 
{
 position: relative;
 border: 1px;
 border-style: solid;
 margin: 0 auto;
 text-align: left;
 width: 70%;
 background-color: #ffffff;
}
ul.mainForm
{
 list-style-type: none;
}
li.mainForm
{
 padding-bottom: 10px;
}

#mainFormError
{
 position: relative;
 border: 1px;
 border-style: solid;
 margin: 0 auto;
 text-align: left;
 width: 70%;
}

input.mainFormError
{
 background-color: #FADADD;
}

textarea.mainFormError
{
 background-color: #FADADD;
}

select.mainFormError
{
 background-color: #FADADD;
}

#formHeader
{
 position: relative;
 width: 100%;
 background-color: #666699;
 margin:0 0 0 0;
 padding-bottom: 10px;
}
p.formHeader
{
 text-align: right;
 margin:0 0 0 0;
 font-weight:normal;
 color: #ffffff;
 position:relative;
 left:-5px;
 top:4px;
 letter-spacing: 2px;
}

#formInfo
{
 position: relative;
 width: 100%;
 background-color: #ffffff;
 margin:0 0 0 0;
}
h2.formInfo
{
 text-align: left;
 margin:0 0 0 0;
 font-weight:normal;
 position:relative;
 left:20px;
 top:0px;
 letter-spacing: 1px;
 line-height:150%;
 color: #ffffff;
}

p.formInfo
{
 text-align: left;
 margin:0 0 0 0;
 font-weight:normal;
 color: #000000;
 position:relative;
 left:20px;
 top:0px;
 color: #ffffff;
}
#formFields
{
 position: relative;
 width: 100%;
 background-color: #ffffff;
 margin:0 0 0 0;
}
label.formFieldQuestion
{
 line-height:125%;
 padding:0 4px 1px 0;
 border:none; 
 display:block;
 font-weight:bold;
}
label.formFieldOption
{
 display:block;
 line-height:1.0em;
 margin:-19px 0 0 25px;
 padding:4px 0 5px 0;
 width:90%;
}

input.formFieldStyle
{
 display:block;
 line-height:1.4em;
 margin:8px 0 0 3px;
 width:13px;
 height:13px;
}

/* tooltip */
a.info {
 text-decoration:none; 
 position: relative;
}
a.info span {
 position: relative;
 display:none;
}
a.info:hover {
 position: relative;
 cursor:default;
}
a.info:hover .infobox {
 font-weight: normal; 
 display:block; 
 position:absolute; 
 top:20px;;
 left:25px;
 width:205px; 
 
 border: 1px solid #ccc; 
 background:#f4f4f4 url(question.gif) no-repeat bottom right; 
 color:#000; 
 text-align:left; 
 padding-left:10px; 
 padding-top:10px;
}
/* pop-up calendar */
button.calendarStyle
{
 background-color: transparent;
 border: 0;
 height:22px;
 width:22px;
 background-image:url(imgs/calendar.gif);
 cursor: pointer;
 cursor: hand;
}

p.footer
{
 text-align: right;
 margin:0 0 0 0;
 font-weight:normal;
 color: #ffffff;
 position:relative;
 top:4px;
 left:-140px;
 letter-spacing: 2px;
}
a.footer
{
 text-align: right;
 margin:0 0 0 0;
 font-weight:normal;
 color: #ffffff;
 position:relative;
 top:4px;
 letter-spacing: 2px;
}

#printLogo { display: none; }

@media print {
    #printLogo {
        display: block ;
        width: 100%;
        margin: 15px;
    }
    .colLeft { width: 140px; }
    #mainLeft, #topLogo, #topNav, #mainnav, #headNav, #headImg, .topNavBg, .noprint { display: none; }
    #mainbody {
        top:0px;
        overflow: visible;
        height: auto;
        width: auto;
    }
    #mainCenter {
        height: auto;
    }
    html, body {
        overflow: visible;
        height: auto;
        width: auto;
    }
}