﻿/** style.css for Grote Kerk Terneuzen version 1.00 Date: 25 september 2006 **/

body {font-family: Verdana; 
      font-size: 11px; 
      background-color: #FFFFFF; 
      color: #000000; 
      /* margin: 0px; */
      text-decoration:none;}

/* td {font-size:11px;
       color: #0066cc; }
*/

td {font-size:11px;
    color: #000000; } 

/*
Normal Links
*/
a         {font-size: 11px;color: #000000; text-decoration:none;}
a:link    {text-decoration:none; color:#0066cc; font-weight:normal;}
a:visited {text-decoration:none; color:#0066cc; font-weight:normal;}
a:hover   {text-decoration: underline; color:#005aff; font-weight:normal;}

/* line 25 */

/*
Text headers
*/

h1 {font-size: 14px;
    color: #50596d; } 

h2 {font-size:11px;
   color: #0066cc; }


/* Tool component */
.p-tool {
   width:220px;
   margin-bottom:10px;
}

.p-tool .p-top-cecfd8{
   background-image:url(../img/cmp_t_border_top_cecfd8.gif);
   padding:0px 10px 0px 10px;
   font-size: 12px; 
   height:18px;
   font-weight: bold;
   color: #50596d;
   
}


/*  line 55 */

.p-tool .p-content{
   padding:10px 10px 0px 10px; 
   border-color: #cecfd8;
   border-style: solid; 
   border-width: 0px 1px 0px 1px;
   color: #50596d; 
   font-size:10px;
}

.p-tool .p-bottom{
   background-image:url(../img/cmp_t_border_bottom.gif);
   height:14px;
}


/* Tool componentfor 4 columns */
.p-tool4 {
   width:200px;
   margin-bottom:10px;
}

.p-tool4 .p-top4-cecfd8{
   background-image:url(../img/cmp_t_border_top_cecfd8_200.gif);
   padding:0px 10px 0px 10px;
   font-size: 12px; 
   height:18px;
   font-weight: bold;
   color: #50596d;
   
}


.p-tool4 .p-content{
   padding:5px 5px 0px 5px; 
   border-color: #cecfd8;
   border-style: solid; 
   border-width: 0px 1px 0px 1px;
   color: #50596d; 
   font-size:10px;
}

.p-tool4 .p-bottom{
   background-image:url(../img/cmp_t_border_bottom_200.gif);
   height:14px;
}


/* Tool component for news portlet */
.p-tool5 {
   width:150px;
   margin-bottom:10px;
}

.p-tool5 .p-top5-99bdff{
   background-image:url(../img/top_150_99bdff.jpg);
   padding:0px 10px 0px 10px;
   font-size: 12px; 
   height:18px;
   font-weight: bold;
   color: #50596d;
   
}


.p-tool5 .p-content{
   padding:5px 5px 0px 5px; 
   border-color: #cecfd8;
   border-style: solid; 
   border-width: 0px 1px 0px 1px;
   color: #50596d; 
   font-size:10px;
}

.p-tool5 .p-bottom{
   background-image:url(../img/bottom_150.jpg);
   height:14px;
}



/* Sidebar tool component */
.p-tool2 {
   width:140px;
   margin-bottom:10px;
}

.p-tool2 .p-top2-cecfd8{
   background-image:url(../img/cmp_t_border_top2_cecfd8.gif);
   padding:0px 10px 0px 10px;
   font-size: 12px; 
   height:18px;
   font-weight: bold;
   color: #50596d;
}
/* line 85 */


.p-tool2 .p-content2{
   padding:10px 0px 0px 25px; 
   border-color: #cecfd8;
   border-style: solid; 
   border-width: 0px 1px 0px 1px;
   color: #50596d; 
   font-size:11px;
}

.p-tool2 .p-bottom2{
   background-image:url(../img/cmp_t_border_bottom2.gif);
   height:14px;
}

body {
      text-allign :center;
     
     }



/*Rounded Portlet */

/* Rounded Portlet component */
.p-rndportlet_200 {
   width:200px;
   margin-bottom:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.p-rndportlet_200 .p-top-99bdff{
   background-image:url(../img/cmp_t_top200_99bdff.gif);
   padding:0px 10px 0px 10px;
   font-size: 13px; 
   height:18px;
   font-weight: bold;
   color: #000066
}

.p-rndportlet_200 .p-content{
   padding:5px 5px 0px 5px; 
   border-color: #BFBFC9;
   border-style: solid;
   border-width: 0px 1px 0px 1px; 
	color: #000000;
	/*11px*/
   font-size:11px;
}

.p-rndportlet_200 .p-action{
   background-image:url(../img/cmp_rp_action_bottom.gif);
   height:30px;
   padding:0px 10px 0px 0px; 
   margin-top: -5px;
	/*10px*/
   font-size:83%;
   color:#000000;
   float:right;
   text-align:right;
   vertical-align: middle;
}

.p-rndportlet .p-action a{color:#005AFF; text-decoration:underline;}
.p-rndportlet .p-action a:hover{color:#D315A6; text-decoration:underline;}

.p-rndportlet .p-content a{color:#000000}
.p-rndportlet .p-content a:hover{color:#D315A6}
.p-rndportlet .p-content li{padding-top:3px; padding-bottom:3px; line-height: 13px; color: #000000}

.p-rndportlet_200 .p-bottom{
   background-image:url(../img/cmp_t_border_bottom_200.gif);
   height:14px;
	font-size: 1px;
}



     
#frame {
        width:900px;
        height:700px; 
        position:relative;
        margin-right:auto;
        margin-left:auto;
        margin-top:0px;
        text-allign:left;
        background-color:#ffffff;
       }



/* line 120 */

/*  product style */

#prod_frame {
        width:900px;
        height:100%;
        position:relative;
        margin-right:auto;
        margin-left:auto;
        margin-top:0px;
        text-allign:left;
        padding:0px;
        background-color:#FFFFFF;
       }
       
#prod_topbar {
         position:absolute;
         width:900px;
         height:47px;
         left:0px;
         top:0px;
        }   
   
#prod_content {
         position:absolute;
         width:750px;
         height:550px;
         left:150px;
         top:60px;
         
         
                  }
         
#prod_leftnav {
         position:absolute;
         left:0px;
         top:60px;
         height:550px;
         width:150px;
         padding:0px;
         text-align :left;
                 
         }

         
.btn_normal {
        font-family: arial;
	font-size:12px;
        Heigth:25px;
        color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #9DA0AF #000000 #000000;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	padding: 0px 14px 0px 14px;
	cursor: pointer;
	background-image:url(../Images/HomePage/btn_bg.gif);
}



.btn_normal_h {
        font-family: arial;
	font-size:12px;
        Heigth:25px;
        color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #9DA0AF #000000 #9DA0AF;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	padding: 0px 14px 0px 14px;
	cursor: pointer;
	background-image:url(../Images/HomePage/btn_bg.gif);
}



.btn_hover {
        font-family: arial;
	font-size:12px;
        Heigth:25px;
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #9DA0AF #000000 #000000;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	padding: 0px 14px 0px 14px;
	cursor: pointer;
	background-image:url(../Images/HomePage/btn_bg_hover.gif);
}



.btn_hover_h {
        font-family: arial;
	font-size:12px;
        Heigth:25px;
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #9DA0AF #000000 #9DA0AF;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	padding: 0px 14px 0px 14px;
	cursor: pointer;
	background-image:url(../Images/HomePage/btn_bg_hover.gif);
}



.btn_sel {
        font-family: arial;
	font-size:12px;
        Heigth:25px;
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #9DA0AF #000000 #000000;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	padding: 0px 14px 0px 14px;
	cursor: pointer;
	background-image:url(../Images/HomePage/btn_bg_sel.gif);
}



.btn_sel_h {
        font-family: arial;
	font-size:12px;
        Heigth:25px;
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #9DA0AF #000000 #9DA0AF;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	padding: 0px 14px 0px 14px;
	cursor: pointer;
	background-image:url(../Images/HomePage/btn_bg_sel.gif);
}


.side_level1_sel {
        font-family: verdana;
	font-size:11px;
        font-weight: bold;  
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #000000 #000000 #000000;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	padding: 0px 3px 0px 25px;
	cursor: pointer;
	background-image:url(../Images/Misc/side_active.gif);
}


.side_level1_normal {
        font-family: verdana;
	font-size:11px;
        color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #000000 #B5B7B0 #000000;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	padding: 0px 3px 0px 25px;
	cursor: pointer;
    	background-image:url(../Images/Misc/side_normal.gif); 
}

.side_long {
        font-family: verdana;
	font-size:11px;
        color:#000066;
	background-color: #FFFFFF;
	border-color: #000000 #000000 #B5B7B0 #000000;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	padding: 0px 3px 0px 25px;
	cursor: pointer;
    	background-image:url(../Images/Misc/button_long.gif); 
}


.side_level2_sel {
        font-family: verdana;
	font-size:11px;
        Heigth:25px;
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #B5B7B0 #000000 #FFFFFF #000000;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	padding: 0px 3px 0px 30px;
	cursor: pointer;
	background-image:url(../Images/Misc/side_select.gif);
}

.side_level2_seltop {
        font-family: verdana;
	font-size:11px;
        Heigth:25px;
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #B5B7B0 #000000 #FFFFFF #000000;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 0px 3px 0px 30px;
	cursor: pointer;
	background-image:url(../Images/Misc/side_select.gif);
}

.side_level2_sellast {
        font-family: verdana;
	font-size:11px;
        Heigth:25px;
        width: 1px;
	color:#000066;
	background-color: #FFFFFF;
	border-color: #B5B7B0 #000000 #FFFFFF #000000;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	padding: 0px 3px 0px 30px;
	cursor: pointer;
	background-image:url(../Images/Misc/side_select.gif);
}

.side_level2_normal {
        font-family: verdana;
	font-size:11px;
        color: #0066cc;
        Heigth:25px;
        width: 1px;
	background-color: #E4E6EF;
	border-color: #B5B7B0 #000000 #FFFFFF #000000;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	padding: 0px 3px 0px 30px;
	cursor: pointer;
	/* background-image:url(../Images/Misc/side_fill.gif); */
}

.side_level2_hover {
        font-family: verdana;
	font-size:11px;
        color: #0066cc;
        text-decoration: underline;
        Heigth:25px;
        width: 1px;
	background-color: #E4E6Ef;
	border-color: #ffffff #000000 #b5b7b0 #000000;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	padding: 0px 3px 0px 30px;
	cursor: pointer;
	/* background-image:url(../Images/Misc/side_fill.gif); */
}

#imageContainer {
	height:309px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}
/* #imageContainer {
	position:relative;
	margin:auto;
	width:500px;
	border:1px solid #000;
} */


