/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the website Winterdonferentie.nl
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Layout styles
 *     - Poll styles
 *     - List styles
 *     - Shop styles
 *     - Form styles
 */


/* Layout styles 
-------------------------------------------------------------------------------------------------*/
@charset "utf-8";

html, 
body,
form {
    padding: 0;
    margin: 0;
}

body {
    background-image: url(../images/mainbg.gif);
    text-align: center;
}
    div#maincontainer {
        width: 977px;
        margin: 0 auto;
        position: relative;
    }
        div#head {
            width: 957px;
            height: 100px;
            background: url(../images/header.png) ;
            position: relative;
            white-space: nowrap;
            font-size: 0;
			z-index:11;
        }
        
            div#logo {
                position: absolute;
                top: 10px;
                left: 50px;
                text-align: left;
            }
			
			div#nieuwLogo {
                left:7px;
				position:absolute;
				z-index:311;
            }
            
            div#header_controls {
                position: absolute;
                top: 15px;
                right: 10px;
                text-align: left;
            }
                
                div#contact,
				div#privacy,
                div#search,
                div#sitemap {
                    position: relative;
                    float: left;
                }
                
                div#contact {
                    height: 65px;
                    width: 83px;
                }
                    div#contact a,
                    div#contact a:link,
                    div#contact a:visited,
                    div#contact a:active,
                    div#contact a:hover {
                        font: normal 11px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
                        color: #4A59A8;
                        text-decoration: none;
                        position: absolute;
                        top: 18px;
                        right: 14px;
                    }
				div#privacy {
                    height: 65px;
                    width: 83px;
                }
                    div#privacy a,
                    div#privacy a:link,
                    div#privacy a:visited,
                    div#privacy a:active,
                    div#privacy a:hover {
                        font: normal 11px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
                        color: #4A59A8;
                        text-decoration: none;
                        position: absolute;
                        top: 18px;
                        right: 14px;
                    }
                div#search {
                    height: 65px;
                    width: 236px;
                    background: url(../images/header_seperator.gif) repeat-y left;
                }
                    div#search .searchform {
	position: absolute;
	top: 16px;
	left: 19px;
                    }
                        div#search .searchform div {
                            background: url(../images/searchbox_bg.gif) no-repeat;
                            width: 133px;
                            height: 21px;
                            padding: 2px 2px 0 2px;
                            float: left;
                            margin-right: 7px;
                        }
                        
                        div#search .searchform div .input_search {
                            width: 128px;
                            height: 16px;
                            border: none;
                        }
                
            
                div#sitemap {
                    height: 65px;
                    width: 83px;
                    background: url(../images/header_seperator.gif) repeat-y left;
                }
                    div#sitemap a,
                    div#sitemap a:link,
                    div#sitemap a:visited,
                    div#sitemap a:active,
                    div#sitemap a:hover {
                        font: normal 11px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
                        color: #4A59A8;
                        text-decoration: none;
                        position: absolute;
                        top: 18px;
                        left: 12px;
                    }
        
        div#content_head {
            width: 953px;
            
            height: 161px;
            position: absolute;
            top: 84px;
            left: 0;
            z-index: 10;
            margin-left: 12px;
            
        }
            div#head_left {
                width: 177px;
                float: left;
                height: 90px;				
			    background: url(../images/overlay_header_left.png) no-repeat center top;
            }
           
            div#head_middle {
                width: 426px;
                float: left;
                height: 100%;
                text-align: left;
				background: url(../images/overlay_header_center.png) no-repeat center top;
            }
            
            div#head_middle table {
                margin: 14px 0 0 66px;
            }
            
            div#head_middle table td {
                position: relative;
            }
            
            
            div#head_right {
                width: 350px;
                background-repeat: no-repeat;
                background-position: right bottom;
                float: left;
                height: 100%;
            }
                div#illustration_frame,
                div#illustration_frame_sub {
                    width: 350px;
                    background: url(../images/illustration_frame.png) no-repeat right bottom;
                    height: 161px;
                }
                div#illustration_frame_sub {
                    background: url(../images/illustration_frame_sub.png) no-repeat right bottom;
                }
        
        div#content_head_content {
            position: absolute;
            top: 98px;
            left: 255px;
            z-index: 20;
        }
        
        div#content {
            width: 977px;
            min-height: 450px;
            background: url(../images/cc_bg.png) repeat-y;
            padding: 0 12px;
            position: relative;
            display: block;
            float: left;
        }
            div#content_left {
                width: 177px;
                background: url(../images/left_bg.gif) repeat-y left;
                float: left;
                height: 100%;
            }
                div#left_container {
                    width: 177px;
                    background: #98A0C5 url(../images/leftmenu_bg.gif) repeat-x bottom;
                    height: 100%;
                }
                    div#left_container ul.submenu {
                        position: relative;
                        margin: 0;
                        padding: 0;
                        padding-top: 114px;
                        left: 0;
                        list-style: none;
                        text-align: left;
                        z-index: 10;
                    }
                    div#left_container ul.submenu li{
                        line-height: 33px;
                        _height: 33px;
                        background: url(../images/menu_bullet.gif) no-repeat 16px 8px;
                        padding-left: 39px;
                        
                    }
                        div#left_container ul.submenu li a,
                        div#left_container ul.submenu li a:link,
                        div#left_container ul.submenu li a:visited,
                        div#left_container ul.submenu li a:active {
                            font: normal 13px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
                            color: #FFF;
                            text-decoration: none;
                        }
                        
                        div#left_container ul.submenu li a:hover {
                            text-decoration: underline;
                        }
                        
                            div#left_container ul.subsubmenu {
                                margin: 0;
                                padding: 0;
                                display: inline;
                                list-style: none;
                                left: 0;
                            }
                            
                            div#left_container ul.subsubmenu li{
                                background: none;
                                line-height: 22px;
                                _height: 22px;
                                padding: 0;
                                _margin-left: -14px;
                            }
                            
                            div#left_container ul.subsubmenu li a,
                            div#left_container ul.subsubmenu li a:link,
                            div#left_container ul.subsubmenu li a:visited,
                            div#left_container ul.subsubmenu li a:active {
                                font: normal 11px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
                                color: #FFF;
                                text-decoration: none;
                            }
                            
                            div#left_container ul.subsubmenu li a:hover {
                                text-decoration: underline;
                            }
                        
                    div#left_container ul li#poll_container {
                        padding: 12px 12px 18px 18px;
                        background: none;
                    }
                    
            div#content_body,
            div#content_body_sub {
                width: 472px;
                background: #FFF url(../images/content_bg.gif) no-repeat left top;
                float: left;
                height: 100%;
            }
            
             div#content_body_sub{
                width: 565px;
                
            }
                div#inner_content,
                div#inner_content_sub {
                    margin-top: 134px;
                    padding: 0 60px;
                    float: left;
                    clear: both;
                }
                
                
            div#content_right,
            div#content_right_sub {
                width: 304px;
                float: left;
                background: url(../images/right_bg.gif) repeat-y;
                height: 100%;
            }
            
            div#content_right_sub {
                width: 211px;
            }
                div#right_container,
                div#right_container_sub {
                    width: 304px;
                    background: url(../images/rightmenu_bg.gif) no-repeat right 150px;
                    height: 100%;
                    padding-top: 200px;
                    text-align: left;
                }
                
                div#right_container_sub {
                    width: 211px;
                }
                
                    div#right_container div.seperator {
                        border-top: 1px dashed #DCDDE0; 
                        font-size: 0;
                    }
                        div#right_container div.seperator div {
                            margin: 0 0 0 50px;
                        }
        
        div#footer_shadow {
            height: 10px;
            font-size: 0;
            width: 953px;
            background: url(../images/bottom_shadow.png) repeat-x bottom;
            position: absolute;
            bottom: 86px;
            left: 0;
            z-index: 10;
            margin-left: 12px;
            float: left;
            display: none;
        }
        
        div#footer {
            width: 977px;
            height: 103px;
            background: url(../images/footer_2008.png) no-repeat;
            float: left;
        }
			.font_footer {
				color: white;
			}
		#footer1 {
			width:309px;
			height:103px;
			border: 0px solid black;
			float:left;
			margin-left:25px;
			overflow-x:hidden;
			overflow-y:hidden;
		}
		#footer2 {
			width:309px;
			height:223px;
			border: 0px solid black;
			float:left;
			overflow-x:hidden;
			overflow-y:hidden;
		}
		#footer3 {
			width:313px;
			height:223px;
			border: 0px solid black;
			float:left;
			margin-left: 15px;
			overflow-x:hidden;
			overflow-y:hidden;
		}
       
	   
	   
	    .hs1 {
			padding-right:80px;
			padding-left:60px;
		}
		.hs2 {
			padding-left:60px;
		}
		.hs3 {
			padding-left:60px;
			padding-right: 80px;
		}
		.hs4 {
			padding-left:22px;
		}
		.hs5 {
			padding-left:22px;
			padding-bottom:28px;
			
		}
	    #divLine {
			z-index:3000;
			height:12px;
			font-size:1px;
			background-image:url(../images/layoutLine.png);
			background-repeat:repeat-x;
			background-position:0 10;
		}
		.div4a {
			width:145px;
			float:left;
			padding-left:10px;
			padding-right:10px;
		}
		.div4b {
			width:145px;
			float:left;
			padding-left:10px;
			padding-right:10px;
		}
		.div4c {
			width:150px;
			float:left;
			padding-left:10px;
			padding-right:10px;
		}
		.div5a {
			width:180px;
			float:left;
			padding-left:10px;
			padding-right:10px;
		}
		.div5b {
			width:180px;
			float:left;
			padding-left:10px;
			padding-right:10px;
		}
		.div5c {
			width:180px;
			float:left;
			padding-left:10px;
			padding-right:10px;
		}
		
		
		

/* Poll styles 
-------------------------------------------------------------------------------------------------*/
.LemmaTitle {
    font-weight: bold;
}

.OptionVoteTD {
    height: 36px;
}

.OptionVoteRadio {
    float: left;
}

.OptionVoteLabel {
    /* height: 36px; */
    /* line-height: 36px; */
    color: #4A59A8;
    display: block;
    width: 82%;
    float: left;
    padding: 3px 0 0 3px; 
}

.VoteButton {
    background: url(../images/poll_button.gif) no-repeat;
    border: 0;
    padding: 0;
    margin: 0;
    width: 56px;
    height: 19px;
    line-height: 9999px;
    text-indent: -9999px;
    float: left;
}

.OptionVoteResultTD {
    padding: 3px 0;
}

.OptionVoteResultVotes {
    font-size: 10px;
}

.OptionVoteResultBerPercent {
    padding-left: 3px;
}


/* List styles 
-------------------------------------------------------------------------------------------------*/
div#calendar {
    margin-left: 50px;
}

    div#calendar .agenda_item {
        padding: 6px 0;
    }
        div#calendar .agenda_item a {
            font-size: 12px;
            font-weight: bold;
        }
        
        div#calendar .agenda_item span {
            font-size: 10px;
        }
        
.news_title {
    font: bold 19px/23px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
    color: #FFF;
    margin-left: 11px;
}

.news_subtitle {
    font: bold 12px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
    color: #FFF;
    margin-left: 11px;
}

.rubriek {
    margin: 14px 0;
}

.rubriek_header {
    border-style: double;
    border-width: 3px 3px 0 3px;
    border-color: #FFF;
    background: url(../images/rubriek_header.gif) repeat-x top;
    font: bold 12px/18px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
    color: #FFF;
    padding-left: 4px;
}

.rubriek_vragen {
    background-color: #F4F5F8;
    border: 1px dashed #E6E6E6;
    padding: 4px;
}

.rubriek_meer {
    padding-top: 12px;
    text-align: right;
    font-size: 10px;
}

.win_frame {
    width: 94px;
    height: 64px;
    background: url(../images/win_frame.gif) no-repeat;
}

/* Shop styles 
-------------------------------------------------------------------------------------------------*/
.webshop_itemfoto {
    width: 165px;
    padding: 10px 12px 3px 3px;
}

.shopcard_head {
    padding-right: 10px;
    white-space: nowrap;
}

.shopcard_row td {
    padding: 10px 0;
    border-top: 1px dashed #E6E6E6;
}

.shopcard_product p {
    font-size: 10px;
}

.shopcard_row td.shopcard_price {
    padding-right: 10px;
    white-space: nowrap;
}

.shopcard_total td {
    padding-right: 10px;
    white-space: nowrap;
}

.shopcard_amount input {
    font-size: 11px;
    width: 30px;
}

.ws_input,
.ws_input_small {
    height: 20px;
    width: 160px;
    font-size: 11px;
}

.ws_textarea {
    font: normal 11px/14px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
    width: 160px;
}

.ws_input_small {
    width: 60px;
}

.ws_select {
    font-size: 11px;
    height: 20px;
}

.user_data td {
    padding: 2px 0;
    padding-right: 5px;
}

.small_txt {
    font-size: 10px;
}

.shopping_card_icon{
  width: 25px;
  line-height: 16px;
  vertical-align: top;
}
.shopping_card_text a{
	font: normal 11px/16px "Trebuchet MS",Trebuchet MS,Trebuchet,Tahoma,sans-serif;
}

/* Form styles 
-------------------------------------------------------------------------------------------------*/

.wicobutton {
   font-size: 11px;
   font-family: Trebuchet MS,sans-serif;
   text-transform: lowercase;
   font-weight: bold;
   display: block; 
   position: relative; 
   background: #FFAC30;
   
   float: left; 
   color: #fff; 
   text-decoration: none; 
   cursor: pointer;
   padding: 0;
   border: 3px double #fff;
   _border: 3px double #aaa;
}

.normal_button {
    font-size: 11px;
}