html, body {
	
	margin:0 auto;
	line-height:1.5;
	text-align:center; 
	height:100%;
}
body                                    {font-family: Trebuchet ms;font-size: 75%;background: #E0E6EE url(../img/design/bg_body.gif) top repeat-x;}
td, th                                  {text-align:left;}
h1,h2,h3,h4,h5,p,input,table,ul,li      {margin:0;padding:0;}
h1                                      {font-size:20px;margin: 0.33em 0 0.5em 0;}
h2                                      {font-size:13px;line-height:1;margin: 0.33em 0 0.5em 0;}
h3                                      {font-size:1.2em;color:#FFF;}
a                                       {text-decoration:none;color:#003366;}
p                                       {margin: 0.5em 0 1em 0.2em;}
img                                     {border:none;}             
ul                                      {list-style:none;}   
table, td                               {font-size:1em;vertical-align:top;}            

/* -------- LAYOUT -------- */

#container
{
    margin:0 auto;
	text-align:left;
	width:970px;
	background: url(../img/design/bg_container.gif) top repeat-x #FFF;
}
#header
{
    height:260px;
    width:960px;
    margin-left:5px;
}
#flashcontent
{
    position:absolute;
    margin-top:30px;
    z-index:0;
    
}
#menu
{
    height:60px;
    background:#EFF1F6 url(../img/design/bg_menu.gif) bottom repeat-x;
    width:960px;
    margin:5px;
}
#main
{
    margin:20px;
    width:930px;
}

#leftColumn
{
    background:url(../img/design/bg_leftcol.gif) repeat-y;
    float:left;
    width:196px;
}
    #leftColumn .top       {background:url(../img/design/bg_leftcol_top.gif) no-repeat;height:42px;}
    #leftColumn .top.blogg_cat         {background:url(../img/design/bg_leftcol_top_blogg_cat.gif) no-repeat;height:42px;}
    #leftColumn .top.blogg_archive     {background:url(../img/design/bg_leftcol_top_blogg_archive.gif) no-repeat;height:42px;}
    #leftColumn .top.blogg_author     {background:url(../img/design/bg_leftcol_top_blogg_author.gif) no-repeat;height:42px;}
    #leftColumn .bottom    {background:url(../img/design/bg_leftcol_bottom.gif) no-repeat;height:27px;}

#mainColumn
{
    float:left;
    width:700px;
    margin-left:30px;
}

    #mainColumn .mainContent    {width:505px;}

.rightColumn
{
    float:right;
    width:166px;
    background:url(../img/design/bg_rightcol.gif) repeat-y;
}
    .rightColumn .top                   {background:url(../img/design/bg_rightcol_top.gif) no-repeat;width:166px;height:42px;}
    .rightColumn .bottom                {background:url(../img/design/bg_rightcol_bottom.gif) no-repeat;width:166px;height:15px;}
    .rightColumn .top.speaker           {background:url(../img/design/bg_rightcol_top_speaker.gif) no-repeat;width:166px;height:42px;}
    .rightColumn .top.lectures           {background:url(../img/design/bg_rightcol_top_lectures.gif) no-repeat;width:166px;height:42px;margin-top:15px;}
    .rightColumn .top.events             {background:url(../img/design/bg_rightcol_top_events.gif) no-repeat;width:166px;height:42px;margin-top:15px;}
    .rightColumn .top.blogg_latest       {background:url(../img/design/bg_rightcol_top_blogg_latest.gif) no-repeat;width:166px;height:42px;}
    .rightColumn .content                {margin:10px 10px 10px 15px;}
    .rightColumn .content .speakerText   {float:right;color:#666;font-size:0.9em;width:77px;}
    .rightColumn .content .speakerBild   {float:left;margin-top:2px;width:60px;}
    
#footer
{
   
    margin-top:5px;
    color:#666;
	text-align:left;
	height: 65px;
	padding: 12px 20px 10px 20px;
	background: url(../img/design/bg_footer.gif) repeat-x top;
}
    #footer a                       {color:#666;}
    
    #footer .itstaden               {color:#999;position:absolute;margin:85px 0px 10px 800px;font-size:10px;font-family: Arial;}
    #footer .itstaden a             {color:#999;}
    #footer .itstaden a:hover       {color:#000;}
    #footer .itstaden img           {margin:0px 0px -4px 0px;}
    
    
/* ------ END LAYOUT -------- */

ul.menu                  {margin:0px 0px 0px 0px;list-style:none;}
ul.menu li               {float:left;display:block;height:30px;padding:20px 8px 10px 9px;text-align:left;}
ul.menu a                {color:#000;}
ul.menu li.selected      {background:url(../img/design/bg_menu_selected.gif) bottom repeat-x;}


ul.tabmenu               {margin:0px 0px 0px 3px;list-style:none;width:700px;color:#FFF;}
ul.tabmenu a             {color:#FFF;}
ul.tabmenu li.selected a {color:#003333;}
ul.tabmenu li            {cursor:pointer;font-size:11px;line-height:1em;float:left;display:block;height:20px;padding:16px 0px 5px 0px;text-align:center;background:url(../img/design/bg_tab_off.gif) bottom no-repeat;width:140px;}
ul.tabmenu li.selected   {background:url(../img/design/bg_tab_selected.gif) bottom no-repeat;font-weight:bold;}

ul.lecturesmenu {margin:20px 0px 0px 20px;float:left;width:650px;}

.logo   {margin:5px 0px 0px 15px;position:absolute;z-index:1;}
.karta  {margin:20px 0px 0px 30px;}

.txtBox {height:20px;border:solid 1px #AAA;}
.selectBox {height:20px;border:solid 1px #AAA;}

.bgFade   {background:url(../img/design/bg_fade.gif) left top no-repeat;width:700px;}

.speakerBox     {width:300px;float:left;margin:10px;line-height:1.4;color:#555;}

.small      {font-size:0.9em;}
.large      {font-size:1.1em;}
.darkred    {color:#782020;}
.hidden     {display:none;}

.small      {font-size:0.9em;}
.button     {font-size:0.9em;background:#113775;color:#FFF;border:solid 1px #000;width:60px;height:22px;}

.modalPopUp
{
    position:fixed;
    left: 0;
    top: 0;
    width:100%;
    height:100%;
    z-index: 1000;
    filter:alpha(opacity=85);
    -moz-opacity:0.85;
    opacity:0.85;
    background: #555;
    _height: expression(window.document.body.offsetHeight + "px") !important;
    _position: absolute !important;
    _width: expression(window.document.body.offsetWidth + "px") !important; 
}
    .modalPopUp h1  {font-size:12pt;color:#FFF;position:absolute;left:40%;top:300px;}