/* ---------------------------------------------------*/
/*  03-03-2009                                        */
/*  Created by: Roel Schijf                           */
/*  Data Access Europe B.V.                           */

/*  visit: www.daegraphics.com                        */
/* ---------------------------------------------------*/

   
/* ---------------------------------------------------*/
/*  STANDARD HTML TAG DEFINITION                      */
html {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    overflow: auto;
    background: url(../images/bgHtml.jpg) repeat-x center top #504F0E;
}

body,
form, input , select, textarea{
    color: #3E3E3E;
    font-family: Georgia, Lucida sans, typewriter, Helvetica, Arial;
    font-size: 11px;
    line-height: 16px;
}

/* ---------------------------------------------------*/
/* PAGE ELEMENTS                                      */
body {
    background: url(../images/bgMain.jpg) center top no-repeat;
}

#wrapper {
	width:945px;
    margin: 0 auto;
    padding: 0;
}

/* ---------------------------------------------------*/
/* HEADER                                             */
#header {
    padding: 0;
    height: 200px;
}
#logo {
    float: left;
    margin: 10px 0px 0px 30px;
    color: #FFFFFF;
    height: 99px;
    width: 378px;
    font-size: 30px;
    text-transform: uppercase;
    position: absolute;
}
#toppanel {
    background: url(../images/shop.jpg) no-repeat top center;
    height: 79px;
    width: 251px;
    float: right;
    cursor: pointer;
}

#toppanel:hover {
    background-position: center -79px;
}

/* ---------------------------------------------------*/
/* CONTAINER SETTINGS                                 */
#spacer {       
    height: 150px; /* makes the bgslice continuing between 'header' and 'footer' */
}

#container {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/bgContent.jpg) repeat-y center;
    min-height: 450px;
    *min-height: 300px;
}

#subcontainer {
    background: url(../images/bgFooterIE.jpg) no-repeat center bottom;
    *width: 945px;
    *padding: 0px 0px 45px 0px;
}

/* ---------------------------------------------------*/
/* MAIN CONTENT                                       */
#main {
    width: 560px;
    float: left;
    padding: 0px 20px 0px 40px;
    margin: -175px 0px 0px 0px;
}
#main ul   {
	margin: 5px 0px 5px 20px;
}
#main ol {
    margin: 5px 0px 5px 20px;
}

#introduction {
    padding: 0px 0px 20px 0px;
}

#introduction .readmore{
    color:#8A8818;
}
/* ---------------------------------------------------*/
/* SIDEBAR                                            */
#sidebar {
    width: 265px;
    float: right;
    padding: 0px 20px 0px 20px;
    margin: -175px 0px 0px 0px;
}

.widget {
    padding: 0px 0px 20px 7px;
	clear: both;
}

.widget .address{
    list-style-type: none;
}

.widget a {
    color: #8A8818;
    text-decoration: none;
}
.widget a:hover {
   text-decoration: underline;
   color:#515010;
}
#socialmedia {
	list-style-type:none;
	float: left;
	margin: 5px 0px 10px 0px;
}
#socialmedia li{
	float: left;
}
#socialmedia li a{
	padding: 0px 10px 0px 0px;
}

#map {
    margin: 10px 0px 20px 0px;
    width: 250px;
    height: 250px;
    border: 1px solid #BBB8A9;
}
.widget .adverts {
	min-height: 120px;
}
.widget .adverts li{
    padding: 10px 9px 10px 0px;
    list-style-type: none;
    display:block;
    float: left;
}
/* ---------------------------------------------------*/
/* NAVIGATION                                         */
#navigation {
    clear: both;
    float: right;
	text-align: right;
    padding: 38px 0px 0px 0px;
	width:945px;
}

#navigation li {
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
	padding:0;
    list-style-type: none;
}

#navigation li a{
    text-decoration: none;
	display: block;
	float: left;
    color: #FFFFFF;
	padding: 0px 10px 3px 30px;
    text-transform: uppercase;
	background: url(../images/NavOrnament.png) no-repeat left top;
}

#navigation li a:hover, #navigation .current, #navigation .current a {
    background-position: left -19px;
}
/* ---------------------------------------------------*/
/* Search form                                        */
#searchform {
    padding: 3px 3px 3px 3px;
    margin: 0px 0px 10px 0px;
    border: 1px solid #D2D0C6;
    background:#FFFFFF;
    opacity:0.8;
    filter:alpha(opacity=80)
}
#searchform .inputText{
    background: transparent;
    border:none;
    width: 215px;
    height: 20px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
    color: #000000;
}

#searchform .searchbutton {
    margin: 0px 0px 0px 0px;
    *margin: 0px 8px 3px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/google.png) no-repeat right top;
    border: none;
    text-indent:-999em;
    cursor: pointer;
    width: 25px;
    height: 14px;
}

#searchform .searchbutton:hover {
    background-position: right -14px;
}

/* Note: The following predefined styles are used to present the search result. You may change these to reflect your
 design for the search result table. Changing these style will not affcet the search result table in Electos Studio */

.SearchTable {
    width : 100%;	
    margin: 0px 0px 0px 0px;
    border: 0px solid #A39883;
    cursor: pointer;
    background: url(../images/bgSearch.jpg) no-repeat center bottom;
    border-top: 1px dotted #D2D0C6;
}
.SearchTable a{
	color: #000000;
}
    
.SearchRowOdd, .SearchRowEven  {
    padding: 4px 0px 0px 10px;
    border-bottom: 1px dotted #D2D0C6;
    height: 22px;
}

.ResultName {
    color: #000000;
	text-decoration: none;
    background: url(../images/searchOrnament.png) no-repeat left top;
    height: 16px;
    padding: 0px 0px 0px 30px;
}

.ResultName:hover {
    background-position: left -16px;
}

.results {
    padding: 10px 0px 5px 0px;
	font-style: italic;
}

#PreviousItem a,  #NextItem a{
    text-decoration:none;
    color: #8A8818;
}

#PreviousItem a:hover,  #NextItem a:hover{
    text-decoration:underline;
    color: #494B0F;
}
/* ---------------------------------------------------*/
/* TYPHOGRAPHY                                       */
h1  {
    color: #504F0E;
    font-size: 22px;
    padding: 10px 0px 10px 35px;
    line-height: normal;
    background: url(../images/ornament.png) no-repeat center left;
}
h2 {
    color: #504F0E;
    font-size: 18px;
    padding: 10px 0px 5px 0px;
    line-height: normal;
}

#main p {
    padding: 0px 0px 10px 0px;
    line-height: 16x;
}
/* ---------------------------------------------------*/
/* SITEMAP STYLER SITEMAP                              */


#SitemapFrame {
	width: 80%;
	margin: 20px 0px 0px 0px;
}

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{}
#sitemap ul{
	display:none;
}
#sitemap li{
	line-height:200%;
	margin-top:1px;
	background:;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap a {
	color: #656565;
}

#sitemap a:hover {
	color: #4D8B82;
}

#sitemap li a{padding-left:28px;}

#sitemap li span{
	float:left;
	position:absolute;
	top:5px;
	left:5px;
	width:13px;
	height:13px;
	cursor:auto;
	font-size:0;
}

#sitemap li span, #sitemap li span.collapsed{
	background:url(../images/collapsed.gif) no-repeat 0 0;
} 
#sitemap li span.expanded{
	background:url(../images/expanded.gif) no-repeat 0 0;
}

/* second level */

#sitemap li li{
	background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */




/* ---------------------------------------------------*/
/* NEWS                                               */

#news a {
    text-decoration: none;
}
#news {
    padding: 0px 0px 0px 0px;
}
#news .story {
    padding: 0px 0px 10px 0px;
}

#news .date {
    background:transparent url(../images/dateButton.png) no-repeat scroll 0 0;
    color:#515010;
    font-size: 10px;
    height:50px;
    width: 52px;
    margin: 0px 0px 0px -60px;
    padding:8px 0px 5px 0px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
}
#news .date span{
    display: block;
    line-height: 11px;
}
#news a .story p{
    color: #3E3E3E;
}
#news a .story:hover {
    background: url(../images/filth.jpg) no-repeat center center;
    color: #000000;
}

#PreviousItem {
	background: url(../images/ArrowSmallBack2.png) no-repeat left 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#NextItem {
	float: right;
	background: url(../images/ArrowSmall2.png) no-repeat right 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

/* ---------------------------------------------------*/
/* NEWS SUB MENU                                      */

.widget .newsSub {
    list-style-type: none;
    padding: 5px 0px 20px 0px;
}

.widget .newsSub li{
    padding: 0px 0px 0px 10px;
}

.widget .newsSub .current a{
    color: #000000;
}

/* GUESTBOOK	                                           */
/* --------------------------------------------------------*/
#main #guestbookdetails{
	margin: 0px 0px 10px 0px;
	border-bottom: 1px dotted #8F8F8F;
	padding: 0px 0px 3px 0px;
	width: 100%;
	height: 23px;
}

#guestbookdetails li {
	float: left;
	display: block;
	padding: 0px 5px 0px 0px;
	color: #8F8F8F;
} 
#guestbookdetails li a{
	color: #8F8F8F;
}
#guestbookdetails .comments {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background: #F2F3F3;
	text-decoration: none;
	color: #000000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#guestbookContainer {
	clear: both;
	margin: 10px 0px 10px 0px;
}
#guestbookContainer .nocomments, #guestbookContainer .commentmessage{
	padding: 8px 5px 8px 5px;
	margin: 0px 0px 0px 0px;
	display: block;
	background: #504F0E;
	border: 1px solid #fffff;
	color: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#guestbookContainer h3 {
	margin: 10px 0px 5px 0px;
	background: #ede3c0;
	padding: 5px;
	color: #504F0E;
}
#guestbookContainer .guestbookItem  {
	border-bottom: 1px dotted #8F8F8F;
	padding: 5px 0px 10px 0px;
	width: 560px;
	float:left;
	clear:both;
}
#guestbookContainer .guestbookItem:first-child {
	padding: 0px 0px 10px 0px;
}
#guestbookContainer .guestbookItem:last-child{
	border-bottom: none;
	padding: 5px 0px 0px 0px;
}
#guestbookContainer .guestbookItem .guestbookHolder {
	display: block;
	float: right;
	width: 480px;
}
#guestbookContainer .guestbookItem  .author{
	float: left;
	padding: 0px 5px 0px 0px;
	color: #ADADAD;
}
#guestbookContainer .guestbookItem  .date{
	float: right;
	color: #ADADAD;
}
#guestbookContainer .guestbookItem  .website a{
	text-decoration: none;
	color: #ADADAD;
}
#guestbookContainer .guestbookItem .authorIcon {
	height:32px;
	width:32px;
	float: left;
	margin: 0px 10px 0px 0px;
}
#guestbookContainer .guestbookItem  .number {
	display:none;
}
#main #guestbookContainer .guestbookItem .commenttext {
	display: block;
	clear: both;
	padding: 5px 0px 5px 0px;
}
#commentFrame {
	border-top: 1px dotted #8F8F8F;
	float:left;
	width: 100%;
}
#commentFrame h2{
	margin: 10px 0px 0px 0px;
}
#commentFrame .infotext {
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 10px 0px;
	background: #F2F3F3;
	color: #000000;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#contactform .left{
	width: 250px;
	float:left;
}
#contactform .left label{
	width: 100px;
	float:left;
}
#contactform .left input{
	width: 200px;
	border:1px solid #BBB68B;
	padding: 3px 2px 3px 2px;
}
#contactform .left input:focus, #contactform .right textarea:focus{
	border: 1px solid #504F0E;
}
#contactform .right{
	width: 300px;
	float:left;
}
#contactform .right textarea{
	height: 100px;
	width: 300px;
	border:1px solid #BBB68B;
	padding: 3px 2px 3px 2px;
}
#contactform  .button{
	float:right;
	clear:both;
	background: #504F0E;
	color: #fff;
	border: 0px solid #000;
	padding: 5px 5px;
	margin: 5px 0px 0px 0px;
	cursor: pointer;
}
/* ---------------------------------------------------*/
/* EXPOSANTEN                                         */
#exposanten  {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted grey;
}
#exposantenBox  {
    padding: 0px 0px 10px 0px;
    border-bottom: 1px dotted grey;
}
#exposanten a {
    text-decoration: none;
    color: #000000;
}

#exposanten .stand {
    padding: 0px 10px 0px 0px;
    font-style:italic;
}
#exposanten .website {
    padding: 0px 0px 0px 10px;
    font-style:italic;
}
#exposanten .website a:hover, #exposanten .readmore:hover {
    text-decoration: underline;
    color: #8A8818;
}
#exposanten .readmore, #exposanten .website a {
    color: #8A8818;
}

#exposanten p {
    clear: both;
    padding: 5px 0px 0px 0px;
}


#exposantenBox .image{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 15px 5px 0px;
    overflow:hidden;
    display:block;
    border: 1px dotted grey;
}
#exposantenBox .stand {
    padding: 0px 0px 0px 0px;
    font-style:italic;
}
#exposantenBox .website {
    padding: 0px 0px 0px 0px;
    font-style:italic;
}
#exposantenBox .website a:hover, #exposantenBox .readmore:hover {
    text-decoration: underline;
    color: #8A8818;
}
#exposantenBox .readmore, #exposantenBox .website a {
    color: #8A8818;
}

#PreviousItem {
	background: url(../images/ArrowSmallBack2.png) no-repeat left 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#NextItem {
	float: right;
	background: url(../images/ArrowSmall2.png) no-repeat right 0px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

/* ---------------------------------------------------*/
/* NEWS SUB MENU                                      */

.widget .newsSub {
    list-style-type: none;
    padding: 5px 0px 20px 0px;
}

.widget .newsSub li{
    padding: 0px 0px 0px 10px;
}

.widget .newsSub .current a{
    color: #000000;
}

/* ---------------------------------------------------*/
/* FOOTER                                             */
#footer {
    height: 476px;
    background: url(../images/bgFooter.jpg) no-repeat center bottom;
    margin: -430px 0px 0px 0px;
    list-style-type: none;
    *display:none;
}

#footerContent a{
    color:#FFFFFF;
    text-decoration: none;
}

#footerContent a:hover{
    color:#FFFFFF;
    text-decoration: underline;
}
#footerContent {
    clear:both;
        width:945px;
    margin: -30px auto 40px auto;
    padding: 0px 0px 40px 0px;
    color: #FFFFFF;
}

#copyright {
    float: left;
    padding: 0px 0px 0px 10px;
}

#footerMenu {
    float :right;
}

#footerMenu li {
    display: block;
    float: left;
    list-style-type: none;
    padding: 0px 5px 0px 5px;
    margin: 0px 20px 0px 0px;
}