/* CSS Document for EMSSA */

*{
	color: #585e69;
	font-family: Arial;
	font-size:12px;}

body{
	text-align: center;
	background-color:#848484;
	margin: 0;}

#outline{
	border: 1px solid #FFFFFF;
	width: 1120px;
	margin: 0 auto 0 auto;}

#header{
	background-image: url(../_images/header.jpg);
    height: 166px;
    width:1120px;
}

p, ul{
	margin-bottom:10px;
	margin-top:0px;}


/* --- Navigation -----------------------------------------------*/
#navi{
	margin-top: -12px !important;
	margin-top: 0;
	background-image: url(../_images/nav_bg.gif);
	height: 49px;
}

#navi ul li{
	float: left;
	background-image:url(../_images/button.gif);
	width: 93px;
	height: 49px;
	list-style: none;}

#navi ul li a{
	text-decoration:none;
	font-weight:bold;
	display:block;
	width: 93px;
	height: 49px !important;
	height: 41px !important;
	margin-top: 8px;}

#navi ul .bigger a{
	text-decoration:none;
	font-weight:bold;
	display:block;
	width: 116px;
	height: 49px !important;
	height: 41px !important;
	margin-top: 8px;}
#navi ul .even_bigger a{
	text-decoration:none;
	font-weight:bold;
	display:block;
	width: 150px;
	height: 49px !important;
	height: 41px !important;
	margin-top: 8px;}

#navi ul .even_even_bigger a{
	text-decoration:none;
	font-weight:bold;
	display:block;
	width: 200px;
	height: 49px !important;
	height: 41px !important;
	margin-top: 8px;}

#navi ul li a:hover{
	color: #FF6600;}

#navi ul li:hover{
	background-image:url(../_images/button_over.gif);}

#navi ul #sel{
	background-image:url(../_images/button_activ.gif);}

#navi ul #sel2{
	background-image:url(../_images/button_large_activ.gif);
	width: 116px;}
#navi ul #sel3{
	background-image:url(../_images/button_even_large_activ.gif);
	width: 150px;}

#navi ul #sel4{
	background-image:url(../_images/button_even_even_large_activ.gif);
	width: 200px;}

#navi ul #sel a, #navi ul #sel2 a,#navi ul #sel3,#navi ul #sel4{
	color: #000000;}

#navi ul #sel2 a{
	width: 116px;}

#navi ul #sel3 a{
	width: 150px;
    color: #000000;
}

#navi ul #sel4 a{
	width: 200px;
    color: #000000;
}

#navi ul .bigger{
	width: 116px;
	background-image:url(../_images/button_large.gif);
	text-align:center;}

#navi ul .bigger:hover{
	background-image:url(../_images/button_large_over.gif);
    color:#000000;
}

#navi ul .even_bigger{
	width: 150px;
	background-image:url(../_images/button_even_large.gif);
	text-align:center;}

#navi ul .even_bigger:hover{
	background-image:url(../_images/button_even_large_over.gif);}


#navi ul .even_even_bigger{
	width: 200px;
	background-image:url(../_images/button_even_even_large.gif);
	text-align:center;}

#navi ul .even_even_bigger:hover{
	background-image:url(../_images/button_even_even_large_over.gif);}


/* --- Content -----------------------------------------------*/
#content{
	border: 1px solid #000000;
	width: 900px;
	margin: 0 auto 0 auto;
	background-color:#FFFFFF;
	padding: 5px 15px 5px 15px;
	// padding: 15px;
	text-align:left;}

body #content:after, body .subnav:after, body #table:after, body .col:after {
/* etwas Inhalt definieren */
    content: ".";
/* explizit als Blockelement definieren, weil clear */
/* mit Inline-Elementen nicht funktioniert */
    display: block;
/* keine Zeilenh�he */
    height: 0;
/* Sichtbarkeit aus, damit unser Container "sauber" bleibt */
    clear: both;
    visibility: hidden;}

.left{
	float:left;
	margin: 15px 15px 15px 0!important;
	margin: 0 15px 15px 0;}

/* ---- Content ----> Homepage ------------------------------------------------------- */
.textarea{
	width:657px;
	float:left;}

.list{
	margin-left:-26px;
	// margin-left:15px;}

/* --- subnav in content -----------------------------------------------*/
.subnav{
	padding:0;
	text-align:left;
	margin-top:12px;}

.subnav li, #download{
	border: 1px solid #CCCCCC;
	width: 118px;
	text-align: center;
	float: left;
	padding: 3px;
	margin-right: 13px;
	margin-left: -11px;
	list-style: none;
	display:block;}

.subnav li a, #download a{
	display:block;
	width: 118px;
	font-weight:bold;
	text-decoration: none;}

.subnav li a:hover, #download a:hover{
	background-color: #FF6600;}

.day, .day a{
	background-color: #FF6600;
	color: #000000;}

#download, #download a{
	width: 64px;}

#download{
	float: right;
	margin: 12px 2px 0!important;
	margin: 0px 2px 0;}

/* --- speakerspage > expand button for orga -----------------------------------------------*/

.subnavi .larger{
	width:200px;}


/* --- table in content -----------------------------------------------*/

#table{
	width: 792px;
	margin-top:10px !important;
	margin-top: 25px;}

.main, .b1, .b2, .b3, .time, .ex, .break, .time{
	width: 130px;
	padding: 3px;
	text-align:center;
	background-color: #FFFAF4;
	border: 1px solid #CCCCCC;}

.time{
	width: 80px;
	background-color:#FFFFFF;}

.b1{
	background-color: #FFF2E6;}

.b2{
	background-color: #FFE2C6;}

.b3{
	background-color:#FFCD9B;}

.ex{
	background-color: #FFAD5B;
	width:70px;}

.break{
	background-color: #CEE7FF;}

/* --- Footer -----------------------------------------------*/
#footer{
	width: 1050px;
	height: 30px;
	margin: 0 auto 0 auto;
	background-image:url(../_images/footer.gif);
	text-align:right;
	padding-top: 50px;}

#footer p, #footer p a{
	color:#CCCCCC;
	margin-bottom:  5px;
	font-size:10px;}

a:hover{
	text-decoration:none;}

#content a:hover{
	color: #ff6600;}

#content  .subnav a:hover, #download a:hover{
	color:#000000;}



/* --- Keyspeakers -----------------------------------------------*/
.speaker, .socialform{
	width:670px;
	float:left;
	border: 1px solid #CCCCCC;
	margin-right:7px;
    border-width:1px;
    border-bottom-style:solid;
    height:190px
}
.speaker-box{
	margin-bottom: 15px;
    width:670;
    clear:both;}

.speaker-box img{
	border: 1px solid #CCCCCC;}

.speaker p, .socialform p, .speaker ul,.speaker h2{
	float:left;
	margin:3px 5px 3px 5px;}

.col{
	width: 670px;
	// width:478px;
	border-bottom: 1px solid #CCCCCC;}

.label{width: 110px;}
.labelCell{
    width: 350px;
}

/*mel*/
.labelform{width: 210px;}
.detailsform{
	width: 245px;
	// width: 235px;}
/*mel end*/


.highlight{
	background-color:#cee7ff;}

.details{
	width: 500px;
	// width: 335px;}

body .speaker-box:after {
/* etwas Inhalt definieren */
    content: ".";
/* explizit als Blockelement definieren, weil clear */
/* mit Inline-Elementen nicht funktioniert */
    display: block;
/* keine Zeilenh�he */
    height: 0;
/* Sichtbarkeit aus, damit unser Container "sauber" bleibt */
    clear: both;
    visibility: hidden;}

#sel-speaker{
	color:#003300;
	text-decoration:none;
	color:#ff6600;}

/* --- Socialform -----------------------------------------------*/

.socialform{
	width:670px;
	// width:658px;
	margin-bottom:10px;}

.socialform .col{
	width: 670px;
	// width:658px;
	border-bottom: 1px solid #CCCCCC;}

.socialform .details{
	width: 220px;
	// width: 208px;}

.socialform .label{width: 70px;}


/* ---> Input Fields >>> normal >>> selected >>> valid >>> invalid <------------------------------------------------------------------ */

/* ---> Input Form >>> Look and Position of the whole Form <--- */
#Input_Form{
	width: 306px;}

#Input_Form p{
	margin:1px 0 1px 0;}

#Input_Form p label{
	width:100px;
	display:block;
	float:left;}

/* ---> Input Field >>> normal Look <--- */
.inp_normal{
	width:207px;
	margin-bottom: 2px;
	margin-top:0;
	padding-left: 3px;}

/* ---> Input Field >>> selected <--- */
.inp_selected{
	border:2px solid #fcb713;}

/* ---> Input Field >>> valid <--- */
.inp_valid, .inp_invalid{
	background-image:url(../_images/inp-valid.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-bottom:4px;
	border:1px solid #CCCCCC;
	padding:1px;
	padding-left:5px;}

/* ---> Input Field >>> invalid <--- */
.inp_invalid{
	background-image:url(../_images/inp-invalid.gif);}

/* ---> Submit Button >>> normal Look <--- */
#submit{
	float:right;
	margin-right:50px;
	// margin-right:30px;}

#myTours{
	border: 1px solid #fff;
	background-color:#FFFFFF;
	height:110px;
	color:#000000;
	scrollbar-base-color:#fff;
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#fff;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#fff;
	scrollbar-track-color:#fff; }

/* ---> Submission form <------------------------------------------------------------------------ */
#submission p{
	width: 283px;
	padding: 1px;
	// padding:0;
	float:left;
	margin:5px 20px 0 0;}

#submission label{
	width:120px;
	display:block;
	float:left;
	margin:3px 0 0 3px;}

#submission .tarea{
	width: 156px;
	// width: 147px;
	height:50px;}

#submission .tfield{
	width: 156px;
	// width: 147px;}

#ssubmit{
	clear:both;
	margin-left:480px;
	// margin-left:457px;}

#submission h2{
	margin-top: 20px;
	width:600px;
	// width:300px;
	float:left;
	// float:none;}

#abstract{
	width:300;}

/* ---> Input Field >>> valid for submission<--- */
.inp_svalid, .inp_sinvalid{
	background-image:url(../_images/inp-valid.gif);
	background-position:right top;
	background-repeat:no-repeat;
	margin-bottom:2px;
	border:1px solid #CCCCCC;
	padding:1px;
	padding-left:0px;}

/* ---> Input Field >>> invalid for submission<--- */
.inp_sinvalid{
	background-image:url(../_images/inp-invalid.gif);}

p{
    text-align:justify;
}

.rowOdd{
    background-color:lightgray;
}

.rowEven{
    background-color:white;
}