/*
  America meets Europe
  2015-11-26, 2015-12-22, 2016-01-07 , 2016-01-14 , 2016-01-19, 2016-01-22, 2016-01-29, 2016-02-16, 2016-02-26 
  2016-04-08, 2016-10-04, 2018-08-16  
*/
/* allgemein */  

div.congtoHead              { background-color: transparent; }

#headerbild {
                            box-shadow: 3px 3px 5px #4A728C;
                            margin-bottom: 3px;
}

th       { text-align:left;  }

body.congtoBody h1, .hl1 { font-weight:bold; font-size:26px; color: #0052A1 !important; }
body.congtoBody h2, .hl2 { font-weight:bold; font-size:18px; color: #0052A1 !important; background-color: #BDE3F2; padding-left: 7px; padding-top: 4px; padding-bottom: 6px; margin-bottom: 27px; }
body.congtoBody h3, .hl3 { font-weight:bold; font-size:14px; color: #E7EEF4 !important; background-color: #0052A1; padding-left: 7px; padding-bottom: 3px;}
body.congtoBody h4 { font-weight:bold; font-size:14px !important; color: #0052A1 !important; }
body.congtoBody h5 { font-weight: bold; font-size: 14px !important; color: #808080 !important;}

/* Direkt-Anmeldung Button */
.listbutton {float:left;  display:block; width:140px; height: 20px; background:#f4f4f4; font-size:16px; font-weight:bold; text-align:center; padding:4px;
             border:2px solid #0052A1;  border-radius:12px;
             box-shadow: 3px 3px 5px #4A728C; margin-top: 125px;  }
.listbutton:hover { border: 2px solid #87A9C7; color:#D10000 !important;  background-color: #CDE4F2; width: 140px;  }


.knopf { display:block; width:160px; height: 35px; background:#f4f4f4;font-weight:bold; text-align:center; padding:1px 8px;
             border:1px solid #0052A1; border-radius:7px;
             left: 350px; top: 800px; box-shadow: 3px 3px 5px #4A728C; } 
.knopf:hover { border: 1px outset #3E81BF; color: #3E81BF !important; background-color: #E7EEF4 !important; 
                width: 160px; } 

.knopf_klein { display:block; width: 70px; height: 115px; background-image: url(../img/Bier.png); background-position: bottom;  background-repeat: no-repeat;  font-weight:bold; text-align:center; padding: 3px; 
             border:1px solid #0052A1; border-radius:7px; float: left; margin-bottom: 10px;
             box-shadow: 3px 3px 5px #4A728C; }    
.knopf_glas { display:block; width: 70px; height: 115px; background-image: url(../img/Glas.png); background-position: bottom;  background-repeat: no-repeat;  font-weight:bold; text-align:center; padding: 3px;
             border:1px solid #0052A1; border-radius:7px; float: left; margin-bottom: 10px;
             box-shadow: 3px 3px 5px #4A728C; }
.knopf_klein:hover, .knopf_glas:hover {  border: 1px outset #3E81BF; color: #3E81BF !important; background-color: #E7EEF4 !important;
                width: 70px; }

/* Logos in der Linkleiste */
.logos { position: relative; width:140px; border: none !important; margin-left: -8px; margin-bottom: -20px !important;}
.logos:hover { width: 140px; background-color: transparent !important; margin-bottom: -20px !important;}

.logos2 { position: relative; width:140px; border: none !important; margin-left: -8px; margin-bottom: -22px !important;}
.logos2:hover { width: 140px; background-color: transparent !important; margin-bottom: -22px !important;}

.logos3 { position: relative; width:60px; border: none !important;  margin: 10px !important;}
.logos3:hover { width: 60px; background-color: transparent !important;}

/* Überschriften der Links unten auf der Startseite */
.startlinks { 
      font-family: frutiger !important; font-weight: bold !important; 
      font-size: 12px !important; font-variant: small-caps;  color: #848484 !important;
      position: relative;
      top: -260px;
      left: 30px;
}

/* Platz am Ende der Seite */
#startlinkleiste {
    min-height: 350px;
    
}

body.congtoBody .congtoNavContent a {color: #0052A1; }
body.congtoBody .congtoNavContent a:hover   { color:#4295D1; }
body.congtoBody .congtoNavContent a:focus { outline: none !important; }

body.congtoBody a.ics       { color:#666666; }

div.congtoSite        { width:980px; }

table.congtoNavContent      { margin-bottom:25px; }
td.congtoNavCol             { width:220px; }
div.congtoNavBox            { width:210px; min-height: 1515px; }

div.congtoNavContent        { margin-bottom:25px; min-height:1515px; width:960px; }
div.congtoContCol           { padding-left:230px; }
div.congtoNavCol            { width:220px; display:block; }
div.congtoNavBox            { width:210px; }
@media (max-width:800px)
{
  div.congtoNavContent      { margin-bottom:25px; min-height:1515px; width:960px; }
  div.congtoContCol         { padding-left:230px; }
  div.congtoNavCol          { width:220px; display:block; border:0px; box-shadow:none; }
  div.congtoNavBox          { width:210px; }
  div.showmenu              { display:block; }
}
@media (max-width:800px)
{
  div.congtoNavBox a      { background:#ffffff; }
  a.congtoNavMenBut       { display:none; }
}

.congtoNavContent div.congtoNavBox            { margin-right:12px; }
.congtoNavContent div.congtoNavBox a          { background:#ffffff; border-top:0px; border-bottom:1px solid #4295D1; color:#0050B3; padding: 6px 10px 6px; }
.congtoNavContent div.congtoNavBox a:hover    { background:#CDE4F2; color:#D10000;  }
.congtoNavContent div.congtoNavBox .noback a:hover    { background:#ffffff; color:#222222; }
.congtoNavContent div.congtoNavBox a.n1       { border-top:1px solid #4295D1; }
.congtoNavContent div.congtoNavBox .box       { border-bottom:1px solid #cc9999; }

.congto .overview,
.congto .chairmen,
.congto .description,
.congto .venue     { border:1px solid #BDE3F2; border-radius:4px; background:#fcfcfc; padding:10px;}

.congto table.congto td.d   { padding:3px 5px; background:#BDE3F2; color:#0052A1; width:860px; }
.congto table.congto td.t   { padding:3px 2px;  }           
.congto table.congto td.b   { padding:3px 0px;  }
.congto table.congto td.p   { padding:3px 5px; min-width:400px; color: #222222;  }
.congto table.congto td.s  { padding:8px 5px; color:#0052A1 !important; }


.congto table.congtobook th { background:#BDE3F2; }
.congto input               { border:1px solid #cc9999; }
.congto input[type=submit]  { border:1px solid #cc9999; color:#d3000b; }
.congto input[type=submit]:hover { background:#efd8d8; border:1px solid #cc9999; }

div.formbox                 { margin-right:20px; }

img.spauportrait            { border:1px solid #0052A1; width:120px; border-radius:4px; margin-bottom: 5px; }

.red                        { color:#d3000b; }
.small                      { font-size:11px !important; }

p.aussteller                { margin-top:20px; }
b.aussteller                { font-size:17px; font-weight:bold; }

div.blocky { width:300px; float:left; padding:0px; margin:10px 20px 10px 0px; }

table.workshoptabelle    { border:0px; border-spacing:0px; border-collapse:collapse; margin:0px; padding:0px; }
table.workshoptabelle tr { border:1px solid #CDE4F2; vertical-align:top; margin:0px; }   
table.workshoptabelle tr.nol { border-left:0px; border-right:0px; }
table.workshoptabelle td { padding:8px 12px; vertical-align:top; }

/* Breitenangaben: */
.w20   { width:20px; }
.w30   { width:30px; }
.w50   { width:50px; }
.w65   { width:65px; }
.w75   { width:75px; }
.w80   { width:80px; }
.w100  { width:100px; }
.w120  { width:120px; }
.w200  { width:200px; }
.w300  { width:300px; }
.w400  { width:400px; }
.w500  { width:500px; }


/* Inhalte */

div.text img {
    width: 736px;
   /* -moz-border-radius:4px;  -webkit-border-radius:4px;  border-radius:4px;  */
    box-shadow: 3px 3px 5px #4A728C;
    margin: 0px auto;
  }
  
.hinweis {
    font-size: 0.9em !important;
    font-weight: bold;
    font-variant: normal;
    color: #D72626 !important;
    transform: rotate(10deg);
   position: relative;
   top: 23px;
}

.hinweis2 {
    font-size: 0.9em !important;
    font-weight: bold;
    font-variant: normal;
    color: #D72626 !important;
}

/*Logo ZAT*/
#zat {
    position: absolute;
    top: 237px;
    left: 620px;
}
.logolink {
    display: block;
    width: 170px;
    height: 36px;
    padding: 3px;
}
.logolink_silber {
    display: block;
    width: 100px;
    height: 20px;
    padding: 2px;
}
.hs_camlog {
    background-image: url(../img/gold_HS_Camlog.jpg);
    background-position: left;
    background-repeat: no-repeat;
    width: 170px;
}
.planmeca_nwd {
    background-image: url(../img/silber_Planmeca_NWD.jpg);
    background-position: left;
    background-repeat: no-repeat;
    width: 104px;
    position: relative;
    left: 10px;
}
.ametable {
    max-width: 100%; 
    border:1px solid #CDE4F2; border-radius:4px; 
    background:#fcfcfc; padding:5px;
    min-height: 230px; 
}
 
.ametableweiss {
    max-width: 100%;
    border:1px solid #CDE4F2; border-radius:4px; 
    background:#FFFFFF; padding:5px;
}
.greyback {
    background-color: #fcfcfc; 
}

.CME {
    position: absolute;
    top: 90px;
    left: 780px;
    width: 70px;
}

.flagge {
   padding: 1px; 
   margin-right: 20px;
   position: relative;
   left: 55px;
   top: 2px;
}
.zeitung {
   position: absolute; 
   top: 147px; 
   left: 683px; 
   transform: rotate(-10deg);
}
/*Referentenbild*/
.ref {
    width: 130px;
}

div.refbox             { display:block; width:123px; height:190px; margin:0px 0px 10px 10.9px; float:left; padding:3px; }
div.refbox img         { border:1px solid #0052A1; margin-bottom:4px; border-radius:4px; }

figure{
    float: left; 
    min-width: 140px;
    border: 1px solid #0052A1;
    border-radius:4px;
    margin: 0 10px 10px 0; 
    padding: 1.2em 0.8em 0.8em 1.5em;
    text-align: center;
} 

figcaption {
    padding: .5em;
}

.bild  {
    border: 1px solid #0052A1;
    border-radius:4px;
}
.social {      
    width: 400px;
    background-color: #FFFFFF; 
    padding: 0 10px 0px 10px;
    text-align: center;
    float: left;
}
/* Roter Rahmen, großer Randradius*/
.rahmen { 
     border: 1px solid #D10000;
     border-radius:10px;
     box-shadow: 2px 2px 4px #4A728C;
     padding: 10px;
     margin-bottom: 20px;
}
/*Roter Rahmen, kleinerer Randradius*/
.rahmenrot {
     border: 1px solid #D72626;
     border-radius:4px;
     box-shadow: 2px 2px 4px #4A728C;
     padding: 10px;
     margin-bottom: 20px;    
}

/*Gelber Rahmen*/
.rahmengelb {
    border: 1px solid #FFDF8C;  
     border-radius:10px;
     box-shadow: 2px 2px 4px #4A728C;
     padding: 10px;
     margin-bottom: 25px;
}
.rahmenblau {
    border: 1px solid #0052A1;
     border-radius:4px;
     box-shadow: 2px 2px 4px #4A728C;
     padding: 10px;
     margin-bottom: 20px;
}
.rahmengrau {
    border: 1px solid #808080;
    border-radius:4px;
    box-shadow: 2px 2px 4px #4A728C;
    padding: 10px;
    margin-bottom: 10px;
}
/*Videos*/
.einVideo { 
    background-color: #BDE3F2;    
    width: 736px;
    height: 414px;
    box-shadow: 2px 2px 4px #4A728C;
    margin-bottom: 20px;
}
.VideoStart {
    width: 736px; 
    border: 0;
    padding: 0px;    
    position: absolute;
    top: 50px;
}


.CMEDE {
    position: absolute;
    top: 84px;
    left: 773px;
    width: 70px;
}