html {
/* IE Horizontal scrollbar fix */
overflow-y: scroll;
/* mozilla */
height: 100%;
margin-bottom: 1px;
}
body {
font-size: 62.5%;
background: url("../images/bg_stipple.gif") repeat-x top;
background-color: #eee;
font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
color: #444;
margin: 0;
padding: 0;
text-align: center;
}
#page {
background: url("../images/bg.jpg") repeat-y top;
margin: 0 auto;
padding: 0;
width: 760px;
text-align: left;
/*border: 1px solid #ccc;*/
}
/* Ik gebruik een container in plaats van margin / padding ,
want IE gaat daar anders mee om dan alle andere browsers */
#quotetextcontainer {
background: #ddd;
}
#quotetext {
padding:10px;
border: 1px #999 dotted;
/*font-size: 90%;*/
}
#header {
background: url("../images/protio_header.jpg") no-repeat bottom center;
padding: 1px;
height: 194px;
width: 758px;
margin: 0 auto;
}
.main {
font-size: 1.1em;
line-height: 1.65em;
}
.main {
float: left;
padding: 0 0 10px 30px;
margin: 0px 0 0;
width: 500px;
}
.maincontent {
margin: 0 0 40px;
text-align: justify;
}
.maincontent {
margin: 0;
}
#footer {
padding: 0;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}
#footer a {
color: #111;
}
#footer a:hover {
color: #ED008C;
background: #fff;
}
h1 {
padding-top: 220px;
margin: 0;
display: none;
}
h2 {
margin: 20px 0 0;
font-size: 1.7em;
}
h3 {
padding: 0;
margin: 20px 0 0;
font-size: 1.3em;
}
a {
color: #ED008C;
text-decoration: none;
}
a:hover {
color: white;
background: #ED008C;
}
/* Begin Sidebar */
#sideimage {
background: url("../images/side_image.jpg");
width: 183px;
height: 132px;
border: 1px solid;
color: #333;
text-align: center;
}
.sidebar {
padding: 5px 0 20px;
margin: 0 0 20px 555px;
width: 180px;
line-height: 1.4em;
color: #777;
font-size: 0.95em;
}
.sidebar ul{
margin: 0;
padding: 0;
}
.sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 10px;
}
.sidebar h2 {
font-size: 1.6em;
padding: 10px 0 0;
margin: 0;
}
}
/* Einde Sidebar */
.center {
text-align: center;
}
hr {
display: none;
}
/* Begin Navigatie */
#supernav {
font: bold 9px/9px Verdana, Lucida Grande, Arial, Helvetica, Sans-Serif;
position: absolute;
top: 163px;
left: 50%;
width: 720px;
margin: 0 0 0 -360px;
padding: 0 25px;
text-align: left;
display: block;
}
#supernav li {
display: inline;
margin: 0;
padding: 0;
/*text-transform: lowercase;*/
}
#supernav a {
color: #333;
background: #CBF68B;
font-weight: normal;
height: 19px;
padding: 5px 16px;
margin: 0;
}
#supernav a:hover {
color: white;
background: #ED008C;
text-decoration: none;
}
/* hier de lijst met tabs om ze te kunnen activeren vb: */
body#winris a#winrisnav, body#protio a#protionav {
color: #111;
background: white;
border-color: white;
}
/* Einde Navigatie */