@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------------------------- */

Body, html {
	width:100%;
	border:0;
	padding:0;
	margin:0;
    background-image:url(../Bilder/Base/background-center.jpg);
    background-repeat:repeat-y;
    background-position:50%;
    overflow-x:hidden;
    font-size:11px;font:"Segoe UI";
    font-family:"Segoe UI", 'Open Sans', Verdana, Arial, sans-serif;
    line-height:1.5;
}

a {
    color:#5d5d5d;
    text-decoration:underline;
    text-transform:none;
}

a:hover {
    color:#284876;
}

.preloadDiv {
    visibility:hidden;
    height:1px;
    width:1px;
    overflow:hidden;
    position:absolute;
    top:0px;
    left:0px;
}
sup, sub { 
	font-style:normal; 
	text-transform:none;
}

/* ---------------------------------------------------------------------------------------------------------------------- */

#nojavascript {
    color:red;
    display:block;
    padding:20px;
    border: 1px solid red;
    margin-top:40px;
    background-color:#fff;
}

#nojavascript a { color:Maroon; }

#nojavascript a:hover { color:black; }

/* ---------------------------------------------------------------------------------------------------------------------- */

html{
    overflow-y:scroll;   background-color:#f3f3f3;  
}

img {
    background-image:url(../Bilder/Base/loading_img.gif);
    background-repeat:no-repeat;
    background-position:center center;
    border:0;
}

sub {
    font-size:8px;
    line-height:0.5;
}

#bg_top {
    background-image:url(../Bilder/Base/background-top.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    height:443px;
    width:1600px;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-800px;
}

#content_wrapper {
    height:auto;
    width:994px;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-497px;
}

#content_container {
    position:absolute;
    top:490px;
    left:50%;
    margin-left:-465px;
    display:block;
    width:580px;    
    z-index:1;
    color:#5d5d5d;
    line-height:1.5;
    text-align:left;
    font-size:12px; font:"Segoe UI";
    font-family:"Segoe UI", 'Open Sans', Verdana, Arial, sans-serif;
}

h1 {
    font-size: 16px;
    color:#284876;
    font-weight:normal;
    display:block;
    padding: 10px 0 10px 0;
}

h2 {
    font-size: 13px;
    color:#284876;
    font-weight:bold;
    display:block;
    padding: 10px 0 0 0;
    margin:0;
}

h3 {
    font-size: 13px;
    color:#284876;
    font-weight:normal;
    display:block;
    padding: 5px 0 5px 0;
    margin:0 0 0 0;
}

h4 {
    font-size: 16px;
    color:#284876;
    font-weight:normal;
    display:block;
    padding: 5px 0 0 0;
    margin:0;
}

.downloadbox {
    padding:20px;
    border:1px solid #999;
    background-color:#fff;
    display:block;
    margin:30px 0 0 0;
    height:auto;
}

.linkbox, .blanklinkbox {
    padding:20px;
    border:1px solid #999;
    background-color:#fff;
    display:block;
    margin:30px 0 0 0;
    height:auto;
    cursor:pointer;
}

.linkbox:hover, .blanklinkbox:hover {
    border:5px solid #284876;
    padding:16px;
}

a.linkbox, a.blanklinkbox {
    text-decoration:none;
    text-transform:none;
}

em.leit {
    display:block;
    padding:5px 0 5px 0;
    font-size: 13px;
}

.highlight {
    text-decoration:underline;
    font-weight:bold;
    color:#284876;
}

#Footer {
    height:200px;
    width:100%;
    padding:3px 0 50px 0;
    margin:30px 0 0 0;
    left:0;
    margin-left:0px;
    background-image:url(../Bilder/Base/trenner.gif);
    background-repeat:repeat-x;
    background-position:top;
    clear:both;
    text-align:left;
    color:#888;
    font-size:9px;
}

.bildunterschrift {
    color:#888;
    font-size:9px;
    text-align:right;
}

#Footer a, .bildunterschrift a {
    text-decoration:underline;
    text-transform:none;
    color:#888;
}

#Footer a:hover, .bildunterschrift a:hover {
    color:#000;
}


/* -- SIDEBAR ------------------------------------------------------------------------------------------------------------------- */


#sidebar {
    width:371px;
    height:505px;
    position:absolute;
    top:500px;
    left:50%;
    margin-left:160px;
    display:block;
    background-image:url(../Bilder/Base/sidebar.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#sidebar div {
    width:360px;
    height:155px;
    position:absolute;
    left:10px;
    display:block;
    cursor:pointer;
}

#button_01 {
    top:21px;
    background-image:url(../Bilder/Base/Button_01_inakt.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#button_01:hover {
    background-image:url(../Bilder/Base/Button_01_akt.jpg);
}

#button_02 {
    top:176px;
    background-image:url(../Bilder/Base/Button_02_inakt.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#button_02:hover {
    background-image:url(../Bilder/Base/Button_02_akt.jpg);
}

#button_03 {
    top:331px;
    background-image:url(../Bilder/Base/Button_03_inakt.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#button_03:hover {
    background-image:url(../Bilder/Base/Button_03_akt.jpg);
}

/*--------------------------------------------------------------------*/

#button_01_E {
    top:21px;
    background-image:url(../Bilder/Base/Button_01_E_inakt.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#button_01_E:hover {
    background-image:url(../Bilder/Base/Button_01_E_akt.jpg);
}

#button_02_E {
    top:176px;
    background-image:url(../Bilder/Base/Button_02_E_inakt.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#button_02_E:hover {
    background-image:url(../Bilder/Base/Button_02_E_akt.jpg);
}

#button_03_E {
    top:331px;
    background-image:url(../Bilder/Base/Button_03_E_inakt.jpg);
    background-repeat:no-repeat;
    background-position:top left;
}

#button_03_E:hover {
    background-image:url(../Bilder/Base/Button_03_E_akt.jpg);
}



#TagCloud {
    width:300px;
    height:150px;
    position:absolute;
    top:1020px;
    left:50%;
    margin-left:180px;
    display:none; /* derzeit inaktiv */
    overflow:visible;
    padding-bottom:100px;
}

#charts p {
    line-height:1.4;
    margin:0;
    padding:0;
    display:block;
    color:#333;
    font-size:9px;
    width:250px;
    text-align:center;
}

/* -- TICKER -------------------------------------------------------------------------------------------------------------------- */

#ticker_container, #slides {
    height:279px;
    width:994px;
    position:absolute;
    top:131px;
    left:50%;
    margin-left:-497px;
    background-image:url(../Bilder/Base/loading.gif);
    background-position:center;
    background-repeat:no-repeat;
    background-color:#666;
	overflow:hidden;
}

.slides_container {
    height:279px;
    width:994px;
}

.slides_container div.slide {
    width:994px;
    height:279px;
    display:block;
}



/* 
Pagination
*/


.pagination {
    position:absolute;
    display:block;
    top:5px;
    left:100%;
    margin-left:-130px; width:100px;
    z-index:1000;
}

.pagination li { 
	float:left; 
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../Bilder/Ticker/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}



/*
	Caption
*/



.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	right:0;
	height:279px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.7);
	width:200px;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;

}

.CaptionTitel {
    font-size:16px;
    font-weight:bold;
    color:#fff;
    display:block;
    padding-top:50px;
    padding-bottom:10px;
    line-height:1.2;
}

.CaptionTitel font {
    color:#b6ddfa;
    display:block;
}

.CaptionText {
    font-size:11px;
}

/* -- MENU -------------------------------------------------------------------------------------------------------------------- */

#menu_container {
    height:52px;
    width:954px;
    padding:0 0 0 0;
    position:absolute;
    top:410px;
    left:50%;
    margin-left:-477px;
    background-image:url(../Bilder/Base/trenner.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    z-index:90;
}

#menu_container a {
    text-decoration: none;
    text-transform:none;
}

ul.topnav {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	width: 954px;
	font-size: 16px;
    color:#284876;
    cursor:pointer;
}

ul.topnav li {
	float: left;
	margin: 12px;
	padding: 0 0 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li.active, ul.topnav li:hover {
    padding:0 0 10px 0;
    border-bottom: 5px solid #284876;
}

ul.topnav li a{
	padding: 0 0 0 0;
	display: block;
	text-decoration: none;
	float: left;
    color:#284876;
}

ul.topnav li a:hover{
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; 
    top: 39px;
	background: #284876;
	margin: 0 0 0 -1px;
    padding: 10px;
	display: none;
	float: left;
	width: 100px;
	border-top: 0;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;

}

ul.topnav li ul.subnav li a{
	margin: 0 0 0 0; 
    padding: 3px;
    border:0;
	clear: both;
	width: 100px;
    font-size:12px;
    color:#fff;
}

ul.topnav li ul.subnav:hover li, ul.topnav li ul.subnav li {
	margin: 0; 
    padding: 0;
    border:0;
    font-size:12px;
    color:#fff;
}

ul.topnav li ul.subnav:hover li a:hover {
    color:#b6ddfa;
}

ul.topnav li ul.subnav:hover li a.activesub, ul.topnav li ul.subnav li a.activesub {
    color:#b6ddfa;    
}

/* ---------------------------------------------------------------------------------------------------------------------- */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}

ul.tabs li a:hover {
	background: #ccc;

}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}

.tab_content {
	padding: 20px;
}

.blue {
    color:#284876;
}

.alphabet {
   	font-size: 16px;
	line-height: 1;
   	text-transform: uppercase;
   	color: #5d5d5d;
   	padding-left: 0px;
	padding-right:5px;
	padding-bottom:15px;
	padding-top:30px;
   	margin-right: 5px;
   	margin-top: 0px;
	display:block;
	border-bottom:solid 1px #5d5d5d;	
}

a.ref-alphabet {
    color:#5d5d5d;
    margin:12px 0 0 0;
    padding:0 0 0 0;
    display:block;
    text-decoration:none;
    text-transform:none;
}

a.ref-alphabet:hover {
	background: #f3f3f3;
    margin:8px -4px -4px -4px;
    padding:4px 4px 4px 4px;
}

a.ref-alphabet span.Refname {
  	text-transform: uppercase;
    color:#284876;
    text-decoration:underline;
}

a.textlink, a.download {
    color:#284876;
    text-decoration:underline;
    text-transform:none;
}

a.textlink:hover, a.download:hover {
    font-weight:bold;
}

a.download{
    padding-left:25px;
    background-image:url(../Bilder/Base/download_icon.gif);
    background-repeat:no-repeat;
    background-position:left center;
    display:block;
    min-height:15px;
}

a.grouped_elements img {
    width:100px;
    border:0;
    opacity:1.0;
	filter: alpha(opacity = 100);
}

a.grouped_elements {
    margin:0 0 0 0;
    padding:4px;
    display:block;
    width:100px;
    height:66px;
    float:left;
}

a.grouped_elements:hover img {
    opacity:0.8;
	filter: alpha(opacity = 80);
}

.pic-Header {
    float:left;
    padding:0 0 10px 0;
    display:block;
    width:100%;
}

.spacer {
    display:block;
    height:20px;
    width:100%;
    float:left;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	left:50%;
    margin-left:433px;
	overflow:hidden;
	width:81px;
	height:57px;
	border:none;
	text-indent:-999px;
    background-image:url(../Bilder/Base/ScrollToTop.png);
    background-repeat:no-repeat;
    background-position:left top;
    border:0;
    z-index:2000;
}



#toTopHover {
	width:81px;
	height:57px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
    background-image:url(../Bilder/Base/ScrollToTop_akt.png);
    background-repeat:no-repeat;
    background-position:left top;
    border:0;
}

#toTop:active, #toTop:focus {
	outline:none;
}

a.language {
    display:block;
    height:10px;
    width:17px;
    position:absolute;
    top:96px;
    left:50%;
    background-repeat:no-repeat;
    background-position:center;
    border:0;
    cursor:pointer;
}

a.ger {
    margin:0 0 0 440px;
    background-image:url(../Bilder/Base/deutsch_inaktiv.gif);
}

a.ger.activeLanguage, a.ger:hover{
    background-image:url(../Bilder/Base/deutsch_aktiv.gif);
}

a.eng {
    margin:0 0 0 460px;
    background-image:url(../Bilder/Base/englisch_inaktiv.gif);
}

a.eng.activeLanguage, a.eng:hover{
    background-image:url(../Bilder/Base/englisch_aktiv.gif);
}

.ProgrammBox {
    padding:20px;
    border:1px solid #999;
    background-color:#fff;
    display:block;
	margin:15px 0 0 0;
    height:auto;
    cursor:default;
}

.ProgrammBox:hover {
}

.ProgrammBox.session a.ref-alphabet, .ProgrammBox.session a.ref-alphabet:hover {
	margin:7px 0 0 0;
	padding:0;
}

.ProgrammBox .Time, .ProgrammBox .Topic {
	float:none;
}

.ProgrammBox .Time {
    color:#999;
    font-weight:normal;
	font-size: 22px;
	display:block;
	padding-bottom:10px;
}

.ProgrammBox .Time em {
	font-size:14px;
}

.ProgrammBox .Time.small {
	font-size:14px;
	padding:5px 5px 5px 0;
}

.ProgrammBox .Topic {
    color:#284876;
    font-weight:bold;
	font-size: 12px;
}

.ProgrammBox a.ref-alphabet {
	color:#999;
}

.ProgrammBox a.ref-alphabet .Refname {
	text-decoration:none;
	color:#000;
	text-transform:none;
}

.ProgrammBox a.ref-alphabet:hover {
	background-color:#fff;
	color:#333;
}

.ProgrammBox a.ref-alphabet:hover .Refname {
	background-color:#fff;
	text-decoration:underline;
	text-transform:none;
}

h3.Pause {
	padding:10px 0 10px 15px;
	margin:0 0 0 0;
	color:#999;
}

.ProgrammBox .sessionTitle {
    color:#284876;
    font-weight:bold;
	font-size: 18px;
	line-height:1.3;
	display:block;
	padding-bottom:0px;
}

/*

Sponsoren

*/

.SponsorenContainer {
}

.Logo_TD {
	width:190px;
}

.Details_TD {
	width:210px;	
}

.internet {
	text-decoration:underline;
}

a.sponsor {
}

a.sponsor img {
	border-right:1px solid #ccc;	
	width:200px;
}

a.sponsor-Detail {
	color:#666;
}

a.sponsor-Detail:hover {
	color:#284876;
}