/*
Theme Name: Kaarten
Author: Pebbler / DSC-IT
Author URI: http://www.pebbler.nl
Description: Thema voor RFID kaarten
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: RFID, kaarten, toonbankkaarten

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 Kleurencodes Evolis:
 background: #434a4e;
 */

body
{
  padding: 0px;
  margin:0px;
  font-family: Arial, Helvetica, sans-serif;
  background: #e01700 url(images/background_bloemenkaartjes.jpg) no-repeat center center fixed;;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
::selection{
    background: #397cc0;
    color:#fff;
}

a img {border: none; }

h2
{
  color:#ef463b;
  text-align: center;
}

.alignright, .metaslider-77
{
    float: right;
}

#maincontainer
{
  display: table;
  width: 960px;
  margin: 0px auto;
  background: #ffffff;
  /*height: 100%;*/
}

#header
{
  width: 100%;
  padding: 0px;
  height: 150px;
  margin: 0px;
}


#center
{
  float: left;
  width: 100%;
  overflow: auto;
  padding: 0 0% 0 0%;
  background: #ffffff;
}

#animatie_mobile
{
    display: none;
}

.mobilesOnly
{
    display: none;
}

#leftcolumn
{
  width: 180px;
  float: left;
  color: #333;
  margin: 0px;
  padding: 0px;
  background: #ffffff;
  overflow: hidden;
}


#info
{
  overflow: none;
  background: #fff;
  float: left;
  width: 100%;
  margin-top: 40px;
  color: #333;
  border: 0px solid #ccc;
}

#info img, #shop_link img
{
    width: 100%;
    margin: auto;
    vertical-align: middle;
}

#menu
{
  overflow: auto;
  width: 100%;
  padding-top: 10px;
  min-height: 150px;
}

#menu ul
{
    margin: 0;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
}

#menu li
{
  width: 100%;
  margin-left: 0%;
  height: 50px;
  line-height: 50px;
  display: inline-block;
}

#menu a
{
  color:#434a4e;
  text-decoration: none;
  font-weight: bold;
  padding: 0 10px;
  line-height: 30px;
}

#menu > ul > li:hover
{
    background: #ef463b;
}

#menu > ul > li:hover > a
{
    color: #fff;
}

#centercolumn
{
  overflow: auto;
  padding: 10px;
}

#clear { clear:both; }

#footer
{
  width: 100%;
  float: left;
  padding: 0px;
  height: 80px;
  line-height: 80px;
  margin: 0px 0px 0px 0px;
  background: white;
  text-align: center;
  font-size: 0.8em;
  border-top: 1px solid #ccc;
}


/* MEDIA QUERIES */
@media screen and (max-width: 480px)
{
    body
    {
        padding: 10px !important;
    }


    .animatieContainer
    {
        display: none;
    }

    #animatie_mobile
    {
        display: inline;
        width: 100%;
    }

    .mobilesOnly
    {
        display: inline;
        text-align: center;
    }

    .cycle-slideshow
    {
        margin: 0 auto;
    }

    .cycle-slideshow img
    {
        max-width: 100%;
        height: auto;
    }

    .wp-image-42
    {
        display: none;
    }

    #header
    {
        max-height:60px;
        width: 100%;
        margin-bottom: 4px;
    }

    #header img
    {
        width: 100%;
    }

    #maincontainer
    {
        width: 100%;
    }

    #center
    {
        overflow: hidden;
    }

    #centercolumn
    {
        width:100%;
        overflow: none;
    }

    #leftcolumn
    {
        margin: 0;
        width:100%;
    }

    #info
    {
        margin: 0;
    }

    #info_img
    {
        width: 100%;
        display: table-row;
    }

    #info_img img
    {
        display: table-cell;
        margin-top: 6px;
        vertical-align: middle;
    }

    #info_img h2
    {
        display: table-cell;
        vertical-align: middle;
        width: 70%;
        font-size: 1.1em;
        overflow: none;
    }

    #shop_link img
    {
        display: block;
        max-width: 180px;
        margin: 0 auto;
        vertical-align: middle;
    }

    #shop_link
    {
        margin-bottom: 10px;
    }

    #menu
    {
        min-height: 30px;
        width: 100%;
    }

    #menu li
    {
        margin: 0 auto;
        display: inline-block;
        border-bottom-color:#FFF;
        border-bottom-style:solid;
        border-bottom-width:1px;
        text-align:center;
    }

    #menu ul
    {
        padding: 0;
        margin: 0 0 20px 0;
        width: 100%;
    }

    .alignright, .metaslider-77
    {
        float: none;
    }

    .metaslider, .alignright
    {
        display: block;
        margin: 0 auto;
        vertical-align: middle;
    }

    .alignnone
    {
        display: block;
        margin: 0 auto;
        vertical-align: middle;

    }
    td .alignnone
    {
        display: none;
    }
}