﻿/*************************************************************************************************
 * Use this CSS-file to specify the lay-out for the templates that can be chosen in the website. *
 *************************************************************************************************/

.seperator
{
    border-width: 3px;
    border-color: black;
    border-top-style: solid;
    padding-top: 20px;
    width: 480px;
    margin: 10px 0 10px 0;
}

h1, h2
{
    font-size: 24px;
    padding: 10px 0 10px 0;
    width: 480px;
}

.default-text
{
    margin: 10px 0 10px 0;
    width: 480px;
}


.left
{
    clear: both;
    float: left;
}

.right
{
    float: right;
}

.left .default-text,
.image-with-description
{
    margin: 10px 20px 10px 0;
    width: 230px;
}

.default-text li
{
    margin-left: 17px;
}

.right .image-with-description
{
    margin-right: 0px;
}

.right .default-text,
.left .default-text
{
    width: 230px;
}

.large-image
{
    width: 480px;
}

.image
{
    width: 230px;
}

.image,
.large-image,
iframe
{
    border-radius: 10px;
    display: inline-block;
    position: relative;
}



    iframe::before,
    div.large-image::before,
    div.image::before
    {
        content: "";
        top: 0;
        left: 0;
        z-index: 1;
        box-shadow: inset 10px 10px 36px 1px rgba(0,0,0,0.5);
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }
