/* CSS Document homepage uitgeverijappelmoes.nl
copyright exclamo.nl 2007 */
	/*TO DO ! check if this has to be moved outside this file so that
	the positions are only loaded for the page that needs them.
	this will make for easier maintenance (less searching)
	check with all posible browsers first */

/* Menu items. Main menu and submenu's. */
#menu {
	position: absolute;
	z-index: 2;
	left:0px;
	top:35px;
	width:120px;
	height:560px;
	visibility: visible;
}
#menu img{
margin-bottom:0px;
}



#submenu {
position:absolute;
top: 145px;
left: 180px;
width: 550px;
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: 600;
color: #EB4399;
}

#description-submenu {
position: absolute;
top: 210px;
left: 195px;
height: 15px;
width: 540px;
color:#EB4399;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:600;
/*left:160px;*/
line-height:20pt;
}

#description-submenu a {
color: #EB4399;
text-decoration: none;
}

#description-submenu a.selected {
color: #CCCCCC;
}

#description-submenu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#description-submenu ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}




#submenu a, #content a, #content-articleview a, #content-survey a, #content-ecardoverview a, #footer a {
color: #EB4399;
text-decoration: none;
}

#submenu a.selected {
color: #CCCCCC;
}

#submenu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#submenu ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}



#description-submenu {
position: absolute;
top: 210px;
left: 195px;
height: 15px;
width: 540px;
color:#EB4399;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
font-weight:600;
/*left:160px;*/
line-height:20pt;
}

#description-submenu a {
color: #EB4399;
text-decoration: none;
}

#description-submenu a.selected {
color: #CCCCCC;
}

#description-submenu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#description-submenu ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}



#submenu {
position:absolute;
top: 145px;
left: 180px;
width: 550px;
font-family: Arial, Helvetica, sans-serif;
color: #EB4399;
}
/*#submenu a, #content a, #content-articleview a, #footer a{
color: #EB4399;
text-decoration: none;
}*/

#submenu a.selected {
color: #CCCCCC;
}

#submenu ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#submenu ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}


a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}

img {
border: none;
} 

#horizon {
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
	visibility: visible;
}
#box {
	margin-left: -450px;
	position: absolute;
	top: -100px;
	left: 50%;
	width: 900px;
	height: 700px;
	visibility: visible;
}

#confetti1 {
position: absolute;
top: 20px;
left: 220px;
height: 46px;
}	
#confetti2 {
position: absolute;
left: 190px;
top: 66px;
height: 46px;
}

#content-articleview { 
  position: absolute;
  top: 180px; 
  left: 185px;
  overflow: auto;
  width: 460px;
  height: 335px;
  margin: 0; 
  padding: 0px 20px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 color:#2A2A2A;
}

#content-ecardoverview { 
  position: absolute;
  top: 155px; 
  left: 185px;
  overflow: hidden;
  width: 510px;
  height: 400px;
  margin: 0; 
  padding: 0px 20px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 color:#2A2A2A;
}

#content-survey{ 
  position: absolute;
  top: 155px; 
  left: 185px;
  overflow: hidden;
  width: 550px;
  height: 400px;
  margin: 0; 
  padding: 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 color:#2A2A2A;
}



#content-ecardview { 
  position: absolute;
  top: 155px; 
  left: 185px;
  overflow: hidden;
  width: 760px;
  height: 420px;
  margin: 0; 
  padding: 0px 20px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 color:#2A2A2A;
}


#content { 
  position: absolute;
  overflow: auto;
/*  overflow: hidden;*/
  top: 251px; 
  left: 190px;
  width: 490px;
  height: 285px;
  margin: 0; 
  padding: 0px 20px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
 color:#2A2A2A;
}

#leftcolumn {
position: absolute;
top: 5px;
left: 0px;
width: 220px;
}

#book_info {
position: relative; 
top: 380px;
left: 5px;
width: 240px;

}

.booktitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 19px;
font-style: bold;
color: #e2007a;
}

.booksubtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: bold;
color: #98D173;
}

.link_image {
align: left;
}

.link_text {
width: 170px;
align: right;
}


#book_info b {
font-family: Arial;
font-size: 12px;
line-height: 18px;
color: #e2007a;
}

#book_img_1 {
position: absolute;
top: 5px;
left: 5px;
width: 225px;
}

#book_img_2 {
position: absolute;
top: 235px;
left: 5px;
width: 75px;
}
#book_img_3 {
position: absolute;
top: 235px;
left: 80px;
width: 75px;
}
#book_img_4 {
position: absolute;
top: 235px;
left: 155px;
width: 75px;
}

#book_img_2 img , #book_img_3 img , #book_img_4 img {
width: 73px;
height: 73px;
border: 0;
}

#link_button {
position: absolute; 
top: 315px;
left: 5px;
}


#media_button {
position: absolute; 
top: 360px;
left: 5px;
}

#rightcolumn {
position: absolute;
top: 5px;
left: 260px;
width: 220px;
}


#rightcolumn ul{
				margin:10px;
				margin-top:0px;
				margin-left:30px;
				padding:0px;
			}





#book_links, #book_media {
position: absolute;
top: 10px;
left: 260px;
width: 220px
}

#content img, #content-articleview img {
padding-right: 5px;
padding-left: 5px;
}

#footer {
position: absolute;
top: 585px;
left: 190px;
font-family: Arial, Helvetica, sans-serif;
color: #909090;
font-size: 7pt;

}


#description {
position: absolute;
z-index: 100;
top: 145px;
left: 190px;
width: 470px;
height: 50px;
overflow:visible;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#2A2A2A;
line-height: 18px;
border-left: 1px;
border-left-color: #CCC;


}

#permalinks {
position:absolute;
top: 210px;
left: 760px;
width: 180px;
z-index: 100;

}

#cardbutton {
position:absolute;
top: 460px;
left: 760px;
width: 180px;
}

#quote {
	position: absolute;
	top: 200px;
	left: 190px;
	width: 470px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#5D5755;
	font-weight: bold;
}

 #quote a:link, #quote a:visited, #quote a:hover, #quote a:active {
 font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#5D5755;
	font-weight: bold;
	}

#article, #ecard-overview {
position: absolute;
top: 180px;
left: 190px;
width: 470px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#2A2A2A;
}




#spreadbtn {
position:absolute;
top: 545px;
left: 200px;
}
#spreads {
	background-color: #FFF;
	position: absolute;
	width: 500px;
	height: 320px;
	top: 245px;
	left: 175px;
	border: 1px, solid;
	padding-left: 45px;
	visibility: hidden;
}

#close {
	position:absolute;
	right: 0px;
	top: 0px;
	
}


#card-form {
position: absolute;
top: 235px;
left: 0px;
}

#navcards {
position: absolute;
top: 215px;
z-index: 100;
}
#navcards .leftimg {
position: absolute;
top: 0px;
left: 40px; 
}

#navcards .rightimg {
position: absolute;
top: 0px;
left: -20px; 
}

#navcards a, a:visited {
text-decoration: none;
}

#navcards-left {
position: absolute;
top 0px;
left: 60px;
}

#navcards-right {
position: absolute;
top 2px;
left: 350px;
}


/* scrollbar classes and styles */
.Scroller-Container {
  position: absolute;
  top: 1px; left: 1px;
  padding-left: 2px;
}
.Scrollbar-Up {
	position: absolute;
	top: 0px;
	width: 17px;
	height: 18px;
	font-size: 0px;
	left: 3px;
}
.Scrollbar-Track {
  width: 1px; height: 260px;
  position: absolute;
  top: 20px;
  left: 13px;
  background-color: #C0C0C0;
}
.Scrollbar-Handle {
  position: absolute;
  width: 5px; 
  height: 20px; 
  left: -2px !important;
  background-color: #EB4399;

}
.Scrollbar-Down {
	position: absolute;
	top: 285px;
	width: 17px;
	height: 18px;
	font-size: 0px;
	left: 4px;
}
#Scrollbar-Container {
  position: absolute;
  top: 255px; left: 690px;
}

#articleview-Scrollbar-Container {
  position: absolute;
  top: 250px; left: 690px;
}


.error {
color:#FF0033;
}

.fielderror {
background-color: #FF9D9D;
} 

#images {
position:absolute; 
width:500px; 
height:240px; 
overflow:hidden; 
top:30; 
left:10; 
clip:rect(0,500,240,0); 
visibility:hidden;
}


#cards {
position:absolute;
width: 1800px; 
top:0; 
left:0
}