/*******************************************************************************
*
* © 2010 Copyright A-Vision
*
* File description :       Web site / application
* 
* Created by       :       Arnold Velzel
* Created on       :       DD/MM/YYYY
*
* Last changed by  :       Arnold Velzel
* Last changed on  :       <LastChanged>
* 
*******************************************************************************/

* {
 font-family:Tahoma,sans-serif !important;
 font-size:11pt;
}
body {
 background:#f4f0ec;
}
body.about-us .newsitem1 {
 float:left;
 width:32%;
}
body.about-us .newsitem2 {
 float:right;
 width:32%;
}
body.about-us .newsitem3 {
 padding-left:34%;
 padding-right:34%;
}
a img {
 border:0px;
}
h1 {
 font-size:2em;
 color:#008;
}
h1, h2, h3, h4 {
 margin:10px 0px 0px 0px;
}
h1 *, h2 *, h3 *, h4 * {
 font-size:inherit;
 color:#008;
}
h3.title, h2 {
 font-size:1.5em;
 margin:20px 0px 5px 0px;
}
h3.title a, h2 a {
 color:#008;
}
div.date {
 font-size:0.8em;
 float:right;
}

p, p * {
 font-size:12pt;
}
ol li,
sup *, sub *, small *,
sup, sub, small {
 font-size:0.8em;
}

div.pageindex {
 clear:both;
 min-height:16px;
}
div.pageindex, div.pageindex * {
 font-size:10pt;
}
div.pageindex a {
 padding-right:5px;
 color:#008;
}
div.title {
 text-align:right;
 height:75px;
 background:transparent url(images/companylogo.png) right center no-repeat;
}
div.title i {
 font-size:40pt;
 display:none;
 clear:both;
}
div.title .subtitle {
 display:none;
 clear:both;
}

div.slogan {
 display:none;
}
div.container > div {
 padding:0px 20px
}
div.container,
div.copyright {
 max-width:93%;
 margin:10px auto;
/* min-width:605px;*/
}
div.container {
 margin-top:4%;
 background:#fff url(images/background.jpg) top center no-repeat;
 border:1px solid #E48400;
 padding-top:10px;
 -moz-border-radius:8px;
 border-radius:8px;
 -moz-box-shadow:#888 2px 2px 10px 3px;
 -webkit-box-shadow:#888 2px 2px 10px 3px;
 box-shadow:#888 2px 2px 10px 3px;
}

div.mainmenubottom {
 height:40px;
 border-bottom:1px dotted #aaa;
 /*background:transparent url(./images/bgwhite5.png) center center repeat;*/
 z-index:9995;
}
ul.mainmenu {
 margin:0px;padding:0px;
 z-index:9990;
 clear:both;
 height:176px;
/* overflow:hidden; */
}
li.menuitem {
 list-style-type:none;
 float:left;text-align:center;
 cursor:pointer;
/* min-width:150px;*/
 width:16.5%;
 min-width:100px;
}
li.menuitem a {
 text-decoration:none;color:#88a;font-weight:bold;
 height:166px;
 padding:10px;
 padding-top:40px;
 display:block;
 -webkit-transition:all .5s ease;
 -o-transition:all .5s ease;
 -moz-transition:all .5s ease;
 transition:all .5s ease;
}
li.menuitem a img {
 width:100%;
 max-width:128px;
}
li.menuitem a span {
 display:block;
 width:100%;
}
li.menuitem a:hover {
 color:#008;
 padding-top:20px;
 padding-bottom:30px;
 -webkit-transition:all .2s ease;
 -o-transition:all .2s ease;
 -moz-transition:all .2s ease;
 transition:all .2s ease;
}
li.selected a {
 color:#00a;
 padding-top:30px;
 padding-bottom:20px;
 -webkit-transition:all .2s ease;
 -o-transition:all .2s ease;
 -moz-transition:all .2s ease;
 transition:all .2s ease;
}
li.menuitem a div {
 clear:both;
}
div.news {
 clear:both;
}
div.maincontent {
 margin-bottom:20px;
}
div.maincontent img {
 -moz-border-radius:5px;
 border-radius:5px;
 -moz-box-shadow: 1px 1px 2px 2px #888;
 -webkit-box-shadow: 1px 1px 2px 2px #888;
 box-shadow: 1px 1px 2px 2px #888;
 max-width:95%;
 height:auto;
}
body.contact div.maincontent img {
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none;
}
.visitorlog * {
 font-size:10px;
}

/*** BLOG NEWS ITEMS ***/
body.about-us div.date,
body.development div.date,
body.products div.date,
body.advice div.date {
 display:none;
}
.newsitem {
 padding-top:20px;
 min-width:200px;
}
.blogger-post-footer {
 display:none;
}
/*** BLOG NEWS ITEMS ***/

.copyright {
 padding-left:20px;
 font-size:0.8em;
}
.copyright * {
 font-size:inherit;
}

/*** FORMS ***/
input, textarea {
 -moz-border-radius:4px;
 border-radius:4px;
 border:1px solid #ccc;
 width:95%;
 max-width:400px;
 padding:1px 4px;

 -moz-box-shadow: inset 1px 1px 2px 0px #888;
 -webkit-box-shadow: inset 1px 1px 2px 0px #888;
 box-shadow: inset 1px 1px 2px 0px #888;
}
input[type="radio"], input[type="checkbox"] {
 border:0px;
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none;
}

/*** FORMS ***/

/*** CAPTCHA ***/
.randomstarleft {
 float:left;
 margin-left:9px;
 width:32px;
 height:50px;
 overflow:hidden;
}
.randomstarleft img,
.randomstarright img {
 width:192px !important;
 max-width:192px !important;
}
.randomstarright {
 float:right;
 margin-right:9px;
 width:32px;
 height:50px;
 overflow:hidden;
}
label.star {
 display:block;float:left;margin-left:10px;margin-bottom:10px;
 padding:32px 0px 0px 0px;
 text-align:center;
 width:32px;
}
label.bluestar {
 background:transparent url(images/stars.png) 0px top no-repeat;
}
label.yellowstar {
 background:transparent url(images/stars.png) -32px top no-repeat;
}
label.greenstar {
 background:transparent url(images/stars.png) -64px top no-repeat;
}
label.orangestar {
 background:transparent url(images/stars.png) -96px top no-repeat;
}
label.purplestar {
 background:transparent url(images/stars.png) -128px top no-repeat;
}
label.redstar {
 background:transparent url(images/stars.png) -160px top no-repeat;
}
/*** CAPTCHA ***/

/*** ADS ***/
div.ads {
 border-top:#ccc;
 border-bottom:#bbb;
 background:#eee;
 padding:2px 10px 10px 10px;
 min-height:25px;
 clear:both;
}
div.ads ul {
 margin:0px;
 padding:0px;
}
div.ads ul li {
 list-style-type:none;
 font-size:13px;
 font-weight:bold;
 min-height: 30px;
 float:left; margin-left:10px; height:20px;
}
div.ads ul li a {
 color:#008;
 font-size:12px;
 white-space:nowrap;
}
div.ads ul li a:hover {
 color:#44a;
}
div.ads ul li a:visited {
 color:#008;
}


@media screen and (max-device-width: 480px){
 .newsitem {
  float:none !important;
  width:auto !important;
  padding-left:0px !important;
  padding-right:0px !important;
 }
}