/* ! General reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	list-style: none;
	}
a {
	color: #375798;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
blockquote, q { quotes: none; }
hr { border: none; height: 0; background: none;	clear: both; }
.clear { clear:both; }
.clearleft { clear:left; }
  



/* NEW 01.06.2010 */
h2 a {
	color: #375798;
	text-decoration: none;
}
h3 a {
	color: #666;
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	text-decoration: none;
}





/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
} 

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	min-width:983px; 
	line-height: 1;
	background: #F1F1F1;
	}

#wrapper {
	position: relative;
	margin: auto;
	width:983px;
	}

#header {
	background: url(../gfx/derkongress_logo.gif) no-repeat 15px 36px;
	height: 101px;
	}


#logo {
	position: absolute;
	left: 0px;
	top: 42px;
	}
#logo a {
	display: block;
	font-size:20px;
	color: #000;
/*	font-weight: bold;*/
	height: 50px;
	padding-left: 75px;
	line-height: 50px;
	}
#logo a:hover {
	text-decoration: none;
	}

#search-box {
	display: block;
	}

#search-recent-button {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 26px;
	height: 19px;
	}	
#presentedby {
	display: block;
	position: absolute;
	right: 0;
	top: 37px;
	width: 170;
	height: 53px;
	background: url(../images/on3-presents.gif) no-repeat;
	}
#presentedby a {
	display: block;
	width: 170px;
	height: 53px;
	text-indent: -2000px;
	}

#navigation {
	position: relative;
	width:983px;
	height: 33px;
	background-color: #515151;
	overflow: hidden;
	margin-bottom: 11px;

}
#navigation ul {
	width:1000px;
}

#navigation li {
	float:left;
	text-align: center;
}

#navigation li a {
	display: block;
	line-height: 34px;
	height: 33px;
	color:#CCCCCC;
	text-transform:uppercase;
	padding: 0 31px;
	font-size:0.94em;
	background-color: #333333;
	border-right: 1px solid #515151;
	letter-spacing: 1px;
}
#navigation li:last-child a {
	padding: 0 35px 0 31px;
	} 


#navigation li a:hover {
	text-decoration:none;
	background-color: #666666;
	color: #fff;
}

#navigation li.current a {
	background-color: #666666;
	border-right: 1px solid #515151;
	color: #fff;
}



#content {
	position:relative;
	margin-top:20px;
	}

#right {
	float:right;
	width:327px;	
	}
#right .block {
	background:#F1F1F1;
	margin-bottom: 12px;
	/*
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	*/
	border: 1px solid #CCC;
	}
#right .wrapper {
	padding:12px 12px 16px;
	}

#left {
	width:646px;	
	}
#left .wrapper {
	padding:12px 12px 40px;
	border: 1px solid #CCC;
	/*
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	*/
	background-color: #F1F1F1;
	}
#right .ticket a {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #fff;
	background: #333;
	padding: 14px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	}
#right .ticket a:hover {
	text-decoration: none;
	background-color: #eee;
	color: blue;
	}
	
	#right .download a {
		display: block;
		text-align: center;
		font-size: 16px;
		color: #fff;
		background: #333;
		padding: 14px 0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 1px;
		}
	#right .download a:hover {
		text-decoration: none;
		background-color: #eee;
		color: blue;
		} 

#right h2,
#left h1 {
	font-size: 21px;
	padding-bottom:14px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px
	}
.entry-first h2,
.entry h2 {
	font-size:18px;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding: 8px 0 14px;
	line-height: 1.6em;
	}

.entry h3 {
	font-size:18px;
	line-height:16px;
	color: #666;
	margin-top: -13px;
	padding-bottom: 14px;
	}
.entry {
	padding:0 0 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
	}
.entry .date {
	font-size:12px;
	text-transform: uppercase;
	}
.entry p {
	font-size: 14px;
	line-height: 1.7em;
	padding-bottom: 20px;
	}
.entry a {
	}
.entry a:hover {
	
	}

.share {
	float: right;
	margin: 4px 0 0 0;
	}

#fb-likeBtn {
	float: left;
	/*width: 495px;*/
	width: 450px;
	}

.embed_center {
	margin:0px 0 20px;
	}


#actionButtons {
	display:inline-block;
	margin-top:12px;
	text-align:center;
	vertical-align:top;
}
	
#playBtn {
	cursor:pointer;
	display:none; 
	margin:1px 0 0 7px;
}

#pauseBtn  {
	cursor:pointer;
	display:inline;
	margin:1px 0 0 7px;
}





	

/* ! DISPLAY */
#display {
    height:497px;
    overflow:hidden;
    position:relative;
    text-align:center;
    width:983px;
}
#display .items {
	background: #F1F1F1;
}




/* root element for horizontal scrollables */
#display .scrollable {
	position:relative;
	overflow:hidden;
	width: 983px;
	height: 463px;
}


/* root element for scrollable items */
#display .scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}


/* root element for horizontal scrollables */
#display .scrollable2 {
	position:relative;
	overflow:hidden;
	width: 983px;
	height: 463px;
}


/* root element for scrollable items */
#display .scrollable2 .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	width:983px;
	height:464px;
	padding:0;
}
#display .displaynavi {
    cursor:pointer;
    display:inline-block;
    margin-top:13px;
    text-align:center;
    vertical-align:top;
}
#display .displaynavi a {
    -moz-border-radius:6px 6px 6px 6px;
    background-color:#F1F1F1;
    border:1px solid #D8D8D8;
    display:inline-block;
    font-size:0;
    margin-right:10px;
    padding:5px;
}
#display .displaynavi a:hover {
	background-color: #D8D8D8;
	border: 1px solid #D8D8D8;
	}

#display .displaynavi a.active {
	background-color: #000;
	border: 1px solid #000;
	} 	


.gridlinks {
	position: relative;
	}
.gridlinks li {
	position: absolute;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	text-align: center;
	}

.gridlinks li,
.gridlinks li a {
	width:122px;
	height:92px;
	color: #fff;
	text-indent: -2000px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
	overflow: hidden;
	}

#display .gridlinks li a {
	background-repeat: no-repeat;
	background-position: 1000px 1000px;
	}
#display .gridlinks li a:hover {
	text-indent: 0;
	background-position: 0 0;
	}
.gridlinks li a:hover span {
	display: block;
	padding: 10px 0 10px;
	background: #F1F1F1;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	}

/* Grid 1 – LARGE */
.gridtemp-1 #gridlink-00,
.gridtemp-1 #gridlink-00 a,
.gridtemp-1 #gridlink-02,
.gridtemp-1 #gridlink-02 a,
.gridtemp-1 #gridlink-07,
.gridtemp-1 #gridlink-07 a,
.gridtemp-1 #gridlink-10,
.gridtemp-1 #gridlink-10 a,
.gridtemp-1 #gridlink-13,
.gridtemp-1 #gridlink-13 a,
.gridtemp-1 #gridlink-15,
.gridtemp-1 #gridlink-15 a {
	width:245px; height:185px;
}	
/* Grid 1 – VERTICAL */
.gridtemp-1 #gridlink-01,
.gridtemp-1 #gridlink-01 a,
.gridtemp-1 #gridlink-16,
.gridtemp-1 #gridlink-16 a {
	width:122px; height:185px;
	}
/* Grid 1 – Position */
.gridtemp-1 #gridlink-00 {	top: 0;	left: 0;	}
.gridtemp-1 #gridlink-01 { 	top:0; left:246px; 		}
.gridtemp-1 #gridlink-02 { 	top:0; left:369px; 		}
.gridtemp-1 #gridlink-03 { 	top:0; left:615px; 		}
.gridtemp-1 #gridlink-04 { 	top:0; left:738px; 		}
.gridtemp-1 #gridlink-05 { 	top:0; left:861px;	  	}
.gridtemp-1 #gridlink-06 { 	top:93px; left:615px;	}
.gridtemp-1 #gridlink-07 { 	top:93px; left:738px;	}
.gridtemp-1 #gridlink-08 { 	top:186px; left:0;		}
.gridtemp-1 #gridlink-09 {	top:186px; left:123px;	}
.gridtemp-1 #gridlink-10 { 	top:186px; left:246px;	}
.gridtemp-1 #gridlink-11 { 	top:186px; left:492px;	}
.gridtemp-1 #gridlink-12 { 	top:186px; left:615px;	}
.gridtemp-1 #gridlink-13 { 	top:279px; left:0;		}
.gridtemp-1 #gridlink-14 { 	top:279px; left:492px;	}
.gridtemp-1 #gridlink-15 { 	top:279px; left:615px;	}
.gridtemp-1 #gridlink-16 { 	top:279px; left:861px;	}
.gridtemp-1 #gridlink-17 { 	top:372px; left:246px;	}
.gridtemp-1 #gridlink-18 { 	top:372px; left:369px;	}
.gridtemp-1 #gridlink-19 { 	top:372px; left:492px;	}



.gridlinks2 {
	position: relative;
	}
.gridlinks2 li {
	position: absolute;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	text-align: center;
	}


#display .gridlinks2 li a {
	opacity: 1;
	}
#display .gridlinks2 li a:hover {
	opacity: .5;
	}
/* Grid 2 – Position */
.gridtemp-2 #gridlink-100 {		top:0;	left:0;			}
.gridtemp-2 #gridlink-101 { 	top:0; 	left:123px; 		}
.gridtemp-2 #gridlink-102 { 	top:0; 	left:246px; 		}
.gridtemp-2 #gridlink-103 { 	top:0; 	left:369px; 		}
.gridtemp-2 #gridlink-104 { 	top:0; 	left:492px; 		}
.gridtemp-2 #gridlink-105 { 	top:0; 	left:615px;	  	}
.gridtemp-2 #gridlink-106 { 	top:0; 	left:738px;		}
.gridtemp-2 #gridlink-107 { 	top:0; 	left:861px;		}
.gridtemp-2 #gridlink-108 { 	top:93px; left:0;		}
.gridtemp-2 #gridlink-109 {		top:93px; left:123px;	}
.gridtemp-2 #gridlink-110 { 	top:93px; left:246px;	}
.gridtemp-2 #gridlink-111 { 	top:93px; left:369px;	}
.gridtemp-2 #gridlink-112 { 	top:93px; left:492px;	}
.gridtemp-2 #gridlink-113 { 	top:93px; left:615px;	}
.gridtemp-2 #gridlink-114 { 	top:93px; left:738px;	}
.gridtemp-2 #gridlink-115 { 	top:93px; left:861px;	}
.gridtemp-2 #gridlink-116 { 	top:186px; left:0;	}
.gridtemp-2 #gridlink-117 { 	top:186px; left:123px;	}
.gridtemp-2 #gridlink-118 { 	top:186px; left:246px;	}
.gridtemp-2 #gridlink-119 { 	top:186px; left:369px;	}
.gridtemp-2 #gridlink-120 { 	top:186px; left:492px;	} 
.gridtemp-2 #gridlink-121 { 	top:186px; left:615px;	} 
.gridtemp-2 #gridlink-122 { 	top:186px; left:738px;	} 
.gridtemp-2 #gridlink-123 { 	top:186px; left:861px;	}
.gridtemp-2 #gridlink-124 { 	top:279px; left:0;	}
.gridtemp-2 #gridlink-125 { 	top:279px; left:123px;	}
.gridtemp-2 #gridlink-126 { 	top:279px; left:246px;	}
.gridtemp-2 #gridlink-127 { 	top:279px; left:369px;	}
.gridtemp-2 #gridlink-128 { 	top:279px; left:492px;	} 
.gridtemp-2 #gridlink-129 { 	top:279px; left:615px;	} 
.gridtemp-2 #gridlink-130 { 	top:279px; left:738px;	} 
.gridtemp-2 #gridlink-131 { 	top:279px; left:861px;	}
.gridtemp-2 #gridlink-132 { 	top:372px; left:0;	}
.gridtemp-2 #gridlink-133 { 	top:372px; left:123px;	}
.gridtemp-2 #gridlink-134 { 	top:372px; left:246px;	}
.gridtemp-2 #gridlink-135 { 	top:372px; left:369px;	}
.gridtemp-2 #gridlink-136 { 	top:372px; left:492px;	} 
.gridtemp-2 #gridlink-137 { 	top:372px; left:615px;	} 
.gridtemp-2 #gridlink-138 { 	top:372px; left:738px;	} 
.gridtemp-2 #gridlink-139 { 	top:372px; left:861px;	}

/*
.gridtemp-2 li {
	opacity: 0.3;
}
.gridtemp-2 li:hover {
	opacity: 1;
} 
*/

/* ! TABS */
#tabs {
	height: 28px;
	padding: 14px 20px 0;
	}
#tabs li {
	float: left;
	line-height: 28px;
	}
#tabs li a {
	display: block;
	height: 28px;
	background-color: #333;
	color: #eee;
	padding: 0 10px;
	border-right: 1px solid #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
#tabs li a.current {
	background-color: #666;
	color: #fff;
	}
#tabs li a:hover {
	text-decoration: none;
	background-color: #666;
	}

.panes {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	}
.panes li {
	display: block;
	line-height: 50px;
	border-top: 1px solid #eee;
	}
.panes li a {
	display: block;
	padding: 8px 0 9px 14px;
	height: 50px;
	}
.panes li a:hover {
	background-color: #eee;
	text-decoration: none;
	}
.panes li span {
	display: block;
	float: left;
	height: 50px;
	color: #000;
	}
.panes li.current {
	background-color: #eee;
	}
.panes li.intro {
	line-height: 1.7em;
	background-color: #666;
	border: 1px solid #666;
	color: #eee;
	padding: 20px 30px 20px 14px;
	}
.panes span.hour {
	width: 50px;
	}
.panes span.location {
	width: 105px;
	font-size: 70%;
	overflow: hidden;
	}
.panes span.thumb {
	padding-right: 14px;
	height: 50px;
	width: 50px;
	overflow: hidden;
	font-size: 8px;
	}
.panes li.current span.thumb {
	visibility: hidden;
	}
.panes span.title {
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
	width: 350px;
	}
.panes span.more {
	float: right;
	color: blue;
	padding-right: 30px;
	}
.panes a:hover span.more {
	text-decoration: underline;
	}
.pane-detail {
	margin-top: -5px;
	}
.pane-detail .date,
.pane-detail h2 {
	display: none;
	}
.pane-detail .text {
	padding-top: 14px;
	padding-bottom: 30px;
	}
.pane-detail .entry {
	border-top: none;
	padding: 0 14px 20px;
	margin-bottom: 0;
	}
.pane-detail .entry a {
	display: inline;
	height: auto;
	padding: 0;
	}
.pane-detail .entry a:hover {
	text-decoration: underline;
	}
.pane-detail .share {
	}
.pane-detail .share a {
	padding-top: 0;
	}
.pane-detail .ticket {
	float: right;
	margin-top: -60px;
	}
.pane-detail .ticket a {
	font-size: 11px;
	display: block;
	background-color: #333;
	padding: 0px  10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	height: auto;
	line-height: 23px;
	height: 23px
	}
.pane-detail .ticket a:hover {
	text-decoration: none;
	background-color: #999;
	color: blue;
	} 

/* ! BLOG*/
.entry-links {
	clear: left;
	padding: 10px 0 10px;
	margin: 40px 0 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	}
.entry-link {
	display: inline;
	}
.entry-prevLink {
	float: left;
	}
.entry-nextLink {
	float: right;
	}
.entry-detaillink {
	display: block;
	clear: left;
	margin: -5px 0 50px;
	font-size: 18px;
	
	}
.current {
	color: #000;
}


#partners {
	text-align:center;
	margin:60px 0 40px;
	line-height: 1.7em;
	}

#partners a {
	margin:20px 16px;
	}
#partners img {
	}
#footer {
	text-align: center;
	background-color: #F1F1F1;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	font-size:11px;
	line-height: 1.7em;
	padding:11px 0 3px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	}

#footer li {
	color: #000;
	padding: 0 20px 0 0;
	display: inline;
	}

#footer li a {
}