html{
    overflow-y: scroll;
}

body {
    font-family: Verdana; 
    font-size: 11px;
    margin: 0;
}

a {
    font-weight: bold;
    cursor: pointer;
	text-decoration:none;
	color: inherit;
}			
	
a img {
    border: 0;
}

h1 {
	font-size: 180%;
	margin-top: 20px;
	padding: 0 0 3px 3px;
}

h2 {
	font-size: 100%;
	margin-top: 20px;
	padding: 0 0 3px 3px;
	color: #858585;
}

h3 {
    font-size: 100%;
    margin-top: 20px;
    padding: 3px 3px 3px 0;
}

h4 {
    font-size: 11px;
    margin: 10px 0 2px 0;
    padding: 0;
    color: #858585;
}

#background {
    position: absolute;
    z-index: 0;
    width: 100%;
}

#foreground {
    width: 994px;
    z-index: 1;
	margin: 0 auto;
}

/* begin definitie LI*/

ul {
    margin: 0;
    padding: 0;
}

li {
	font-weight:bold;
	margin-left:0px;
	padding:0px;
	list-style: none;
}

li span{
	color: #858585;
}

#logolink{
    text-decoration:none;
}
.indexlink{
    text-decoration:none;
}

li.here {
    list-style-image: url(../images/pijltje_rood.gif);
}

.aantal{
    font-weight: bold;
    color:#858585;
    text-decoration:none;
}
#linksnav ul {margin-top:20px;}
#cbox ul {margin-bottom:20px;}

#pbox {
    float: left;
    width: 400px;
    height: auto;
    margin-right: 50px;
	font-size: 0;
}
#preview {
    max-height: 200px;
    max-width: 400px;
}
#cbox {
    min-height: 210px;
}

#terug{
    margin-left:3px;
    cursor:pointer;
}
#terug img{margin-right:13px;}

/* einde definitie LI*/

.vormgeving
{
	margin-left:50px;
	font-size:10px;
    font-weight:normal;
	}
.error {
    color:red; 
    font-weight:bold; 
    padding: 1em; 
    border: 3px solid red; 
    width: 325px;
}

/* hoofdcontainer voor homepage */

#content-home{
    text-align:center;
	border-bottom: 2px dashed #c4c5c5;
    padding-bottom:30px;
}

#content-home img{
    z-index: -2;
    position:relative;
}

#content-home span{
    color:#696969;
	background: url(../images/BGWhite.png) repeat;
}

#content-home-container {
	min-height: 650px;
	padding-top: 10px;
	* padding-top: 20px; /*IE Hack*/
	* padding-left: 30px; /*IE Hack*/
	padding-left: 30px;
	padding-right: 10px;
	border-left: 2px dashed #c4c5c5;
	border-right: 2px dashed #c4c5c5;
	border-bottom: 2px dashed #c4c5c5;
    margin-bottom:20px;
	background: url(../images/BGWhite.png) repeat;
}


/*.homeblokken  {
    width:990px;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
}

.homeblokken img {
    border:none;
}*/

.homeactiebutton1, .homeactiebutton2, .homeactiebutton3, .homeactiebutton4{
    position:absolute; 
    top:-5px; 
    z-index: -1;
}

.homeactiebutton1{
    margin-left:0px;
}

.homeactiebutton2{
    margin-left:150px;
}

.homeactiebutton3{
    margin-left:450px;
}

.homeactiebutton4{
   margin-left:750px;
   margin-top:150px;
   *margin-left:655px;  /*kut IE*/
}

.homedienst{
    margin-top:80px;
}

/* einde hoofdcontainer voor homepage */


/* hoofdcontainer voor site plus sub voor border */
#content {
	padding-top:157px;
	min-height: 650px;
	* padding-top: 0; //IE Hack
}

#content textarea {
    height:80px;
    width:350px;
    margin:0px 0px 0px 0px;
}

#content-container {
	min-height: 650px;
	padding-top: 40px;
	* padding-top: 20px; /*IE Hack*/
	* padding-left: 30px; /*IE Hack*/
	padding-left: 30px;
	padding-right: 10px;
	border-left: 2px dashed #c4c5c5;
	border-right: 2px dashed #c4c5c5;
	border-bottom: 2px dashed #c4c5c5;
    margin-bottom:40px;
	background: url(../images/BGWhite.png) repeat;
}

/* einde hoofdcontainer voor site plus sub voor border */

/* Begin header */

#header {
    width:100%;
}

#header h1 {
    text-align: center;
    margin: 0;
}

#header img {
    margin: 10px 0;
}

#header_logo {
    float: left;
}

#header_contact {
	float: left;
    margin: 25px 0 0 10px;
	font-weight:bold;
	color: #696969;
}

#header_contact a{
	text-decoration: none;
	color: #696969;
}

/* Deze links staan onder het collectie menu */

#header_links {
    float: left;
	border: 2px dashed #c4c5c5;
	height: 35px;
	background-color: white;
	width: 990px;
	line-height: 32px;
}

#header_link_position{
	margin-left: 30px;
}

#header_nav {
    float: left;
	width: 100%;
	text-align: center;
	height: 60px;
}

#header_nav_bg {
	float: left;
	margin-top: 10px;
	width: 1000px;
	background: url(../images/schaduwmenu.png) bottom right no-repeat;
}

#header_links_submenu_top {
	font-weight: bold;
}

#header_links_submenu a {
	float: left;
	color: #858585;
    font-size: 10px;
}

#header_links_submenu a:hover{
	color:#606060;
}

.selectedmenuitem{
    color: #858585;
}

.contentsubmenu a {
	color: #858585;
    text-decoration: underline;
}

.contentsubmenu a:hover {
	color:#606060;
}

.contentsubmenu a:active {
	color:inherit;
}

.color_geboortekaartjes {
    color:black;
}

.color_geboortekaartjes h2 {
    color:#e5007c;
}

.color_geboortekaartjes_light {
	color:#e5007c;
}

.color_geboortekaartjes_title {
    color:#e5007c;
}

.color_trouwkaarten {
	color:black;
}

.color_trouwkaarten h2{
	color:#941980;
}

.color_trouwkaarten_light {
	color:#941980;
}

.color_trouwkaarten_title {
	color:#941980;
}

.color_wenskaarten{
	color:black;
}

.color_wenskaarten h2{
	color:#009ee3;
}

.color_wenskaarten_light{
	color:#009ee3;
}

.color_wenskaarten_title{
	color:#009ee3;
}

.color_geboorteborden{
	color:black;
}

.color_geboorteborden h2{
	color:#3ca433;
}

.color_geboorteborden_light{
	color:#3ca433;
}

.color_geboorteborden_title{
	color:#3ca433;
}

.color_hippeproducten{
    color:black;
}

.color_hippeproducten h2{
    color:#f39100;
}

.color_hippeproducten_light{
    color:#f39100;
}

.color_hippeproducten_title{
    color:#f39100;
}

.color_fotoalbum{
	color:black;
}

.color_fotoalbum h2{
	color:#cd1416;
}

.color_fotoalbum_light{
	color:#cd1416;
}

.color_fotoalbum_title{
	color:#cd1416;
}

.color_canvas{
	color:black;
}

.color_canvas_light{
	color:black;
}

.color_canvas_title{
	color:#c7d300;
}

.color_nieuwsbrief{
	color:#0300F3;
}

.color_nieuwsbrief_light{
	color:#0300F3;
}

/* Einde header */

/* Begin styling collectie menu */

.menuItems{
	float: left;
	width: 142px;
	text-decoration: none;
	color: white;
	margin-top: 10px;
	height:30px;
	padding-top:4px;
}

a.menuItems:hover, a.menuItemsClicked{
	margin-top: 0px;
	height: 30px;
	padding-top: 14px;
}

#menuItem1{
	background-color:#e5007c;
}

#menuItem2{
	background-color:#941980;
}

#menuItem3{
	background-color:#009ee3;
}

#menuItem4{
	background-color:#3ca433;
}

#menuItem5{
	background-color:#f39100;
}

#menuItem6{
	background-color:#cd1416;
}

#menuItem7{
	background-color:#c7d300;
}

/* Einde styling collectie menu */

/* Schaduw kaarten */

.outerpair1 {
	background: url('/static/images/upperrightfade.png') right top no-repeat;
	float: left;
	margin:0 20px 20px 0;
	width: 138px;
	height: auto;
} 
	
.outerpair2 {
	background: url('/static/images/lowerleftfade.png') left bottom no-repeat;
	padding-top:8px; padding-left:8px;
} 

.shadowbox {
	background: url('/static/images/shadow.png') bottom right no-repeat;
} 

.innerbox {
	position: relative;
	left: -8px;
	top: -8px;
	border-top: solid 1px #e3e3e3;
	border-left: solid 1px #e3e3e3;
}


/* einde Schaduw kaarten*/
			
.collectieplaatje {
   margin-bottom:10px;
   margin-left:10px;
   margin-right:10px;
   margin-top:10px;
   width:100px;
   height:100px;
   border-color:gray;
   border-style :solid;
   border-width :1px;
   cursor:pointer;
 }
 
#progress span.active {
    font-weight: bold;
}


#bedankt {
	padding: 3px;
	font-size: 100%;
	color: white;
}

.kaartkeuze {
    float:left;
    margin-left:auto;
    margin-right:20px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    background-color: #f5f5f5;
    padding: 10px;
    width: 265px;
    height: 190px;
    text-align: center;
}

.kaartkeuze select
{
    font-size: 10px;
}

.kaartkeuze label {

}

.forms span{float:left; width:110px; position: relative; top: 3px;}
.forms dd input{ margin-bottom: 3px;}

.forms {width:600px;}

.noshow {
	display:none;
}	

.onderschrift {
    clear: both;
    position: relative; 
    top: -19px;    
}

.verwijderknop  a{
}

.titel {
    font-weight:bold;
    margin:30px 0px 2px 0px;    
}

.kleurnaam{float:left;width:200px;}

#kaart1table{
	background: url(../images/BGWhite.png) repeat;
	padding:10px;
	min-width: 500px;
}

#kaart1table td{
	background: url(../images/BGWhite.png) repeat;
	vertical-align: top;
	height:10px;
}

#kaart2table{
	background: url(../images/BGWhite.png) repeat;
	padding:10px;
	min-width: 500px;
}

#kaart2table td{
	vertical-align: top;
	height:10px;
}

#kaartalgemeentable{
	padding:10px;
}

#kaartalgemeentable td{
	vertical-align: top;
	height:10px;
}

.boldgray{
	font-weight: bold;
	color: #858585;
}

.introtekstdiv{
    width: 360px; 
    margin-top: 88px;
    float:left;"
}

.introrechterbalkdiv{
    position: relative; 
    z-index:-1; 
    width: 165px; 
    height:495px; 
    margin-top: -14px; 
    float:right; 
    margin-right: -10px; 
    border-left:2px dashed black;
}

.intronieuwsbriefdiv{
    position: relative;
    z-index:2;
    width: 145px;
    margin-top: -232px;
    float:right;
    clear:right;
    margin-right: -10px;
    padding:0 10px;
    color:#858585;
}

.introfooterdiv{
    float: left;
    width: 960px;
    height: 156px;
    margin-left:-30px;
    border-top:2px dashed #C4C5C5;
    padding-left:30px;
}

.introfooterinnerleftdiv {
    width: 810px; 
    height: 156px; 
    float: left;
}

.introfooterinnerrightdiv {
    float: left; 
    width: 150px;
}

.introfootertitel{
    font-size:18px;
    padding-bottom: 10px;
}

.introcontactdiv{
    width: 145px;
    height:146px;
    padding:4px 10px;
    float:right;
    border-left:2px dashed #C4C5C5;
    color:#858585;
}

.introcollectielinks{
    float:left;
    width:144px;
    height:50px;
}

.introcollectielinks a{
    font-weight:normal;
    text-decoration:underline;
}

.introcollectiethumbs{
    width:95px;
    height:105px;
    float:left;
    color:#858585;
}

.introcollectiecanvasthumbs{
    width:125px;
    height:120px;
    margin-top:-20px;
    margin-bottom: 20px;
    float:left;
    color:#858585;
}

.login{
    float:right;
    background-position:right center;
    background-repeat:no-repeat;
    margin-top: -4px;
    padding: 4px 0;
    padding-right:25px;
    margin-right:30px;
}

.introimageblock{
    margin-left:-28px; 
    margin-right:-10px;"
}