﻿*
{
    font-size: 100.1%;
}
html 
{
    background: Gray;
    padding:2em 0;
}
body
{
    max-width:1300px;
    height:auto;
    margin: auto;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid #0404b2;
    border-width:1px 4px 4px 1px;
    background:white;
}
body, p, blockquote, li, td, th, pre
{
    font-size: 95%;
}
p {width:100%;}
#wrapper
{
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
}

/* ------------------------
   Kopfbereich mit Logo etc.
   ------------------------ */

#header
{
    margin: 0;
    padding: 0;
    background-color: #f5f4eb;
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #0404b2;
}
@media print
{
    #header
    {
        display: none;
    }
}
#header h1
{
    margin: 0 0 0 240px;
    padding: 22px 0 0 0;
    font-size: 150%;
    color: #0404b2;
    text-align: center;
    width: auto;
}
#header h2
{
    margin: 0 0 0 240px;
    padding: 10px 0;
    font-size: 110%;
    text-align: center;
    width: auto;
}
#header h3
{
    margin-left: 240px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 100%;
    text-align: center;
    width: 80%;
}
.SiteLogo
{   width:200px;
    text-align:center;
    position: absolute;
    top: 0px;  /*10px*/
    left: 10px; /*10px*/
    display: block;
}
.subTitle 
{
    position:relative;
    width:80%;
    margin:auto;
    font-size:120%;
    text-align:center;
    padding-top:0.5em;
    color:#0404b2;
}
.IAASLogo
{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5;
    margin: 0;
    padding: 0;
    display: block;
}

 /* ------------------------
        Footer 
 ------------------------ */
       
    #footer    
{
            
            clear: both;
            margin-top:1em;
            background:#0404b2;
            text-align:center;
            color: White;
            padding:10px;
        } 
   #footer a
{       
    color: White;    
        }     

/* ---------------------
   Breadcrumbs
   --------------------- */
#sitemap
{
    width: 100%;
    background-color: #f5f4eb;
    padding-left: 0;
    padding-top: 8px;
}
@media print
{
    #sitemap
    {
        display: none;
    }
}
#sitemap .SiteMapPath
{
    padding: 1em 0 3px 1em;
    font-size: small;
    float: left;
}

.PathSeparatorStyle
{
    font-weight: bold;
}
/* -------------------
   Hauptbereich: fasst
   Navigation und Inhalt
   zuammen
   ------------------- */

#main
{
    padding-top: 0px;/*20px*/
    position: relative;
    width: 100%;
}

/* -------------------
       Navigation
   ------------------- */

#navigation
{
    width: 200px;
    top: 0.5em;
    left: 1em;
    position: absolute;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
}
@media print
{
    #navigation
    {
        display: none;
    }
}
#navigation .LanguageSelection
{
    width:100px;
    margin:auto;
    font-size: small; 
    padding-bottom: 10px;
    text-align:center;
}
#navigation .imgNavigator
{
    margin: auto;
    width: auto;
    padding-bottom: 10px;
    text-align: center;
}
#navigation ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
#navigation li
{
    border-bottom: 1px solid #f5f4eb;
}
#navigation li a
{
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: #003366 12px solid;
    border-right: gray 1px solid;
    background-color: #0404b2;
    color: #FFFFFF;
    text-decoration: none;
}
#navigation li a:hover
{
    background-color: rgb(00,102,255);
    color: #FFFFFF;
}
#navigation ul ul
{
    margin-left: 12px;
}
#navigation ul ul li
{
    border-bottom: 1px solid Gray;
    margin: 0;
    background-color: #f5f4eb;
    color: Black;
}
#navigation ul ul a:link, #navigation ul ul a:visited
{
    background-color: #f5f4eb;
    color: Black;
}

#navigation ul ul a:hover
{
    background-color: rgb(200,220,232);
    color: black;
}
#navigation ul ul a:active
{
    color: #0404b2;
}
/* -------------------
     Inhaltsbereich
   ------------------- */
#content
{   
    min-height: 700px;
    width: auto;
    margin-left: 240px;
    font-size: 0.9em;
    text-align: justify;
    overflow: hidden;
    height: auto;
    background-color: White;
    padding: 2em 10px 0 10px;
    position: relative;
}
@media print
{
    #content
    {
        margin: 0;
        overflow: visible;
        padding: 0;
    }
}
#content a 
{
    color:#0404b2;
    text-decoration:none;
}
#content a:hover 
{
    text-decoration:underline;
}
h1.pagetitle
{
    text-align: center;
    color: #0404b2;
    font-size: 160%;
}

h2.option
{
    font-size: 120%;
    color: #0404b2;
    margin-top: 6pt;
    margin-bottom: 6pt;
}
h2.section
{
    font-size: 120%;
    margin-top: 12pt;
    margin-bottom: 6pt;
    text-align: center;
    border-bottom: 1px solid black;
}
.center
{
    text-align: center;
}
img.right
{
    float: right;
    margin-left: 20px;
    border: 1px solid lightgrey;
    border-left: 3px solid Gray;
    border-bottom: 3px solid Gray;
    position: relative;
}
img.left
{
    float: left;
    margin-right: 20px;
    border: 1px solid lightgrey;
    border-right: 3px solid gray;
    border-bottom: 3px solid gray;
    position: relative;
}
img.imgApproach
{
    border: none;
    margin: auto;
    text-align: center;
}
/* -------------------------
    Stile für Tabellen 
    des Vortragsprogramms 
   ------------------------- */
h1.pagetitle
{
    font-size: 160%;
    color: #0404b2;
    margin-top: 18pt;
    margin-bottom: 12pt;
    text-align: center;
}
@media print
{
    h1.pagetitle
    {
        margin-top: 0;
    }
}
h2
{
    font-size: 140%;
}
h1.title
{
    font-size: 1.4em;
    color: #0404b2;
    width: 60%;
}
h2.date, h2.heading
{
    font-size: 1.2em;
}
h3.place
{
    font-size: 1em;
    font-weight: normal;
}
table.programme
{
    width: 45em;
    border: 1px solid #0404b2;
}
table.contact
{
    width: 25em;
    margin: auto;
    border: none;
}
caption
{
    font-weight: bold;
    margin: 0 auto;
    padding-bottom: 1em;
    text-align: center;
}
.break
{
    background-color: #f5f4eb;
}
th
{
    text-align: center;
    background-color: #0404b2;
    color: white;
}
td
{
    vertical-align: top;
    text-align: left;
    font-size: 0.9em;
}
td.theme
{
    text-align: center;
    line-height: 200%;
}

td.time
{
    width: 8em;
    white-space: nowrap;
}
span.speaker
{
    font-weight: bold;
    display: block;
}
span.talk
{
    font-style: italic;
}
p.bibliography
{
    font-size: inherit;
    font-weight: bold;
}
div.bibliography
{
    padding: 0 2em;
    font-size: 100%;
}
p.bibitem
{
    font-size: 0.9em;
    padding-left: 2em;
    text-indent: -2em;
    margin-top: 0;
    margin-bottom: 3pt;
}

.hrule
{
    border-bottom: 1px solid #0404b2;
}
.first_letter
{
    font-size: 2em;
    color: #0404b2;
    float: left;
    line-height: 90%;
    background-color: Transparent;
}
#rss h2.channel_title
{
    text-align: center;
    border: none;
    display: none;
}

#rss div.item
{
    margin: auto;
    vertical-align: top;
    border: 1px solid lightgrey;
    padding: 5px;
    width: 90%;
    overflow: hidden;
}
#rss div.title
{
    font-size: small;
    font-weight: bold;
    line-height: 1.1;
    background-color: #f5f4eb;
    margin: 0;
    padding: 5px 5px 8px 8px;
}

#rss div.description
{
    /*height:100px;*/
    font-size: small;
    margin: 0;
    padding: 8px 10px;
    text-align: justify;
}
#rss div.description p
{
    margin-top: 6px;
    margin-bottom: 0;
}
#rss div.footer
{
    margin: 0;
    padding: 8px 10px;
    font-size: x-small;
}
dl.officers
{
    width: 35em;
    margin: auto;
}
dl.officers dt 
{
    font-weight:bold;
    color:#0404b2;
    padding-top:0.5em;
}
dl.officers dd ul li
{
    list-style-type:none;
    padding-bottom:0.5em;
}
/* Stildefinitionen für den Veranstaltungskalender*/

#events div.event
{
    width: 90%;
    margin: 0 auto 1em auto;
    border: 1px solid gray;
    border-right-width:3px;
    border-bottom-width:3px;
    padding: 6px;
}
#events p.date
{
    font-weight: bold;
    margin: 0.5em 0 0.5em 0;
    padding-bottom:3px;
    border-bottom:1px solid lightgrey;
}
#events p.speaker
{
    font-size: 1.1em;
    margin: 0;
    font-variant: small-caps;
}
#events p.panel
{
    margin: 0;
}
#events p.series
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 0.5em 0;
}
#events ul.panel
{
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
}
#events p.topic
{
    font-size: 1.1em;
    font-weight:bold;
    margin: 0.5em 0;
    border:none;
}
a.pdf, a.rtf, a.www, a.www2, a.htm, a.swf, a.user, a.img

{
    padding-left:23px;
    background-position:left top;
    background-repeat: no-repeat;
}
a.pdf
{
    background-image: url(../images/pdf_small.gif);
}

a.rtf
{
    background-image: url(../images/rtf_small.gif);
}
a.www2
{
    background-image: url(../images/www_small3.gif);
}
a.www
{
    background-image: url(../images/www_small4.gif);
    padding-left:18px;
}
a.htm
{
    background-image: url(../images/aspx_small.gif);
}

a.swf
{
    background-image: url(../images/swf_small.gif);
}
a.user
{
    background-image: url(../images/user_small.gif);
}

a.img 
{
        background-image: url(../images/img_small.gif);

}

a.mail
{
    background-image: url(../images/mail2.gif);   
    padding-left:23px;
    background-position:left top;
    background-repeat: no-repeat;
    line-height:1.2em;
}
strong.concept {color:#0404b2;}
.lblDate 
{
    display:block;
    width:18em;
    margin:auto;
	font-size:0.8em;
	padding-bottom:0.5em;
	text-align:center;	
}
/* Baustelle */
div#baustelle 
{
    width:auto;
    background-image:url(../images/underconstback.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    float:left;
}
div#baustelle p 
{
    margin: 0; 
    padding: 0;
}
div#baustelle .lblBaustelle 
{
    position: relative; 
    top: 100px; 
    left: -70px;
}
.imgBaustelle 
{
    float:left;
}
.note 
{
    width:90%;
    margin:auto;
    border:1px solid #0404b2;
    background-color:#f5f4eb;
    padding:5px;
}
.button 
{
    background-color:rgb(200,220,232);
    border:solid #0404b2;
    border-width:1px 2px 2px 1px;
    padding:1px 4px;
}
table.MembershipFee
{
     width: 40em; 
     margin: auto;
     border:solid #0404b2;
     border-width:1px 2px 3px 1px;
}
@media screen
{
    .hiddenLink
    {
        display: none;
        visibility: hidden;
    }
}
@media print
{
    .hiddenLink
    {
        display: inline;
        visibility: visible;
    }
}

.author {font-variant:small-caps;}
.bibliography {width:45em;margin:auto;}
.AlternatingRowStyle
{
    background-color: rgb(200,220,232);
}

textarea {font-family:Verdana, Arial,Helvetica,sans-serif}
.smc 
{
    font-variant:small-caps;
}
