/*
################################################################################
CSS Für vdTÜV, Version 20.12.2006, 0.7
################################################################################
Bernd Göbel, strich-komma, web@strichh-komma.de
Tobias Preuss für VdTÜV-Berlin
################################################################################
################################################################################
- CSS für den Internetexplorer/alle "main_ie.css"

- CSS für den Apple, in Planung
- CSS für den Druck, "print.css"
################################################################################
*/

/*Farben
053B91, home, vdtuev, blau
116173, arbeitsgebiete, türkis
57821e, presse, grün
ca7216, termine, orange
821e4f, publikationen, magenta
494747, positionen, warm grey
/*

*/

body {
  background-image:url(../images/bg.gif);
  background-repeat:repeat-y;
  background-color:#FFFFFF;
  margin:0;
  padding:0;
  font-size:100.01%;
}

table , p  , h2 , h3 , h4 , h5,  li , select{
    font-size:70%;
  }
 
body , div , table , p  , h2 , h3 , h4 , h5 , li , a , input , label, td, span {
  font-family:Verdana , Arial , Helvitica , sans-serif;
  color:#5e5e5e;
  background-color:transparent;
    }
 
a {
  color:#004892;
  text-decoration:none;
}

a:link , a:hover , a:active , a:focus {
  color:#ca7216;
  text-decoration:none;
  background-color:transparent;
}

a:hover {
  color:#ca7216;
  text-decoration:underline;
  background-color:transparent;
}

a:visited {
  color:#ca7216;
  background-color:transparent;
  }
  
/*PLONE Styles geändert*/
input {
    visibility: visible;
    border: none;  
    color: Black;
    background-color: white;
    vertical-align: middle;
}
  
img {
  border:none;
 } 

form {
  display:inline;
}

/*PLONE Styles geändert*/ 
ul {
  line-height: 100%; 
  padding:0;
  list-style:none;
  margin:0 0 1em 0;
}
/*PLONE Styles geändert*/
ul a {
    text-decoration: none;
}
/*PLONE Styles geändert*/
li {
  background-image:url(../images/list-dot.gif);
  background-repeat:no-repeat;
  background-position: 0px 0.1em;
  padding-left:14px;
  margin:0;
}

h2 {
  margin:0px 0 20px 0;
  font-weight:normal;
  font-size:140%;
}

h3 {
  margin:0 0 1em 0;
  padding:0;
}

h4 {
  font-weight:bold;
  margin:0;
  padding:0;
}

h5 {
  font-weight:bold;
  margin:2em 0 0 0;
  padding:0;
}

p{
  margin:1em 0 0 0;
  padding:0;
}

.mainContent p {
  margin:0 0 1em 0;
  padding:0;
}

.map {
  padding:2em 0 2em 0;
}
.picleftcol {
  float:left;
  margin-right:2em;
}

table p , table h4{
  font-size:100%;
}


table {
  border-collapse:collapse;
  border:none;
  width:100%;
  margin:0 0 2em 0;
}

td {
  vertical-align:top;
  padding:0;
  margin:0;
  border:none;
}


/*Home*/
/*#####################################################################################################*/

#portal-column-content.home{
  margin-top:24px;
  
}

#portal-column-content img.home{
  margin-left:160px;
}

#portal-column-two.home{
  margin-top:291px;

}
/*#####################################################################################################*/
/*Header*/
/*#####################################################################################################*/
#portal-top {
  width:100%;
  text-align:left;
}

#home-top {
  position:absolute;
  left:0px;
  top:24px;
  height:129px;
  width:100%;
  background-color:#B3C9E0;
  background-image:url(../images/kachel.gif);
  background-repeat:repeat-x;
  background-position:44px 0px;
  z-index:1;
}

#portal-top h1 {
  margin:0;
  padding:0;
  font-size:0;  /* white-space im IE */
  vertical-align:top;
}

#portal-top h1 {
  border:none;
  padding:0;
  margin:0;
}


.head {
  background-color:#B3C9E0;
  background-image:url(../images/kachel.gif);
  background-repeat:repeat-x;
  background-position:43px 0px;
}

#portal-top p {
  margin:0;
  padding:0;
  text-align:left;
}

/*#####################################################################################################*/
/*#####################################################################################################*/
/*Linke Spalte*/
/*#####################################################################################################*/

/*Navigation*/
/*#####################################################################################################*/

#mainNavigation{
  margin:0;
  padding:0;
  list-style:none;
}

#mainNavigation ul{
  font-size:100%;
  width:160px;
  margin:6px 0 12px 0 ;
}

#mainNavigation ul ul{
  font-size:100%;
  width:160px;
  margin:4px 0 12px 0 ;
}

#mainNavigation ul li{
   margin:4px 0 2px 0;
   padding:0;
}
   
#mainNavigation li{
  padding:0px;
  background-image:url(../images/spacer.gif);
  } 
  
#mainNavigation li li{
  font-size:100%;
  } 
  
#mainNavigation li a img {
  vertical-align:bottom;
  }

#mainNavigation a {
  display:block;
}

#mainNavigation a:hover {
  display:block;
  margin:0 0 0 8px;
  text-decoration:none;
}

li#portaltab-Congress a.navLevel1{
  background-image:url(../images/nav_congress1_en.gif);
  }
  
  
li#portaltab-Congress2006 a.navLevel1{
  background-image:url(../images/nav_congress20061.gif);
  }  
  
  
li#portaltab-Congress-Committee a.navLevel1{
  background-image:url(../images/nav_committee1_en.gif);
  }
li#portaltab-Programme a.navLevel1{
  background-image:url(../images/nav_programme1_en.gif);
  } 
li#portaltab-Speakers a.navLevel1{
  background-image:url(../images/nav_speakers1_en.gif);
  } 
li#portaltab-Presentations a.navLevel1{
  background-image:url(../images/nav_presentations1_en.gif);
  } 
li#portaltab-Photos a.navLevel1{
  background-image:url(../images/nav_photos1_en.gif);
  } 
li#portaltab-Publications a.navLevel1{
  background-image:url(../images/nav_publications1_en.gif);
  } 
li#portaltab-Event-Location a.navLevel1{
  background-image:url(../images/nav_location1_en.gif);
  }
li#portaltab-Accommodation a.navLevel1{
  background-image:url(../images/nav_accommodation1_en.gif);
  } 
li#portaltab-Registration a.navLevel1{
  background-image:url(../images/nav_registration1_en.gif);
  }
li#portaltab-Participation-Fees a.navLevel1{
  background-image:url(../images/nav_participationfees1_en.gif);
  }
li#portaltab-Exhibitiors a.navLevel1{
  background-image:url(../images/nav_exhibitors1_en.gif);
  }
  
li#portaltab-Congress-Aktiv a.navLevel1{
  background-image:url(../images/nav_congress2_en.gif);
  }
li#portaltab-Congress-Committee-Aktiv a.navLevel1{
  background-image:url(../images/nav_committee2_en.gif);
  }
li#portaltab-Programme-Aktiv a.navLevel1{
  background-image:url(../images/nav_programme2_en.gif);
  } 
li#portaltab-Speakers-Aktiv a.navLevel1{
  background-image:url(../images/nav_speakers2_en.gif);
  }
li#portaltab-Presentations-Aktiv a.navLevel1{
  background-image:url(../images/nav_presentations2_en.gif);
  }
li#portaltab-Photos-Aktiv a.navLevel1{
  background-image:url(../images/nav_photos2_en.gif);
  }
li#portaltab-Publications-Aktiv a.navLevel1{
  background-image:url(../images/nav_publications2_en.gif);
  }
li#portaltab-Event-Location-Aktiv a.navLevel1{
  background-image:url(../images/nav_location2_en.gif);
  } 
li#portaltab-Accommodation-Aktiv a.navLevel1{
  background-image:url(../images/nav_accommodation2_en.gif);
  } 
li#portaltab-Registration-Aktiv a.navLevel1{
  background-image:url(../images/nav_registration2_en.gif);
  }
li#portaltab-Participation-Fees-Aktiv a.navLevel1{
  background-image:url(../images/nav_participationfees2_en.gif);
  }
li#portaltab-Exhibitiors-Aktiv a.navLevel1{
  background-image:url(../images/nav_exhibitors2_en.gif);
  }
 
li#portaltab-Congress a.navLevel1 ,
li#portaltab-Congress2006 a.navLevel1 ,
li#portaltab-Congress-Committee a.navLevel1 ,
li#portaltab-Programme a.navLevel1 , 
li#portaltab-Speakers a.navLevel1 ,
li#portaltab-Presentations a.navLevel1 ,
li#portaltab-Photos a.navLevel1 ,
li#portaltab-Publications a.navLevel1 ,
li#portaltab-Event-Location a.navLevel1 , 
li#portaltab-Accommodation a.navLevel1 , 
li#portaltab-Registration a.navLevel1 ,
li#portaltab-Participation-Fees a.navLevel1 ,
li#portaltab-Exhibitiors a.navLevel1,
li#portaltab-Congress-Aktiv a.navLevel1 ,
li#portaltab-Congress-Committee-Aktiv a.navLevel1 , 
li#portaltab-Programme-Aktiv a.navLevel1 , 
li#portaltab-Speakers-Aktiv a.navLevel1 ,
li#portaltab-Presentations-Aktiv a.navLevel1 ,
li#portaltab-Photos-Aktiv a.navLevel1 ,
li#portaltab-Publications-Aktiv a.navLevel1 ,
li#portaltab-Event-Location-Aktiv a.navLevel1 , 
li#portaltab-Accommodation-Aktiv a.navLevel1 , 
li#portaltab-Registration-Aktiv a.navLevel1 ,
li#portaltab-Participation-Fees-Aktiv a.navLevel1 ,
li#portaltab-Exhibitiors-Aktiv a.navLevel1 {
  height:24px;
  background-repeat:no-repeat;
  background-position: 0 0;
  }
  
#organisations-logo{
  position:absolute;
  left:8px;
  /*bottom:8px;*/
  top:444px;
  z-index:3;
}

#organisations-logo img.organisations {
  margin-bottom:0.5em;
  display:block;
}

/*#####################################################################################################*/
/*#####################################################################################################*/
/*Mittlere/ Content Spalte*/
/*#####################################################################################################*/
#content {
  padding:0 0 0 0px;
}

.mainContent {
  position:relative;
  display:block;
  width:100%;
  padding:0;
}

.startHome /* Hohe geaendert von 48px auf 8px, siehe auch .startLanguage */
{
  margin-top:8px;
  clear:left;
}

.startLanguage /* div fuer deutsch-englisch Umschalter */
{
/*  border:1px solid black; */
  margin-top:24px;  
  margin-bottom:8px;  
  float:left;
}

.startLanguage p /* p fuer deutsch-englisch Umschalter */
{
  text-align:right;
  margin:0;
  padding:0;
  font-size:70%;
}


.startLanguageSub /* div fuer deutsch-englisch Umschalter */
{
/*  border:1px solid black; */
  margin-top:4px;  
  margin-bottom:8px;  
  float:left;
}

.startLanguageSub p /* p fuer deutsch-englisch Umschalter */
{
  text-align:right;
  margin:0;
  padding:0;
  font-size:70%;
}
    
    
    
    
          
a.language /* Format fuer deutsch-englisch Umschalter */
{
  height:18px;
  width:30px;
  display:block;
  float:right;
}
span.language /* Textlinks ausschalten weil Bilder / DE-EN Umschalter */

{
  display:none;
}


a#lang-de /* Bildreferenz fuer deutsch-englisch Umschalter */ 
{ 

  background-image: url(../images/lang_de.gif);
  background-repeat: no-repeat;
  background-position: left;

}
a#lang-gb /* Bildreferenz fuer deutsch-englisch Umschalter */ 
{ 

  background-image: url(../images/lang_gb.gif);
  background-repeat: no-repeat;
  background-position: left;

}





/*#####################################################################################################*/
/*#####################################################################################################*/
/*Rechte Spalte*/
/*#####################################################################################################*/

#portal-column-two h3 {
  color:#5e5e5e;
  background-color:transparent;
  padding:0;
  margin:0px 0 6px 0;
  clear: both;
}

#portal-column-two img.sponsors , #portal-column-two img.organisations {
  margin-bottom:0.5em;
}

#portal-column-two h3.organisations {
  margin-top:1em; 

}

/*#####################################################################################################*/

#siteNavigation{
  margin:2px 0 18px 0;
  padding:0;
}

#siteNavigation li{
  padding:0;
  background-image:url(../images/spacer.gif);
}

#siteNavigation li a img {
  vertical-align:bottom;
  }


/*#####################################################################################################
Überschriebene PLONE Styles
#####################################################################################################*/
/*Linke Navigation*/
/*#####################################################################################################*/

.navItemText {
    display:block;
    margin-left:8px;
    color:#FFFFFF;
    background-color:transparent;
}

.navLevel1 span{
  display:none;
}

.navLevel2 span{
  /*margin-left:8px;*/
}

.navLevel2 a{
  margin-left:8px;
}

.navLevel3 span{
  padding:0 8px 0 24px;
  display:block;
}

.navLevel4 span {
  padding:0 8px 0 40px;
  display:block;
}

.navLevel5 span {
  padding:0 8px 0 56px;
  display:block;
}

.navLevel2 , .navLevel3 , .navLevel4, .navLevel5{
  line-height:120%;
}

.navItem {
    margin:0;
    border: none;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding:0 0 0 8px;
}

.navItem a{
  font-weight:normal;
  color:#FFFFFF;
}

.currentNavItem {
  display:block;
  margin-left:8px;
  font-weight:bold;
  color:#FFFFFF;
  border:none !important;
}

a.currentNavItem {
    display:block;
}

a.currentNavItem :hover{
    font-weight:bold;
    border:none !important;
}

/*Footer*/
/*#####################################################################################################*/

#portal-footer {
  clear: right;
  background-color: #FFFFFF;
  color:#FFFFFF;
  text-align:right;
  width:100%;
  margin:40px 0 40px 0;
  padding:0 0 40px 0;
  vertical-align:bottom;
  border:1px;
}

/*
#portal-footer {
  background-color: #FFFFFF;
  color:#FFFFFF;
  text-align:right;
  width:100%;
  margin:40px 0 40px 0;
  padding:0;
  vertical-align:bottom;
  border-top:none;
  border-bottom:1px solid #929292;
}
*/
  
#portal-footer img {
  padding:0;
  margin:0;
}

div.FitToDriveFooter{
  height:14px;  
}

#portal-footer ul{
  margin: 1px 0 0 0;
  padding: 4px 0 2px 0;
  border-top:1px solid #A4A3A6;
  border-bottom:1px solid #A4A3A6;
  width:100%;
}

#portal-footer ul li {
  background-image:none;
  list-style: none;
  display: inline;
  margin:  0 0 0 0;
  padding: 0 10px 0 10px;
}
  
#portal-footer ul li.first {
  margin: 0;
}

/*Programming*/
/*#####################################################################################################*/
.time{
  width:10em;
}
.desc{
  padding-left:1em;
  padding-bottom:0.5em;
}

.desc-head{
  padding-left:1em;
  padding-bottom:0;
  font-weight:bold;
}
/*Guest-Speaker*/
/*#####################################################################################################*/

.speaker-headline{
  padding-bottom:0.6em;
}
.speaker{
  padding: 0.5em 0 0.5em 0.8em;
  width:10em;
  border-bottom:1px solid #BDDEFD;
}
.speaker-info{
  padding: 0.5em 0 0.5em 0.8em;
  width:10em;
  border-bottom:1px solid #BDDEFD;
}
.speaker-topic{
  padding: 0.5em 0 0.5em 0.8em;
  border-bottom:1px solid #BDDEFD; 
}

.speaker-last{
  padding: 0.5em 0 2em 0.8em;
}
.speaker-info-last{
  padding: 0.5em 0 2em 0.8em;
}
.speaker-topic-last{
  padding: 0.5em 0 2em 0.8em;
}

.speaker-head{
  padding: 0.3em 0 0.3em 0.8em;
  background-color:#BDDEFD;
  font-weight:bold;
  border-right:1px solid #FFFFFF; 
}
.speaker-info-head{
  padding: 0.3em 0 0.3em 0.8em;
  background-color:#BDDEFD;
  font-weight:bold;
  border-right:1px solid #FFFFFF; 
}
.speaker-topic-head{
  padding: 0.3em 0 0.3em 0.8em;
  background-color:#BDDEFD;
  font-weight:bold;
}

/*Imprint*/
/*#####################################################################################################*/

ul.imprint-list p.logo {
  padding-top:0.5em;
  float:left;
  height:16em;
  width:170px;
}

ul.imprint-list p.address , ul.exhibitors-list p.address{
  font-size:100%;
}

ul.imprint-list p.first {
  float:left;
  width:150px;
  font-size:100%;
  padding-right:20px;
}
ul.imprint-list p.second{
  font-size:100%;
  display:inline;
}

ul.imprint-list li{
  clear: left;
  background: none;
  margin:0;
  padding:0;
}


ul.exhibitors-list { width: 100%; clear: both; margin-bottom: 0;}

 ul.exhibitors-list li {
  margin: 0;
  padding: 0 0 24px 0;
  width: 48%;
  background-image: url(../images/spacer.gif);
  background: none; }
  
  
ul.exhibitors-list .first{
  padding-right: 4px; 
  float: left;
}

ul.exhibitors-list .second{
  padding-left: 4px;
  float: right;
}


ul.link-list p.logo {
  height:12em;
  width:110px;
}

/*Publications*/
/*#####################################################################################################*/

ul#publicationList li { background: none; margin: 0; padding: 0; }
ul#publicationList li ul { margin: 0 0 8px 0; padding: 0; }
ul#publicationList li ul li { margin: 0; padding: 0; line-height: 110%; }

ul#publicationList li ul li h4 { font-size: 100%; padding-bottom: 2px;  }
ul#publicationList li ul li h4 a img { margin: 0 4px 0 0;  position: relative; top: 2px; }
ul#publicationList li ul li { font-size: 100% }

/*Gallery*/
/*#####################################################################################################*/

ul.gallery { overflow: hidden; width: 454px; margin: 0 0 0 -4px; padding: 0px;}
ul.gallery li {  float: left; clear: none; display: block; width: 124px; height: 88px; margin: 0 0 4px 4px; padding: 8px 11px 22px 11px; background: #cbe5fe; }
ul.gallery li a { float: left;  display: block; overflow: hidden; width: 120px; height: 80px; border: 2px solid #fff;}
ul.gallery li a img { display: block; width: 120px; height: auto; }