/* CSS file for web site www.urbanflowers-living.nl - urbanflowers-living.css
 * Author: Ton Slewe */

/* Basic elements */

html, body {
/*    height: 100%;*/
   font-family : "Verdana", "Century Gothic", "Tahoma", "Trebuchet MS", Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding: 0 0 0 0px;
   margin: 0 auto;
   background-color: #E56717;
   border-width: 0 0 0 0;
   overflow: hidden;
   overflow-y: auto;
   height: 100%;
}

h1 {
   font-size : 14pt;
   color : white;
}

h2 {
   font-size : 93%;
   color : white;
}

a:link, a:visited, a:active {
   text-decoration: none;
   color: white;
   color: #1E90DE;
color: #244724;
}

a:visited {
}

a:hover {
   color: #E56717;
   text-decoration: underline;
}

p, td, li, dt, dd {
   font-style : normal;
   letter-spacing: .25px;
}

p { 
   margin: 8px 0 0 0;
}

img {
   border : 0px;
}


/* specific divs */

#logo, #contentphoto, #projectphoto, #contenttext, #projecttext, #contenttitle, #contentoverviewtitle, #menutop, #footer, #projectnav, #contentoverview, 
#breadcrumbs, #booknav, #booktext, #smallcontenttext, #bookphoto, #largecontentphoto, #artworkphoto, #artworktext, #artworknav, #artworkthumbnails {
   z-index: 6;
   position: absolute;
   left: 50%;
   display: block;
}

#logo {
   height: 100px;
   top: 610px;
   width: 200px;
   margin-left: -472px;
   font-size: 14px;
   color: white;
}

#logo img {
   height: 190px;
}

#projectphoto, #bookphoto, #artworkphoto, #contentoverview, #largecontentphoto  {
   top: 28px;
   max-height: 600px;
   overflow: hidden;
}

#projects, #books, #artworks {
   border-spacing: 0px;
}

#tabprev, #tabnext {
}

#tabprev {
}

#tabnext {
}

#projects table tr , #projects table tr table tr td, #books table tr, #books table tr table tr td, #artworks table tr {
   margin-right: 10px;
   margin-bottom: 20px;
}

.tabnav {
}

.tabnav img {
   width: 20px;
}

.project, .book, .artwork {
   margin-left: 0px;
   margin-right: 16px;
   margin-top: 8px;
   margin-bottom: 16px;
   width  : 220px;
   height : 240px;
   display: block;
}

.project tr, .book tr, .artwork tr {
}

.projectphoto, .bookphoto, .artworkphoto {
  height : 220px;
}

.project img, .book img, .artwork img {
   width  : 220px;
   height : 220px;
}

.imgfixedwidth {
   max-width: 750px; /*464px;*/
}

.projectname, .bookname, .artworkname {
   height: 19px;
   vertical-align: bottom;
   width  : 220px;
   padding-top: 3px;
   text-align: center;
   font-size: 12px;
   background-color: white;
   border-width: 1px 0px 0px 0px;
   border-color: lightgray;
   border-style: solid;
}

#projectphoto, #bookphoto, #artworkphoto, #largecontentphoto {
   width: 710px;
}

#contenttitle {
   top: 36px;
}

#contentoverviewtitle {
   top: 28px;
}

#contenttext {
   top: 70px;
}

#projecttext, #booktext, #artworktext, #smallcontenttext {
   top: 610px;
}

#artworkthumbnails {
   top: 80px;
   margin-left: -345px;
   width: 710px;

   float: left;
}

#projectnavleft, #booknavleft, #artworknavleft {
   width: 150px;
   float: left;
   padding-left: 10px;
}

#projectnavright, #booknavright, #artworknavright {
   float: right;
   width: 150px;
   text-align: right;
}

#menutop {
   top: 10px;
   height: 30px;
}

#contentphoto, #contenttext, #projectphoto, #bookphoto, #contenttitle, #contentoverviewtitle, #menutop, #menuproducts, #contentoverview, #largecontentphoto, #artworkphoto {
   margin-left: -230px;
   width: 720px;
   text-align: justify;
}

#projecttext, #projectnav, #booktext, #smallcontenttext, #booknav, #artworknav, #artworktext {
   font-size: 12px;
   color: white;
   margin-left: -230px;
   width: 700px;
}

#projectnav, #booknav, #artworknav {
   width: 710px;
}

#contentoverview, #projectphoto, #projectnav, #booknav, #artworknav {
   height: 500px;
}


#contenttext, #projecttext, #booktext, #artworktext, #smallcontenttext {
   font-size: 12px;
   background-color: #898989;
   color : white;
}

#contenttext, #smallcontenttext, #projectnav, #booknav, #artworknav {
   padding: 10px 20px 30px 20px;
}

#projectphoto, #artworkphoto {
   padding: 10px 20px 30px 0px;
}


#contenttext {
   height: 470px;
}

#bookphoto, #artworkphoto, #largecontentphoto {
   height: 500px;
   padding: 20px 0px 30px 0px;
   width: 760px;
}

#projecttext h1, #booktext h1 {
   margin : 2px 0 5px 0;
}

#projecttext img {
   height: 12px;
}

#contentoverview {
   padding: 10px 20px 30px 0px;
}

#projectnav, #booknav, #artworknav {
   top: 782px;
   font-size: 12px;
   height: 20px;
   padding: 0px 10px 0px 0px;
}

#projectnav img, #booknav img, #artworknavright img, #artworknavleft img {
   width: 16px;
}

#contenttext ul, #projecttext ul, #booktext ul, #artworktext ul, #smallcontenttext ul {
   list-style-type: square;
}

#smallcontenttext {
   height: 150px;
   padding: 10px 20px 30px 20px;
}

#artworktext, #projecttext, #booktext, #smallcontenttext {
   padding: 0px 10px 30px 10px;
   
   height: 160px;
}

#projecttext table, #booktext table {
   margin: 0px 0 -10px 0;
}

#projecttext h1, #booktext h1, #artwork h1, #smallcontenttext h1 {
   color: black;
}

#contentphoto {
   height: 736px;
   padding: 10px 20px 30px 0px;
   top: 35px;
}

#contentphoto img {
   max-width: 710px;
   height: 754px;
   width: 710px;
}

#contenttitle, #contentoverviewtitle, #menutop {
   font-size: 24px;
   letter-spacing: 2px
}

#contentoverviewtitle {
   color: white;
/*   background-color: white;*/
   padding: 10px 20px 10px 0px;
}

#contenttitle {
   z-index: 8;
   color: black;
   background-color: white;
   background-color: #898989;
   color : black;
   color : white;

   padding: 10px 20px 10px 20px;
}

.artworkthumbnail {
   width  : 72px;
   height : 72px;
   display: block;
   margin-left: 0px;
   margin-right: 16px;
   margin-top: 8px;
   margin-bottom: 2px;
   float: left;
}

.artworkthumbnail img {
   width  : 72px;
   height : 72px;
}

#footer {
   margin-left: -484px;
   text-align: center;
   font-size: 24px;
   width: 484px;
   letter-spacing: 4px;
   color: #cccccc;
}

#headermenu {
   z-index: 2;
   width: 780px; 
   margin-left: -390px;
   height: 34px;
   position: absolute;
   left: 50%;
   top:  70px;
   overflow: hidden;
}

/* MENU BEGIN */

#menubar {
   z-index: 6;
   margin-left: -470px;
   left: 50%;
   top:  20px;
   width: 204px;
   position: absolute;
   height: 560px;
   border-width: 0px 0px 1px 0px;
   border-color: white;
   border-style: dotted;
}

#menubar a {
   color: white;
}

#menuitems, #menuitems li {
   width: 170px; 
   padding:0 0 0 0;
   margin: 0 0 0 0;
/*   line-height: 30px;*/
/*   height: 30px;*/
   position: relative;
   text-transform:lowercase;
}

#menuitems li {
   padding: 20px 0 0 0;
   text-indent: 0;
   text-align: left;
}

#menuitems li, #menuitems li li {
   display: block;
}

#menuitems li li {
   text-align: left;
   padding: 0px 0 0 0px;
   margin-left: 20px;
}

#topmenuitems {
   float: right;
   vertical-align: middle;
   bottom: 0;
   right: 0;
   position: absolute;
   text-transform:lowercase;
}

/* Menu buttons */

#topmenuitems ul, #menuitems ul, #menuitems ul ul {
   list-style: none;
   padding: 0 0 0 0;
   margin: 0px 0px 0px 0px;
   display: inline;
}

#topmenuitems ul {
   float: left;
}

#menuitems ul ul {
   padding: 10px 0 0 0px;
}

#topmenuitems li {
   float: left;
   text-align: right;
   color: black;
   padding: 0px 0px 0px 12px;
}

#topmenuitems a, #menuitems a {
   text-decoration: none;
   white-space: nowrap;
   font-weight : normal;
}

#menuitems a {
   font-size: 22px;
   letter-spacing: 1px
}

#topmenuitems a {
   font-size: 14px;
   letter-spacing: 0px
}

#menuitems li li a {
   font-size: 16px;
   letter-spacing: 0px;
   display: block;
   color: white;
}

#topmenuitems a:hover, #menuitems a:hover, #menuitems li a:hover {
   color: #E56717;
}

li#currentlink {
   color: #c70286;
}

#menuitems ul li#currentlink ul li#currentlink a, #menuitems ul li ul li#currentlink a,
li#currentlink a , #breadcrumbs a {
   color: #F88017;
}

li#currentlink a:hover {
}

/* MENU END */

.tbldata img, .tbldata {
   vertical-align: bottom;
}

.tbldata img {
    width: 50px;
   height: 24px;
}

.smallcolumn {
   width: 15px;
}

.warn {
   color: red;
}

.normal {
   color: white;
}

#breadcrumbs {
   font-size: 14px;
   top: 10px;
   margin-left: -235px;
   width: 720px;
}

#counter, #counter img {
   visibility:hidden;
}

#footer {
   top:  800px;
}

#extraDiv1 { }

#extraDiv2 { /* grijze vlak */
   z-index: 4;
   top: 0px;
   margin-left: -602px;
   width: 1204px;
   position: absolute;
   left: 50%;
   display: block;
   height:100%;
   min-height: 860px;
   background-color: #222222;
   background-color: #c6c3c3;
   background-color: #6f7072;
}

#extraDiv3 { }
#extraDiv4 { }
#extraDiv5 { }