/* Start of CMSMS style sheet '123' */
/*#####################PixTures###########################*/

/*#########Template voor Beachclub Royal - Hoek van Holland##########*/

/*#####################PixTures 2008#######################*/


body {
margin:0px;
padding-top:5px;
/*background-color: #000000;*/
background-image: url(uploads/bg.gif); background-repeat: repeat;
text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

#totaal {
background: #000000;
width:900px;
border: #ffffff 1px solid;
height:auto;
}

#breedte {
width:900px;
}

a,
a:link 
a:active {
   text-decoration: underline;
   background-color: inherit; 
   color:#ffffff;
}


a:visited {
   text-decoration: underline;
   background-color: inherit;
   color: #ffffff;
}


h1 {
   color: #ffffff; 
   font-size: 10px; 
   text-align: center; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}

h6 {
   color: #ffffff; 
   font-size: 9px; 
   text-align: center; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}

h5 {
   color: #ffffff; 
   font-size: 9px; 
   font-weight: normal;
   text-align: justify; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}

h4 {
   color: #36a1cf; 
   font-size: 12px; 
   font-weight: bold;
   text-align: left; 
   line-height: 1.0em;
   margin: 0 0 0.5em 0;
}

h3 {
   color: #36a1cf; 
   font-size: 11px; 
   font-weight: bold;
   text-align: left; 
   line-height: 1.0em;
   margin: 0 0 0.5em 0;
}

h2 {
   color: #36a1cf; 
   font-size: 11px; 
   font-weight: bold;
   text-align: left; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0; 
   }


/*------------------------------Logo header-------------------------------------------*/

#logo {

/*background:url(uploads/images/koproyal.jpg);*/
width:900px;
height:80px;
}

/*------------------------------Logo header stop-------------------------------------*/

#nlinks{
background: #000000;
padding-top: 10px;
padding-left:5px;
padding-right:15px;
color: #ffffff;
width: 310px;
height: 580px;
overflow: auto;
text-align:left;
float: left;
}

#nmidden{
background: #36a1cf;
width: 310px;
/*min-height:600px;*/
height: auto;
float: left;
}

#nrechts{
background: #000000;
padding-left:5px;
padding-right:5px;
width: 250px;
min-height:600px;
float: right;
}

#nvg{
background: #ffffff;
padding-left:5px;
padding-right:5px;
width: 250px;
/*min-height:600px;*/
height:auto;
float: right;
}



/*-----------------------------------Menu-------------------------------------------*/
/*---------------Menuhoogte is te verdubbelen, dus dubbele rij------------------------*/

#menubar {
background: #000000;
width:899px;
height:25px;
border-top: #ffffff 1px solid;
border-bottom: #ffffff 1px solid;
border-left: #ffffff 1px solid;
border-right: #ffffff 1px solid;
}

/*------------------------------Menu stop-------------------------------------------*/


#links {
/*float:right;*/
/*width:200px;*/
width:200px;
height:auto;
background: #000000;
}


#open {
background: #000000;
font-size: 9px; 
/*float:right;*/
width:230px;
height:70px;
color: #888888;
text-align:left;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
border-top:1px dotted #333333;
border-bottom:1px dotted #333333;
}

#nominatie {
background: #000000;
font-size: 9px; 
/*float:right;*/
width:230px;
height:150px;
color: #36a1cf;
text-align:center;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
border-bottom:1px dotted #333333;
}


#spacer {
/*float:right;*/
background:#000000;
width:200px;
height:10px;
}

#spacer2 {
/*float:right;*/
background:#000000;
width:200px;
height:20px;
}


#webcam {
background: #000000;
color: #888888;
width:240px;
height:100px;
padding-bottom:25px;
}

#evenement {
/*float:right;*/
width:230px;
height:auto;
color:#ffffff;
background:#000000;
border-top:1px dotted #333333;
border-bottom:1px dotted #333333;
text-align:left;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
padding-top:10px;

}

#evenementcontent {
width:225px;
height:auto;
padding-right:5px;
overflow:auto;
}

#kolomrechts {
float:left;
width:200px;
height:500px;
/*background:url(uploads/royal/bg-rechts-valentijn.jpg);*/
background:url(uploads/images/bg-rechts.jpg);
background-repeat:no-repeat;
}


#top_image_content {
float: left;
background:#000000;
width:250px;
height:10px;
margin-top:0px;
}

#main_image_content {
float: left;
background:#ffffff;
width:460px;
}



#content {
width:460px;
float: left;
background:#000000;
text-align:left;
color:#ffffff;
padding-top:5px;
min-height:450px;
}



#bottom_image_content {
background:#ffffff;
padding:0px;
width:460px;
height:40px;
}





#footer {
background: #36a1cf;
/*background: #ff7d00;*/
/*background:url(uploads/images/footerklaas.jpg);*/
width:900px;
height:40px;
border-top:#ffffff 1px solid;
clear:right;
font-size:10px;
color:#FFFFFF;
padding-top:15px;
text-align:center;
}




/*########################MENU###############################*/


#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #000000;
   border-bottom: 1px solid #000000;
   width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 150px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #ffffff;
}
#primary-nav li a { 
   border-right: 1px solid #000000;
   border-left: 1px solid #000000;
}
#primary-nav li li a { 
   border: 1px solid #ffffff;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #000000; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #333333; 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #36a1cf; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}


/*#############################NEWS###########################*/

.NewsSummary {
width:220px;
color:#ffffff;
margin-top:5px;
text-align: left;
font-size:10px;
 }

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryPostdate {
  font-size: 80%;
  font-weight: italic;
 }

.NewsSummarySummary {
color:#888888;
text-align: left;
font-size:11px;
}

.NewsSummaryLink {
    font-weight: bold;
color: #888888;
    font-size: 11px;
    }

.NewsSummaryMorelink {
font-size: 80%;
color: #888888;
text-align: right;
}

#NewsPostDetailDate {
  font-size: 90%;
  font-style: italic;
  margin-bottom: 5px;
  }

#NewsPostDetailSummary {
   margin-bottom: 10px;
  line-height: 150%;

   }

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailPrintLink {
color:#000000;
}



/* to add specific style to the below div, uncomment them. */
/* 
.NewsSummaryLink {}
.NewsSummaryAuthor {}
.NewsSummaryMorelink {}
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailCategory {}
#NewsPostDetailAuthor {}
#NewsPostDetailAuthor {}
#NewsPostDetailPrintLink {}*/


#NewsPostDetailReturnLink {
margin-bottom:20px;
}

/* End of '123' */