/* Normalizes margin, padding */
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, cite, fieldset, textarea,
button, input, p, blockquote, pre, code {
margin: 0;
padding : 0;
font-size: 100%;
font-style: normal;
font-weight: normal;
border: 0;
}


/* Removes border from fieldset and img */
img, table, td, tr {
border: 0;
}

/* refurbishing the fontz */

h1 {
  font-size: 160%; color: #660000;
  font-weight: bold;
  letter-spacing: 3px; text-transform: uppercase;
  margin: 25px 0px 10px 30px;
}

h2, h3 { 
  color: #505050;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 25px 0px 2px 0px; display: block;
}

h2 {
  font-size: 120%;
  text-transform: uppercase;
}

h3 {
  font-size: 120%;
  clear: left;
}

p {
 font-size: 120%; font-family: Tahoma, Verdana, Arial; letter-spacing: 1px; padding: 5px 0px;
}





/*  content  */

html, body { height: 100%; }
body { cursor: crosshair; font-family: Verdana, Tahoma, Arial; font-size: 3mm;  margin 0; padding: 0;
background-color: #000000; background-image:url("../images/bgbody.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: center top; }

#outernavbar { z-index: 2; position: absolute; top: 130px; left: 0px; height: 20px; width: 100%; text-align: center; }

#navbar { margin: auto; width: 800px; height: 20px;
background-image:url("../images/bgnavbar.jpg"); background-repeat: repeat-y; background-attachment: scroll; background-position: center top; } 

#navbar ul { margin-left: 20px; }
#navbar ul li { display: inline; float: left; margin-left: -500px; margin-top: 2px; background-color: tranparent; }
#navbar ul li a { font-size: 3.5mm; font-weight: bold; text-decoration: none; color: #000000; }

#drag { cursor: move; }

#container { z-index: 1; margin: 0 auto; 
width: 800px; min-height: 100%; height: auto !important; height: 100%; border: 1px solid #000000;
background-image:url("../images/bgcontainer.jpg"); background-repeat: repeat-y; background-attachment: scroll; background-position: center top; }

#content { z-index: 1; display: block; position: relative;
padding: 20px 20px 20px 0px; width: 720px; text-align: left; }

#content a:link, #content a:visited {
color: #660000; text-decoration: none; 
}

#content a:hover, #content a:active {
color: #333333; text-decoration: none; 
}


#logo { z-index: 1; display: block; width: 380px; height: 80px;
background-image:url("../images/logo.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; }

#options { z-index: 1; display: block; margin-top: 40px; margin-left: 40px; }
#play, #stop { margin-left: 5px; }


#footer { z-index: 1; display: block; clear: both; height: 50px; text-align: center; padding-top: 20px; }







/* fotos */

.fotos { clear: both; }

.fotos li {
  float: left; display: inline; list-style-type: none;
  text-align: center; 
  width: 168px; 
  margin-right: 10px; padding-bottom: 5px;
}


#content img { padding: 8px; margin: 15px 0px 10px 0px; border: 1px #000000 solid; background-color: #FFFFFF; 
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.templates { display: block; height: 170px; margin-bottom: 10px; }

.blijflinks { display: inline; float: left; margin: 10px; }
.blijfrechts { display: inline; float: left; margin: 10px; }




/* transforming the forms */

input, textarea { position: relative; margin-left: 220px; width: 250px; 
font-weight: bold;
  -moz-border-radius: 20px 20px; -webkit-border-radius: 20px 20px; border-radius: 20px 20px; /* rounded corners, not for IE */
  opacity:0.50; /* all major browsers */ 
  filter:Alpha(opacity=50); /* Internet Explorer */
}

input { border: 1px #000000 solid; height: 20px; padding: 0px 10px 3px 10px; }
textarea { height: 100px; border: 1px #000000 solid; padding: 3px 10px 3px 10px;  }
label { position: absolute; width: 200px; text-align: right; padding-right: 10px; display: block; clear: both; float: left; }

textarea#controle { height: 17px; margin-bottom: 80px; }
input#shoutboxsubmit { width: 100px; }
input#shoutboxsubmit:hover { background-color: #D2B48C; }

input:hover, textarea:hover { opacity:1; /* all major browsers */ filter:Alpha(opacity=100); /* Internet Explorer */ }
input:focus, textarea:focus { border: 2px solid #000000; background-color: #D2B48C; opacity:1; /* all major browsers */ filter:Alpha(opacity=100); /* Internet Explorer */ }


/* messages */

.buddy { clear: both; border: 1px solid #000000; min-height: 100px; width: 450px; background-color: #D2B48C;
padding: 7px; margin: 0px 0px 10px 125px; 
  -moz-border-radius: 20px 20px;
  -webkit-border-radius: 20px 20px;
  border-radius: 20px 20px; }
.buddy img { float: left; padding: 2px; }
.buddy p { margin: 15px 0px 5px 85px; font-size: 110%; }
.buddy:nth-child(2n+1){ background-color: #BDBD9D; } 
.buddy:nth-child(odd) { background-color: #BDBD9D; } 
.buddy:nth-child(2n){ background-color: #ADAD85; } 
.buddy:nth-child(even) { background-color: #ADAD85; }


/*  andere klassen */

code { color: #660000; width: 720px; display: block; overflow: auto; margin: -15px 0px 0px 0px; font-size: 110%; }


.fotos li {
  -moz-border-radius: 20px 20px;
  -webkit-border-radius: 20px 20px;
  border-radius: 20px 20px;
}

.lijsthekjes li {
display: inline; list-style-type: none; margin-right: 5px; letter-spacing: 3px;
}
.lijsthekjesvertikaal li {
display: block; list-style-type: none; margin-right: 5px; letter-spacing: 3px;
}

.breek { clear: both; }
.klein { font-size: 70%; }
.hidden { height: 0px; width: 0px; visibility: hidden; }
.zonderbollekes li { list-style-type: none; text-indent: 10px; font-size: 3.5mm; }

.metbollekes li { list-style-type: disc; font-size: 3.5mm; font-size: 120%; font-family: Tahoma, Verdana, Arial; letter-spacing: 1px; padding: 2px 0px;}
.metbollekes { margin: 5px 20px 5px 20px; }

.opvallend { font-weight: bold; font-family: Tahoma, Verdana, Arial; }
.opvallend a { text-decoration: underline; }
.comment { color: #0B610B; font-size: 3mm; }
.textnaastfoto { float: left; padding: 20px; }