/**************** BODY ELEMENTEN ****************/

*{margin:0; padding:0;}

body{
font:75% Verdana,Tahoma,Arial,sans-serif;
text-align:center;
color:#303030;
background-image:url(images/super8camera_bg.jpg);

}

#container{
width:900px;
margin:20px auto;
text-align:left;
color:#303030;
border:1px dotted #666666;

/* border:1px solid #A58607; */


}

a {
color:#666666;
font-weight:bold;
text-decoration:underline;
background-color:inherit;
}

a:hover{
color:#666666;
text-decoration:underline;
background-color:inherit;
}



a img{border:none;}

p{padding:0 0 1.6em 0; color:#666666}
p form{margin-top:0; margin-bottom:20px;}
	
/*******  HEADER  ********/

#header {
height:105px;
width:900px;
background-color:#EDE8CF;
text-indent: 30px;
background-image: url(graphics/bovenbalk.jpg);
border-bottom:1px solid #A58607;

	}
	
#headersearch {
float:right;
width:290px;
}
	
#header h1{
/*padding:30px 0 0 20px;*/
/* color:#666666; */
font-weight:normal;

}


#header h2{

font-size:1.4em;
color:#404040;
letter-spacing:1px;

text-align:center;
}

	
/*******  NAVIGATIEMENU HORIZONTAAL  ********/


#navigation {
height:2.2em;
line-height:2.2em;
width: 900px;
color:#ffffff;
height:auto;
}

#navigation li{

float:left;
list-style-type:none;
border-right:1px dotted #A58607;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 8px;
font-weight:bold;
text-decoration:none;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background: #ffffff;
color:#A58607;
font-weight:bold;
text-decoration:none;}

/*#navigation2{
height:2.2em;
width:785px;
margin:0 1px;
}

/**************** NAVIGATIEMENU VERTIKAAL ****************/

#navcontainer ul
{
list-style-type:none;
text-align: left;
margin:0 0 10px 6px;
text-transform:uppercase;
color: #ffffff;
font-size:0.8em;}

#navcontainer ul li a
{
text-decoration: none;
background: url(../images/list-off.gif) left center no-repeat;
padding-left: 15px;
color: #99CC00;
font-weight:bold;}

#navcontainer ul li a:hover{
background:  url(../images/list-on.gif) left center no-repeat;
color: #99CC00;
text-decoration:none;}

#navcontainer ul li a#current{
color: #99CC00;}

/**************** CONTENT ****************/

#contentmain{
float:left;
width:850px;
padding:30px 30px 15px 20px;
background-color: #ffffff;
border-width: thin; 
/*border-left:1px solid #A58607;*/
/*border-bottom:1px solid #A58607;*/
/*border-right:1px solid #A58607;*/
}

#contenttekst{
float:left;
background-color:#ffffff;
width:345px;

}


#content h2{display:block; margin:0 0 20px 0; font-size:1.6em; font-weight:normal; color:#505050;}
#content h3{margin:0 0 10px 0; font-size:1.4em; letter-spacing:0px; color:#505050}
#content a:hover,#subcontent a:hover{text-decoration:underline;  }

.head {color: #00FF66; } 

.lh{ font-size:14px;}


/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:463px;
background-color: #ffffff;
padding-left:5px;

}

#subcontent 

h4{

font-size:1.0em;


}
#subcontent a:link{

color:#339933;
text-decoration: underline;
font-weight: bold;
}
#subcontent a:hover{
color: #99CC00;
text-decoration: none;
font-weight: bold;
}

.item {
width: 215px;
height: 145px;
float: left; 
margin: 2px; 
border: 1px solid #C0C0C0; 
background-color:#FFFFCC;
}

.itemmovies {
width: 205px; 
float: left; 
margin: 2px; 
border: 1px solid #C0C0C0; 
height: 155px;
background-color:#FFFFCC;
}

.pixel {

text-decoration:none;
border:0;
padding:0;
margin:0;
}

.check{
font-size:11pt;
width:470px;
clear:right;
float:right;
text-align: center;
background-color: #ffffff;
}



.sort{
font-size:13px;
font-color: #666666;
text-align: left;
margin-right:3px;
margin-bottom:5px;
}

.select{
font-size:12px;
font-color: #666666;
text-align: left;
}

.allitems{
float:right;
clear:right; 
width:470px;
margin:15px auto 20px auto;
font-size:11pt;
text-align:center;
}

#subcontent p{margin:0 0 16px 0; font-size:0.9em;}

/**************** Footer styles ****************/

#footer{
clear: both;
width:900px;
font-size:0.8em;
padding-bottom:15px;
padding-top:80px;
text-align: center;
background-color: #ffffff;

}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#808080; font-weight:normal;}
#footer a:hover{color:#808080; text-decoration:underline;}



/**************** Misc classes and styles ****************/

.headertitle a{ font-weight:normal; text-decoration:none}
.headertitle a{ color: #666666;}
.headertitle a:hover{color: #333333;}

#navagenda {
color:#99CC00; 
font-weight:bold;
}


#navagenda a{
font-weight:bold;
color:#99CC00; 
text-decoration:none;
background-color:inherit;}

#paginatitel  {
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:#99CC00;}

#ad {padding-top:50px}
#statustekst {color:red;}
.small {font-size:0.8em;}

.box{
margin:0 0 20px 0px;
padding:5px;
background-color:#ffffff;
color:#505050;
line-height:1.5em;}

 #tagcloud {
  margin-left: auto;
  margin-right: auto;


          width: 420px;
   	height: 80px;
background:#FFFFCC;
          
 		border: 0px solid #FFE7B6;

          color:#0066FF;

          padding: 10px;
  
          

          text-align:center;

      }

       

      #tagcloud a:link, #tagcloud a:visited {

          ttext-decoration: underline;
 
      }

       

      #tagcloud a:hover, #tagcloud a:active {

          text-decoration: underline;

          color: #000;

      }

       

      #tagcloud span {

          padding: 3px;

      }

       

      .smallest {

          font-size: x-small;

      }

       

      .small {

          font-size:small;

      }

       

      .medium {

          font-size:small;

      }

       

      .large {

          font-size:medium;
 
      }

       
 
      .largest {
 
          font-size:large;
  
      }