/* Global styles */

/* START:notice */
#notice {
  border: 2px solid;
  border-color:#550044;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold sans-serif;
  font-size:11px;
  color:#550044;
}
/* END:notice */

/* Styles for admin/list */

#product-list .list-title {
	color:        #244;
	font-weight:  bold;
	font-size:    larger;
}

#product-list .list-image {
  width:        60px;
  height:       70px;
}


#product-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#product-list .list-line-even {
  background:   #f0f0f0;

}

#product-list .list-line-odd {
  background:   #e1d2dc;
  margin-top:10px;
  padding-top:10px;
}

#orders-list .list-line-even {
  background:   #f0f0f0;
  margin-top:10px;
  padding-top:10px;
}

#orders-list .list-line-odd {
  background:   #e1d2dc;
}

#orders-list h4 {
	font-weight:bold;
	font-size:11px;
}


/* Styles for main page */

/* CSS Document */

* { margin:0; padding:0;}
body {font-family:Verdana, Arial; font-size:11px; color:#666; text-align:left; font-weight:normal; line-height:14px; background-image: url(http://www.damselofdainty.nl/dainty/images/background.gif); background-repeat: repeat;}
img {border:0;}
h1 {font-size:11px; font-weight:bold; color:#666;}
h2 {font-size:11px; font-weight:normal; font-style:italic; color:#666; line-height:14px;}
h3 {font-size:16px; font-weight:bold; color:#550044;}
h4 {font-size:11px; font-weight:normal; color:#000000;}
h5 {font-size:13px; font-weight:bold; color:#000000;}

a:link {
	color: #550044;
}
a:visited {
	color: #550044;
}
a:hover {
	color: #24001d;
}

#container {
width:980px; 
height:auto; 
margin:0 auto; 
overflow:hidden; 
}

#top {
width:950px; 
height:30px; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/top.jpg); 
background-repeat:no-repeat;
overflow:hidden; 
float:left;
}

html>body #top {
width:980px; 
height:30px; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/top.png); 
background-repeat:no-repeat;
overflow:hidden; 
float:left;
}

#background {
width:950px; 
height:auto; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/bgrepeat.jpg); 
background-repeat:repeat;
overflow:hidden; 
float:left;
}

html>body #background {
width:980px; 
height:auto; 
margin:0; 
background-image:url(http://www.damselofdainty.nl/dainty/images/bgrepeat.png); 
background-repeat:repeat;
overflow:hidden; 
float:left;
}

html>body #hoekjes {
width:980px; 
height:auto; 
margin:0; 
background-image: url(http://www.damselofdainty.nl/dainty/images/hoekjes.png); 
background-repeat: no-repeat;
overflow:hidden; 
float:left;
}

#kop {
width:950px; 
height:auto; 
margin:0; 
background-image: url(http://www.damselofdainty.nl/dainty/images/kopie.jpg); 
background-repeat: no-repeat;
overflow:hidden; 
float:left;
}

html>body #kop {
width:950px; 
height:auto; 
margin:0 15px 0 15px; 
background-image: url(http://www.damselofdainty.nl/dainty/images/kop.jpg); 
background-repeat: no-repeat;
overflow:hidden; 
float:left;
}

#submenu {
width:935px; 
height:13px; 
margin:2px 0 0 0; 
text-align:right;
word-spacing:15px;
overflow:hidden; 
float:left;
}

#submenu a:link, #submenu a:visited, #submenu a:active {font-size:10px; text-decoration:none; line-height:10px; color:#ee1155;}
#submenu a:hover {font-size:10px; text-decoration:none; line-height:10px; color:#550044;}

#submenu ul {
list-style-type: none; 
}

#submenu li {
display: inline;
}

#boven {
width:950px; 
height:145px; 
margin:0;
overflow:hidden; 
float:left;
}

#medaillon {
width:118px; 
height:145px; 
margin:0 0 0 630px;
overflow:hidden; 
float:left;
}

#inhoud {
width:755px;
height:auto;
overflow:hidden; 
float:left;
}

#show {
width:250px; 
height:250px; 
margin:0 0 10px 15px;
overflow:hidden; 
float:left;
}

html>body #show {
width:250px; 
height:250px; 
margin:0 0 30px 20px;
overflow:hidden; 
float:left;
}

#knoppen{
margin-right:18px;
overflow:hidden;
float:right;
text-align:right;
}

#welkom {
width:395px;
height:250px;
margin:30px 40px 10px 35px;
overflow:hidden; 
float:left;
}

html>body #welkom {
width:410px;
height:220px;
margin:30px 40px 30px 35px;
overflow:hidden; 
float:left;
}

#linkervlak {
width:180px;
height:auto;
margin:0 0 30px 10px;
overflow:hidden; 
float:left;
}

html>body #linkervlak {
width:180px;
height:auto;
margin:0 0 30px 15px;
overflow:hidden; 
float:left;
}

#menu {
width:135px; 
height:273px; 
background-image: url(http://www.damselofdainty.nl/dainty/images/menu.gif); 
background-repeat: no-repeat;
padding:70px 0 0 45px;
margin:0 0 45px 0;
overflow:hidden; 
float:left;
}

#menu a:link, #menu a:visited, #menu a:active {font-size:12px; font-weight:bold; line-height:30px; text-decoration:none; color:#ee1155;}
#menu a:hover {font-size:12px; font-weight:bold; line-height:30px; text-decoration:none; color:#550044;}

#menu ul{ 
list-style-image: url(http://www.damselofdainty.nl/dainty/images/pijltje.gif); 
}

#cadeauservice {
width:160px;
height:auto;
margin:0 0 40px 0;
border-top: 1px solid #550044;
border-bottom: 1px solid #550044;
padding:15px 10px 15px 10px;
overflow:hidden; 
float:left;
}

#cadeauservice a:link, #cadeauservice a:visited, #cadeauservice a:active {font-size:11px; font-weight:bold; line-height:11px; text-decoration:none; color:#ee1155;}
#cadeauservice a:hover {font-size:11px; font-weight:bold; line-height:11px; text-decoration:none; color:#550044;}

#middenvlak {
width:495px;
height:auto;
margin:0 10px 30px 40px;
overflow:hidden; 
float:left;
}

html>body #middenvlak {
width:495px;
height:auto;
margin:0 25px 30px 40px;
overflow:hidden; 
float:left;
}

#middenvlak_index {
width:495px;
height:auto;
margin:0 10px 30px 40px;
overflow:hidden; 
float:left;
}

html>body #middenvlak_index {
width:495px;
height:auto;
margin:0 25px 30px 40px;
overflow:hidden; 
float:left;
}

#middenvlak_index img {
margin:0 15px 15px 0;
overflow:hidden; 
float:left;
}

#rechtervlak {
width:160px;
height:auto; 
padding:15px 25px 0 10px;
overflow:hidden; 
left:0;
position:relative;
float:left;
font-family:Verdana, Arial; 
font-size:11px; 
color:#666; 
text-align:left; 
font-weight:normal; 
line-height:14px;
z-index:0;
}

#titel {
width:109px;
height:14px;
margin:0 0 15px 0;
overflow:hidden; 
float:left;
}

#winkelwagentje {
width:160px;
height:auto;
margin:0;
overflow:hidden; 
float:left;
}

#logoos {
width:160px;
height:auto;
margin:0 0 30px 0;
overflow:hidden; 
float:left;
}

#nieuws {
width:160px;
height:auto;
margin:0;
border-top: 1px solid #550044;
border-bottom: 1px solid #550044;
padding:15px 0 15px 0;
overflow:hidden; 
float:left;
}

#nieuws a:link, #nieuws a:visited, #nieuws a:active {font-size:11px; font-weight:bold; line-height:11px; text-decoration:none; color:#ee1155;}
#nieuws a:hover {font-size:11px; font-weight:bold; line-height:11px; text-decoration:none; color:#550044;}

#nieuws ul{ 
list-style-image: url(http://www.damselofdainty.nl/dainty/images/pijltje.gif); 
padding:0 0 0 20px;
}

#poppie {
width:61px;
height:50px;
margin:0 0 30px 30px;
overflow:hidden; 
float:left;
}

html>body #poppie {
width:61px;
height:50px;
margin:0 0 30px 50px;
overflow:hidden; 
float:left;
}

#kerstbal {
width:40px;
height:60px;
margin:0 0 30px 100px;
overflow:hidden; 
float:left;
}

#vragen {
width:183px;
height:87px;
overflow:hidden; 
float:left;
background: url(http://www.damselofdainty.nl/dainty/images/vragen.png) no-repeat;
}

#afbeelding {
width:313px;
height:auto;
margin: 0 15px 0 0;
overflow:hidden; 
float:left;
}

#beschrijving {
margin-top:10px;	
width:150px;
height:auto;
overflow:hidden; 
float:right;
}

#beschrijving_img {
width:315px;
height:auto;
overflow:hidden;
float:left;
}

.thumbs {
margin-top:15px;
}

#producten {
width:755px;
}

#footer {
width:755px;
height:auto;
margin-top:0;
margin-left:15px;
margin-bottom:10px;
text-align:center;
overflow:hidden; 
float:left;
}

#footer h4 {
margin:0 0 5px 15px;
font-size:10px;
}

#footer a:link, #footer a:visited, #footer a:active {font-size:10px; text-decoration:none; line-height:10px; color:#ee1155;}
#footer a:hover {font-size:10px; text-decoration:none; line-height:10px; color:#550044;}

#onderkant {
width:980px; 
height:40px; 
margin:0 0 50px 0; 
overflow:hidden; 
float:left;
}

html>body #onderkant {
background-image: url(http://www.damselofdainty.nl/dainty/images/onderkant.png); 
background-repeat: no-repeat;
}

/* Lightbox css: */
.black_overlay{
	position: absolute;
	top: 0%;
	left: 0%;
	height:205%;
	width:100%;
	background-color: black;
	z-index:+2001;
	-moz-opacity: 0.8;
	opacity:.60;
	zoom: 1;
	text-align:center;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.white_content {
	position:absolute;
	float:center;
	text-align:center;
	top:10%;
  	left: 45%;
  	margin-left: -20%;
	width: 536px;
	height: 800px;
	padding:0px;
	background-color: black;
	z-index:+3002;
	overflow: hidden;
	border: 3px solid #FFF;
}



/* An entry in the store catalog */

#store  .entry {
  margin-top:10px;	
  margin-bottom:10px;
  float:left;
  width:150px;
  height:190px;
  margin-right:15px;
}

#store  .title {
  font-size: 120%;
  font-family: sans-serif;
}

#store .entry img {
  width: 150px;
  float: left;
  border:0;
}

#store .entry h3 {
 font-family:verdana;
 font-size:12px;
 margin-bottom:2px;
 font-weight: bold;
 color: #3a1c34;
}

#store .entry p {
 font-family:verdana;
 font-size:11px;
 margin-top: 0px; 
 margin-bottom: 0.8em; 
}

#store .entry .price-line {
}

#store .entry .add-to-cart {
  position: relative;
  margin-right:5px;
}

#store .entry  .price {
  color: #86407e;
  font-family:verdana;
  font-size:12px;
  font-weight: bold;
  margin-left: 5px;
  margin-top:2px;

}

/* START:inline */
#store .entry form, #store .entry form div {
  display: inline;
}
/* END:inline */

/* START:cart */
/* Styles for the cart in the main page and the sidebar */

.cart-title {
  font: 120% bold;
  font-family: verdana; 
}

.item-price, .total-line {
  text-align: right;	
}

.total-line .total-cell {
  font-weight: bold;
  border-top: 1px solid #550044;
}

/* Styles for the cart in the sidebar */

#cart, #cart table {
  margin-left:20px;
  margin-top:10px;
  width:140px;
  font-size: smaller;
  font-family: verdana;
  color:     black;
}

#cart table {
  border-top:    1px dotted #595;
  border-bottom: 1px dotted #595;
  margin-bottom: 10px;
}


#cart_displayed{
	background-color:#f0f0f0;
	border: 2px solid;
	border-color:#e1d2dc;
	margin-top:10px;
	margin-bottom:20px;
	padding-bottom:5px;
}
#cart_displayed .cart_displayed_title{
	background-color:#e1d2dc;
	height:20px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	text-align:center;
	color:#000000;
}

#cart_displayed .cart_displayed_content{
	background-color:#f0f0f0;
	font-weight:bold;
	text-align:center;
}

#cart_displayed .cart_displayed_pricing{
	text-align:right;
	padding-right:20px;
}

#cart_displayed .cart_displayed_total{
	border-top: 2px dotted;
	border-color:#e1d2dc;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
	
}

#cart_displayed h2{
	font-weight:bold;
	margin-right:10px;
	padding-top:10px;
	color:#000000;
	font-style:normal;
}

#cart_menu_items{
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#cart_menu_items h4{
	padding-top:6px;
	font-weight:bold;
	font-size:10px;
	color:#000000;
	padding-bottom:10px;
}

#cart_index{
}

#cart_index body{
	background-color:#000;
}

#cart_index, #cart_index table {
  margin-left:5px;
  margin-top:10px;
  width:140px;
  font-size: 10px;
  font-family: verdana;
  color:     black;
}

#cart_index table {
  border-top:    1px dotted #595;
  border-bottom: 1px dotted #595;
  margin-bottom: 10px;
}


/* END:cart */

/* Styles for order form */

.depot-form fieldset {
  background: #3a1c34;
  color: #fff;
  font-family: sans-serif;
}

.depot-form legend {
  color: #fff;
  background: #86407e;
  font-family: sans-serif;
  padding: 0.2em 1em;
}

.depot-form label {
  width: 5em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

.depot-form .submit {
  margin-left: 5.5em;
}

/* The error box */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#store .entry form, #store .entry form div {
	display:inline;
}


/* ADMIN GEDEELTE */


#adminmenubar {
	height:26px;
	position:relative;
	top:0;
	z-index:20;
}


#adminmenu {
  position:absolute;
  margin-top:0px;
  width:100%;

  background-color:#f0f0f0;
  border-bottom: 3px solid;
  border-color:#550044;
  font-weight:bold;
  z-index:150;
}


#adminmenu ul {

   height: 40px;
   margin: 0;
   padding: 0;

   list-style: none;

   display: block;
   float:left;
}

#adminmenu li li {
   font-size:12px;
   float: none;
}

#adminmenu li {
   	position: relative;
	padding-right:10px;
   	padding-left:20px;
   	padding-top:10px;
   	padding-bottom:10px;
   
   	float:left;
}

#adminmenu ul ul {
   	position: absolute;
   	width:auto;
	height:auto;
   	left: 0;
   	top: 100%;
   	padding:0;
   	background-color:#f0f0f0;
	border-bottom:2px solid;
	border-right:2px solid;
	border-left:2px solid;
	border-color:#550044;
	text-align:left;

   z-index: 100;
   display: none;
}


/*het sub menu laten zien als je over de link gaat */
#adminmenu li:hover ul, #adminmenu li:hover li:hover ul {
   display: block;
}



#adminheader{
	position:relative;
	right:30px;
	top:14px;
	z-index:200;
	float:right;
}

#adminpoppie{
	position:relative;
	top:8px;
	z-index:200;
	float:right;
	right:60px;
}

#adminheader h3{
	font-weight:bold;
	font-size:22px;
}


#adminmain {
  position:absolute;
  left:100px;
  top:70px;
}


#adminprice{
	margin-top:10px;
}

#adminactions{
  margin-top:7px;
  margin-bottom:7px;
}

#toolbar {
	padding-top:12px;
	padding:5px;
	width:750px;
	background-color:#8e6586;
	border: 2px solid;
	border-color:#550044;
}

#toolbar_finance {
	padding-top:12px;
	padding:5px;
	width:940px;
	background-color:#8e6586;
	border: 2px solid;
	border-color:#550044;
}

#tools{
	
}

#toolbar_pages {
	right:0px;
	position:relative;
	float:right;
	bottom:20px;
}

/* edit/nieuw form */

#formHolder{
	width:100%;
	height:100%;
}

#formMain{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:15px;
	top:10px;
	left:10px;
	background-color:#f0f0f0;
	border: 2px solid;
  	border-color:#550044;
}

#formMain p{
    color:#000000;
    font-weight:bold;
    font-size:11px;
}

#formDetails {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:54px;
	padding-right:15px;
	position:absolute;
	top:28px;
	left:400px;
	background-color:#f0f0f0;
	border: 2px solid;
  	border-color:#550044;
}

#formDetails p{
    color:#000000;
    font-weight:bold;
    font-size:11px;
}

#formSEO{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:15px;
	left:10px;
	width:350px;
	background-color:#f0f0f0;
	border: 2px solid;
  	border-color:#550044;
}

#formSEO p{
    color:#000000;
    font-weight:bold;
    font-size:11px;
}

#formSEO_preview{
	width:350px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:15px;
	padding-right:15px;
	top:130px;
	left:10px;
	background-color:#f0f0f0;
	border: 2px solid;
  	border-color:#550044;
}



#formCreate {
	position:absolute;
	top:600px;
	left:400px;
	width:300px;
	text-align:center;
}

#formCreate h3{
	font-weight:bold;
	font-size:14px;
}

#formCreate p{
	font-weight:bold;
	font-size:11px;
	color:#000000;
}

/* admin show functies: */

#adminbeschrijving{
	position:relative;
	margin-left:20px;
}

#adminbeschrijving h1 {
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

#adminbeschrijving p {
	font-weight:normal;
	font-size:11px;
	color:#000000;
}

#showAdmin{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	height:330px;
	width:700px;
	background-color:#f0f0f0;
	border: 2px solid;
  	border-color:#550044;
}

#showOptions {
	position:absolute;
	top:470px;
	
}

#showOptions h3{
	font-weight:bold;
	font-size:14px;
}

#adminShowSEO{
	position:absolute;
	top:370px;
	left:0px;
	width:700px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#f0f0f0;
	border: 2px solid;
	border-color:#550044;
}

#adminShowSEO h1{
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

#adminShowSEO p{
	font-weight:normal;
	font-size:11px;
	color:#000000;
}

/* admin users: */

#adminUsers {
	margin-top:30px;
	padding:10px;
	padding-left:20px;
	width:200px;
	background-color:#f0f0f0;
	border: 2px solid;
	border-color:#550044;
}

#adminUsers h2 {
	font-size:13px;
	font-weight:bold;
	color:#000000;
}

#userOptions {
	margin-top:30px;
	padding:10px;
	padding-left:20px;
	width:200px;
	background-color:#f0f0f0;
	border: 2px solid;
	border-color:#550044;
}

#userOptions h2 {
	font-size:13px;
	font-weight:bold;
	color:#000000;
}


#adminUsers li{
	font-weight:normal;
	font-size:11px;
}

/* admin Order css */

#orderNaam {
	position:relative;
	bottom:11px;
	margin-left:20px;
	width:180px;
}

#orderNaam a:link{
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

#orderNaam a:visited{
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

#orderNaam a:hover{
	font-weight:bold;
	font-size:13px;
	color:#550044;
}

#orderNaam_overig  {
	position:relative;
	top:23px;
	margin-left:10px;
	font-weight:bold;
}

#orderNaam_overig p{
	font-size:11px;
}

#factuurnummer{
	position:absolute;
	width:100px;
	margin-left:200px;
	top:0px;
	z-index:100;
}

#factuurnummer h3{
	color:#000;
}

#order_product{
	position:relative;
	left:10px;
	
}

#order_product_total{
	position:relative;
	left:10px;
	border-top:2px dotted #000;
	width:70px;
}

#order_product_total h4{
	font-size:13px;
}

#losse_order{
	background-color:#f0f0f0;
	border: 2px solid;
	border-color:#e1d2dc;
	padding-bottom:15px;
	padding-right:3px;
	padding-left:5px;
	padding-top:5px;
}

#losse_order .titles{
	background-color:#e1d2dc;
}

#time{
	float:right;
	margin-right:10px;
	padding:5px;
}

#verstuurd{
	margin-left:10px;
	padding:5px;
}

#verstuurd p{
	color:#550044;
	font-weight:bold;
}


/* admin Administratie css */

#orderlist_table{
	padding:10px;
	background-color:#e1d2dc;
	border: 2px solid #550044;
}

#orderlist_title{
	padding:7px;
	margin-left:3px;
	
	border-bottom:1px solid #000;
}


#orderlist_totaals{
	padding:7px;
	margin-left:3px;
	border-top:2px dotted #000;
}

#orderlist_totaal{
	margin-left:390px;
	margin-top:10px;
	
}

/* admin Index css */

#index_blockcontainer{
	width:800px;
	margin-top:40px;
}

#index_rij1{
	width:800px;
	height:190px;
}

#index_block{
	width:200px;
	margin-top:10px;
}

#index_block_itself{
	
	background-image:url(../images/block_bg.jpg);
	width:190px;
	height:190px;
	margin-left:10px;
	background-color:#f0f0f0;
	border: 1px solid #550044;
}

#index_block_main{
	height:170px;
	
}
#index_block_top{
	top:0px;
	width:190px;
	height:20px;
	border-bottom: 1px solid #550044;
}

#block_order{
	width:190px;
	height:100px;
	margin-top:60px;
	margin-left:45px;
}

#block_order h1{
	font-size:70px; 
	font-weight:bold; 
	color:#550044;
	margin-left:20px;
}

#block_order p{
	color:#550044;
	font-size:12px;
}

#block_inkomsten{
	width:190px;
	text-align:center;
	margin-top:60px;
}

#block_inkomsten h3{
	font-size:30px; 
	font-weight:bold; 
	color:#550044;
}


#block_inkomsten p{
	font-size:12px; 
	color:#550044;
}