/* --- Setup --- */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	background-color:#f3f3f3;
}

/* --- General ---*/
p, ul, td { font-size:1.2em; }
h1, h2, h3, h4, h5, h6, h7 { font-size:1.8em;margin-bottom:10px;margin-top:5px;}
h5 {font-size:1.6em;}
td h5 { font-size:1.34em;}
h6, h7 { font-size:1.4em;}
td h6 {font-size:1.25em;}
table, tr, td td, table table { font-size:1em;}
td p {font-size:1em;}

p.center {text-align:center;}
.black, #navigation li.black,
#navigation .black a, #navigation .black a:hover, #navigation .black a:visited, 
#navigation .black a:active, #navigation .black a, a:hover, a:visited, a:active, a:focus, a
{ 
    color:black;
}
.white, #navigation li, ul.video_strip li.text,
#navigation a, #navigation a:hover, #navigation a:visited, 
#navigation a:active, #navigation a
{ 
     color:white; 
}
.text-right { text-align:right; }
.clear { clear: both; height:0px; overflow:hidden;}
body, #wrapper, #header, #footer, .commercials { min-width:840px; }

img {border:none;}
#content img {border:1px solid black;margin-right:6px;margin-bottom:6px;}

/* --- Container --- */
#wrapper {
	padding: 0;
	background: url('/html-nl/img/nav-red-back3.gif') left repeat-y #fff;
}
#content {
	padding-left:405px;
	background: url('/html-nl/img/right-back2.gif') right repeat-y;
	padding-right:175px;
}

/* --- Header & Footer---*/
#header, #header .commercials { height:100px;}
.button347, .button120, .banner468, .banner728  { height:72px;padding-top:2px;}
#header, #footer {
    width:100%;
    position:relative;
    height: 74px;
    background: url('/html-nl/img/top-line-grey.gif') bottom repeat-x #f3f3f3;
}
#header {
    height:100px;
}
    #header .commercials {
        background: url('/html-nl/img/top-line-red.gif') 0px 92px no-repeat transparent;
    }
    #header .banner728, #header button120 {
        position:relative; }
        .button120 {
            width:120px;
        }
        .button347 {
            width:347px;
            z-index:200;
            padding-left:50px;
            position:relative;
            
        }
        .banner468 {
            left:auto;
            right:auto;
            text-align:center;
            padding-right:20px;
            margin-top:-74px;
        }
        .banner160 { position:absolute;
                     right:0; top:0;
                     z-index:100; 
                     margin:96px 2px 0 0; 
                   }
        .banner728 { width:728px; height:98px; padding-left:400px;}
        .button120.left {
            padding-left:50px;
            z-index:10;
            margin-right:200px;
            background-color:transparent;
        }
        .button120.right {
            margin-top:-74px;
            padding-right:169px;
            margin-left:auto;
            background: url('/html-nl/img/top-line-right-corner.gif') -92px 66px no-repeat #f3f3f3;
        }
        .banner728.right {
            margin-top:-74px;
            padding-right:2px;
            margin-left:auto;
            background: url('/html-nl/img/top-line-right-corner2.gif') -151px 92px no-repeat transparent;
        }
        div#fix728 {
            position:absolute;
            top:0; left:0;
            background: url('/html-nl/img/top-line-red.gif') 0px 92px no-repeat transparent;
            width:400px; height:100px;
            z-index:100;
        }

/* --- Footer ---*/
#footer {
    background: url('/html-nl/img/bottom-line-grey.gif') top repeat-x #f3f3f3;
    height:140px;
} 
    #footer .commercials {
        background: url('/html-nl/img/bottom-line-left-corner.gif') 0 0 no-repeat transparent;
        height:90px;
    }
        #footer .button120, #footer .banner468 {
            padding-top:12px;
        }
        #footer .button120.left {
            background:transparent;
            padding-top:16px;
        }
        #footer .banner468 {
            padding-top:2px;
            padding-right:120px;
        }
        #footer .button120.right {
            padding-top:16px;
            margin-top:-88px;
            background: url('/html-nl/img/bottom-line-right-corner.gif') -93px 0px no-repeat #f3f3f3;
        }
    #footertext {
        background-color:#f3f3f3;
        padding-right:110px;
    }
        #footertext p { font-size:0.9em; }
    
/* --- Sidebar --- */
#sidebar {
	width: 400px;
	float: left;
	padding: 0;
}
    .kr-title {
        font-size:5.4em;
        margin:0;
        padding:0;
        margin-right:7px;
        margin-left:-5px;
        padding-top:25px;
    }
    .home .kr-title {
        font-size:8.4em;
    }
    .kr-title span, .kr-subtitle span { display:none; }
    .kr-title, .kr-subtitle, #navigation { z-index:5;position:relative; }
    .kr-subtitle {
        font-size:1.1em;
        line-height:1.1em;
        margin-left:193px;
        font-weight:normal;
        padding-bottom:35px;
        padding-top:6px;
    }
    .home .kr-subtitle {
        padding-bottom:0;
    }
    #sidebar #person-picture {
        position:absolute;
        left:-4px;
        top:100px;
        z-index:0px;
        margin-left:2px;
        border-left:2px solid transparent;
    }
    #navigation {
        margin-top:162px;
        margin-left:192px;
        list-style-type:none;
        font-weight:normal;
        font-size:1.2em;
    }
        #navigation li { 
            background:url('/html-nl/img/arrow-white.gif') no-repeat 0 2px;
            padding-left:14px;
        }
            #navigation li a { 
                text-decoration:none;
            }
        #navigation li.black { 
            background-image:url('/html-nl/img/arrow-black.gif');
            margin-top:10px;
        }
        #navigation li.abo {
        padding-top:15px;
        list-style-type:none;
        background-image:none;
        padding-left:0px;
        }
        #navigation li.abo.first {
        padding-top:20px;
        }
        #navigation li.abo button, #navigation li.abo .button {
            background-color:#f3f3f3;
            color:#f00;
            padding:4px 2px;
            font-weight:bold;
            width:198px;
            margin-left:-6px;
            text-align:left;
            font-family:Arial, sans-serif;
            font-size:0.9em;
            text-decoration:none;
        }
    #sidebar .button240 {
        position:relative;
        left:50px;
        margin-top:10px;
        border:1px solid white;
        width:120px;
        margin-bottom:10px;
    }
    #sidebar .button120 {
        position:relative;
        margin-top:-244px;
        left:50px;
        border:1px solid white;
        width:120px;
        height:60px;
        z-index:10;
        padding-top:0;
    }
    div.rectangle250 { 
        border:1px solid white;
        width:300px;
        margin-left:72px;
        margin-bottom:10px;
    }
    ul.video_strip {
        list-style-type:none;
        margin-left:72px;
    }
        ul.video_strip li.text {
            background:url('/html-nl/img/arrow-white.gif') no-repeat 0 2px;
            padding-left:14px;
            margin-bottom:10px;
            color:white;
        }
        ul.video_strip li span {
            position:absolute;
            margin-top:30px;
            margin-left:20px;
            color:white;
            font-weight:bold;
        }
        ul.video_strip li a {
            text-decoration:none;
            color:white;
        }

/* --- Hacks ---*/
/* fixes safari button240 margin problem */ 
html*.button240 {
[margin-top:-174px;
margin-top:-161px;
]margin-top:-174px;
}/*end*/

/* --- Old Styles --- */
#content a.weiter img, #content a.weiter {
    border:none;
    margin-bottom:0;
}