/* 
    Document   : symposium
    Created on : Nov 15, 2009, 12:09:46 PM
    Author     : okke
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

html { font-family:Verdana, Arial Black, Arial, Verdana ; font-size:13px; background-color:#222222;}


h4{ font-size:20px }

body {
	margin: 0;
	padding: 0;
        color: #d0d0d0;
}

div#mainContainer {
	margin: 0px auto;
	width:  980px;
	/*height: 100%;*/
        
        
}

div#header {
    width:980px;
    height: 180px;
    background-image: url(images/banner.jpg);
    display:block;
    margin-bottom: 10px;
}

div#navigation {
	/*position:absolute;*/
	float:left;
        margin-left:-4px;
	top:12px;
        width:100%;
	/*height:6%;*/ /*20px;*/
	z-index:1;
}

/* The tabs */
#tabs { overflow:hidden; }
#tabs li { float:left; list-style:none; text-align:center; width:135px; padding:0%; margin-left:5px; }
/* html #tabs li { width:131,9px;}*/ /*IE6*/
#tabs li a {
	display:block;
	/*float:left;*/
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	padding:5px 0px;
/*	padding-top:3%;
	padding-bottom:3%;
	padding-right: 40.98%;
	padding-left: 40.98%;*/ /*5px 65px;*/
	color:#CCCCCC;
}
#tabs li.current a, #tabs li.current a {
	display:block;
	/*float:left;*/
	text-decoration:none;
	font-weight:bold;
	padding:5px 0px;
/*	padding-top:3%;
	padding-bottom:3%;
	padding-right: 40.98%;
	padding-left: 40.98%;*/ /*5px 65px;*/
	color:#CCCCCC;
}
#tabs li, #tabs li .sb-inner { background:#000; }
#tabs li.current, #tabs li.current .sb-inner { background:#8b0000;}
#tabs li:hover, #tabs li:hover .sb-inner { background:#8b0000; }
#tabs li.hover, #tabs li.hover .sb-inner { background:#8b0000; } /* for ie6 */
#tabs li .sb-border { background:#8b0000; }
#tabs li.current .sb-border { background:#000; }


div#contentContainer {
    clear:left;
    float:left;
    margin-top:10px;
    margin-bottom:20px;
    width:100%;
    z-index:1;
    
}

div#contentContainer .sb-border { background:#8b0000; }
div#contentContainer .sb-inner { background:#000}

/* leftContentHolder */
#leftContentHolder { float:left; vertical-align:top; padding:0px; width:180px;  }
#leftContentHolder h4 { padding:0px; text-align:center; margin:0px; color:#8b0000; }
#leftContentHolder h4, #leftContentHolder h4 .sb-inner { background:#ddd url(shadedborder/grad3.png) repeat-x; }
#leftContentHolder .leftContent {
	padding:10px;
        width:160px;
	/*color:#FFFFFF;*/
}
#leftContentHolder .leftContent, #leftContentHolder .leftContent .sb-inner { background:#000; }

/* contentHolder */
#contentHolder { float:left; vertical-align:top; padding:0px; margin-left:10px; margin-right:10px; width:600px; }
#contentHolder h4 { padding:0px; text-align:center;  color:#8b0000; }
#contentHolder h4, #contentHolder h4 .sb-inner { background:#ddd url(shadedborder/grad3.png) repeat-x; }
#contentHolder .content {
	padding:20px;
        width:560px;
	/*color:#FFFFFF;*/
}
#contentHolder .content, #contentHolder .content .sb-inner { background:#000; }

/* rightContentHolder */
#rightContentHolder { float:left; vertical-align:top; padding:0px; width:180px;  }
#rightContentHolder h4 { padding:0px; text-align:center; color:#8b0000; }
#rightContentHolder h4, #rightContentHolder h4 .sb-inner { background:#ddd url(shadedborder/grad3.png) repeat-x; }
#rightContentHolder .rightContent {
	padding:10px;
        width:160px;
	/*color:#FFFFFF;*/
}
#rightContentHolder .rightContent, #rightContentHolder .rightContent .sb-inner { background:#000; }

div#form_left{
	float:left;
}
div#form_right{
	float:left;
}

div#form_bottom{
	clear:both;
}

div#sb_fix{
	width:600px;
        background:#000;
        overflow:visible;
        height:2400px;
        margin-left:-20px;
        margin-top:-2380px;
        margin-bottom:-12px;
        z-index:-1;
}

.form_list{
	display:block;
	height:30px;
}

.alinea{
    margin-top:13px;
}

.symposiumcie{
    vertical-align:baseline;
    padding-bottom:5px;
}

.dagindeling{
    vertical-align:baseline;
    padding: 5px;
}

.sprekers{
    margin-left: 80px;
    margin-top: -17px;
}

.sprekerstable{
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    vertical-align:top;
}

div#formcontainer{}
div#studie{ }
div#formcontainer{}
div#submit{}

div#footer{clear:both; padding-bottom:15px; text-align:center;}

li#presentaties{
    margin-top:10px;
}

a#presentaties{
    text-decoration:none;
    color:#CCCCCC;
}


a#presentaties:hover{
    background-color:#8b0000;
}