/**********************
    Id - styles
**********************/ 
/*

   Farben:   
       Linkfarbe, footer: #00AEEF;
       Linkhover: #0080B0;
       
       Überschrift-Hintergrund, Überschrift Textfarben (wenn nicht weiss oder schwarz): #066D93;
       
       Hintergrund f�r den Registerbutton: #B13232;
       
       Werbung Hintergrund: #e5e5e5;

*/ 
/* wrapper der den gesamten Content beinhaltet */
html{
	height:101%;
}

*{
	margin: 0;
	padding: 0;
}

body{
    background: #FFFFFF;
}

#all {
	width: 100%;
	background: white;
	text-align:center;
}

#headerLogo{
	margin: 0 auto;
	height:100px;
    width: 900px;
}

/* die horizontale Navigation �ber dem Header */
#headerNavi {
	margin:0;
	padding:0;
	padding-top:70px;
}

#headerNavi ul {
	float: right;
}

#headerNavi ul li {
	display: inline;
	margin-right:2px;
	margin-left:10px;
}
#headerNavi ul li a{
    text-decoration: none;
    font-family: verdana, sans-serif;
    color: #005480;
    font-size: 0.7em;
	text-transform:uppercase;
}
#headerNavi ul li a.active{
    text-decoration:none;
}
#headerNavi ul li a:hover{
    text-decoration:underline;
}

/* der Headerwrapper */
#header {
	margin-top:0px;
	height:175px;
	width: inherit; /* wird von #all geerbt */
	margin: inherit;
	background-color:#36A7E9;
}
/* Banner */
#banner{
	padding-top:20px;
	float:right;
	width:180px;
	text-align:center;
}
#banner p{
	font-family: verdana, sans-serif;
    font-size: .8em;
    line-height: 1.5em;
}
#banner a{
    color: #003B57;
    text-decoration: none;
    font-family: verdana, sans-serif;
}
#banner a:hover{
    color: #0080B0;
    background: url(../_img/_design/link_hover.gif) no-repeat;
    background-position: bottom right;
}
#banner strong{
    font-weight: bold;
}


/* Center */
#center{
	margin: 0 auto;
    width: 900px;
    background-color:#36A7E9;
}

/* holder f�r das Speakerbild */
#headerSpeakers {
	width: inherit; /* wird von #header geerbt */
    background-color:#36A7E9;
    height: 175px;
}

/* horizontale Navigation im Header */
#navi {
		width:179px;
		text-align:left;
        float:left;
}
#navi div{
	float:left;
	width:179px;
	height:30px;
	clear:none;
	display:inline;
}
#navi div a{
	display:block;
	width:174px;
	height:20px;
    text-decoration: none;
    font-family: verdana, sans-serif;
    color:#003B57;
    font-weight:bold;
    font-size: 0.8em;
	line-height:1.4em;
    text-transform: uppercase;
	padding-left:5px;
}
#navi div a:hover{
	 color: #36A7E9;
    
}
#navi div a.active{
	color: #36A7E9;
}
#navi div li a.sub_navi{
	list-style:none;
	font-size:0.6em;
	line-height:2em;
	color:#003B57;
	font-weight:normal;
	text-transform: none;
}
#navi div li a.sub_navi:hover{
	background-color:#CCDDE6;
	color:#FFFFFF;
}


/* RUECKBLICK NAVI */
#navi h2{
    padding-left:5px;
    color:#003B57;
    font-size:.9em;
    font-weight:bold;
    font-family:verdana,sans-serif;
}
#navi p{
    font-size:.8em;
    padding-left:10px;
    font-family:verdana,sans-serif;
    line-height:1.5em;
}
#navi p a, #navi p a:link, #navi p a:visited{
    color:#000000;
    text-decoration:none;
}
#navi p a:active, #navi p a:hover{
    color: #36A7E9;
}

#innerAll{
    margin: 20px auto;
    width: 900px;
	text-align:left;
}

/* Wrapper f�r den Content */
#content {
	width: 534px;
    float:left;
	text-align: justify;
	font-family: verdana, sans-serif;
	font-size: 12px;
    line-height: 1.5em;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p{
    font-family: verdana, sans-serif;
    line-height: 1.2em;
	text-align:justify;
}
#content h1{
    margin: 0px;
		padding: 0px;
		letter-spacing: 2px;
		font-size: 16pt;
		font-weight: normal;	
		margin: 0px 0px 20px 0px;
		text-align:left;
}
#content h2{
    font-size:11pt;
		font-weight:bold;
		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: 12px;
    line-height: 1.5em;
}
#content a{
    color: #003B57;
    text-decoration: none;
    font-family: verdana, sans-serif;
}
#content a:hover{
    color: #0080B0;
    background: url(../_img/_design/link_hover.gif) no-repeat;
    background-position: bottom right;
}

#content .rueck{
	font-size:12px;
	text-align:left;
}

#content strong{
    font-weight: bold;
}

#content .speaker_img{
    float: left;
    margin: .5em;
    margin-left: 0;
    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;
}

#rechts{
    float:left;
    width:179px;
}
#rechts p{
    padding:0 0 10px 20px;
}

/* rechte Contentspalte */
#cont_right {
	width: 270px;
	float: left;
}

/* Footer ganz unten */
#footer {
	width: 719px;
	clear:both;
	float:right;
	height: 30px;
	margin-top:25px;
	background-color: #003B57;
	color:#FFFFFF;
}
#footer p{
		font-family:verdana, sans-serif;
		font-size:12px;
		text-align:right;
		margin:0;
		padding-right:10px;
		line-height: 22pt;		
}
#footer a{
	color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover{
	color: #FFFFFF;
    text-decoration: underline;
}

#sitemap{
    list-style-type: disc;
    margin-left: 2em;
    margin-top: 1em;
}
#sitemap a{
    background: 0;
    font-size: .8em;
}
#sitemap li ul{
    list-style-type: circle;
    margin-left: 2em;
}

#anmeldeformular div.border{
    border:1px solid #000000;
    padding:10px;
}


/**********************
 * PROGRAMM STYLE *
**********************/
#programm{
	float:left;
}

#programm h4{
	padding:5px;
}
#programm a{
	padding:5px;
}
#programm a.morelink{
	padding:5px 0px;
}

#programm ul{
	margin-left:20px;
}

#programm li{
	list-style:none;
	float:left;
	margin-right:20px;
}
#programm li a{
	padding:0;
}

#programm p{
	font-size:8pt;
	text-align:left;
	padding:3px 15px 3px 5px;
	display:inline;
}
#programm b{
	padding-left:5px;
}

#content div.tag{
	margin:5px 2px 2px 2px;
	padding:6px;
	background-color:#77103B;
	clear:both;
}
h3.tag{
	color:#FFFFFF;
	line-height:1.8em;
}


#content div.termin p strong{
	display:inline;
	padding:3px 15px 3px 5px;
	line-height:1.6em;
	font-size:larger;
	color:#003B57;
	font-weight:bold;
}

#content div.termin{
	margin:2px;
	padding:3px;
	border:1px solid #D1D3D4;
	clear:both;
}
h4.termin{
	line-height:1.6em;
	color:#000000;
}
div.termin p{
	display:inline;
	padding:3px 15px 3px 5px;
}
div.termin h6{
	display:inline;
}

#content div.key{
	margin:2px;
	padding:3px;
	background-color: #D1D3D4;
	clear:both;
}
#content h4.key{
	line-height:1.6em;
	color:#000000;
}

#programm div.key p{
	line-height:1.6em;
}

#content div.key p strong{
	display:inline;
	padding:3px 15px 3px 5px;
	line-height:1.6em;
	font-size:larger;
	color:#003B57;
	font-weight:bold;

}
#content div.key h6{
	display:inline;
}
#content div.pause{
	margin:5px 2px 2px 2px;
	padding:3px;
	background-color:#003B57;
	clear:both;
}
#content h4.pause{
	line-height:1.6em;
	color:#FFFFFF;
}
#content div.pause p{
	line-height:1.6em;
	color:#FFFFFF;
}

#content div.time{
	margin:5px 2px 2px 2px;
	padding:3px;
	background-color:#77103B;
	clear:both;
}
#content h4.time{
	line-height:1.6em;
	color:#FFFFFF;
}

div.panel_a{
	width:261px;
	float:left;
	margin:2px;
	border:1px solid #D1D3D4;
	height:140px;
	overflow:hidden;
}

h4.panel_a{
	line-height:1.6em;
	width:261px;
	background-color:#003B57;
	color:#FFFFFF;
	padding:3px;
}

div.panel_b{
	width:261px;
	float:left;
	margin:2px;
	border:1px solid #D1D3D4;
	height:140px;
	overflow:hidden;
}

h4.panel_b{
       line-height:1.6em;
	width:261px;
	background-color:#77103B;
	color:#FFFFFF;
	padding:3px;
}

div.panel_c{
	width:172px;
	float:left;
	margin:2px;
	border:1px solid #D1D3D4;
	height:240px;
	overflow:hidden;
}

h4.panel_c{
	line-height:1.6em;
	width:172px;
	background-color:#003B57;
	color:#FFFFFF;
	padding:2px;
}



/* slideshow */
    .slidebar {
        clear:both;
        width:900px;
        height:175px;
		background-color:#36A7E9;
		/*border-right:1px solid #FFFFFF;
		border-left:1px solid #FFFFFF;*/
        margin:auto auto auto auto;
    }
   /* #slideshow1{
        border-left:1px solid #FFF;
    }*/
    .slideshow {
        float:left;
        overflow:hidden;
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
        position:relative;
        width: 150px;
        height: 175px;
    }
    .slideshow div {
        position: absolute;
        top: 0;
        left: 0;
    }
    .slideshow img {
	  border-right:1px solid #FFFFFF;
      width: 150px;
      height: 120px;
    }
    .slideshow p{
			font-weight:normal;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			display:block;
			text-align: center;
            font-size:.7em;
			margin:0;
			padding:0;
			width:150px;
			height:80px;
			background-color:#36A7E9;
			color:#FFFFFF;
		}

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

/* Registerbutton */
.registerButton a{
	width: 260px;
    line-height: 3.5em;
    text-align:center;
    background: #B13232;
    color: white;
    text-decoration: none;
    font-size: 1.1em;
    font-family: verdana, sans-serif;
    font-weight: bold;
    display: block;
}
.registerButton a:hover{
    background: #932A2A;
}
.ad{
    width: 240px;
    background: #E5E5E5;
    margin: 1em 0;
    text-align: center;
    padding: 1em 10px;
}
.ad a{
    display: block;
    color: #00AEEF;
    font-family: verdana, sans-serif;
    text-decoration: none;
    font-weight: bold;
    font-size: .6em;
    margin-top: 1em;
}
.ad a:hover{
	color: #0080B0;
}
/*
    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;
}

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


  /***********/
 /* GALERIE */
/***********/
	.galleryPreview{
	    margin-bottom: 1.5em;
	}
	.galleryPreview img{
		padding: 2pt;
		border: 1px solid #ddd;
		width: 75px;
		float: left;
		margin-top: 0.3em;
	}
	.galleryPreview p{
		clear: none !important;
	}
	.galleryPreview i {
		font-size: .9em;
		color: #a88;
	}
	.galleryPreview div{
		/*padding-top: 1.5em;*/
		margin-left: .5em;
		float:left;
		width: 450px;
		color: #666;
		/*line-height: 1.5em;*/
	}


/*********************
 *  ANMELDEFORMULAR
 ********************/
#anmeldeformular p{
    margin:5px 0;
}
#anmeldeformular p label{
    float:left;
    clear:left;
    width:150px;
}
#anmeldeformular input{
    width:405px;
}
#anmeldeformular input.half{
    width:199px;
}
#anmeldeformular input.number{
    width:150px;
}
#anmeldeformular input.big{
    width:248px;
}
#anmeldeformular input.small{
    width:10px;
}

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

   div.voting {
        width: 720px;
        font-size: 90%;
		text-align:left;
		font-size:11px;
   }

   div.voting form {
   }
   
   div.voting h1,
   div.voting h2,
   div.voting h3,
   div.voting h4,
   div.voting h5,
   div.voting h6 {
        margin: 0;
        padding: 0;
        text-align: center;
        line-height: 1.6em;
        border-bottom: 2pt solid #fff;
   }
   
   div.voting div.h1{
       background: #FFFFFF;
       color: #00AEEF;
       font-size: 13px;
	   margin-top:15px;
   }
   div.voting div.h1 label{
   		margin:0;
	    padding:0;
		font-weight:bold;
   }
   div.voting div.h2 {
       font-size: 1.4em;
       background-color: #FFFFFF;
       border-bottom:1px solid #00AEEF;
	   padding:0;
	   height:20px;
	   margin-top:5px;
   }
   div.voting div.h2 label {
   		padding-bottom:3px;
		margin-bottom:0;
		font-weight:bold;
   }
   #content div.voting div.info label {
       font-weight:bold;
	   line-height:1.2em;
	   padding: 0;
	   margin:0;
   }
   div.voting h3 {
       font-size: 1.4em;
       background-color: #FFFFFF;
   }
   div.voting h4 {
       font-size: 1.4em;
       background-color: #000;
       color:#fff;
   }
   div.voting h5 {
       background-color: #fff;
       font-size: 1.4em;
   }
   div.voting h6 {
       background-color: #fff;
       font-size: 1.4em;
   }
   div.voting div {
       background: #FFFFFF;
       display: block;
       vertical-align: middle;
       margin: 0.2em 0;
	   padding:1px;
   }
   div.voting p {
       font-size: 0.9em;
       border: 0;
       padding: 0.25em 0.5em;
       margin: 0;
	   margin-top:5px;
   }
    div.voting ul {
        font-size: 0.9em;
        margin: 5px 20px;
        line-height: 1.3em;
        list-style-type: square;
    }
   
   div.voting input {
       vertical-align: middle;
       border: 0;
       margin: 0.5em 0.25em;
       padding: 0;
       width: auto;
       border: 1px inset #ccc !important;
   }
   div.voting textarea {
       border: 1px inset #ccc !important;
   }
   
   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:normal;
      margin: 0.25em 0;
      padding-right: 0;
   }
   div.voting div.voting_optgroup label,
   div.voting div.voting_longtext label {
      width: auto !important;
	  margin-top:10px;
   }
   div.voting div.voting_scale label{
      width: 50% !important;
      display: block;
	   margin-top:20px;
   }
   
   
   div.voting div.voting_scale input{
      border: 0 !important;
   }
   
   div.voting div.voting_jn label {
      width: 50% !important;
	  display: block;
   }
   
   div.voting div.voting_jn input {
    border: 0 !important;
   }
   
   div.voting img {
      margin: 0.25em;
   }
   
   div.voting .submit,
   div.voting .reset {
       border: solid #000 0.1em;
       padding: 0.2em 0.5em;
       color: #fff;
       font-weight: bold;
   }
   
   div.voting div.voting_footer {
       background: #fff;
       clear: left;
   }
   
   div.voting div.voting_footer * {
       position: static;
       float: none;
   }
   
   div.voting .submit {
       background: #00AEEF;
   }
   div.voting .reset {
       background: #800;
   }