/******************************************

Healingcenter

General stylesheet

always include reset.css, it will reset your style
for all browers, it includes the clearfix	

when there is extra typographic specification, place
this code at the parent class or ID :  /*!T!*/
  
/******************************************/

/*------------------------------------------ imports -----*/
@import url(typhography.css);

/*------------------------------------------ structure -----*/

body /*!T!*/ { background: #734660; }

#container { margin: 0 auto; width: 945px; }

#content-41 { background: url(../img/bg-41-top.gif) top no-repeat; }
#content-41 #content-inner { background: url(../img/bg-41-btm.gif) bottom no-repeat; }
#content-41 #column01 { float: left; padding: 25px 65px 25px 230px; width: 445px; min-height: 400px; height: 400px; }
*>#content-41 #column01 { height: auto; }
#content-41 #column02 { float: right; padding: 113px 20px 25px 15px; width: 162px; }

#content-14 { background: url(../img/bg-14-top.gif) top no-repeat; }
#content-14 #content-inner { background: url(../img/bg-14-btm.gif) bottom no-repeat; }
#content-14 #column01 { float: left; padding: 113px 20px 25px 25px; width: 152px; min-height: 400px; height: 400px; }
*>#content-41 #column01 { height: auto; }
#content-14 #column02 { float: right; padding: 25px 65px 25px 35px; width: 615px; }

#content-1 { background: url(../img/bg-1-top.gif) top no-repeat; }
#content-1 #content-inner { background: url(../img/bg-1-btm.gif) bottom no-repeat; }
#content-1 #column01 { padding: 25px 65px 25px 230px; min-height: 400px; height: 400px;  }
*>#content-1 #column01 { height: auto; }

#highlight { background: #cdc386; border: 2px solid #FFFFFF; padding: 10px; }

#footer { padding: 10px; }


/*------------------------------------------ forms -----*/

.form td /*!T!*/ { padding: 3px; }
.form { margin: 0 0 1.00em 0; }

input.text { background: #eee9cc; width: 250px; border: 1px solid #FFFFFF; }
input.text-short { background: #eee9cc; width: 100px; border: 1px solid #FFFFFF;}
input.button { background: #bf175e; color: #FFFFFF; border: 2px solid #cc757f; font-weight: bold;}
input.radio { margin-bottom: -3px; }
select { background: #eee9cc; width: 200px; border: 1px solid #FFFFFF; }
textarea { background: #eee9cc; width: 200px; height: 50px; border: 1px solid #FFFFFF; overflow: auto; }


/*------------------------------------------ lists -----*/

ol, ul { margin: 0 0 0 0; padding-bottom: 1.00em}
ul li /*!T!*/ { list-style-image:url(../img/blt-disc-pink.gif); line-height: 2.00em; }

/*------------------------------------------ images -----*/

img.left { float: left; padding: 10px 25px 10px 0; }
img.right { float: right; padding: 10px 0 10px 25px;}

/*------------------------------------------ table -----*/

table.agenda { background: #cdc386; border: 2px solid #FFFFFF;  }
table.agenda td { padding: 7px; }
table.agenda td3 { padding: 7px; background: #3a1d2e; }

/*------------------------------------------  Fotogalerij startpagina -----*/

.Album { width: 400px; }
.AlbumHeader { text-align:left;}
.AlbumHeader h3 { font-size: 1.3em; font-weight: bold; color: #bf175e; padding-left:20px; margin-left:20px;  }
.AlbumPhoto { background: #f5f5f5; margin-bottom: 10px;}
.AlbumPhoto p { float: left; padding: 4px 4px 12px 4px; border: 1px solid #ddd; background: #fff;  margin-right:20px;  }
.AlbumPhoto span { float: left; padding: 4px 4px 12px 4px; border: 1px solid #ddd; background: #fff; margin-right:20px;  }
.AlbumPhoto img { border: none;  height: 76px; width: 120px;}

/*------------------------------------------  Fotogalerij onderliggende pagina -----*/

.AlbumHeaderbig { text-align:center;}
.AlbumPhotobig { background: #cc5482; float: left}
.AlbumPhotobig td { background: #cc5482; padding: 7px; }
.AlbumPhotobig img { border: none;  height: 249px; width: 386px;}