/*
-----------------------------------------------
   CSS for www.ehealth2009.at   
   (C) 11/2008 Stefan Welte    

   css-body.css for body                
-----------------------------------------------
*/

@import url("../SpryAssets/SpryAccordion.css");

/*******************************************************************************
  http://www.ehealth2009.at/css/css-body.css
*******************************************************************************/



@media screen {

html {
	background-color:#5d5d5d;
}

body {
	background-color:#5d5d5d;
	color: #000;
	padding: 0;
	margin: 0;
	font:12px verdana, sans-serif;
	text-align: center;
}

#links_on_top {
	background-color:#5d5d5d;
	color:#fff;
	text-align: right;
	margin: 3px auto;
	margin-top: 10px;
	width: 867px;
	padding: 0px;
}

#links_on_top a {
	background-color:#5d5d5d;
	font:11px verdana;
	font-weight:700;
	text-decoration:none;
	color: #fff;
}

#links_on_top_left {float:left;}

#page {
	text-align: left;
	margin: 0px auto;
	margin-top: 0px;
	width: 867px;
	padding: 0;
	background:url(../pics/bg_page.gif) repeat-y;
	border:2px solid white;
	border-bottom:0px;
}

#footer {clear:both; background:url(../pics/bg_footer.png) no-repeat; height:35px;}

a {text-decoration:none; outline:none;}
img {border:none;}

.fl {float:left;}

/* clearfix */

.clearfix:after        {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix              {display: inline-block;}
html[xmlns] .clearfix  {display: block;}
* html .clearfix       {height: 1%;}

/* /clearfix */

}


@media handheld {

html {
	background-color:#ffffff;
	height:100%;
}

body {
	background: #fff url(../pics/bg_page.png) repeat-y;
	min-height: 101%;
	font-size: 100.01%;
    position: relative;
}

#links_on_top {
	text-align:center;
}

}


@media print {

#links_on_top {display:none;}
#header {background:url(../pics/header_print.png) no-repeat top left;}

}


/*******************************************************************************
  http://www.ehealth2009.at/css/css-header.css
*******************************************************************************/


@media screen {

#header {
	margin:0;
	padding:0;
	height:187px;
	background: url(../pics/header.png) no-repeat;
}

#logo_eHealth20xx a {
	position:relative;
	top: 30px;
	left: 30px;
	width:150px;
	height: 160px;
	display:block;
	float:left;
	border:0px solid white;
}

#printheader {display:none;}

}


@media handheld {

#header {
	margin:5px 0px 0px 10px;
	padding:0;
	height:80px;
	background: url(../pics/header_mobil.png) no-repeat;	
}

}


/*******************************************************************************
  http://www.eHealth2009.at/css/css-content.css
*******************************************************************************/


@media screen {

#content {
	margin: 0px 20px 0px 220px;
	padding:0 30px 100px 0;
	background-color:#dfdfdf;
}

h1, h2, h3, h4, b, strong {font-weight:bold; color: #5a5a5a;}

h1 {font-size:1.8em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}

.small { font-size:10px; }
.canceled {text-decoration:line-through;}

#content em{font-weight:normal;}
#content a { color:#2B4B88;	text-decoration:none; font-weight: bold; }
#content table { font-weight:bold; font-size:18px; }
#content .space1 { padding-top:0px; }
#content .space2 { padding-top:15px; }
#content .center { margin-left:150px; }
#content li { margin: 0px 0px 10px 0px; }

#dateLocation {	width:450px; text-align:center; }

/*
----------------------------------------------------
	Images mit Bildunterschrift
----------------------------------------------------
*/ 

.imagecontainer .imagebox {}

.imagebox { background-color:#fff; border: solid #fff 5px; }
.imagebox p { margin:0; padding:0; margin-top:5px; color:#5a5a5a; }



/*
----------------------------------------------------
	Infobox
----------------------------------------------------
*/ 

.infobox {
	position: relative;
	top: 0px;
	right:18px;
	width: 200px;
	height:200px;
	float: right;
	padding-left: 10px;
	margin: 0px;
}

#info_postIt {background: url(../pics/post-it.png) no-repeat top right;}
#info_postItPartnership {background: url(../pics/post-it-partnership.png) no-repeat top right;}
#info_stamp {background: url(../pics/stamp.png) no-repeat top right;}

#info_ocgBook {
	position: relative;
	top: 20px;
	right:18px;
	width: 150px;
	height:400px;
	float: right;
	padding-left: 10px;
	margin: 0px;
}

.infobox a.linkToTopic {
	position: relative;
	display:block;
	border:0px solid white;
	top: 20px;
	left:20px;
	width:150px;
	height: 150px;
}

.infobox #link1 {
	top: 20px;
	left:30px;
	width:150px;
	height: 50px;
}

.infobox #link2 {
	top: 30px;
	left:20px;
	width:150px;
	height: 60px;
}


/*
----------------------------------------------------
	Style for JAlbum
----------------------------------------------------
*/

#BananAlbum {
	width: 550px;
	height: 550px;
}

*:first-child+html #BananAlbum {left: 295px;} * html #BananAlbum {left: 295px;}

#BananAlbum object {outline:none;}

/*
----------------------------------------------------
	Tabelle Zweispaltig
----------------------------------------------------
*/ 

.divtable_twocol {
	float:left;
	width:280px;
}

.two_cols td {
	font-size:12px;
}

table {background: url(../pics/bg_table.png) center top no-repeat}
table th {color:#5a5a5a; background:none; padding-left:20px;padding-top:10px;border-bottom:1px #dfdfdf solid;}

table td{
	padding:10px 0 10px 20px;
	font-weight:normal;
	font-size:12px;
	background:none;
	border-bottom:1px #dfdfdf solid;
}

table .odd {
	background:url(../pics/bg_tablecell.png);
	height:30px;
}

table .centered {text-align: center;}

table .combined{
  text-align: center;
  background:url(../pics/bg_tablecell.png);
}

.table_program td {height:40px;}
.table_program b {font-size:1.2em;}
.table_program .time {text-align:center;padding:0px;}


/*
----------------------------------------------------
	Partnerseite und Logobanner
----------------------------------------------------
*/

#banner_partnerlogos {margin-top:40px;}

.table_partners-sponsors {background:none; margin:0 0 20px;}
.table_partners-sponsors .firstCol {text-align:center;}
.table_partners-sponsors tr {height:90px;}

/*
----------------------------------------------------
	Sessions
----------------------------------------------------
*/

.affilation {margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; font-size:10px; padding-left: 10px; text-indent: -10px;}
.authors {margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; font-style:italic;}
.presentation-title {margin-bottom: 0px; padding-bottom: 0px; margin-top: 20px; padding-top: 0px; font-weight:bold; color: #5a5a5a;}

/*
----------------------------------------------------
	Postersession
----------------------------------------------------
*/

/*.poster-icon {background:url(../pics/icon_poster.png) left; float:left; margin-right:10px; margin-bottom:22px; height:50px; width:40px; }*/
.poster-container {background:url(../pics/icon_poster.png) left top no-repeat; margin-bottom: 30px;}
.poster-icon{margin-left:15px; margin-top:10px; font-size:xx-small; font-stretch:narrower; float: left;}
.poster-affilation {margin-left:60px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; font-size:10px; text-indent: -10px;}
.poster-authors {padding-left: 50px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; font-style:italic;}
.poster-title {padding-left: 50px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; font-weight:bold; color: #5a5a5a;}

/*
----------------------------------------------------
	Workshops
----------------------------------------------------
*/ 

.footnote {font-style:italic; border-top: 1px solid #666;margin-top:50px;padding-top:5px;}
.page_workshops #content ul {width:450px;}


/*
----------------------------------------------------
	Downloads
----------------------------------------------------
*/ 

#downloads #content img {margin-right:10px;}

.pdf-icon {
	display:block;
	background:url(../pics/pdf_32x32.gif) no-repeat left top;
	padding-top: 10px;
	padding-left:45px;
	padding-bottom:10px;
	height: 25px;
}

.word {
	display:block;
	padding:10px 0 10px 38px;
	background: url(../pics/icon_word32x32.png) no-repeat left top;
}

/*
----------------------------------------------------
	Newsletter
----------------------------------------------------
*/ 

#newsletter #content {padding-right:0px;}


/*
----------------------------------------------------
	Papers
----------------------------------------------------
*/ 



}


@media handheld {

#content {
	margin: 30px 10px 0px 20px;
	padding:0px;
}

}

/*******************************************************************************
  http://www.eHealth2009.at/css/css-menu.css
*******************************************************************************/


@media screen {

#menu, .submenu {color:#2B4B88;}

#menu {
	margin-left:0px;
	margin-top:20px;
	float:left;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	font: bold 0.75em verdana, sans-serif;
	list-style:none;
}

#menu ul li {
	margin: 0px;
	padding: 15px 0px 2px 40px;
	background: url(../pics/bg_menu.png) no-repeat;
}

#menu ul li.new1 {
	margin: 0px;
	padding: 15px 0px 2px 40px;
	background: url(../pics/bg_menu_new.png) no-repeat;
}

#menu a {
/*	display: block;*/
	text-decoration:none;
	padding: 0;
	margin: 0;
}

#menu a:link, #menu a:visited {color:#2B4B88;}
#menu a:hover, #menu .submenu a:hover {color:#fff; background-color:#dfdfdf;}

#menu .submenu li {
	font-size:10px;
	background: none;
	margin-left:30px;
	padding:2px 2px 2px 0px;
	color:#2B4B88;
	list-style:disc;
}

#menu a.new, #menu li.new {
	background:url(../pics/icon_new.png) no-repeat right;
	padding:3px 40px 3px 0;
}

html>/**/body #menu .submenu li {margin-left:50px;}

#home #menu_home a,
#home_EN #menu_home a,
#callforpapers #menu_callforpapers a,
#importantdates #menu_importantdates a,
#program #menu_program a,
#heuriger #menu_program_heuriger a,
#program_1 #menu_program_1 a,
#program_2 #menu_program_2 a,
#program_3 #menu_program_3 a,
#program_4 #menu_program_4 a,
#program_5 #menu_program_5 a,
#program_6 #menu_program_6 a,
#program_7 #menu_program_7 a,
#program_8 #menu_program_8 a,
#impressions_1 #menu_impressions_1 a,
#impressions_2 #menu_impressions_2 a,
#impressions_3 #menu_impressions_3 a {color:#fff; background-color:#dfdfdf;}

/*#program #menu_program_1 a,
#program #menu_program_2 a,
#program #menu_program_3 a,
#program #menu_program_4 a,
#program #menu_program_5 a,
#program #menu_program_6 a,
#program #menu_program_7 a,
#program #menu_program_8 a,
#heuriger #menu_heuriger{color:#2B4B88;}*/

#registration #menu_registration a,
#guide #menu_guide a,
#location #menu_location a,
#hotels #menu_hotels a,
#partners #menu_partners a,
#partnership #menu_partnership a,
#contact #menu_contact a,
#studentcontest #menu_studentcontest a,
#newsletter #menu_newsletter a,
#downloads #menu_downloads a,
#info #menu_info a,
#eHealth2007info #menu_eHealth2007info a,
#heuriger #menu_heuriger a,
#fotos #menu_fotos a,
#showcase #menu_showcase a,
#lastminuteinfo #menu_lastminuteinfo a,
#impressions #menu_impressions a,
#workshops #menu_workshops a,
#workshop_1 #menu_workshop_1 a,
#workshop_2 #menu_workshop_2 a,
#workshop_3 #menu_workshop_3 a,
#workshop_4 #menu_workshop_4 a,
#workshop_5 #menu_workshop_5 a,
#workshop_6 #menu_workshop_6 a,
#papers_hauptvortraege #menu_papers_hauptvortraege a,
#papers_telemonitoring #menu_papers_telemonitoring a,
#papers_EHR #menu_papers_EHR a,
#papers_studentcontest #menu_papers_studentcontest a,
#papers_poster #menu_papers_poster a,
#papers_benchmarking #menu_papers_benchmarking a {color:#fff; background-color:#dfdfdf;}

/*#workshops #menu_workshop_1 a,
#workshops #menu_workshop_2 a,
#workshops #menu_workshop_3 a,
#workshops #menu_workshop_4 a,
#workshops #menu_workshop_5 a,
#workshops #menu_workshop_6 a {color:#2B4B88;}*/


#menu_home a.flag, #home #menu_home a.flag  {
	background:url(../pics/GB.gif) no-repeat right;
	padding:5px 30px 5px 0;
	margin-left:50px;
	color:#dfdfdf;
}

#home_EN #menu_home a.flag {
	background:url(../pics/AT.gif) no-repeat right;
	padding:3px 30px 3px 0;
	margin-left:50px;
	color:#dfdfdf;
}



/* ie6 and mozilla hack for last line in menu list */


#menu #menu_end { padding-top:0px; }
html>/**/body #menu #menu_end { padding-top: 10px; }

#logo_box {margin-left:17px;}
#logo_box #last-update {font-size:10px; margin-bottom:20px;}


}


@media print {

#menu {display:none;}

}