/**********************
    ALLGEMEIN
**********************/ 

*{
	margin: 0;
	padding: 0;
}
html{
	height:101%;
}
body{
    background: #FFFFFF;
	font-size: 76%;
    line-height: 1.6em;
	font-family: verdana, sans-serif;
	color:#000000;
    line-height: 1.2em;
	text-align:left;
}


/**********************
    DIVS
**********************/
#header{
    background-color:#006687;
	background-image:url('/_img/_design/header.jpg');
	background-repeat:repeat-y;
	height:10em;
	margin:2em 0 0 0;
}
#center{
	width:780px;
	margin:0 0 0 12em;
}
	#center img{
		margin:1em 0 0 0;
		float:left;
	}
#subnavi{
	float:right;
	margin:0;
	padding:0.3em;	
}
	#subnavi li{
		display:inline;
		list-style:none;
		padding:0.75em 0.4em;
	}
	#subnavi li a, #subnavi li a:link, #subnavi li a:visited, #subnavi li a:hover{
		color:#ffffff;
		font-size:0.9em;
		line-height:2.25em;
		text-decoration:none;
	}
#container{
	width:780px;
	margin:0 0 0 12em;
}

  /*************/
 /* SLIDESHOW */
/*************/

#sidebar {
	width: 21.8em;
	margin: 0 1em;
	color: #018296;
}
	.slidebar {
	    clear:both;
        width:780px;
        height:213px;
	    margin:auto;
		background-color:#ffffff;
	}
		.slidebar p{
			text-align:left;
			font-size:.8em;
			line-height:1.1em;
			font-weight:bold;
			color:#FFFFFF;
			padding:0 0 10px 5px;
		}
	.slideshow {
		float:left;
		overflow:hidden;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position: relative;
		width: 156px;
		height: 213px;
	}
		.slideshow p{
			font-weight:normal;
			display:block;
			text-align: center;
			margin:0;
			padding:0;
			width:156px;
			height:57px;
			background-color:#FFFFFF;
			color:#006687;
		}
	.slideshow div {
		position: absolute;
		top: 0;
		left: 0;
	}
	.slideshow img {
	   /*border-right:1px solid #fff;*/
	   width: 156px;
	   height: 156px;
	   margin:0;
	   padding:0;
	   border:0;
	}
  /**************/
 /* NAVIGATION */
/**************/
#navi {
	background-image: url('/_img/_design/slide.jpg');
    background-color: #006687;
    background-repeat: repeat-y;
    color:#FFF;
    width:780px;
    height:32px;
    overflow:hidden;
}
#navi li {
    float:left;
    position:relative;
    text-align:center;
    cursor:pointer;
    width: 156px;
    list-style:none;
	padding:0.75em 0;
}
#navi li a {
	color:#FFF;
	text-decoration:none;
	display:block-inline;
	padding:15px 5px;
    color:#FFF;
}
#navi li a:hover {
    color:#FFF;
    text-decoration:none;
}
#navi li:hover {
    background-color:#006687;
    color:#FFF;
    text-decoration:none;
}
#navi li.active{
	background-color:#006687;
}
#content {
	width: 780px;
	margin:3em auto;
	background-color:#FFFFFF;
}
#content div.agora_ref {
	width: 200px;
	height:200px;
	float:left;
	margin:0 5px 5px 0;
	text-align:center;
}
	#content div.agora_ref a, #content div.agora_ref a:link, #content div.agora_ref a:visited, #content div.agora_ref a:hover{
		text-decoration:none;
		color:#006687;
	}


/**********************
    ELEMENTE
**********************/
#content h1{
    padding:5px 0px;
    text-align:left;
    font-size:11pt;
    font-weight:bold;
    letter-spacing:2px;
    border-bottom:1px solid #ddd;
    font-variant: small-caps;
	margin-bottom:10px;
}
#content h2{
    font-size:9pt;
		font-weight:bold;
		margin-bottom:20px;
		margin-bottom:5px;
		text-align:left;
}
#content h3{
    font-size:10pt;
		font-weight:bold;
		text-align:left;
}
#content h4{
    font-size:8pt;
		font-weight:bold;
		text-align:left;
}
#content h5{
   font-size:8pt;
		font-weight:bold;
		text-align:left;
}
#content h6{
    font-size:8pt;
		font-weight:bold;
		text-align:left;
}
#content p{
    font-size: 1em;
    line-height: 1.5em;
	margin: 0 0;
}
#content p label{
	font-size:1em;
}
#content a, #content a_link, #content a:visited{
    color: #000000;
    text-decoration: underline;
    font-family: verdana, sans-serif;
}
#content a:hover{
    color: #006687;
    text-decoration:underline;
}
#content a.active{
    color: #006687;
    text-decoration:underline;
}
#content strong{
    font-weight: bold;
}

#content .speaker_img{
    float: left;
    margin: .5em;
    margin-left: 0;
	margin-right:10px;
    border: #ddd 1px solid;
    padding: 2pt;
}
#content .partner_img{
    float: left;
    margin: .5em;
    margin-left: 0;
    border: none;
    padding: 2pt;
}
#content .service_img{
    float: right;
    margin: 0 0 .5em .5em;
}

#content label{
	font-family: verdana, sans-serif;
	color:#000000;
    font-size: .8em;
    line-height: 1.5em;
	
}

#content li{
	font-family: verdana, sans-serif;
	color:#000000;
	font-size: 1em;
    line-height: 1.5em;
	list-style:none;
	display:inline;
	margin:0 20px 0 0;
}
#content li a, #content li a:link, #content li a:visited, #content li a:hover{
	color: #006687;
}

#content ul.bulletpoints{
	list-style:circle;
}

#content ul.bulletpoints li{
	list-style:none;
	display:list-item;
	padding:5px 0 0 20px;
	list-style-position:inside;
	margin:0;
}
	#content ul.bulletpoints li strong{
		color: #006687;
	}

/**********************
 * PROGRAMM STYLE *
**********************/

#content div.workshop{
	float:left;
	width:220px;
	height:350px;
	margin:0 5px 10px 0;
	border: 1px solid #DDDDDD;
}
	#content div.workshop h4{
		display:block;
		width:220px;
		height:20px;
		color:#FFFFFF;
		background-color:#006687;
		text-align:center;
	}
	#content div.workshop a.red{
		color: #006687;
	}
	#content div.workshop h6{
		font-weight:normal;
	}

#content div.programm {
    margin:1em 1em;
    clear:both;
    width: 700px;
    font-family:Verdana;
}
#content div.programm h1{
	display: block;
    padding:0px;
    padding-bottom:6px;
    margin:0px;
    font-size:10pt;
    border:none;
	font-weight:bold;
    color: black;
    background: white;
    font-variant:small-caps;
}

#content div.programm h2 {
    display:block;
    font-variant:small-caps;
    color: #000000;
}

#content div.programm h2.module {
    font-size:0.9em;
	display:block;
	border-top:1px solid #ddd;
    font-variant:small-caps;
    color: #C3C3C3;
}

#content div.programm h3{
	margin-bottom:15px;
	margin-top:30px;
    letter-spacing:0px;
    font-size:9pt;
    padding:0px;
    color:#000;
}

#content div.programm div.ref_group{
	margin:5px 0 5px 137px;
}

#content div.programm div.ref_group div.h6{
	float:left;
	font-weight:normal;
	width:190px;
	padding:0 10px 0 0;
	height:155px;
	text-align:left;
	
}
	#content div.programm div.ref_group div.h6 a{
		color: #006687;
	}


#content div.programm p{
    margin:0px;
	margin-left:140px;
    font-size:1em;
    letter-spacing:0px;
    line-height:11pt;           
}

#content div.programm h3.tag {
    padding:5px 0px;
    text-align:left;
    font-size:1.0em;
    font-weight:bold;
    letter-spacing:2px;
    border-bottom:1px solid #ddd;
    font-variant: small-caps;
}
#content div.programm h4{
	margin-top:18px;
	margin-bottom:0px;
	margin-left:140px;
	width:456px;
    text-align:left;
    font-size:1em;
    font-weight:bold;
	display:block;
	height:20px;
	color:#FFFFFF;
	background-color:#006687;
	padding: 3px 0 0 10px;
}

#content div.programm h5{
	font-size: 1em;
}

#content div.programm h5.zeit {
	float:left;
    text-align:left;
    font-size:1em;
    font-weight:normal;
    letter-spacing:0px;
    padding:2px 5px 0 0;
    margin:0px;    
    color: #006687;
}
#content div.programm.programm_ref, div.programm.programm_ref a {
    padding:0px 0px;
    padding-bottom:20px;
    margin:0px;
	margin-bottom:20px;
    padding-right:0px;
    font-size:8pt;
    letter-spacing:0px;
}
#content div.programm img.programm_ref {
    margin:0px 5px 5px 0px;
    float:left;
    border:1px solid #ddd;
}

#content div.programm a.red{
	color:#006687;
}
#content div.programm a.red:hover{
	color:#006687;
	text-decoration:underline;
}


#content div.programm ul{
		padding-top:5px;
	}
	#content div.programm ul li {
		display: inline;
		list-style:none;
		margin:0px 20px 0px 0px;
		color: #000000;
	}
	#content div.programm ul li a{
    	text-decoration: none;
    	font-family: verdana, sans-serif;
		font-size:13px;
		line-height:18px;
    	color: #000000;
	}
	#content div.programm ul li a.active{
    	text-decoration:none;
		color: #6B100B;
	}
	#content div.programm ul li a:hover{
    	text-decoration:none;
		color: #006687;
	}

/********************
 * SPEAKER STYLE *
********************/

div.speaker p.spalte{
	margin-left: 110px;
	width:560px;
	float:left;
}

#content div.speaker div.bild{
	position:relative;
	float:left;
	width:445px;
	height:103px;
	margin-left: 10px;
	margin-top:0px;
	
}
#content div.speaker div.bild div{
	position:absolute;
	bottom:0;
}
#content div.speaker div.bild div h2{
	border:none;
}
#content div.speaker div.bild div h3{
	border-bottom:1px solid #ddd;
	padding-bottom:4px;
}

/********************
 * TV-Statements *
********************/
#content div.moviebox{
	float:right;
	height:270px;
	margin-top:20px;
	width:340px;
}

/********************
 * SERVICE STYLE *
********************/

div.service h2{
	margin-top: 30px;
}

h2{
	padding:5px 0px;
    text-align:left;
    font-size:1.0em;
    font-weight:bold;
    letter-spacing:2px;
    border-bottom:1px solid #ddd;
    font-variant: small-caps;
}

#content div.service a, #content div.service a:hover, #content div.service a:visited {
	text-decoration:underline;
}
/************************
 * RUECKBLICK-GALERIE *
************************/
   div#pic_options{
        padding: 5px 10px;
        position: absolute;
        text-align: center;
        vertical-align: middle;
        line-height: 20px;
        background: #ddd;
        border: 1px solid #aaa;
        margin: 9px;
        z-index:99;
   }
   div#pic_options a {
        text-decoration: none;
        background: #eee;
        border: 1px outset #fff;
        color: #000;
        text-align:center;
        display: inline-block;
        padding: 3px;
   }
   div#pic_options a:hover {
        background: #eee;
        border: 1px inset #fff;
        color:#f00;
   }
   
   div#pic_options a.disabled,
   div#pic_options a.disabled:hover {
        background: none;
        border: 1px solid #ddd;;
   }
   form#pic_recommend {
        background:none;
        text-align: left;
   }
   form#pic_recommend h1,
   form#pic_recommend h2 {
        padding-bottom: 5pt;
        text-align: left;
   }
   form#pic_recommend table {
        width: auto;
   }
   form#pic_recommend caption {
        text-align: left;
        font-weight: bold;
   }
   form#pic_recommend input,
   form#pic_recommend textarea {
        vertical-align: middle;
        border: 1px solid #eee;
        margin: 0;
   }
   form#pic_recommend table tr td,
   form#pic_recommend table tr th{
        font-size: 8pt;
        padding: 2px 4px;
        text-align: left;
   }
   form#pic_recommend input,
   form#pic_recommend textarea {
        width: auto;
        border: 1px solid #888;
   }
   form#pic_recommend textarea {
        height: 50px;
   }
   .opac_100 {
	   opacity: 0.9;
	   filter:alpha(opacity=90);
	}
	.opac_50 {
	   opacity: 0.5;
	   filter:alpha(opacity=50);
	}
	.opac_0 {
	   opacity: 0;
	   filter:alpha(opacity=0);
	}

/********************
 * PARTNER STYLE *
********************/
#content div.partner h2{
	margin-bottom:20px;
}
#content div.partner{
	margin-bottom:20px;
}
#content div.partner a.red{
	color:#006687;
}

/********************
 * IMPRESSUM STYLE *
********************/
#content div.impressum strong{
	color:#006687;
}
#content div.impressum p{
	margin: 15px 0;
}

  /********************/
 /* EVALUATIONSBOGEN */
/********************/

   #content div.voting {
        width: 780px;
        font-size: 90%;
		text-align:left;
   }

   #content div.voting form {
   }
   
   #content div.voting h1,
   #content div.voting h2,
   #content div.voting h4,
   #content div.voting h5,
   #content div.voting h6 {
        margin: 0;
        padding: 0;
        text-align: left;
        line-height: 1.6em;
        border-bottom: 1px solid #cccccc;
   }
   
   #content div.voting div.h1{
    border-bottom:1px solid #DDDDDD;
	padding:5px 0;
	text-align:left;
	margin-top:20px;
   }
   #content div.voting div.h1 label{
   		margin:0;
	    padding:0;
		font-size:1em;
		font-variant:small-caps;
		font-weight:bold;
		letter-spacing:2px;
   }
   #content div.voting div.h2 {
       font-size: 1.4em;
       background-color: #FFFFFF;
	   padding:0;
	   height:20px;
	   margin-top:0px;
   }
   #content div.voting div.h2 label {
   		/*padding-bottom:3px;*/
		margin-bottom:0;
		font-weight:bold;
		color: #6B100B;
   }
   #content div.voting div.info label,  #content div.voting div.checkboxes label {
       font-weight:bold;
       color:#000000;
	   padding: 0;
	   margin:0;
       font-size: 12px;
   }
   #content div.voting div.h3 {
       font-size: 1.4em;
       background-color: #FFFFFF;
	   border-bottom:0;
	   margin-top:20px;
   }
   #content div.voting h4 {
       font-size: 1.4em;
       background-color: #000;
       color:#fff;
   }
   #content div.voting h5 {
       background-color: #fff;
       font-size: 1.4em;
   }
   #content div.voting h6 {
       background-color: #fff;
       font-size: 1.4em;
   }
   #content div.voting div {
       background: #FFFFFF;
       display: block;
       vertical-align: middle;
       margin: 0.2em 0;
	   padding:1px;
   }
   #content div.voting p {
       font-size: 0.9em;
       border: 0;
       padding: 0.25em 0.5em;
       margin: 0;
   }
    #content div.voting ul {
        font-size: 0.9em;
        margin: 5px 20px;
        line-height: 1.3em;
        list-style-type: square;
    }
    #content div.voting li{
                display:block;
    }
   
   #content div.voting input {
       vertical-align: middle;
       border: 0;
       margin: 0.5em 0.25em;
       padding: 0;
       width: auto;
       border: 1px inset #ccc !important;
   }
   #content div.voting textarea {
       border: 1px inset #ccc !important;
   }
   
   #content div.voting label {
      width: 35%;
      vertical-align: middle;
	  font-family: verdana, sans-serif;
	  font-size:11px;
      margin-right: 0.1em;
      font-weight: normal;
	 font-weight:bold;
     color: #006687;
      margin: 2em 0 1em 0;
      padding-right: 0;
   }
   #content div.voting div.voting_optgroup label,
   #content div.voting div.voting_longtext label {
      width: auto !important;
	  margin:0;
	  
   }
   #content div.voting div.scale{
     font-family: verdana, sans-serif;
	  font-size:11px;
   }
   #content div.voting div.jn{
     font-family: verdana, sans-serif;
	  font-size:11px;
   }
   
   #content div.voting div.voting_scale label{
      width: 50% !important;
      display: block;
   }
   
   
   #content div.voting div.voting_scale input{
      border: 0 !important;
   }
   
   #content div.voting div.voting_jn label {
      width: 50% !important;
	  display: block;
   }
   
   #content div.voting div.voting_jn input {
    border: 0 !important;
   }
   
   #content div.voting img {
      margin: 0.25em;
   }
   
   #content div.voting .submit,
   #content div.voting .reset {
       border: solid #000 0.1em;
       padding: 0.2em 0.5em;
       color: #fff;
       font-weight: bold;
   }
   
   #content div.voting div.voting_footer {
       background: #fff;
       clear: left;
   }
   
   #content div.voting div.voting_footer * {
       position: static;
       float: none;
   }
   
   #content div.voting .submit {
       background: #006687;
   }
   #content div.voting .reset {
       background: #800;
   }

/*ANMELDUNG*/
#anmeldung div.grey{
	background-color:#EEEEEE;
	border: 1px solid #CCCCCC;
	padding:10px;
	margin-bottom:10px;	
}
#anmeldung div.grey span{
	margin-left:5px;	
}
#anmeldung input.name{
	width: 290px;
}
#anmeldung input.long{
	width: 585px;
}
#anmeldung input.street{
	width: 355px;
}
#anmeldung input.number{
	width: 227px;
}


/* /////////////////////////////////////
 *  NEUER RUECKBLICK
 /////////////////////////////////// */
#content div.rueckblick_navi{
    float:left;
    width:150px;
}
#content div.rueckblick_navi ul.rb_navi li{
    display:block;
    list-style:none;
    line-height:1.5em;
    padding:1px 5px;
}
#content div.rueckblick_navi ul.rb_navi li.year{
    background-color:#006687;
    color:#FFFFFF;
    font-weight:bold;
}
#content div.rueckblick_navi ul.rb_navi li a{
    text-decoration:none;
}
#content div.rueckblick_inhalt{
    float:left;
    width:620px;
}


/**********************
    class - styles
**********************/ 

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	float:none;
	visibility: hidden;
}
.speaker{
    margin: 1em 0;
}
.speaker h2 a{
    color: black !important;
    text-decoration: none;
    font-size: 1em !important;
    line-height: 2em;
}
.registration{
    font-family: verdana, sans-serif;
    font-size: .8em;
    line-height: 1.5em;
}
.registration .error{
    border: 1px red solid;
}
.registration input{
    border: 1px solid #aaa;
    padding: 1pt;
}
.registration td{
    padding: 2pt;
}

#content .smallText{
	font-size:.8em;
}

.clearfix {
	display: inline-block;
} /* for IE/Mac */