/* @override http://www.ioscoop.com/css/album_overzicht.css */

/* M A I N  G E D E E L T E */

div#main {
	/*background-color: #4948fc;*/
	/*height: 680px;*/
}


div#kolleft {
	height: 600px;
	width: 644px;
	float: left;
}

/* rubriek mijn albums */
div#mijn_albums {
	background: #fff url(../images/kopalbums.gif) no-repeat;
	min-height: 646px;
	height:auto !important;
 	height:646px;
	width: 644px;
	float: left;
}

/* linksonder ronde hoeken*/
div.left_bot {
	background: #fff url(../images/left_bot.gif) no-repeat;
	height: 18px;
	width: 644px;
	float: left;
}

/* marge linker en rechter kolom */
div.kolmarge {
	background-color: #E7EEc4;
	height: 200px;
	width: 12px;
	float: left;
	overflow: hidden;
}


/* rechter kolom */
div#kolright {
	height: 600px;
	width: 320px;
	float: left;
}

div#kolright a {
	text-decoration: none;
	font-size: 14px;
	color: black;
}


/* rubrieken rechts met hoogte en kop */
div#mijn_uploads {
	background: #fff url(../images/kopuploads.gif) no-repeat;
	height: 169px;
}

div#mijn_ioshare {
	background: #fff url(../images/kopioshare.gif) no-repeat;
	/*height: 210px;*/
	margin-top: 10px;
	
}

div#mijn_iografie {
	background: #fff url(../images/kopiografie.gif) no-repeat;
	height: 210px;
	margin-top: 10px;
	position: relative;
}

div#mijn_accounts {
	background: #fff url(../images/kopuploads.gif) no-repeat;
	/*height: 169px;*/
}


/* in aanbouw tijdelijk */
#kolright div.in_aanbouw {
	height: 130px;
	width: 280px;
	background: url(../images/inaanbouw.gif) no-repeat 14px 20px;
	position: absolute;
	/*display: none;*/
}



/* afsluiter ronde hoeken */
div.right_bot {
	background: #fff url(../images/right_bot.gif) no-repeat;
	height: 18px;
}

/* kop mijn albums, etc */
div.rubriekkop {
	font-family: Trebuchet MS;
	font-size: 22px;
	color: white;
	line-height: 56px;
	margin-left: 74px;
	float: left;
	overflow: hidden;
}

div.rubriekkop_rechts {
	font-family: Trebuchet MS;
	font-size: 22px;
	color: white;
	line-height: 56px;
	margin-left: 72px;
	overflow: hidden;
}

div.nieuwalbum {
	margin-top: 14px;
	height: 29px;
	background: url(../images/album_nieuwbut.gif) no-repeat top;
	width: 202px;
	float: right;
	margin-right: 24px;  /*ie_6 = 12px */
	margin-bottom: 13px;
}

div.nieuwalbum a {
	color:  #000;
	text-decoration: none;
	padding-left: 36px;
	background: url(../images/album_plus.gif) no-repeat 0 center;
	line-height: 29px; 
	font-size: 13px;
	display: block;
}

div.nieuwalbum a:hover {
	background: url(../images/album_plus_on.gif) no-repeat 0 center;
	color: #df2730;
}


div.sorteerop {
	clear: both;
	/*margin-top: 18px;*/
	margin-left: 28px;
	margin-right: 28px;
	padding-top: 10px;
	padding-left: 7px;
	text-align: center;
	height: 22px;
	background-color: #e7eec4;
	/*display: none;*/
}

div.sorteerop a {
	font-size: 12px;
	color: black;
	text-decoration: none;
}

div.sorteerop a:hover {
	text-decoration: underline;
}

div.sorteerop a.current {
	font-weight: bold;
}


div#albumcontainer {
	margin-top: 10px;
	margin-left: 28px;
	margin-right: 28px;
	/*background-color: #f0f0f0;*/	
	/*height: 510px;*/
}

div.lijn {
	background-color: #ccc;	
	height: 1px;
	overflow: hidden;
	clear: both;
}


/* albums homepage */
div.album {
	height: 96px !important;  /* was 106 */
	overflow: hidden
}

div.album.oneven {
	height: 90px;
	background-color: #f7f8e9;
	overflow: hidden
}

div.albumfoto {
	margin-top: 7px;
	height: 80px;
	width: 110px;
	background-color: white;
	float: left;
	overflow: hidden;
	border: 1px solid #ccc;
}

/* afwijkend voor contacten nu alleen bij instellingen gebruikt*/
div#mijn_contacts div.albumfoto {
	margin-top: 7px;
	height: 80px;
	width: 70px;
	background-color: white;
	float: left;
	overflow: hidden;
	border: 1px solid #ccc;
}

div#mijn_contacts div.albumfoto img {
	width: 70px;
}

div#mijn_contacts div#albumcontainer div.album div.albumteksten {
	width: 467px !important;
}


/* afwijkend voor contacten*/


div.albumfoto img {
	/* centreren? */
}



div.albumteksten {
	margin-top: 7px;
	height: 82px;
	width: 427px;
	/*background-color: lavender;*/
	float: left;
	overflow: hidden;
	padding-left: 25px;
}

div.albumteksten a {
	/*color: black;*/
	text-decoration: none;
}

div.albumteksten a:hover {
	/*color: black;*/
	text-decoration: underline;
}

div.albumteksten a.driehoek {
	color: black;
	text-decoration: none;
	background: url(../images/album_driehoek.gif) no-repeat 1px 3px;
	padding-left: 18px
}

div.albumteksten a.driehoek:hover {
	text-decoration: underline;
}


/* album delen niveau instellen*/
div.albumedit {
	margin-top: 6px;
	height: 82px;
	width: 24px;
	float: left;
	overflow: hidden;
}

div.albumniv {
	padding-top: 8px;
	padding-bottom: 8px;
}

/* extra class voor kleur */
div.albumniv.rood {
	background: url(../images/album_niv_rood.gif) no-repeat left center;
}

div.albumniv.oranje {
	background: url(../images/album_niv_oranje.gif) no-repeat left center;
}

div.albumniv.groen {
	background: url(../images/album_niv_groen.gif) no-repeat left center;
}

/* einde album delen */



div.albumkop {
	font-size: 20px;
	color: #0061a4;
	margin-top: 6px;
	margin-bottom: 10px;
}

div.albumdialink {
	font-size: 13px;
	padding: 5px;
	padding-left: 0px;
	
}

div.albumminialink {
	font-size: 13px;
	padding: 5px;
	padding-left: 0px;
}



div.clear {
	clear: both;
}

div.clearfix_ie6 {
	/*display: none;*/
	clear: both;
	height: 30px;
}

/* einde paginering */

/* mijn uploads vervolg */

div.mijn_uploads_container {
	/*background-color: yellow;*/
	padding-top: 30px;
	padding-left: 24px;
	padding-right: 24px;
}



div.rubr_upload, div.rubr_shoebox, div.rubr_account {
	line-height: 40px;
	height: 40px;
}


/*  href links met eigen icoon */
a.upload {
	height: 40px;
	background: url(../images/rubr_upload_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
}

a.upload:hover {
	background: #f7f8e9 url(../images/rubr_upload_on.gif) no-repeat;
	display: block;
}

a.shoebox {
	height: 40px;
	background: url(../images/rubr_shoebox_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
}

a.shoebox:hover {
	background: #f7f8e9 url(../images/rubr_shoebox_on.gif) no-repeat;
	display: block;
}

a.account {
	height: 40px;
	background: url(../images/rubr_account_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
}

a.account:hover {
	background: #f7f8e9 url(../images/rubr_account_on.gif) no-repeat;
	display: block;
}



a.inbox {
	height: 40px;
	background: url(../images/rubr_inbox_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
}

a.inbox:hover {
	background: #f7f8e9 url(../images/rubr_inbox_on.gif) no-repeat;
	display: block;
}

a.verzonden {
	height: 40px;
	background: url(../images/rubr_verzonden_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
}

a.verzonden:hover {
	background: #f7f8e9 url(../images/rubr_verzonden_on.gif) no-repeat;
	display: block;
}

a.contacts {
	height: 40px;
	background: url(../images/rubr_contacts_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
}

a.contacts:hover {
	background: #f7f8e9 url(../images/rubr_contacts_on.gif) no-repeat;
	display: block;
}

a.leeg {
	height: 40px;
	background: url(../images/rubr_leeg_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
	color: #ccc !important;
	cursor: default;
}

a.leeg:hover {
	/*background: #f7f8e9 url(../images/rubr_leeg_on.gif) no-repeat;*/
	display: block;
	cursor: default;	
}


a.leegaanbouw {
	height: 40px;
	background: url(../images/rubr_leeg_off.gif) no-repeat;
	padding-left: 50px;
	display: block;
	cursor: default;	
}

a.leegaanbouw:hover {
	/*background: #f7f8e9 url(../images/rubr_leeg_on.gif) no-repeat;*/
	display: block;
}

/* einde rubrieken */




/* ********* inbox modus **************************** */
/* ********* inbox modus **************************** */
/* ********* inbox modus **************************** */
/* ********* inbox modus **************************** */

div#mijn_inbox {
	background: #fff url(../images/kopinbox.gif) no-repeat;
	min-height: 646px;
	height:auto !important;
 	height:646px;	
 	width: 644px;
	float: left;
}

div.select_contact {
	float: right;
	margin-right: 30px;
	margin-top: 16px;
}

div.select_contact select {
	width: 180px;	
}


div.albumacceptlink {
	font-size: 13px;
	padding: 5px;
	padding-left: 0px;
}

div.albumacceptlink a {
	color: #df2730 !important;
}

div.albumdelete {
	margin-top: 7px;
	margin-bottom: 12px;
}



/* ********* verzonden modus **************************** */
/* ********* verzonden modus **************************** */
/* ********* verzonden modus **************************** */
/* ********* verzonden modus **************************** */

div#mijn_outbox {
	background: #fff url(../images/kopoutbox.gif) no-repeat;
	min-height: 646px;
	height:auto !important;
 	height:646px;
 	width: 644px;
	float: left;
}

div.albumverstuurdop {
	font-size: 13px;
	padding: 5px;
	padding-left: 0px;
}

div.albumverstuurdop a {
	color: #df2730 !important;
}

div.albumverstuurdaan {
	font-size: 13px;
	padding: 5px;
	padding-left: 0px;
}

/*
div.albumverstuurdaan a {
	color: #df2730 !important;
}
*/

div.driehoek span.rood {
	color: red;	
}

div.albumteksten div.driehoek {
	color: black;
	text-decoration: none;
	background: url(../images/album_driehoek.gif) no-repeat 1px 3px;
	padding-left: 18px
}




/* ********* contacts modus **************************** */
/* ********* contacts modus **************************** */
/* ********* contacts modus **************************** */
/* ********* contacts modus **************************** */

div#mijn_contacts {
	background: #fff url(../images/kopcontacts.gif) no-repeat;
	min-height: 646px;
	height:auto !important;
 	height:646px;
 	width: 644px;
	float: left;
}

div#mijn_contacts div.albumkop span.gebdatum {
	font-size: 14px;
	margin-left: 12px;
}



div.nieuwcontact {
	margin-top: 14px;
	height: 29px;
	background: url(../images/contact_nieuwbut.gif) no-repeat top;
	width: 202px;
	float: right;
	margin-right: 24px;  /*ie_6 = 12px */
	margin-bottom: 13px;
}

div.nieuwcontact a {
	color:  #000;
	text-decoration: none;
	padding-left: 36px;
	background: url(../images/album_plus.gif) no-repeat 0 center;
	line-height: 29px; 
	font-size: 13px;
	display: block;
}

div.nieuwcontact a:hover {
	background: url(../images/album_plus_on.gif) no-repeat 0 center;
	color: #df2730;
}


div.mailcontact {
	font-size: 13px;
	padding: 5px;
	padding-left: 0px;
}

div.mailcontact a {
	color: black !important;
}


/* ********* upload modus **************************** */
/* ********* upload modus **************************** */
/* ********* upload modus **************************** */
/* ********* upload modus **************************** */

div#upload_bestanden {
	background: #fff url(../images/kopupload_afbeeldingen.gif) no-repeat;
	min-height: 646px;
	height:auto !important;
 	height:646px;	
 	width: 644px;
	float: left;
}

div.background {
	height: 348px;
	background: #fff url(../images/bg_upload.jpg) no-repeat;
}

#uploadcontainer form input {
	margin-left: 14px;
}


#uploadcontainer div.select_album {
	width: 550px;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 14px;
}

#uploadcontainer div.popup_contact form {
	margin-top: 12px;
	margin-bottom: 12px;
}

#uploadcontainer div.upload_bedstanden form {
	margin-top: 12px;
	margin-bottom: 12px;
}

#uploadcontainer div.lijn {
	margin-top: 12px;
	margin-bottom: 12px;
}

div#uploadcontainer {
	margin-left: 28px;
	margin-right: 28px;
	font-size: 13px !important;	
}

div#uploadcontainer a, div#uploadcontainer a:visited {
	color: red;
}



/* rubriek mijn account albums */
div#mijn_account {
	background: #fff url(../images/kopaccount.gif) no-repeat;
	min-height: 630px;
	height:auto !important;
 	height:630px;
	width: 644px;
	padding-bottom: 18px;
	float: left;
}

div.inlog_dec1 {
	float: right;
	margin-right: 40px;
	background: #fff url(../images/login_dec1.jpg) no-repeat;
	height: 97px;
	width: 97px;
}

div.inlog_dec2 {
	clear: right;
	float: right;
	margin-right: 100px;
	margin-top: 30px;
	background: #fff url(../images/login_dec2.jpg) no-repeat;
	height: 97px;
	width: 97px;
}

div.inlog_dec3 {
	clear: right;
	float: right;
	margin-right: 20px;
	margin-top: -50px;
	background: #fff url(../images/login_dec3.jpg) no-repeat;
	height: 97px;
	width: 97px;
}

div.inlog_dec4 {
	clear: right;
	float: right;
	margin-right: 180px;
	margin-top: 30px;
	background: #fff url(../images/login_dec4.jpg) no-repeat;
	height: 97px;
	width: 97px;
}




div.inlog {
	margin-left: 52px;
	margin-right: 50px;
	font-size: 12px;
}

div.inlog_groot {
	margin-top: 0px;
	margin-bottom: 8px;
	font-size: 32px;
	font-family: Trebuchet MS;
	line-height: 54px;
}

#loginpane form p {
	margin-bottom: 12px; 
}

#loginpane form p label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	/*font-weight: bold;*/
}

#loginpane form p input.veld {
	border: 1px solid #f99c19;
	width: 280px;
	height: 20px !important;
	background-color: #eee;
	padding-left: 6px;
	padding-top: 4px;
	font-size: 12px;
}

#mijn_account div.inlog form p a, #mijn_account div.inlog form p a:visited {
	font-size: 12px;
	color: red;
	/*font-weight: bold;*/
}

#mijn_account div.inlog p a, #mijn_account div.inlog p a:visited {
	font-size: 14px;
	color: red;
	/*font-weight: bold;*/
}

#mijn_account div.inlog div.lijn {
	margin-top: 18px;
	margin-bottom: 10px;
}

input.subbut {
	font-size: 14px;
	line-height: 20px;
	/*width: 100px;*/
}








/* ********* info text **************************** */
/* ********* info text **************************** */
/* ********* info text **************************** */


div#mijn_infotext, div#mijn_introtext {
	background: #fff url(../images/kopaccount.gif) no-repeat;
	min-height: 646px;
	height:auto !important;
 	height:646px;	
 	width: 644px;
	float: left;
}

/* info teksten over ons etc. */

div.info_text {
	margin-left: 24px;
	margin-right: 24px;
	font-size: 13px;
	line-height: 20px;	
}




/* ********* instellingen **************************** */
/* ********* instellingen **************************** */
/* ********* instellingen **************************** */

div#mijn_instellingen {
	background: #fff url(../images/kopaccount.gif) no-repeat;
	min-height: 646px;
	height:auto !important;
 	height:646px;	
 	width: 644px;
	float: left;
}


div.instellingen {
	margin-left: 24px;
	margin-right: 24px;
	font-size: 13px;
	line-height: 20px;	
}

#mijn_instellingen p {
	font-size: 14px;
	background: url(../images/album_driehoek.gif) no-repeat 1px 3px;
	padding-left: 18px;
	line-height: 36px !important;
	height: 36px;
	display: inline;
}

#mijn_instellingen a, #mijn_instellingen a:visited {
	font-size: 14px;
	text-decoration: none;
	background: url(../images/album_driehoek.gif) no-repeat 1px 3px;
	padding-left: 18px;
	line-height: 36px;
}

#mijn_instellingen a:hover {
	text-decoration: underline;
}

#mijn_instellingen div.select_instellingen {
	display: inline;
	padding-left: 6px;
	height: 36px;
}


#mijn_instellingen div.witIE6 {
	display: none; /* zie IE6 css bestand  */	
}


#mijn_instellingen div.albumfoto {
	float: right;
	height: 80px;
	width: 70px;
	margin-right: 66px;
	margin-top: 70px;
	background-color: white;
	overflow: hidden;
	border: 1px solid #ccc;
}


#mijn_instellingen div.lijn {
	width: 466px;
	clear: none;
}

#mijn_instellingen div.lijnwit {
	background-color: #fff;	
	height: 1px;
	overflow: hidden;
}


#mijn_instellingen p.tussenkop {
	display: block;
	background: none;
	background-color: #eaf1ce !important;
	/*width: 428px;*/
	font-weight: bold;
	
}


/* tips */
/* tips */
/* tips */

div#tips {
	position: absolute;
	width: 248px;	
	height: 100px;
	background-color: #c6e4ee;
	margin-top:284px;
	margin-left: 24px;
	padding: 12px;
	padding-top: 10px;
	font-size: 12px;
	line-height: 20px;
}

div#tips span.tipkop {
	color: #0061a4;
	font-size: 16px;
	font-family: Trebuchet MS;
	font-weight: bold;
}

div#tips div.sluitknop {
	background: url(../images/tip_sluit.gif) no-repeat;
	width: 19px;
	height: 19px;
	position: absolute;
	margin-left: 250px;
	margin-top: -18px;
}


/* introtext introductie ioscoop */
/* introtext introductie ioscoop */
/* introtext introductie ioscoop */

#mijn_introtext .kop {
	/*color: #df2730;*/
	color: #df2730;
	font-size: 24px;
	font-family: Trebuchet MS;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 6px;
}

#mijn_introtext .intro {
	font-size: 15px;
	line-height: 22px;
}



#mijn_introtext .tussenkop {
	color: #0061a4;
	font-size: 18px;
	font-family: Trebuchet MS;
	font-weight: bold;
	margin-bottom: 6px;
	padding-left: 52px;
	padding-top: 12px;
	height: 31px;
}

#mijn_introtext .ioscoop {
	background: #fff url(../images/intro/icoon/ioscoop.gif) 2px 2px no-repeat;
}

#mijn_introtext .upload {
	background: #fff url(../images/intro/icoon/upload.gif) 2px 2px no-repeat;
}

#mijn_introtext .ioshare {
	background: #fff url(../images/intro/icoon/ioshare.gif) 2px 2px no-repeat;
}

#mijn_introtext .iografie {
	background: #fff url(../images/intro/icoon/iografie.gif) 2px 2px no-repeat;
}

#mijn_introtext .codicil {
	background: #fff url(../images/intro/icoon/codicil.gif) 2px 2px no-repeat;
}

#mijn_introtext .stamboom {
	background: #fff url(../images/intro/icoon/stamboom.gif) 2px 2px no-repeat;
}


#mijn_introtext div.lijn {
	margin-bottom: 6px;
}

#mijn_introtext img {
	float: right;
	
}

#mijn_introtext span.inaanbouw {
	color: #565652;
}



/* uploaden kader selectie */

div.instellingen div#photomatrix {
	margin-left: 18px;
	margin-bottom: 18px;
	border: solid 1px #ccc !important;
	width: 446px !important;
}

div.instellingen div#photomatrix a {
	background-image: none;
}

div.instellingen div#samplepic {
	margin-left: 18px;
	margin-top: 12px;
	margin-bottop: 12px;
	border: solid 1px #ccc !important;
	width: 446px !important;
}

embed#uploadphotoUploader.fileUploaderBtn {
	margin-left: 18px;
	margin-top: 12px;
}


div.instellingen #picForm input.subbut {
	margin-left: 18px;
	margin-top: 10px;
}