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

*{
	margin: 0;
	padding: 0;
}
html{
	height:101%;
}
body{
    background: #EEEEEE;
	font-family: verdana, sans-serif;
    text-align:center;
    margin:0;
    padding:0;
}

/**********************
    DIVS
**********************/
#header{
	height:260px;
    margin-bottom:20px;
}
#header img.logo{
	margin-top: 10px;
}
	/*************************
	 * SUB NAVIGATION
	*************************/
	#sub_navi{
		float:right;
		padding:0;
		margin-top:5px;
		margin-right:10px;
	}
		#sub_navi li{
			display:inline;
			list-style:none;
			margin-left:15px;
		}
		#sub_navi li a, #sub_navi li a:link, #sub_navi li a:visited{
			color:#000000;
    		line-height: 1.3em;
			font-size: .7em;
			text-decoration:none;
            font-weight:bold;
            letter-spacing:2px;
            text-transform:uppercase;
		}
		#sub_navi li a:hover{
			color:#F08801;
			text-decoration:none;
		}
		#sub_navi li a.active{
			color:#F08801;
			text-decoration:none;
		}
		
#container{
	width:900px;
	margin:5px auto;
    padding: 0 10px;
	clear:both;
    background-color:#FFFFFF;
    text-align:left;
}
/*************************
 * NAVIGATION
*************************/
#navi{
	float:left;
	width:180px;
	padding:0;
	margin-right:15px;
}
	#navi ul{
		/*border-bottom: 1px solid #8A8A8A;*/
	}
	#navi ul li{
		list-style:none;
		line-height: 1.5em;
		overflow: hidden;
		padding:6px 1px 6px 20px;
        background-image:url(/_img/design/nav_border.jpg);
        background-position:left bottom;
        background-repeat:no-repeat;
        
	}
	#navi ul li a, #navi ul li a:link, #navi ul li a:visited{
		color:#000000;
		font-size: .7em;
		text-decoration:none;
        font-weight:bold;
        letter-spacing:2px;
        text-transform:uppercase;
	}
	#navi ul li a:hover{
		color:#F08801;
		text-decoration:none;
	}
	#navi ul li a.active{
		color:#F08801;
		text-decoration:none;
	}
	#navi ul li.grey{
		background-color:#666666;
		font-size: .7em;
		font-weight:bold;
		color:#FFFFFF;
	}
	#navi ul li.unterpunkt{
		list-style:none;
		border-collapse: collapse;
		line-height: 1.5em;
		overflow: hidden;
		border-top: 1px solid #bbb;
		padding:1px 1px 1px 20px;
		background-color:#F5F5F5;
	}
	#navi ul li.unterpunkt_zwei{
		list-style:none;
		border-collapse: collapse;
		line-height: 1.5em;
		overflow: hidden;
		border-top: 1px solid #bbb;
		padding:1px 1px 1px 40px;
		background-color:#D8DADC;
	}
#rechts{
	float:right;
	width:180px;
    text-align:center;
    font-size:.8em;
    margin-top:26px;
}
	#rechts p a, #rechts p a:link, #rechts p a:visited{
		color:#000000;
		line-height:1.3em;
		text-decoration:underline;
	}
	#rechts p.box a:hover{
		color:#F08801;
		text-decoration:underline;
	}

/* TWITTER STYLE */
#twitter h2{
    font-weight:bold;
    color: #00A6EB;
    margin:20px 0 0 10px;
}
#twitter p{
    padding:5px;
    background-color:#F5F5F5;
    border: 1px solid #EEEEEE;
    text-align:left;
    margin:5px 0;
    font-size:.9em;
    line-height:1.2em;
}
#twitter p strong{
	color:#000000;
    font-size:.8em;
    line-height:1.5em;
 }

#footer{
		width:880px;
		border-top:1px solid #EEEEEE;
		margin:20px 0;
		text-align:center;
}
#footer p{
		font-family: verdana, sans-serif;
		color:#bbbbbb;
		font-size:.7em;
		line-height:1.2em;
		padding:10px 0 0 10px;
		text-align:left;
}
#footer img{
	matgin: 0 auto;
	border:none;	
}

/**********************
    ELEMENTE
**********************/
#content{
	color:#000000;
	font-size: .8em;
    line-height: 1.2em;
	text-align:left;
	margin: 0 0;
    	float:left;
	width:500px;
}

#content h1{
    	margin: 0 0 10px 0;
		font-size: 1.6em;
		font-weight: bold;
		border-bottom: 1px solid #000000;
		padding-bottom:12px;
		display:block;
		font-family: Lucida Fax,Georgia,Times New Roman;
}
#content h2{
		border:none;
		font-family: Lucida Fax,Georgia,Times New Roman;
		font-weight:bold;
		margin-bottom:20px;
		margin-bottom:5px;
		font-size: 1.3em;
        line-height:1.5em
}
#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: none;
    font-family: verdana, sans-serif;
}
#content a:hover{
    color: #F08801;
    text-decoration:none
}
#content a.active{
    color: #F08801;
    text-decoration:none
}
#content strong{
    font-weight: bold;
}

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

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

#content li{
	font-family: verdana, sans-serif;
	color:#000000;
	font-size: .8em;
    line-height: 1.5em;
	list-style:circle;
	margin:0 0 0 30px;
}

/**********************
 * Anmelden *
**********************/
#content b.red{
	color:#F08801;
}

/**********************
 * SERVICE STYLE *
**********************/
#content div.service h2{
	margin: 20px 0 10px 0;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-bottom:12px;
	display:block;
	line-height:1.2em;
	font-family: Lucida Fax,Georgia,Times New Roman;
}
#content div.partner h2{
	margin: 20px 0 10px 0;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-bottom:12px;
	display:block;
	font-family: Lucida Fax,Georgia,Times New Roman;
}
/**********************
 * REGISTER STYLE *
**********************/
#content input.long{
	width:482px;
}
#content input.name{
	width:240px;
}
#content input.street{
	width:340px;
}
#content input.number{
	width:140px;
}

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

#content div.programm {
	background-color: #F5F5F5;
	border: 1px solid #EEEEEE;
	clear:both;
	line-height:1.6em;
	margin-bottom:4px;
	
}
#content div.programm.time {
	background-color: #F5F5F5;
	border: 1px solid #EEEEEE;
	clear:both;
	line-height:1.4em;
	margin-bottom:4px;	
}
#content div.programm.time h4 {
	color:#000000;
	font-size:1em;
	margin-left:10px;
	padding:1px;
}
#content h3.tag {
    margin: 20px 0 10px 0;
	font-size: 1.4em;
	font-weight: bold;
	color:#FFFFFF;
	padding:5px;
	display:block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#F08801;
}
#content h3.tag span.small{
	font-weight:normal;
	font-size:.7em;
}

#content div.programm.workshopi,#content div.programm.workshopii, #content div.programm.workshopiii, #content div.programm.workshopiv, #content div.programm.workshopv{
	width:244px;
	margin-right:3.5px;
	height:250px;
	float:left;
	clear:none;
}
#content div.programm.keynote{
	clear:both
}

#content div.programm p{
    margin:0px;
	margin-left:140px;
    font-size:1em;
    letter-spacing:0px;
    line-height:11pt;           
}
#content div.programm ul{
    margin:0px;
	margin-left:125px;
    font-size:1em;
    letter-spacing:0px;
    line-height:11pt;           
}
#content div.programm ul li{
    list-style:circle;
    display:list-item;
    font-size:1em;
}
#content div.programm.workshopi p,#content div.programm.workshopii p, #content div.programm.workshopiii p, #content div.programm.workshopiv p,  #content div.programm.workshopv p{
    margin:0px;
	margin-left:10px;
    font-size:1em;
    letter-spacing:0px;
    line-height:11pt;           
}


#content div.programm h4{
	padding-top:2px;
	margin-left:140px;
    text-align:left;
    font-size:1em;
    font-weight:bold;
}
#content div.programm.workshopi h4,#content div.programm.workshopii h4, #content div.programm.workshopiii h4, #content div.programm.workshopiv h4, #content div.programm.workshopv h4{
	margin:0;
	padding:2px 10px;
    text-align:left;
    font-size:1em;
    font-weight:bold;
}
#content div.programm.titel h4{
	margin-bottom:0px;
	margin-left:10px;
	padding-bottom:10px;
    text-align:left;
    font-size:1em;
    font-weight:bold;
	background-color:#FFFFFF;
	color: #33677A;
}
#content div.programm.workshopi span.typ, #content div.programm.workshopii span.typ, #content div.programm.workshopiii span.typ, #content div.programm.workshopiv span.typ, #content div.programm.workshopv span.typ{
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	display:block;
	width:244px;
	background-color:#F08801;
	margin:0 0 10px 0;
	text-align:center;
}
#content div.programm h6{
	margin-left:140px;
	margin-top:7px;
	font-size:0.7em;
	font-weight:normal;
	line-height:1.4em;
}
#content div.programm h6 a{
	font-weight:bold;
}
#content div.programm.workshopi h6,#content div.programm.workshopii h6, #content div.programm.workshopiii h6, #content div.programm.workshopiv h6, #content div.programm.workshopv h6{
	margin-left:10px;
	margin-top:7px;
	font-size:0.7em;
	font-weight:normal;
	line-height:1.4em;
}
#content div.programm.workshopi h6 a,#content div.programm.workshopii h6 a, #content div.programm.workshopiii h6 a, #content div.programm.workshopiv h6 a, #content div.programm.workshopv h6 a{
	font-weight:bold;
}


#content div.programm h5.zeit {
	float:left;
    text-align:left;
    font-size:8pt;
    font-weight:normal;
    letter-spacing:0px;
    padding:0px;
    padding-right:5px;
    padding-top:2px;
    margin:0px;
}

#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{
	text-decoration:underline;
}
#content div.programm a.red:hover{
	text-decoration:underline;
}

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

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

#content div.speaker div.bild{
	float:left;
	width:300px;
	margin-left: 10px;
	margin-top:0px;
	
}
#content div.speaker div.bild div h3{
	padding-bottom:4px;
}
.speaker{
    margin: 1em 0;
}
#content div.speaker h2 a, #content div.speaker h2 a:link, #content div.speaker h2 a:visited{
	text-decoration:none;
	text-transform:none;
	font-family: Lucida Fax,Georgia,Times New Roman;
	font-variant:normal;
	font-weight:normal;
}

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


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

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

   #container div.voting form {
   }
   
   #container div.voting h1,
   #container div.voting h2,
   #container div.voting h4,
   #container div.voting h5,
   #container div.voting h6 {
        margin: 20px 0;
        padding: 5px;
        line-height: 1.6em;
   }
   
   #container div.voting h1{
		border-bottom: 1pt solid #F08801;
   }
   
   #container div.voting div.h1{
    border-bottom:1px solid #DADADA;
	padding:5px 0;
	text-align:left;
	margin-top:25px;
   }
   #container div.voting div.h1 label{
   		margin:0;
	    padding:0;
		font-size:1.4em;
		font-variant:small-caps;
		font-weight:bold;
		letter-spacing:2px;
        color:#F08801;
   }
   #container div.voting div.h2 {
     border-bottom:1px solid #DADADA;
	padding:5px 0;
	text-align:left;
	margin-top:25px;
   }
   #container div.voting div.h2 label {
   		margin:0;
	    padding:0;
		font-size:1.4em;
		font-variant:small-caps;
		font-weight:bold;
		letter-spacing:2px;
		color: #426790;
   }
   #container div.voting div.info{
   		margin:0 0 15px 0;
   }
   #container div.voting div.info label {
       font-weight:normal;
	   padding: 0;
	   margin:0;
   }
   
   #container div.voting div.h3 {
	padding:5px 0;
	text-align:left;
	margin-top:25px;
   }
  #container div.voting div.h3 label{
	    margin:0;
	    padding:0;
		font-size:1.2em;
		font-variant:normal;
		font-weight:bold;
        color:#F08801;
   }
   #container div.voting div.h4 {
	padding:5px 0;
	text-align:left;
	margin-top:25px;
   }
  #container div.voting div.h4 label{
	    margin:0;
	    padding:0;
		font-size:1.2em;
		font-variant:normal;
		font-weight:bold;
        color:#426790;
   }
   #container div.voting div.h5{
	padding:5px 0;
	text-align:left;
	margin-top:15px;
    border-bottom:1px solid #DADADA;
   }
  #container div.voting div.h5 label{
	    margin:0;
	    padding:0;
		font-size:1em;
		font-variant:normal;
		font-weight:bold;
        color:#000000;
   }
   #container div.voting div.h6{
	padding:5px 0;
	text-align:left;
	margin-top:15px;
   }
  #container div.voting div.h6 label{
	    margin:0;
	    padding:0;
		font-size:1em;
		font-variant:normal;
		font-weight:bold;
        color:#000000;
   }
   #container div.voting div {
       background: #FFFFFF;
       display: block;
       vertical-align: middle;
       margin: 0.2em 0;
	   padding:1px;
   }
   #container div.voting p {
       font-size: 1em;
       border: 0;
       padding: 0.25em 0.5em;
       margin: 0;
   }
    #container div.voting ul {
        font-size: 0.9em;
        margin: 5px 20px;
        line-height: 1.3em;
        list-style-type: square;
    }
   
   #container div.voting input {
       vertical-align: middle;
       border: 0;
       margin: 0.5em 0.25em;
       padding: 0;
       width: auto;
       border: 1px inset #DADADA !important;
   }
   #container div.voting textarea {
       border: 1px inset #DADADA !important;
   }
   
   #container div.voting label {
      width: 35%;
      vertical-align: middle;
	  font-family: verdana, sans-serif;
	  font-size:1em;
      margin-right: 0.1em;
	 font-weight:normal;
      margin: 0.25em 0;
      padding-right: 0;
   }
   #container div.voting div.optgroup label,
   #container div.voting div.longtext label,
   #container div.voting div.checkboxes label,
   #container div.voting div.scale label,
   #container div.voting div.jn label,
   #container div.voting div.h3 label {
      width: auto !important;
	  font-weight:bold;
	  
   }
   #container div.voting div.optgroup,
   #container div.voting div.shorttext,
   #container div.voting div.longtext,
   #container div.voting div.checkboxes,
   #container div.voting div.scale,
   #container div.voting div.jn,
   #container div.voting div.h3 {
      width: auto !important;
	  margin:20px 0 0 0;
	  
   }
   #container div.voting div.shorttext label{
     font-weight:bold;
    width:auto !important;
	  
   }
   
   #container div.voting div.voting_jn label {
      width: 50% !important;
	  display: block;
   }
   
   #container div.voting div.voting_jn input {
    border: 0 !important;
   }
   
   #container div.voting img {
      margin: 0.25em;
   }
   
   #container div.voting .submit,
   #container div.voting .reset {
       border: solid #000 0.1em;
       padding: 0.2em 0.5em;
       color: #fff;
       font-weight: bold;
   }
   
   #container div.voting div.voting_footer {
       background: #fff;
       clear: left;
   }
   
   #container div.voting div.voting_footer * {
       position: static;
       float: none;
   }
   
   #container div.voting .submit {
       background: #F08801;
   }
   #container div.voting .reset {
       background: #800;
   }



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

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	float:none;
	visibility: hidden;
}

.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 */