
body{
color:black;
background-color:white;
background-image:url(http://www.sporton.nl/theme/sporton/image/background-photo1);
background-repeat:no-repeat;
background-position:bottom right;
}

html,body{
margin:0;
height:100%;
}
#head{
position:absolute;
top:0;
left:0;
width:100%;
height:72px;
background:url(http://www.sporton.nl/theme/sporton/image/header-photo1) no-repeat top right;
border-bottom:2px solid rgb(255,194,0);
z-index:1;
}
#head span{
text-indent:1000px;
font-size:1px;
color:white;
overflow:hidden;
position:absolute;
margin:0;
left:1px;
top:2px;
width:285px;
height:85px;
background:url(http://www.sporton.nl/theme/sporton/image/logo) no-repeat;
}
#left{
position:absolute;
top:76px;
left:.5em;
width:14.2em;
z-index:4;
}
#mid{
position:absolute;
top:0;
width:100%;
min-height:100%;
z-index:2;

}
#mid2{
margin-top:78px;
}
#text{
border-left:2px solid rgb(255,194,0);
margin-left:14.7em;
padding-left:1.5em;
padding-top:12px;
width:47%;
margin-bottom:.5em;
padding-right:.5em;
padding-bottom:.5em;
}
#right{
position:absolute;
left:50%;
top:100px;
margin-left:16.2em;
}


.obox{
padding-left:2px;
padding-right:2px;
border-left:2px solid rgb(255,194,0);
border-right:2px solid rgb(255,194,0);
padding-top:5px;
padding-bottom:5px;
margin:.5em;
margin-top:2em;
width:12em;
position:relative;
z-index:6;
}

.ibox{
padding:2px;
background-color:rgb(238,230,249);
}
.ibox h1{
margin:0;
margin-bottom:.3em;
}
.ibox p{
margin:0;
}

.tidbit-link{
width:100%;
display:block;
text-align:right;
font-size:smaller;
color:rgb(55,22,119);
}

#links ul{
margin:0;
padding:0;
list-style:none;
width:100%;
}
#links a{
width:100%;
display:block;
text-decoration:none;
color:black;
padding-left:1px;
}
#links a{
border:1px solid rgb(238,230,249);
}
#links a:hover{
border:1px outset rgb(255,224,128);
background:rgb(255,224,128);
}
#links a:active{
border:1px inset rgb(255,224,128);
background:rgb(255,224,128);
}

#copyright{
position:absolute;
bottom:2px;
right:2px;
color:rgb(128,128,128);
}

#nav{
margin-right:1em;
margin-top:15px;
}
#nav h2{
display:none;
}
#nav ul{
margin:0;
margin-left:.1em;
padding:0;
list-style:none;
width:13em;
}
#nav li{
width:100%;
}
#nav a{
width:100%;
display:block;
text-decoration:none;
color:rgb(55,22,119);
border:1px solid white;
padding:1px;
}
#nav a:hover{
border:1px outset rgb(255,194,0);
background:rgb(255,194,0);
}
#nav a:active{
border:1px inset rgb(255,194,0);
background:rgb(255,194,0);
padding-left:2px;
padding-top:2px;
padding-right:0px;
padding-bottom:0px;
}
a.cur-link{
background:rgb(255,224,128);
}
a.par-link{
background:rgb(255,239,192);
}
#nav ul ul{
margin-left:1em;
width:15em;
font-size:80%;
}
#nav ul ul ul{
margin-left:1em;
width:13.75em;
font-size:100%;
}
#nav ul ul ul ul{
margin-left:1em;
width:12.5em;
}
#nav ul ul ul ul ul{
margin-left:1em;
width:11.25em;
}

#search{
margin-top:1em;
margin-right:.5em;
border-top:2px solid rgb(255,194,0);
}
#search input{
width:12.3em;
}
#search p{
margin:0;
margin-left:.5em;
text-align:right;
}
#search #search-button{
background-color:rgb(237,232,245);
background:url(http://www.sporton.nl/theme/sporton/image/search-button) no-repeat left center;
border-width:1px;
border-color:rgb(242,237,250);
padding:2px;
padding-right:4px;
padding-left:19px;
width:auto;
}

#mid{
line-height:1.4;
}
#text p{
text-align:justify;
margin-top:.2em;
margin-left:.5em;
}
#text img{
margin:.3em;
margin-left:.5em;
}
#text table{
margin-left:.5em;
}
h2{
margin-left:.3em;
margin-top:0;
}
h1,
h2,
h3{
color:rgb(55,22,119);
}

#text a:link,
#text a:visited{
text-decoration:underline;
color:rgb(172,135,0);
}

input.button{
border-width:1px;
border-color:rgb(255,224,128);
background:rgb(255,224,128);
color:black;
padding:.1em;
padding-left:.4em;
padding-right:.4em;
}
input,
textarea,
select{
background-color:inherit;
border-width:1px;
}

hr{
border:0;
border-top:2px solid rgb(255,194,0);
margin-left:.5em;
}
.search-results{
margin:0;
padding:0;
list-style:none;
margin-top:.5em;
margin-left:.5em;
}
.search-results li{
margin-bottom:1em;
}
#text .search-results a{
font-size:larger;
color:rgb(55,22,119);
}
.search-results a em{
font-style:normal;
font-weight:bold;
}
.search-summary{
}
.search-url{
color:rgb(128,128,128);
font-size:smaller;
}