BODY {
background-color : #CCC;
font-family : arial, verdana;
margin : 0 0 0 0;
line-height : 16px;
font-size : 14px;
}

body#home .home,
body#images .images,
body#about .about a:active{background: blue;
color: yellow;
}

.framework {
margin-left : 10%;
margin-right : 10%;
}
input {
width: 240px;
color : #ca0000;
border : 2px solid #ca0000;
background-color : #71c265;
}
.submit input {
width: 240px;
color : #000;
font-size : 10px;
border : 2px solid #ca0000;
}
textarea {
width: 240px;
height: 40px;
font-family : arial, verdana;
color : #ca0000;
font-weight : bold;
font-size : 11px;
border: 2px solid #ca0000;
scrollbar-track-color: #fff;
scrollbar-face-color: #4eb33d;
scrollbar-shadow-color: #148a00; 
scrollbar-dark-shadow-color: #148a00; 
scrollbar-highlight-color: #fff; 
scrollbar-3d-light-color: #fff; 
scrollbar-arrow-color: #ca0000;
}
#header {
background : url(../images/header/rotate.php);
background-repeat : repeat-y;
height : 237px;
width : 903px;
text-align : right;
}
#nieuwsbrief{
padding: 20px 20px 20px 20px;
color: #ca0000;
font-size:16px;
font-weight:normal; 
height:102px;
width: 258px;
background : url(../images/nieuwsbrief.jpg);
background-position:top left;
background-repeat: no-repeat;
text-transform:uppercase;
letter-spacing: 1.2px
}

#shoutarea{
background-color : #fff;
height:180px;
width:240px;
overflow-x: hidden;
overflow-y:scroll;
overflow:-moz-scrollbars-vertical;
border-left: 2px solid #ca0000;
border-right: 2px solid #ca0000;
scrollbar-track-color: #fff; 
scrollbar-face-color: #FFF;
scrollbar-shadow-color: #148a00; 
scrollbar-dark-shadow-color: #148a00; 
scrollbar-highlight-color: #fff; 
scrollbar-3d-light-color: #fff; 
scrollbar-arrow-color: #ca0000;
}

/* The boven and onder define the layout of the shoutbox.  */
.boven {
font-size : 10pt;
color : #ca0000;
padding : 5px; 
}
.name {
border-top: 1px dotted #148a00;
font-size : 10pt;
color : #ca0000;
font-weight : bold;
}
.name2 {
border-top: 1px dotted #ca0000;
font-size : 10pt;
color : #148a00;
font-weight : bold;
}
.onder {
font-size : 10pt;
color : #148a00;
padding : 5px; 
}
#bottom {
background : url(../images/maroqui-stars_06.jpg);
font-size : 11px;
line-height : 11px;
height : 60px;
width : 903px;
text-align : center;
color : #fff;
}
#content {
background : url(../images/maroqui-stars_06.jpg);
/*height : 554px;*/
width : 903px;
text-align : right;
}
#contentleft {
top : 15px;
left : 20px;
color : #ca0000;
width : 280px;
float : left;
height : auto;
position : relative;
}
#contentright {
color : black;
background-repeat : repeat-y;
min-height:800px;
left : 20px;
width : 500px;
display : table;
padding : 10px;
font-size : 10pt;
text-align : left;
line-height : 175%;
}
#menu {
background-position : bottom right;
background-repeat : no-repeat;
float : right;
width : 60px;
text-align : left;
font-size : 14pt;
position:absolute;
top: 10px;
left: 800px;
line-height : 22px;
}
#menu a:link {
padding : 1px;
color : white;
font-weight : bold;
text-decoration : none;
}
#menu a:visited {
font-weight : bold;
color : #fff;
text-decoration : none;
/*background-color : #148a00;*/
text-decoration : none;
}

#menu a:hover{
font-weight : bold;
color : #fff;
text-decoration : none;
background-color : #cc0000;
text-decoration : none;
}

#menu a:active {
font-weight : bold;
color : #fff;
text-decoration : underline;
/* background-color : #cc0000; */
text-decoration : none;
}

#bottom a {
color : #fff;
font-weight : normal;
text-decoration : underline;
}
#bottom a:hover {
font-weight : bold;
color : #fff;
text-decoration : none;
background-color : #148a00;
text-decoration : none;
}
.nav_homepage a {
/*text-align: center;*/
/*border-left : 4px solid;*/
background-image: url(../images/bal.jpg);
background-repeat: no-repeat;
background-position: top left;
font-size : 12pt;
line-height : 20px;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 45px;
font-weight : bold;
color : #fff;
display : block;
width : 200px;
text-decoration : none;
}
.nav_homepage a:visited {
/*border-left : 4px solid;*/
font-weight : bold;
color : #fff;
display : block;
text-decoration : none;
}
.nav_homepage a:hover {
background-image: url(../images/bal2.jpg);
background-repeat: no-repeat;
background-position: top left;
font-weight : bold;
color : #148a00;
text-decoration : none;
background-color : #fff;
}
#contentblock {
position : relative;
width : 888px;
float : left;
display : table;
background : url(../images/maroqui-stars_03.jpg);
background-repeat : repeat-y;
}
#contentright a {
color : #148a00;
font-weight : bold;
text-decoration : none;

}
#contentright a:hover {
font-weight : bold;
color : #ca0000;
border-bottom : 2px solid #148a00;
text-decoration : none;
}

#breadcrumbs  {
color : #cc0000;
font-size : 11px;
text-decoration : none;
font-weight : bolder;
position:absolute;
top: 200px;
left: 500px;
}

h1 {
color : white;
font-size : 16pt;
padding-top : 10px;
padding : 3px;
font-weight : 900;
width:555px;
background-color:#cc0000;
position:relative;
}

h2 {
font-size : 14px;
color : #148a00;
}
h3 {
font-size : 12px;
font-weight : bold;
color : #cc0000;
}
h4 {
font-size : 12px;
font-weight : bold;
color : #148a00;
}
h5 {
font-size : 15px;
font-weight : bold;
color : #FFF;
padding-right : 15px;
text-align:center;
text-transform: uppercase;
}
h6 {
font-size : 12px;
font-weight : bold;
color : #cc0000;
padding-left : 3px;
}

body#home .home,
body#images .images,
body#projecten .projecten {background: blue;
color: red;
}
#nieuwsbrief a:link {
letter-spacing: 1px;
text-transform:none;
color : #fff;
font-weight : bold;
text-decoration : none;
font-size:12px;
}
#nieuwsbrief a:visited {
letter-spacing: 1px;
text-transform:none;
font-weight : bold;
color : #fff;
text-decoration : none;
font-size:12px;
}

#nieuwsbrief a:hover{
letter-spacing: 1px;
text-transform:none;
font-weight : bold;
color : #cc0000;
text-decoration : none;
font-size:12px;
}