/*****************/
/* COMMON STYLES */
/*****************/
*{padding:0;margin:0;border:0;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clearer {clear:both;}

/* body {background:  url(images/bg.gif);} */
body {background: #c0d8ff;}
a,a:visited{text-decoration:none;color:#1010a0;font-weight:bold;}
a:hover,a:active{text-decoration: underline;}

.red{color:#ec2027}
.blue{color:#0b4b7f}
.lightBlue{color:#dcdde7}
.lightRed{color:#fddbcd}
.error{color:#ff2027;font-weight: bold}

/* for the schedule */
.talk{background: #f0f0f0;vertical-align:top}
.head{background: #e0e0ff;font-weight: bold}
.break{background: #ffe0e0}

.padtop10{padding-top:10px}

.logo{vertical-align: middle;text-align: center}

/*********************/
/* TYPOGRAPHY STYLES */
/*********************/
body,p,input,textarea,td,th,div{	font-family:Arial,sans-serif;font-size:12px;line-height:16px;}
h1 {font-size:16px;color:#0b4b7f;font-weight:bold;line-height:24px;text-transform:uppercase;}
h2 {font-size:14px;color:#ec2027;font-weight:bold;line-height:18px;margin-top:10px;}
h3 {font-size:12px;color:#000;font-weight:bold;line-height:16px;margin-top:10px;}
h4 {font-size:12px;color:#000;font-weight:bold;line-height:16px;}
.first{margin-top:0;}
.ingress{font-weight:bold;}
hr {background:#ccc;height:1px;margin:10px 0;}
p{margin-top:5px;}

select{border:1px solid #999;}
input{border:1px solid #999;}
.radio{border: 0;}
textarea{border:1px solid #999;}
label{font-size:10px;line-height:100%;}
form{}
img{}

table.reg{font-size:10px;line-height:10px;border:1px solid #666;padding:3px 0;background:#f0f0f0}
td.req{font-weight:bold;}
td.opt{}

.rightTable td{padding:3px 0;}
.button{border:1px solid #ec2027;background:#eee;}
.searchfield{border:1px solid #666;height:15px;width:80px;}

#speaker{background:#dcdde7;border:1px solid #0b4b7f;}
.bildtext{padding:0 2px 5px 2px;font-size:10px;line-height:13px;font-style:italic}

td{padding-bottom:4px;padding-left:2px}
td,th{vertical-align:top;}
th{text-align:left;border-bottom:1px solid #ccc;}
th.text{}
th.time{padding-right:10px;width:30px}

/********************/
/* STRUCTURE STYLES */
/********************/
#main {margin:25px auto;width:900px;background:#fff;border:4px solid #666}
#wrapper {color:#000;border:1px solid #333;border-width:0 1px;padding:4px;}
#header{width:890px;height:230px;background: url(images/jfokus2008.jpg) no-repeat;}
#topTabs{padding:10px 0 0 0;}
#pagebody{width:888px;margin-bottom:7px;border-top:1px solid #666;}
#pagebodyPadding{padding-top:5px;background:url(images/bg_line.gif) repeat-y 783px;}
#footerMargin{border-top:1px solid #ccc;}
#footer{width: 878px;height: 21px;background: #fff;}
#footerPadding {color: #555;text-align: center;font-size: 9px;line-height: 9px;padding-top:6px;}

#rightTopColumn{width:120px;float:right;}
#leftColumn {width:150px;}
#middleLeftRightColumn {width:880px;}
#middleLeftColumn {width:780px;}
#middleRightColumn {width:730px;}
#middleColumn {width:625px;}
#rightColumn {width:100px;float:right;}
#rightColumnPadding,#middleColumnPadding,#leftColumnPadding{padding:2px;}

#columns{margin-top:5px;}
#columns div h2{margin-top:0;margin-bottom:10px;}
#columns td{font-size:11px;}
.column{width:183px;margin-right:6px;float:left;border-right:1px solid #ccc;padding-right:6px}
.column2{width:184px;margin:0;background:none;float:left;}


/********/
/* TABS */
/********/
#tabs ul {width:750px;list-style-type:none;}
#tabs ul li.last {border-width: 1px 1px 0 1px;}
#tabs ul li {
	width:90px;
	display:block;
	text-align:left;
	float:left;
	border:1px solid #666;
	border-width: 1px 0 0 1px;
}
#tabs ul li a {
	height: 1.5em;
	padding: 2px 5px 2px 5px;
	display:block;
	color: #000;
	text-decoration: none;
	line-height: 1.5em;
	font-size: 10px;
	text-transform: uppercase;
	font-weight:bold;
}
#tabs ul li a:hover {color:#000;background:#dcdde7;}
#tabs a:active {background:#dcdde7;color:#fff;}
#tabs ul li a#aktiv{color:#000;background:#dcdde7;}

