/* REMOVE PADDING AND MARGIN VALUES */
* { margin: 0; padding: 0; }
/* keien borders um bilder, zb bei links */
img { border: none; }
/* SET BASE FONT ATTRUBUTES */
html, body, body * { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #333; }
body { margin: 0px; padding: 0px; background: url(../img/_bg_body.gif) repeat-x center bottom; font-size: 62.5%; text-align: center; } /* padding: 0px wegen Opera 7 */
div#auxBody { width: 100%; height: 100%; background: url(../img/_bg_auxBody.gif) repeat-x center top; }
body#registration div#auxBody { background-image: url(../img/_bg_auxBodyPlain.gif); }


/* container */
div#container	{ position: relative; width: 800px; margin: 0px auto 0px auto; text-align:left; }

/* header */
div#header { width: 800px; height: 122px; }
	img#logo { position: absolute; left: 10px; top: 31px; border: none; }
	img#logo06 { position: absolute; right: 100px; top: 31px; border: none; }
	img#logo08 { position: absolute; right: 50px; top: 31px; border: none; }
	img#logo10 { position: absolute; right: 0px; top: 31px; border: none; }
	img#hepatoLogo { position: absolute; right: 165px; top: 31px; border: none; }
	img#buttonRegistration { position: absolute; left: 390px; top: 199px; }
	
div#printHeader { display: none; }

/* metanav */
div#metanav { position: absolute; right: 0; top: 105px; width: 500px; text-align: right; }
div#metanav a { padding: 0 5px; text-decoration: none; font-size: 17px; font-family: Impact, "Arial Black", Arial, sans-serif; color: #2255A4; background: transparent; }
div#metanav a.active 	{ color: #E9EEF6; background: #2255A4; }
div#metanav a:hover 		{ color: #E9EEF6; background: #2255A4; }
div#metanav a.red { color: #A02424; }
div#metanav a.red:hover { background-color: #A02424; color: #E9EEF6; }

div#metanav { display: none; }

/* credit */
div#credit {  }

/* search */
div#search {  }

/* auxnav */
div#auxnav {  }

/* breadcrumb */
div#breadcrumb {  }

/*separated top and subnav*/
div#topnav		{ width: 100%; height: 4.5em; }

.lvl1, .lvl1l, .lvl1a, .lvl1al, .lvl1e, .lvl1el, .lvl1ae, .lvl1ael
{ display:block; float:left; margin: 0 2px; padding: 11px 4px 0;
	text-decoration: none; font-size: 22px; font-family: Impact, "Arial Black", Arial, sans-serif; color: #E9EEF6; }
.lvl1:hover, .lvl1l:hover, .lvl1a:hover, .lvl1al:hover, .lvl1e:hover, .lvl1el:hover, .lvl1ae:hover, .lvl1ael:hover
{ background: #E9EEF6; color: #2255A4; }

.lvl1a, .lvl1al, .lvl1ae, .lvl1ael { background: #E9EEF6; color: #2255A4; }
.lvl1e, .lvl1ae, .lvl1el, .lvl1ael {  }
.lvl1l, .lvl1al, .lvl1el, .lvl1ael {  }

.lvl1a:hover, .lvl1al:hover, .lvl1ae:hover, .lvl1ael:hover { text-decoration: none; }
.lvl1e:hover, .lvl1ae:hover, .lvl1el:hover, .lvl1ael:hover {  }
.lvl1l:hover, .lvl1al:hover, .lvl1el:hover, .lvl1ael:hover {  }


div#subnav 		{ clear: left; float: left; width: 200px; background: #cfc; }

.lvl2, .lvl2l, .lvl2a, .lvl2al, .lvl2e, .lvl2el, .lvl2ae, .lvl2ael
{ display:block; color: #333; text-decoration: none; font-size: 1.1em; }
.lvl2:hover, .lvl2l:hover, .lvl2a:hover, .lvl2al:hover, .lvl2e:hover, .lvl2el:hover, .lvl2ae:hover, .lvl2ael:hover
{ text-decoration: underline; }

.lvl2a, .lvl2al, .lvl2ae, .lvl2ael {  }
.lvl2e, .lvl2ae, .lvl2el, .lvl2ael {  }
.lvl2l, .lvl2al, .lvl2el, .lvl2ael {  }

.lvl2a:hover, .lvl2al:hover, .lvl2ae:hover, .lvl2ael:hover { text-decoration: none; }
.lvl2e:hover, .lvl2ae:hover, .lvl2el:hover, .lvl2ael:hover {  }
.lvl2l:hover, .lvl2al:hover, .lvl2el:hover, .lvl2ael:hover {  }


.lvl3, .lvl3l, .lvl3a, .lvl3al, .lvl3e, .lvl3el, .lvl3ae, .lvl3ael
{ display:block; color: #333; text-decoration: none; font-size: 1.1em; }
.lvl3:hover, .lvl3l:hover, .lvl3a:hover, .lvl3al:hover, .lvl3e:hover, .lvl3el:hover, .lvl3ae:hover, .lvl3ael:hover
{ text-decoration: underline; }

.lvl3a, .lvl3al, .lvl3ae, .lvl3ael {  }
.lvl3e, .lvl3ae, .lvl3el, .lvl3ael {  }
.lvl3l, .lvl3al, .lvl3el, .lvl3ael {  }

.lvl3a:hover, .lvl3al:hover, .lvl3ae:hover, .lvl3ael:hover { text-decoration: none; }
.lvl3e:hover, .lvl3ae:hover, .lvl3el:hover, .lvl3ael:hover {  }
.lvl3l:hover, .lvl3al:hover, .lvl3el:hover, .lvl3ael:hover {  }


/* content */
div#content	{ clear: left; width: 509px; margin: 0px 0 10px 10px; font-size: 1.2em; line-height: 1.5em; }

/* footer */
div#footer	{ clear: left; width: 820px; margin: 40px 0 10px 10px; font-size: 1.2em; line-height: 1.5em; }
div#printFooter { display: none; }

/* links general */
div#content a:link, div#content  a:visited, div#footer a:link, div#footer a:visited	{ color: #2255A4; text-decoration: none; }
div#content a:hover, div#footer a:hover 	{ text-decoration: underline; }
div#content a:active, div#footer a:active	{ text-decoration: none; }
/* links special */
a.blueArrow {  }
a.blueArrow:link, a.blueArrow:visited { display: block; padding: 2px 5px 2px 25px; background: url(../img/_blueArrow.gif) no-repeat 0 0px; font-size: 1.3em; color: #2255A4 !important; text-decoration: none; text-transform: lowercase; font-weight: bold; }
a.blueArrow:hover { text-decoration: none !important; }

a.redArrow {  }
a.redArrow:link, a.redArrow:visited { display: block; padding: 2px 5px 2px 25px; background: url(../img/_redArrow.gif) no-repeat 0 0px; font-size: 1.3em; color: #A02424 !important; text-decoration: none; text-transform: lowercase; font-weight: bold; }
a.redArrow:hover { text-decoration: none !important; }

a.quicktime1, a.quicktime1:visited { display: block; padding: 8px 5px 10px 40px; background: url(../img/quicktime.gif) no-repeat 0 0px; font-size: 1.3em; color: #2255A4 !important; text-decoration: none; text-transform: lowercase; font-weight: bold; }
a.quicktime1:hover { text-decoration: none !important; }

a.quicktime2, a.quicktime2:visited { display: block; padding: 2px 5px 2px 25px; background: url(../img/red_speaker_ani.gif) no-repeat 0 0px; font-size: 1.3em; color: #A02424 !important; text-decoration: none; text-transform: lowercase; font-weight: bold; }
a.quicktime2:hover { text-decoration: none !important; }

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5, p, ul, ol, table, fieldset { margin-top: 1.1em; margin-bottom: 0.5em; }
table table { margin: 0; }
h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { margin-bottom: 1em; width: 350px; font-size: 2.5em; font-family: Impact, "Arial Black", Arial, sans-serif; line-height: 1.1em; letter-spacing: -1px; }
h2 { font-size: 1.3em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
p { margin-top: 0.6em;  }
p.left { float: left; }

/* images */
img { border: 0px; float: none; }
img.left { display: inline; float: left; margin: 3px 10px 10px 0px; }
img.right { float: right; margin: 3px 0px 10px 10px;}

/* tables */
table { border-collapse: collapse; font-size: 100%; } /* font-size: 100% wegen ie5 */
table.width100percent { width: 100%; }
th, td { padding: 0 5px 5px 0; vertical-align: top; text-align: left; }
th { font-weight: bold; }
td {  }
td.left { text-align: left; }
td.right { text-align: right; }

/* Lists */
ul, ol, dl {  } 
ol li {  }
ul li { list-style: none; padding-left: 12px; background: url(../img/_li.gif) no-repeat 0 5px; }

/* forms + fieldsets */
fieldset { padding: 10px; -moz-border-radius: 7px; }
legend 	{ padding: 0 6px 0 4px; }
label 	{ font-size: 1.0em; margin: 10px; }
input.text, textarea, select { padding: 0 1px; border: 1px solid #999; font-size: 1.1em; }
input.checkBox, input.radioButton { position: relative; top: 0; }

/* generals */
*.clear { clear: both; }
.width100percent { width: 100%; }
.textLeft { text-align: left; }
.textRight { text-align:  right; }
.textCenter { text-align: center; }
th.textCenter, td.textCenter { text-align: center; }
th.paddingRight20px, td.paddingRight20px { padding-right: 20px; }
p.separator { height: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 1px; }
h1.alert, h2.alert, h3.alert, p.alert { padding: 5px 10px; background: #A02424; color: #fff; font-size: 1.2em; font-weight: bold; }


/* specials */
span.boldBlue { font-weight: bold; color: #7A99C8; }
p.sponsors a, p.sponsors span { float: left; margin: 5px 10px 0 0; }
p.klug 	{ clear: left; margin: 20px 0 0px; text-align: right; }
p.adress { font-size: 0.8em; color: #878787;	}

p.mapLink { width: 431px; text-align: right; }

table.program {  }
table.program td { vertical-align: top; padding: 0 5px 2px 0; }
table.program th { padding: 30px 0 20px; }
table.program td.leftCell { width: 100px; color: #7A99C8; font-weight: bold; }
table.program ul { margin-top: 0.5em; margin-bottom: 0.5em; }

table.travelInformation {  }
table.travelInformation td { width: 50%; padding: 0 15px 0 0; }

table.contact { float: left; width: auto; margin: 20px 20px 0 0; }
table.contact th, table.contact td { padding: 0 15px 5px 0; }
table.contact th { color: #7A99C8; font-weight: bold; font-size: 1.2em; }
table.contact td {  }

table.normal {  }
table.normal th, table.normal td { padding: 0 15px 5px 0; }
table.normal th { color: #7A99C8; font-weight: bold; }
table.normal td {  }

table.registration {  }
table.registration td { padding: 2px 5px 2px 0; }
table.registration th { padding-top: 30px; }
table.registration td.leftCell { width: 190px; border-top: 2px dotted #eee; font-weight: bold; }
table.registration td.rightCell { border-top: 2px dotted #eee; padding-right: 0; }
table.registration td.doubleCell { border-top: 2px dotted #eee; font-weight: bold; padding-right: 0;}
table.registration td.doubleCell table { width: 100%; }
table.registration td.doubleCell table td { padding-right: 3px;}
table.registration label { color: #7A99C8; margin-left: 0; margin-right: 0; }
.sternchen { padding: 0 2px; color: #A02424; font-size: 18px; font-weight: normal; }
table.registration td.rightCell label { color: #333; font-weight: normal; }
table.registration .mandatory { font-weight: normal; color: #A02424; display: none; }
table.registration input { width: 200px; margin-right: 3px; }
table.registration textarea { width: 300px; height: 150px; margin-right: 0px; }
table.registration input.radio,table.registration input.checkbox { width: auto; }
table.registration input.number1 { width: 26px; }
table.registration input.number2 { width: 70px; }
table.registration input.number3 { width: 90px; margin-right: 0; }
table.registration input.button { width: auto; }
