body {
    text-align:         center;    
}

div#outerCon {
	position:			relative;
	width:				980px;
	height:				100%;
	margin-left:		auto;
	margin-right:		auto;
	left:				7px;
    background:         url('../gfx/staedion_logo.gif') top left no-repeat;
    text-align:         left;
}

            
div#mainCol {
    float:              left;
    display:            inline;
    width:              734px;
    padding-bottom:     24px; /* scroll-out padding */
}


div#serviceMenuCon,
div#navigationCon {
    font-family:        Arial,Helvetica,sans-serif;
    line-height:        1.5em;
}

div#serviceMenuCon a,
div#navigationCon a {
    text-decoration:    none;
}

div#serviceMenuCon a:hover,
div#navigationCon a:hover {
    text-decoration:    underline;
}

/*---- SERVICEMENU PARTS ----*/

div#serviceMenuCon {
	width:				972px; /* 979 - 7 - 0 */
	height:				25px; /* 30 - 3 - 0 */
	padding:			5px 7px 0 0;
	color:				#8a8a8a;
	font-size:          11px;
	line-height:        1.5em;
}

    div#serviceMenuCon div {
    	float:				right;
    	display:			inline;
    }

        div#servicemenuNav,
        div#servicemenuNav a,
        div#servicemenuSearch {
            color:              #8a8a8a;
        }

        div#servicemenuNav a {
            margin:0;
            padding-right:      10px;
        }
    
            div#servicemenuNav a.small {
                padding-right:      0px;
                font-size:          10px;
            }
            
            div#servicemenuNav a.medium {
                padding-right:      0px;
                font-size:          11px;
            }
            
            div#servicemenuNav a.large {
                font-size:          12px;
            }

            div#servicemenuSearch {
                padding-left:       10px;
            }
            
            input#searchsubmit {
                vertical-align:     bottom;
                margin-bottom:      2px;
                margin-left:        8px;
            }
            
            input#searchbox {
                width:              142px; /* 152 - 5 - 5 */
                height:             14px;
                padding:            0 5px 0 5px;
                
                color:              #000;
                font-size:          10px;
                border:             1px solid #cecece;
            }

/*---- NAVIGATION PARTS ----*/

div#navigationCon {
    width:              734px;
    clear:              both;
}

    div#mainNavCon {
        float:              left;
        display:            block;
        width:              734px;
    }

        /*---- MAINNAVIGATION STYLES ----*/
        div#mainNavCon li a,
        div#mainNavCon li img {
            display:            inline;
            vertical-align:     bottom; 
            margin:             0;
            padding:            0;
        }
        
        div#mainNavCon li a {
            font-size:          12px;
            color:              #fff;
            text-decoration:    none;
        }
        
        /* level styles, see states.css for different page states of these styles */
    
        /* -- First level -- */
        div#mainNavCon div#first-level{
            float:              left;
            width:              245px;
        }
        
            div#mainNavCon div#first-level a {
                line-height:    0 !important;
                font-size:      0 !important;
            }
        
            /*---- default ----*/
            div#mainNavCon div#first-level ul li {
                border-style:       solid;
                border-width:       0 1px 1px 0;
            }
            
            div#mainNavCon div#first-level ul li.last {
                border-bottom:      0 none;
            }
            
        /* -- second level -- */
        div#mainNavCon div.sub {
            float:              left;
            width:              244px;
            color:              #fff;
        }
        
            div#mainNavCon div.sub li {
                overflow:           hidden;
                border-style:       solid;
                border-width:       0 0 1px 0;
                height:             25px;
            }
            
                div#mainNavCon div.sub a {
                    display:            block;
                    height:             26px;
                    padding:            4px 5px 0px 15px;
                    font-family:        Verdana,Tahoma,sans-serif;
                    font-size:          11px;
                }
                
                div#mainNavCon div#second-level ul {
                    border-width:       0 1px 0 0;
                }
                
                div#mainNavCon div#second-level li {
                    border:             0 none;
                }
								
				div#mainNavCon div#second-level li a:hover{
					background:			url('../gfx/nav/secondlevel_over.png');
					/*behavior: 			url('../js/iepngfix.htc');*/  /* IE6; doesn't work for now */
				}

                div#mainNavCon div#second-level li.active {
                }

            /*---- second level active ----*/
            div#mainNavCon div.sub li.active a {
                color:              #fff;
                /*background-color:   #F2833B;*/
            }
            
            div#mainNavCon div.sub li.active a:hover {
                text-decoration:    none;
            }
            
            /*---- second level: show second level nav ----*/
            
            
            
            /* intro divs */
            div#mainNavCon div#second-level div.intro {
                height:             137px;
                overflow:           hidden;
            }
            
                div#mainNavCon div#second-level div.intro div.wrapper {
                    padding:            10px 20px 10px 12px;
                }
                
                div#mainNavCon div#second-level div.intro h6 {
                    font-size:          12px;
                    font-weight:        bold;
                    margin:             0;
                }
            
            

        /* -- third level -- */
        div#mainNavCon div#third-level {
            float:              left;
            width:              245px;
        }
          
/*---- HEADER PARTS ----*/

div#headerVisual {
    float:              right;  
    width:              489px;
    height:             230px;

    border-bottom:      1px solid #fff;
}
    
    div#headerPayoff {
        font-family:        Verdana, Sans-Serif;
        color:              #57869f;
        font-size:          11px;
    }   
    
    div#headerLogo {
        height:             97px;
		display:			block;
	}
	div#headerLogoPrint {
        height:             97px;
        display:			none !important;
    }
    
    div#headerLeftCol {
        float:              left;
        width:              244px;
    }


div#breadCrumbCon {
    clear:              both;
    display:            none;
    width:              719px; /* 734 - 0 - 15 */
    height:             22px; /* 26 - 4 - 0 */
    padding:            4px 0 0 15px;

    color:              #fff;
}

    div#breadCrumbCon a {
        color:              #fff;
        text-decoration:    underline;
    }

    div#breadCrumbCon a:hover {
        color:              #fff;
        text-decoration:    none;
    }

div#navigationToggler {
    clear:              both;
    width:              707px; /* 734 - 27 - 0 */
    height:             18px;
    padding-right:      27px;
    
    background:         url('../gfx/nav/underborder.gif');
    background-position:top left;
    background-repeat:  no-repeat;
    background-color:   none;
    
    font-family:        Verdana, Sans-Serif;
    font-size:          10px;
    color:              #e7d9d7;
    text-align:         right;
}

    div#navigationToggler a {
        font-family:        Verdana, Sans-Serif;
        font-size:          10px;
        color:              #e7d9d7;
		padding-right:		15px;
		background:			url('../gfx/icons/nav-close.gif') 5px right no-repeat;
    }
	
	 body.collapsed-nav div#navigationToggler a {
		background:			url('../gfx/icons/nav-open.gif') 5px right no-repeat;
	}

/*---- CONTENT PARTS ----*/

div#contentCon {
	padding-bottom: 20px !important; /* nodig om ruimte te creeren tussen de content container en de footer */
}
    div#contentCon br.clear {
        clear:          both;
        display:        block;
        height:         0px;
    }

    div#contentCon div.column {
        float:          left;
        width:          230px;
        margin-right:   14px;
        position:       relative;
    }
    
        /* baseline van h1.page-title moet overeenkomen met baseline van h2.column-title */
        div#contentCon div.column h1.page-title {
            margin-top:         15px;
            margin-bottom:      12px;
            line-height:        1em;
        }
    
        div#contentCon div.column h2.column-title {
            margin-top:         22px;
            margin-bottom:      6px;
            padding-bottom:     6px;
            line-height:        1em;
            color:              #00476e;
        }
        
        div#contentCon div.column-no-title {
            padding-top:        34px;
        }
        
        div#contentCon div.column-no-title-all,
        div#contentCon div.column-no-title-top {
            padding-top:        22px;
        }
        
        div#contentCon div.column-no-title-bottom {
            padding-top:        49px;
        }
    
    div#contentCon div.column-wide {
        width:                  474px;
    }
    
    div#contentCon div.column div.second-column {
        margin-right:           0;
    }
    
        div#contentCon div.service-buttons {
            position:           absolute;
            right:              0;
            top:                12px;
        }
		
		div#contentCon div.service-buttons a{
            color:				#777;
			text-decoration: 	none;
        }
		
		div#contentCon div.service-buttons a:hover{
            color: 				#777;
			text-decoration: 	underline;
        }
		
		div#contentCon div.service-buttons a:visited{
            color: 				#777;
			text-decoration: 	none;
        }
        
        div#contentCon div.service-buttons ul {
            display:            block;
            text-align:         right;
        }
        
        div#contentCon div.service-buttons li {
            display:            inline;
            background-position:3px 3px;
            background-repeat:  no-repeat;
            padding-left:       18px;
        }
        
        div#contentCon div.service-buttons li.print {
            background-image:   url(../gfx/icons/print.gif);
        }
    
        div#contentCon div.service-buttons li.send {
            background-image:   url(../gfx/icons/send.gif);
        }
    
    div.column-last {
        margin-right:           0 !important;
    }

/*---- FOOTER PARTS ----*/

div#footerCon {
    clear:                 both;
	border-bottom:         1px solid #c3d3df;
	padding-top:           20px;
	margin-right:          15px; 
	margin-right: 16px;
}
	
div#footerConLeft {
	text-align: left;
	float: left;
	padding-top: 5px;
}

	div#footerConLeft a {
        color:              #777;
        text-decoration:    none;
    }

    div#footerConLeft a:hover {
        color:              #777;
        text-decoration:    underline;
    }
	
	div#footerConLeft img {
        width:				3px;
		height:				3px;
		vertical-align: 	middle;
		padding-left:		4px;
		padding-right:		4px;
    }

div#footerConRight {
	text-align: right;
	float: right;
	padding-top: 5px;
}

	div#footerConRight a {
        color:              #777;
        text-decoration:    none;
    }

    div#footerConRight a:hover {
        color:              #777;
        text-decoration:    underline;
    }

/*---- RIGHT COLUMN PARTS ----*/

div#rightCol {
	position:			relative;
	float:				left;
	display:			inline;
	width:				245px;
    
    border-left:        1px solid white;
    background:         #fff;
    
    overflow-x:         hidden;
}

    
    div#rightColContent div#rightCol img{
    	display:			block;
    	width:				244px;
    }
    
    div#rightColNav li {
        line-height:		0;
    	font-size:			0;
        border-bottom:      1px solid #e5cec1;
    }	

    a#loginbttn {
    	position:			absolute;
    	right:				1px;
		border-left:		1px solid #e5cec1;
    }
    
    div.rightColUnderborder {
        background:         url(../gfx/underborder_rightcol.gif) no-repeat;
        padding:            0px 10px 0px 10px;
        color:              #fff;
    }
    
    div.rightColUnderborder a {
        color:              #fff;
    }
    
    div.rightColContent {
    	width:				214px; /* 244 - (10 + 20)*/
    	padding: 			0px 10px 0px 20px;
        
        background:         #c52e00;
        color:              #fff;
    }

    div#subNavTermin {
    	height:				18px;
    	text-align:			right;
    	padding-right:		20px;
    
    	color:              #e7d9d7;
        font-family:        Verdana, Sans-Serif;
        font-size:          10px;
        background:         url('../gfx/nav/underborder_right.gif') left bottom no-repeat;
    }
    
    div.banner {
    	padding: 			0px 0px 15px 0px;
    }
    
        div.banner a,
        div.banner a img {
            display:        block;
        }
        
        div.banner div.terminator {
            position:           relative;
            top:                -18px;
			background:         url(../gfx/underborder_rightcol.gif) no-repeat left top;
            color:              white;
        }
		
		div.banner div.terminator span.icon {
			background:         url(../gfx/icons/rightcol_span_icon.gif) no-repeat left 4px;
		}

        div.banner div.terminator h4 {
            font-size:          10px;
            font-family:        Verdana,Tahoma,sans-serif;
            font-weight:        bold;
            color:              #fff;
            padding-left:       20px;
            line-height:        18px;
        }
        
        div.banner div.terminator h4 a {
            font-weight:        normal;
            display:            inline;
            margin-left:        9px;
        }
        
        div.banner div.terminator h5,
        div.banner div.terminator span.date,
        div.banner div.terminator a {
            color:              white;
        }
        
        div.banner div.terminator span.date {
            padding-right:      8px;
        }
        
        div.banner div.text {
           /* background-color:   #C52E00;*/    /*vervallen per 06-12-07 */
            padding:            12px;
        }
  
  /* jurg: styles gewijzigd en toegevoegd tbv schalende post-it */
	div.banner div.post-it {
        background:         url(../gfx/backgrounds/note_bottom.jpg) bottom center no-repeat;
		padding:			0;
        margin-bottom:      20px;  
        color:              #00476e;
		zoom:				1;
    }
	
	div.banner div.post-it div.post-it-top {
		padding:            45px 55px 55px 55px; 
		background:         url(../gfx/backgrounds/note_top.jpg) top center no-repeat;
	}
    
    div.post-it div.wrapper {

    }
    
    div.post-it div.terminator {
        margin-top:         12px;
    }