@import url(style.css);

/* content
==============================================================================*/
#content {
	float: right;
	margin-top: 15px;
	width: 540px;
	min-height: 350px;
	}
	#container .full {
		width: 100%;
		}
	#content {
		padding-bottom: 20px;
		}
#content h2 {
	clear: none;
	margin: 0;
	padding-bottom: 3px;
	font: normal 2.2em/1.6em 'Trebuchet MS', tahoma,sans-serif;
	color: #54502C;
	text-transform: uppercase;
	border: 0 none;
	}
#content h3 {
	margin: 1.3em 0 1.3em 0;
	font: bolder 1.2em 'Trebuchet MS', tahoma,sans-serif;
	text-transform: uppercase;
	color: #61a019;
	}
#content h4 {
	/*margin: 1.3em 0 -1em 0;*/
	font: bold 1.3em 'Trebuchet ms',tahoma,sans-serif;
  text-transform: uppercase;
  color: #61a019;
	}
#content p {
	margin: 1.3em 0;
	font: normal 1.2em/1.6em 'lucida grande',tahoma,sans-serif;
	color: #555;
	}
#content li {
    font: normal 1.2em/1.6em 'lucida grande',tahoma,sans-serif;
    color: #555;
	/*margin: .7em 0;*/
	}
#content ol,
#content ul {
	padding: 0;
	}
#content span.blockquote, #content blockquote p {
	display: block;
  margin: 1.5em 0;
	padding: 0;
	font: italic 1.5em/1.3em georgia,serif;
	color: #61a019;
  text-align:left;
	}
#content a {
	color: #2388ff;
	}
#content a:hover {
	color: #333;
	}
#content .details {
	font: normal 1.1em/1.4em 'lucida grande',tahoma,sans-serif;
	}
#content .finePrint {
	font-size: .9em;
	line-height: 1.6em;
	color: #999;
	}
#content .info {
	clear: both;
	padding: 5px 5px 5px 10px;
	background: #eee url(/img/layout/icon-info.gif) 8px 50% no-repeat;
	border: 1px solid #ccc;	
    font: normal 1.2em/1.6em 'lucida grande',tahoma,sans-serif;
    color: #555;
	}
#content .info span {
	padding-left: 5px;
    text-transform: uppercase;    
	}
    
#content .event h4 {
	margin-top: 3em;
	padding: 0 0 .4em 20px;
	text-align: right;
	font: normal 1.0em/1.6em 'lucida grande',tahoma,sans-serif;
	color: #ff9300;
	background: url(../images/icon-calendar_date.gif) 0 40% no-repeat;
	border-bottom: 1px solid #ccc;
	}
#content .event h4 span {
	float: left;
	font-size: 1.6em;
	color: #555;
	}

#content ul.bullet  {
    margin-left:30px;
}
#content ul.bullet li {
    padding-left:10px;
    list-style-image:url(/img/layout/bullet.gif);
}
    
/* Events
===================================================================================*/
 .newsitem, newslistitem {
    float:left;
    margin:10px 0pt 5px;
    padding:0pt 0pt 15px;
    width:100%;
 }

 .newsitem p {
    margin:0px;
 }
 .newsitem p.date-cat,.newslistitem p.date-cat {
    background:url(/img/layout/bullet.gif) left center no-repeat;
    padding-left:20px;
 }
 .newsitem img {
    background:#FEFCF6 none repeat scroll 0%;
    border:1px solid #DBD5C5;
    padding:3px;
 }
 .newsitem img {
    display:inline;
    float:left;
    margin:5px 15px 20px 0pt;
    padding:4px;
 }
 .newsitem .more {
    font-size:0.9em;
    margin:0pt 0pt 10px;
 }

 .newslistitem {
    margin:0pt 0pt 5px;
 }

 
/* map
===================================================================================*/
#content div#map {
    width:530px; 
    height:400px;
    margin-top:13px;
    border:5px solid #eee;
}

/* contatti
===================================================================================*/
#fcontatti {
    width:720px;
    margin:0px;
    margin-top:-10px;
    background:#F3F1E9;
    padding:20px;    
}
    #fcontatti h2 {
	    font: bolder 1.6em 'Trebuchet MS', tahoma,sans-serif;
	    text-transform: uppercase;
	    color: #61a019;
        margin-bottom:5px;
	}
    
    #fcontatti p {
	    font: normal 110% Tahoma,Arial,Helvetica,sans-serif;
	    color: #777;
        margin-bottom:5px;
	}

    #fcontatti form {
        margin-bottom:0px;
	}
    
    #fcontatti fieldset {
        border:0pt none;
        margin:0px;
        padding:0px;
        background-color:transparent;
    }    

    #fcontatti fieldset div {
        clear:none;
        border:none;
        margin:3px 0;
        display:inline;
        float:left;
        padding:0.25em 0pt;
        width:360px;
    }    

    #fcontatti div.error-message {
        width:250px;
        margin-left:60px;
        padding:5px 0px 5px 45px;
        border-top: 2px solid #FBC2C4;
        border-bottom: 2px solid #FBC2C4;
    }

    #fcontatti label {
        display:block;
        float:left;
        text-align:right;
        width:120px;
    }    
    #fcontatti input, #fcontatti textarea{
        background-color:#FFFFFF;
        border:1px solid #DAD7CA;
        font-family:Tahoma,Arial,Helvetica,sans-serif;
        font-size:1em;
        padding:2px;
        width:220px;
    }    
    #fcontatti .textarea {
        clear:both;
        width:736px;
    }
    
    #fcontatti .textarea div.error-message {
        width:600px;
    }

    #fcontatti textarea {
        height:80px;
        overflow:auto;
        width:580px;
    }
    
    #fcontatti .buttons {
        margin:5px 0pt 0pt 123px;
        clear:both;
        display:inline;
        float:left;
    }    
    #fcontatti .buttons p {
        float:left;
        text-align:right;
        font-size:1.1em;
        line-height:28px;
        width:480px;
    }

    #fcontatti .buttons button {
        float:left;
        height:28px;
        padding:0pt;
        width:100px;    
    }    

/* mission
===================================================================================*/
#content div.mission{
	padding-left:10px;
}
#content div.mission p{
	font-size:110%;
	text-transform:uppercase;
}
#content div.mission span{
	font:bold 160% 'trebuchet ms', tahoma, san-serif;
	margin-right:5px;
	color:#61A019;
}

/* products List 
===================================================================================*/    
.prod-list {
    background:#eee none repeat scroll 0%;
    border:1px solid #DBD5C5;
    display:inline;
    float:left;
    font-size:0.9em;
    margin:0px 8px 15px 0px;
    padding:0pt 8px 4px;
    position:relative;
    text-align:center;
    width:150px;
}

.prod-list dt {
    font-size:1.3em;
}
.prod-list dd {
    margin-top:10px;
    font-size:1.0em;
}

.prod-list dt a {
    color:#90876E;
    text-decoration:none;
    font:normal 100% 'trebuchet ms', tahoma, san-serif;
}

.prod-list .img a {
    display:block;
    height:150px;
    overflow:hidden;
    position:relative;
    width:150px;
}

.prod-list .img .new, #prod-img #img .new {
    top:10px;
    position:absolute;
    right:8px;
    width:70px;
    border:0px solid red;
} 
#prod-img #img .new {
    top:8px;
}
/* products Detail 
===================================================================================*/    
#prod-img {
    display:inline;
    float:left;
    margin-right:10px;
    margin-top:10px;
    width:256px;
}

#prod-img #img {
    background:#eee none repeat scroll 0%;
    border:1px solid #DBD5C5;
}

#prod-img #img {
    height:240px;
    padding:8px;
    position:relative;
    width:240px;
    background:#eee url(/img/layout/loading.gif) no-repeat scroll center;    
}

#prod-img #img a {
    display:block;
    height:240px;
    overflow:hidden;
    text-align:center;
    width:240px;
}

#prod-img #img img {
    margin:0pt auto;
}   

#prod-img #img .enlarge {
    bottom:8px;
    position:absolute;
    right:8px;
} 

#prod-img ul {
    margin:0pt 0pt 0pt 1px;
}

#prod-img li {
    float:left;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:0.9em;
    margin:0pt 1px 5px 0pt;
    padding:0px;
    text-align:center;
}

#prod-img li a {
    background:#252525 url(/img/layout/bg-more-images.gif) 0px -24px no-repeat;
    color:#777;
    display:block;
    font-weight:bold;
    height:24px;
    line-height:18px;
    width:24px;
}
#prod-img li a.selected {
    background:#252525 url(/img/layout/bg-more-images.gif) 0px 0px no-repeat;
}

.prod-info {
    float:left;
    width:256px;
    margin-left:0px;
    margin-top:10px;
}

.prod-info dl, 
.prod-info dl dd ul li, 
.admin-view dl,
p#extra-info {
    background:#FEFCF6 none repeat scroll 0%;
    border:1px solid #DBD5C5;
    float:left;
    margin-bottom:10px;
    padding:8px 8px 7px;
    width:256px;
    font:normal 1.2em/1.1em 'Trebuchet MS', tahoma, san serif;
}
.prod-info dt, .admin-view dt {
    background:#F3F1E9 none repeat scroll 0%;
    border-bottom:1px solid #FEFCF6;
    color:#8C8A81;
    float:left;
    padding:0.2em 0pt 0.2em 10px;
    width:80px;    
    height:16px;
}
.prod-info dd, .admin-view dd {
    background:#F3F1E9 none repeat scroll 0% 50%;
    border-bottom:1px solid #FEFCF6;
    float:left;
    padding:0.2em 0pt;
    position:relative;
    width:164px;
    min-height:16px;
}
p#extra-info {
    float:right;
    margin-top:10px;
    margin-left:-3px;
    padding:10px;
    width:254px;
}

/* Link BACK e TOP
==================================================================================*/
#mini {
    height:16px;
    margin:0px;
    float:right;
    padding:0;    
    }   
#mini li, #mini li a {
    background-position:0px;
}
#mini li {
    height:16px;
    padding:0px;
    float:right;
    margin:0;
    margin-left:5px;
    /*width:16px;*/
}         

#mini a {
    font:normal 110% "lucida grande",tahoma, san-serif;
    color: #2388ff;
    }

#mini .back, #mini .back a {
    /*background-image:url(../i/arendonk/back.gif);*/
    /*right:26px;*/
}         

#mini .top, #mini .top a {
    /*background-image:url(../i/arendonk/top.gif);*/
    /*right:0px;*/
}         
/* sidebar
==============================================================================*/
#sideBar {
	position: relative;
	float: left;
	margin-top:0px;
    padding:57px 0pt 20px;
    /*margin: 15px 20px 0 0;*/
	width: 200px;
    border-right:0px solid #BFB28F;
	}
#sideBar h2,
#sideBar p/*,
#sideBar li*/ {
	margin: 7px;
	font-family: 'lucida grande',tahoma,sans-serif;
	}
#sideBar h2 {
	margin-bottom: -15px;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	color: #555;
	}
#sideBar  h3 {
    font:bold 1.4em/1.3em 'trebuchet ms', tahoma, san-serif;
    text-transform:uppercase;
    color:#777;
    padding-bottom:3px;
    }
#sideBar p {
	font-size: 1.1em;
	line-height: 1.8em;
	color: #777;
	}
	#sideBar p.fineprint {
		font-size: 1.0em;
		line-height: 1.2em;
		color: #ccc;
		}
/*#sideBar ul,*/
#sideBar ol {
	margin: 15px;
	}
#sideBar li {
	color: #777;
	font-size: 1.0em;
	line-height: 1.4em;
	}
#sideBar ul li {
	margin: 0px 0;
	list-style: none;
	}
#sideBar a {
	color: #2388ff;
    font: 1.2em/1.0em 'Trebuchet MS',tahoma,sans-serif; 
	}
#sideBar .noStyle img {
	margin: 10px 0;
	}
	#sideBar .right img {
		position: relative;
		right: 15px;
		}
	#sideBar .left img {
		position: relative;
		left: 15px;
		}


#subnav {
    border-top:1px solid #BFB28F;
    margin-bottom:20px;
}   

    #subnav li {
        background:transparent none repeat scroll 0%;
        border-bottom:1px solid #BFB28F;
        }
    #subnav li {
        line-height:26px;
        padding:0px;
        text-align:right;
        }     
    #subnav li.selected {
        background:#FFF none repeat scroll 0%;
        color:#61a019;
        }     
    #subnav a {
        display:block;
        padding:5pt 20px 5pt 0pt;
        background:transparent none repeat scroll 0%;
        color:#706C5D;
        text-decoration:none;
        width:180px;
    }
    #subnav a:hover {
        background:#FFF none repeat scroll 0%;
        color:#61a019;
    }

#sideBar #info {
    background:#FEFCF6 none repeat scroll 0% 50%;
    border:1px solid #DBD5C5;
    padding:8px 8px 7px;
    margin-bottom:20px;
}
    #sideBar #info li.rss {
        background:#F3F1E9 url(/img/layout/feed.png) no-repeat scroll 0.4em;
    }
    #sideBar #info li {
        padding:0.2em 0pt 0.2em 24px;
        border-bottom:1px solid #FEFCF6;
        width:160px;
    }    
    #sideBar #info li.letter {
        background:#F3F1E9 url(/img/layout/email_go.png) no-repeat scroll 0.4em;
    }
    #sideBar #info a {
        display:block;
        padding:5pt 20px 5pt 0pt;
        background:transparent none repeat scroll 0%;
        color:#706C5D;
        text-decoration:none;
    }
    #sideBar #info a:hover {
        color:#61a019;
    }


/* FORM
================================================================*/
form {
    margin:0.5em 0em;
    clear:both;
}
input, select, textarea {
    margin-left:0.5em;
    font: normal 1.4em/1.6em  'trebuchet ms',verdana,sans-serif;
    color: #333;
    width:350px;
}
fieldset.upload {
    padding-bottom: 15px;
}
div.submit input, fieldset.upload input {
    width:auto;
}
input[type="checkbox"] {
    clear:left;
    float:left;
    margin:0px 6px 7px 2px;
    width:auto;
}
fieldset {
    border:1px solid #ccc;
    margin:1em 0pt;
    padding:0.3em 1em;
    background-color: #eee;
}
fieldset br {
    display:none;
}
fieldset legend {
    color: #669966;
    font-size: 160%;
    font-weight: bold;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}

fieldset div {
    clear:both;
    margin:1.3em 0pt;
    position:relative;
    padding-bottom:1.3em;
    border-bottom: 1px solid #ccc;
}

fieldset div span {
    clear:both;
    display: block;
}
/*
fieldset div:hover span {
    background-color:#FAF0E6;
    border:1px solid #CC9966;
    color:#CC9966;
    display:block;
    float:right;
    font-size:85%;
    margin-left:20em;
    padding:0.2em 0.5em 0.3em;
    position:absolute;
    z-index:100;
}
* html fieldset div span {
    border-left:1px solid #CC9966;
    color:#CC9966;
    display:block;
    font-size:85%;
    margin-left:16em;
    padding:0.3em;
}   
*/

label, fieldset div.cr p {
    display:block;
    float:left;
    margin:0pt;
    text-align:right;
    width:13em;
}
label {
    font: normal 1.2em/1.6em 'lucida grande',tahoma,sans-serif;
    color: #555;
    cursor:pointer;
}
label em, form em {
    color:#E23B00;
    font-style:normal;
    padding:0 3px;
}
fieldset div.cr label {
    float:none;
    margin-left:13em;
    text-align:left;
    width:auto;
}
.mandat {
    color:#993300;
}
.buttons, fieldset div span {
    margin-left:163px;
    /*text-align:center;*/
}

input.checkbox, input.radio {
    display:block;
    height:13px;
    line-height:1.4em;
    margin:6px 0pt 0pt 3px;
    width:13px;
}
span.choice label {
    display:block;
    line-height:1.4em;
    margin:-1.55em 0pt 0pt 25px;
    padding:4px 0pt 5px;
    width:90%;
    text-align:left
    
}
/* filter links */
div.filter {
    float:left;
    padding: 5px 0px 5px 0px;
}

/* action links */
div.toolbar {
    float:right;
    padding: 5px 0px 5px 5px;

}

ul.actions {
    display:block;
    overflow:hidden;
    position:absolute;
    right:0px;
    top:-5px;
}
div.toolbar ul li, ul.actions li {
    float:left;
    margin:5px 0px 0px 0px;
}


ul.actions li a, div.toolbar ul li a {
/*   background-color:#eee; */
   border: 0px solid #ccc;    
   width:20px;
   height:15px;
   padding:2px;
}
ul.actions li a.add, div.toolbar ul li a.add {
   background:#eee url(/img/layout/add.png) 2px center no-repeat;
}

ul.actions li a.list, div.toolbar ul li a.list{
   background:#eee url(/img/layout/list.png) 2px center no-repeat;
}

ul.actions li a.view, div.toolbar ul li a.view{
   background:#eee url(/img/layout/list.png) 2px center no-repeat;
}

ul.actions li a.edit, div.toolbar ul li a.edit{
   background:#eee url(/img/layout/edit.png) 2px center no-repeat;
}

ul.actions li a.delete, div.toolbar ul li a.delete{
   background:#eee url(/img/layout/delete.png) 2px center no-repeat;
}

/* TABLES 
=================================================================*/
table {
    clear:both;
    width:100%;
    border-left: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #3C3C3C;
    
}

table, td, tr, th{
    border-collapse: separate !important;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}

td, th {
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px #fff solid;
    border-right: 1px solid #E5E5E5;
    border-top: 1px #fff solid;
}

td {
    background-color: #F9F9F9;
    padding: 3px;
    font: normal 1.0em 'lucida grande',tahoma,sans-serif;
    color: #555;
}

th {
    background-color: #f1f1f1;
    padding: 4px;
    white-space: nowrap;
    font: normal 1.1em 'trebuchet ms',tahoma,sans-serif;
    color: #333;
}

table tr.altrow td {
    background: #f0f4f5;
}

/* ADMIN MENU
===========================================================*/
#admin-menu, #admin-menu ul {
    float:left;
    width:760px;
    padding: 0;
	  margin: 0;
    list-style: none;
}
#admin-menu, #admin-menu li ul {
	  background-color: #eee;
	  border: 1px solid #ccc;	
    font: normal 1.1em 'lucida grande',tahoma,sans-serif;
    color: #555;
    margin-bottom:15px;
}

#admin-menu a {
	  display: block;
	/*width: 6em;*/
    padding:0.5em 1em;
}

#admin-menu li {
	  float: left;
	  width: 8em;
    font: normal 1.1em 'trebuchet ms',tahoma,sans-serif;      
}

#admin-menu li.selected{
    background-color:#FFC;
    font-weight: bold;
 }

#admin-menu li ul {
    position: absolute;
    text-align:left;
    width: 10em;
	left: -999em;
    margin:0px;
    z-index:1;
}

#admin-menu li ul li a {
    padding:0.2em 0.8em 0.2em;
    font: normal 0.9em 'trebuchet ms',tahoma,sans-serif;      
}

#admin-menu li:hover ul {
	left: auto;
}

#admin-menu li:hover ul, #admin-menu li.sfhover ul {
	left: auto;
}

/*#admin-menu {
 /*height:26px;
 margin-bottom:10px;
}
#admin-menu ul li{
 float:left;
 margin-right:10px;
 padding:3px;
 font: normal 1.1em 'trebuchet ms',tahoma,sans-serif;
}
#admin-menu ul li.selected{
 background-color:#FFC;
 font-weight: bold;
 }
*/
.admin-view {
    clear:both;
} 
.admin-view dl {
    width:98%;
}
.admin-view dd {
    width:68.5%;
    margin-left:1px;
}
.admin-view dt {
    width:30%;
}
.related {
    clear:both;
    padding-top:10px;
}
/**
* Thats the basic css needed for the upload bars
*/
.photoupload-queue      { list-style: none; }
.photoupload-queue li   { background:url(/img/layout/admin/image_add.png) no-repeat 5px 5px; padding:5px 5px 5px 28px; }
.photoupload-queue .queue-file  { font-weight: bold;}
.photoupload-queue .queue-size  { color:#aaa; margin-left:1em;font-size:0.9em; }
.photoupload-queue div  { clear:both; margin:0;padding:0;vertical-align:middle; }
.photoupload-queue .queue-loader{ position:relative;margin:3px 15px 3px 10px;font-size:0.9em;background-color:#ddd;color:#fff;border:1px inset #ddd;text-align: center;}
.photoupload-queue .queue-subloader { text-align:center;position:absolute;background-color:#81B466;height:100%;width:0%;left:0;top:0; }
.photoupload-queue .input-delete { width:16px;height:16px;background:transparent url(/img/layout/admin/delete.gif) no-repeat 0 0;text-decoration:none;border:none;float:right;}