/* Project: LaserFreak.net - $Revision: 905 $ */
/* Design: Marco Hoyer / LiquiNUX Software GmbH */
/* CMS: HomepageEasy */

/* CORE CSS */
@font-face{font-family:'Roboto-Thin';src:url('../fonts/Roboto-Thin-webfont.eot');src:url('../fonts/Roboto-Thin-webfont.eot?iefix') format('eot'),url('../fonts/Roboto-Thin-webfont.woff') format('woff'),url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'),url('../fonts/Roboto-Thin-webfont.svg#webfont') format('svg');}
@font-face{font-family:'Roboto-Light';src:url('../fonts/Roboto-Light-webfont.eot');src:url('../fonts/Roboto-Light-webfont.eot?iefix') format('eot'),url('../fonts/Roboto-Light-webfont.woff') format('woff'),url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),url('../fonts/Roboto-Light-webfont.svg#webfont') format('svg');}
@font-face{font-family:'Roboto-Regular';src:url('../fonts/Roboto-Regular-webfont.eot');src:url('../fonts/Roboto-Regular-webfont.eot?iefix') format('eot'),url('../fonts/Roboto-Regular-webfont.woff') format('woff'),url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),url('../fonts/Roboto-Regular-webfont.svg#webfont') format('svg');}
@font-face{font-family:'Roboto-Medium';src:url('../fonts/Roboto-Medium-webfont.eot');src:url('../fonts/Roboto-Medium-webfont.eot?iefix') format('eot'),url('../fonts/Roboto-Medium-webfont.woff') format('woff'),url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),url('../fonts/Roboto-Medium-webfont.svg#webfont') format('svg');}

*{font-family:'Roboto-Light', Arial;}

html{}
html,body{padding:0;margin:0;width:100%;height:100%;font-size:12px;}
body{background-image:url('../gfx/laserfreak_lasershow.jpg');background-attachment:fixed;background-position:top center;color:#fff;background-size:cover;-webkit-background-repeat:no-repeat;-webkit-background-attachment:fixed;-webkit-background-position:top center;-webkit-background-size:cover;font-weight:400;line-height:1.45;}

h1,h2,h3,h4{margin:1.414em 0 0.5em;font-weight:inherit;line-height:1.2;}
h1{margin-top:0;font-size:2.827em;}
h2{font-size:1.999em;}
h3{font-size:1.414em;}
p{font-size:1.207em;margin-bottom:1.3em;}
small{font-size:0.707em;}

a{color:#fa0;text-decoration:none;}
a:visited{text-decoration:none;}
a:focus{outline:none;border:none;text-decoration:none;color:#fff;}
a:hover{color:#fa0;text-decoration:none;border:none;}
td{vertical-align:top;}
th{text-align:left;font-weight:normal;}
img a{border:none;}
img a:hover{border:none;}

.r{text-align:right;}
.l{text-align:left;}
.c{text-align:center;}
.p0{padding:0px;}
.m0{margin:0px;}
.fa0{color:#fa0;}
.pl20{padding-left:20px;}

.table{display:table;}
.tr{display:table-row;}
.td{display:table-cell;}

table{font-size:1.207em;}


/* HEADER */
.wrapperHead{padding:0px;}


    /* ########### ROW 1: SOCIAL & LOGIN ########### */
    .SocialLine{background-color:rgba(0,0,0,0.65);max-width:1600px;margin:0 auto;padding:0px;border-radius:0px 0px 10px 10px;/*display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;*/}
    .SocialLine .slSocial{text-align:center;color:#eee;padding:6px 20px 3px 3px;}
    .SocialLine .slSocial i{color:#fff;margin-right:6px;}
    .SocialLine .slSocial a:hover i{color:#fa0;}
    .SocialLine .slLogin{text-align:center;padding:5px;}
    .SocialLine .slLogin button{border:none;background-color:rgba(0,0,0,0.5);padding:2px 10px 2px 10px;}
    .SocialLine .slLang{text-align:center;padding:5px;}
    .SocialLine .slLang img{margin-right:6px;height:20px;}
    .SocialLine .slEvents{text-align:left;padding:5px 5px 5px 20px;cursor:pointer;}
    
    /* ########### ROW 2a: STICKY TOP NAVI ########## */
    div.stickyHeaderWrapper{transition:0.15s all;margin:0 auto;position:fixed;top:0px;z-index:100;overflow:hidden;width:100%;border-bottom:1px solid #fa0;background-color:rgba(0,0,0,0.85);box-shadow:0px 4px 8px rgba(0,0,0,0.5);}
    div.stickyHeaderWrapperOff{transition:0.15s all;margin:0 auto;position:fixed;top:-100px;z-index:100;overflow:hidden;width:100%;border-bottom:1px solid #fa0;background-color:rgba(0,0,0,0.85);}
    div.stickyHeader{padding:0px 20px 0px 20px;margin:0 auto;}
    div.stickyHeader a{float:left;}
    div.stickyHeader img{position:relative;top:6px;left:0px;max-width:100%;max-height:40px;margin:0px;padding:0px;float:left;}
    div.stickyHeader ul{margin:0px;padding:10px 0px 10px 0px;}
    div.stickyHeader ul li{font-family:'Roboto-Regular';font-size:1.2em;font-weight:bold;display:inline-block;margin:0px;list-style:none;text-transform:uppercase;}
    div.stickyHeader ul li a{color:#fff;display:block;padding:4px 14px 4px 14px;border:none;transition:0.4s all;border-radius:5px;line-height:24px;}
    div.stickyHeader ul li a:hover{background-color:rgba(255,170,0,0.8);color:#fff;border-radius:5px;}


    /* ########### ROW 2b: LOGO & BANNER 1 ########## */
    .Header{max-width:1600px;margin:0 auto;margin-top:10px;padding:10px 0px 10px 0px;}

        /* TOPLINE - LEFT SIDE */
        .Header .Logo{text-align:center;}
        .Header .Logo img{max-height:160px;max-width:100%;}
        .Header .Logo figcaption{display:none;}

        /* TOPLINE - RIGHT SIDE */
        .Header .BannerTop{position:relative;margin-top:3%;width:506px;height:60px;background-image:url('../gfx/anzeige_vert.png');background-position:100% 0%;background-repeat:no-repeat;}
        .Header .BannerTop iframe{width:496px;height:60px;position:absolute;top:0px;left:0px;border:1px solid #444;box-shadow:2px 2px 4px rgba(0,0,0,0.4);}

    /* ########### ROW 3: ACTUAL EVENTS ########### */
    .EventsRow{background-color:rgba(0,0,0,0.65);max-width:1600px;margin:0 auto;}
    .Events_ON {transition:0.4s all;max-width:1600px;overflow:hidden;width:100%;height:auto;margin:0 auto;text-align:center;}
    .Events_ON img{transition:0.4s all;width:80%;margin:0 auto;}
    .Events_OFF{transition:0.4s all;max-width:100%;overflow:hidden;width:0%;height:0px;margin:0;padding:0px;text-align:center;}
    .Events_OFF img{transition:0.4s all;width:0%;height:0%;margin:0 auto;}

    /* ########### ROW 4: TOP NAVIGAION ########### */
    .NavLine{
        background-color:rgba(0,0,0,0.65);
        max-width:1600px;
        margin:0 auto;
        padding:10px 0px 0px 20px;
        border-radius:10px 10px 0px 0px;
    }
    
        .NavLine .topNav{padding:0px;}
        .NavLine .topNav ul{margin:0px;padding:10px 0px 10px 0px;background-color:rgba(0,0,0,0.55);border-radius:10px 0px 0px 10px;}
        .NavLine .topNav ul li{font-family:'Roboto-Regular';font-size:1.414em;font-weight:bold;display:inline-block;margin:0px;list-style:none;text-transform:uppercase;}
        .NavLine .topNav ul li a{color:#fff;display:block;padding:4px 14px 4px 14px;border:none;transition:0.4s all;border-radius:5px;line-height:24px;}
        .NavLine .topNav ul li a:hover{background-color:rgba(255,170,0,0.8);color:#fff;border-radius:5px;}
        .NavLine .topNav ul li a.active{font-weight:bold;background-color:rgba(255,170,0,0.8);}
        .NavLine .topNav ul li a.active:hover{background-color:rgba(255,170,0,0.8);}
    
        .NavLine .topNav ul li.p1 ul{background-image:url('../gfx/topmenu_01.jpg');background-position:100% 100%;background-repeat:no-repeat;}
        .NavLine .topNav ul li.p2 ul{background-image:url('../gfx/topmenu_02.jpg');background-position:100% 100%;background-repeat:no-repeat;}
        .NavLine .topNav ul li.p3 ul{background-image:url('../gfx/topmenu_03.jpg');background-position:100% 100%;background-repeat:no-repeat;}
        .NavLine .topNav ul li.p4 ul{background-image:url('../gfx/topmenu_04.jpg');background-position:100% 100%;background-repeat:no-repeat;}
        .NavLine .topNav ul li.p5 ul{background-image:url('../gfx/topmenu_05.jpg');background-position:100% 100%;background-repeat:no-repeat;}
        .NavLine .topNav ul li.p6 ul{background-image:url('../gfx/topmenu_06.jpg');background-position:100% 100%;background-repeat:no-repeat;}


        /* Level 2 */
        .NavLine .topNav ul ul{background-color:#000;padding:20px 0px 20px 0px;border-left:3px solid #fa0;border-radius:0px 0px 10px 10px;}
        .NavLine .topNav ul ul li{font-size:0.8em;color:#ccc;font-weight:normal;display:block;padding:0px 200px 10px 20px;margin-top:-10px;text-transform:none;}
        .NavLine .topNav ul ul li a{font-size:1.4em;color:#fff;margin-left:-20px;transition:0.4s all;}
        .NavLine .topNav ul ul li a.active{border-radius:0px 5px 5px 0px;}
        .NavLine .topNav ul ul li a:hover{border-radius:0px 5px 5px 0px;padding-left:34px;
            background-image:url('../gfx/Beamy_Small.png');
            background-position:12px 8px;
            background-repeat:no-repeat;
            background-size:18px;}
    
        /* PopUp Menu Top */
        .NavLine .topNav li:hover > ul{display:block;min-height:300px;min-width:450px;border:1px solid #000;margin-left:6px;border-left:2px solid #fa0;box-shadow:2px 2px 20px rgba(0,0,0,0.7);}
        .NavLine .topNav li{position:relative;list-style:none;padding:0px;margin:0px;}


    /* ########### ROW 5: TOPIC LINE ################ */
    .TopicLine{background-color:rgba(0,0,0,0.65);max-width:1600px;margin:0 auto;padding:0px;padding:20px 20px 0px 20px;}
        
        .TopicLine .Topic{
            display:inline-block;
            width:100%;
        }
        
        .TopicLine .Topic ul.breadcrumb{
            padding:0px 0px 6px 40px;
            margin:0px;
            background-color:rgba(0,0,0,0);
            font-size:1.414em;
            color:#fff;
            border-bottom:2px solid #fa0;
            background-image:url('../gfx/Beamy_Small.png');
            background-position:8px 2px;
            background-repeat:no-repeat;
            background-size:28px;
        }
        .TopicLine .Topic ul.breadcrumb li{color:#fff;}
        .TopicLine .Topic ul.breadcrumb li.first{display:none;}
        .TopicLine .Topic ul.breadcrumb li a{color:#fff;}
        .TopicLine .Topic ul.breadcrumb li.divider{color:#fff;}
        
        .TopicLine .Topic ul.breadcrumb > li + li:before{content:"";color:#fa0;font-weight:normal;}
        .TopicLine .Topic ul.breadcrumb > li + li:after{content:" / ";color:#fa0;font-weight:normal;padding-left:6px;}


    

    /* ########### ROW 6: MAIN ARTICLE AREA ########### */

        .ArticleRow{min-height:50px;max-width:1600px;margin:0 auto;background-color:rgba(0,0,0,0.65);}
            .ArticleRowLeft{min-height:50px;padding:0px;}

                /* ########### ROW 6a: SIDE NAVIAGTION ########### */
                .ArticleRowMenu{min-height:50px;padding-left:0px;}
                
                    nav{margin:0px 0px 30px 0px;background-color:rgba(0,0,0,0.55);min-height:400px;}
                    nav ul{margin:0px;padding:5px 4px 5px 0px;text-align:right;}
                    nav ul li{font-size:1.4em;font-family:'Roboto-Medium';font-weight:normal;list-style:none;margin:16px 6px 4px 14px;padding:0px;text-transform:uppercase;}
                    nav ul li a{color:#fff;border:none;}
                    nav ul li a:hover{}
                    nav ul li a.active{font-weight:bold;}
                    nav ul li a.active:hover{}
                    
                    nav ul ul{padding:0px;margin-top:4px;margin-bottom:20px;}
                    nav ul ul > li{font-size:0.95em;text-transform:none;margin:0px;padding:0px 0px 0px 5px;font-weight:normal;margin-bottom:4px;}
                    nav ul ul li a{padding:4px 10px 4px 5px;display:block;border-right:3px solid #fa0;}
                    nav ul ul li a:hover{background-color:rgba(255,255,255,0.1);border-right:3px solid #fff;}
                    nav ul ul li a.active{font-weight:bold;border-right:3px solid #fff;background-color:rgba(255,255,255,0.1);color:#fa0;border-bottom:1px solid #fa0;}
                    nav ul ul li a.active:hover{}

                    nav ul ul ul{padding:0px;margin-top:4px;}
                    nav ul ul ul > li{font-size:0.85em;text-transform:none;margin:0px;padding:0px 0px 0px 5px;font-weight:normal;margin-bottom:3px;}
                    nav ul ul ul li a{padding:4px 10px 4px 5px;display:block;border-right:1px solid #fa0;margin:0px 6px 0px 0px;}
                    nav ul ul ul li a:hover{background-color:rgba(255,255,255,0.1);border-right:1px solid #fff;}
                    nav ul ul ul li a.active{font-weight:normal;border:none;border-right:1px solid #fff;}
                    nav ul ul ul li a.active:hover{}

                /* ########### ROW 6b: ARTICLE BODY ########### */
                .ArticleWrapper{min-height:650px;background-color:rgba(0,0,0,0.65);padding:25px 40px 80px 40px;}

                /* ########### ROW 6C: RIGHT SIDE BANNER AREA ########### */
                .RightBannerWrapper{min-height:1000px;}
                .RightBanner{position:relative;width:122px;height:252px;display:inline-block;padding:0px;margin:0px;background-image:url('../gfx/anzeige_hurz.png');background-position:50% 100%;background-repeat:no-repeat;background-color:#000;margin-bottom:10px;margin-right:10px;}
                .RightBanner iframe{width:120px;height:240px;position:absolute;top:0px;left:0px;border:none;}
    

    /* ########### ROW 7: FOOTER LINE ############### */
    .FooterLine{background-color:rgba(0,0,0,0.85);max-width:1600px;min-height:100px;margin:0 auto;padding:0px;padding:20px 20px 10px 20px;
        border-top:1px solid #fa0;}

        .FooterLine .FooterRow1{font-size:0.9em;}
        
        .FooterLine .FooterRow2{font-size:0.9em;padding:0px 20px 20px 20px;}
        
            /* - Legal - */
            .Legal{text-align:right;}
            .Legal a:hover{border:none;}
            .Legal ul{list-style:none;text-align:right;margin:0 auto;padding:0px 20px 10px 0px;}
            .Legal ul li{font-size:1.2em;display:inline-block;}
            .Legal ul li a{color:#fff;}
            .Legal ul li a:hover{color:#fa0;}
            .Legal ul li span.divider{color:#000;padding-left:10px;padding-right:10px;}
            .Legal small{text-align:right;display:block;width:100%;font-size:1.0em;color:#888;}
            .Legal small a{color:#111;}
            
            .Legal i{margin-right:10px;font-size:2.2em;}

        

        .FooterLine .FooterRow3{padding:0px 20px 20px 20px;font-size:0.8em;color:#ddd;}
            .FooterLine .FooterRow3 .FooterIcon{float:left;margin:6px 30px 6px 0px;;}

        


    /* - Folddown - */
    table.folddown{width:100%;}
    tr.folddown{}
    tr.folddown td{padding:0px 0px 0px 10px;box-shadow:1px 1px 4px rgba(0,0,0,0.3);background-color:#fa0;text-shadow:1px 1px 2px rgba(0,0,0,0.5);color:#fff;font-size:1.2em;background-image:url('../gfx/fold_icon.png');background-position:98% 22%;background-repeat:no-repeat;}
    tr.folddown td p{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.5);font-weight:bold;margin:0px 0px 3px 0px;padding:6px;}
    tr.folddown_active td{padding:0px 0px 0px 10px;box-shadow:1px 1px 4px rgba(0,0,0,0.5);background-color:#fa0;text-shadow:1px 1px 2px rgba(0,0,0,0.5);color:#fff;font-size:1.2em;background-image:url('../gfx/folded_icon.png');background-position:98% 22%;background-repeat:no-repeat;}
    tr.folddown_active td p{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.5);font-weight:bold;margin:0px 0px 3px 0px;padding:6px;}
    tr.folddownarea{}
    tr.folddownarea td{}
    tr.folddownarea_active{border:1px solid #fa0;box-shadow:1px 1px 4px rgba(0,0,0,0.2);}
    tr.folddownarea_active td{background-color:#000;padding:20px;}
    tr.folddownarea_active td p{padding:20px 10px 10px 10px;}
    tr.folddownarea_active td h1{margin:20px 10px 0px 10px;}
    tr.folddownarea_active td h2{margin:16px 10px 0px 10px;}
    tr.folddownarea_active td h3{margin:12px 10px 0px 10px;}

    /* - Tabs - */
    .tabWrapper{width:98%;margin-left:16px;}
    .tabHeader{}
    .tabHeader ul{padding:0px;margin:0px;}
    .tabHeader ul li{display:inline-block;margin:0px 4px 0px 0px;box-shadow:3px 3px 6px rgba(0,0,0,0.3);}
    .tabHeader ul li a{font-weight:bold;border-radius:3px 3px 0px 0px;color:#fff;padding:8px 24px 8px 24px;background-color:#000;border:1px solid #fa0;text-decoration:none;}
    .tabHeader ul li a.active{background-color:#fa0;color:#fff;font-size:1.1em;border-bottom:1px solid #fa0;border-radius:5px 5px 0px 0px;}
    .tabFolder{margin:0px;padding:7px 0px 0px 0px;}
    .tabContent{border:1px solid #fa0;border-top:6px solid #fa0;background-color:#000;padding:20px;margin:0px;box-shadow:2px 2px 4px rgba(0,0,0,0.1);}



/* ############################## HOMEPAGEEASY ELEMENTS ############################## */

    /* ############## MAIN ARTICLE ################## */
    div.article{min-height:600px;}
    div.article h1{border-bottom:1px solid #fa0;}
    div.article p{margin:0px;}
    div.article p a{}
    div.article p.empty{margin:0px;padding:0px;}
    div.article a{}
    div.article img{margin:10px 20px 10px 20px;max-width:100%;}

    div.article div.table2div{}

    div.article blockquote{color:#fff;background-color:rgba(0,0,0,1);border-left:4px solid #fa0;box-shadow:0px 0px 24px rgba(255,255,255,0.7);}
    
    div.article ul{}
    div.article ul li{}
    
    div.article table{}
    div.article tr{}
    div.article td{padding:2px 10px 2px 10px;}
    div.article td p{font-size:1.0em;}
    

    /*    
    div.article input[type='checkbox'].OptionField{}
    div.article input[type='text']{border:1px solid #ccc;margin:3px;}
    div.article input[type='text'].mandatory{background-color:#fffff0;box-shadow:0px 0px 3px #a00;background-image:url('gfx/missing.png');background-position:100% 50%;background-repeat:no-repeat;}
    div.article input[type='password'].mandatory{box-shadow:0px 0px 3px #a00;background-color:#fffff0;background-image:url('gfx/missing.png');background-position:100% 50%;background-repeat:no-repeat;}
    div.article input[type='password']{border:1px solid #ccc;margin:3px;}
    div.article input[type='submit']{background-color:#0a0;color:#000;border-radius:8px;border:1px solid #555;padding:5px;padding-left:15px;padding-right:15px;margin:5px;}
    div.article input[type='submit'][disabled]{background-color:#a00;color:#000;}
    div.article input[type='reset']{border-radius:8px;border:1px solid #555;background-color:#a00;color:#000;padding:5px;padding-left:15px;padding-right:15px;margin:5px;}
    div.article input[type='checkbox']{margin:3px;border:1px solid #a00;}
    div.article input[type='button']{background-color:#c12026;font-size:0.9em;color:#000;border:1px solid #900;box-shadow:2px 2px 4px rgba(0,0,0,0.1);border-radius:6px;padding:0px 25px 0px 12px;margin:5px;background-image:url('gfx/buttonbg.png');background-position:95% 50%;background-repeat:no-repeat;}
    div.article select{}
    div.article textarea{border:1px solid #ccc;margin:3px;}
    */

    /* default input forms */    
    div.article input[type='text'],
                input[type='password'],
                textarea,select             {background-color:#333;color:#fff;border-radius:8px;padding:4px 10px 4px 10px;transition-property:box-shadow;transition-duration:0.3s;border:1px solid #fa0;}
    div.article option                      {padding-right:50px;}
    div.article input[type='radio'],
                input[type='checkbox']      {background-color:#333;color:#fff;border-radius:3px;padding:4px 10px 4px 10px;transition-property:box-shadow;transition-duration:0.3s;}
    div.article input[type='text']:hover,
                input[type='password']:hover,
                textarea:hover,
                select:hover,
                input[type='radio']:hover,
                input[type='checkbox']:hover    {box-shadow:4px 4px 8px rgba(255,170,0,0.8); }

    /* mandatory */
    div.article input[type="text"].mandatory,
                input[type="password"].mandatory    {box-shadow:0px 0px 3px #a00;background-image:url('../gfx/missing.png');background-position:top right;background-repeat:no-repeat; }

    /* Submit buttons */
    div.article input[type='submit'],
                input[type='button'],
                input[type='reset']     {color:#fff;background-color:#d80;border-radius:8px;padding:2px 20px 2px 20px;border:none;}

    div.article input[type='submit']:hover,
                input[type='button']:hover,
                input[type='reset']:hover       {background-color:#fa0;background-image:none;color:#fff; }
    
    /* disabled fields */
    div.article input[disabled]        {background-color:#800;color:#fff;background-image:none; }
    div.article input[disabled]:hover  {background-color:#a00;color:#fff;background-image:none; }


    /* ############## ELEMENT LIST ################## */

    /* - CLASSIC - */
    div.Classic{}
    div.Classic h1{}
    div.Classic p{margin:0px 0px 40px 0px;}
        /* TODO - List Gallery */

    div.Classic div.level1{width:100%;padding:0px;}
    div.Classic div.odd{}
    div.Classic div.even{}
    
    div.Classic div.CElement{padding:10px;}

    /* Classic Document */
    div.Classic div.ListDoc{border-radius:5px;min-height:350px;overflow:auto;border:1px solid #555;margin-bottom:10px;background-size:cover;background-position:center center;padding:20px;position:relative;}
    div.Classic div.ListDoc p{position:absolute;bottom:0px;left:10px;width:70%;padding:10px 20px 10px 20px;border:1px solid #333;border-left:3px solid #fa0;margin:20px 20px 20px 10px;background-color:rgba(0,0,0,0.75);box-shadow:4px 4px 4px rgba(0,0,0,0.3);}
    div.Classic div.ListDoc p span.Beamy{position:absolute;top:10px;right:20px;width:40px;height:40px;background-image:url('../gfx/Beamy_Small.png');background-repeat:no-repeat;background-position:bottom right;background-size:40px;}
    div.Classic div.ListDoc p span.preHead{font-size:1.2em;font-weight:normal;color:#fff;border-bottom:1px solid #fa0;display:block;}
    div.Classic div.ListDoc p span.preHead small{color:#999;float:right;margin:6px 50px;}
    div.Classic div.ListDoc p span.Head{font-size:1.6em;line-height:1.1em;font-weight:bold;color:#fff;}
    div.Classic div.ListDoc p span.Desc{color:#fff;}
    div.Classic div.ListDoc input[type='button']{text-align:right;margin-top:15px;float:right;}
    
    /* Classic Category */
    div.Classic div.ListCat{border-radius:5px;min-height:350px;overflow:auto;border:1px solid #555;margin-bottom:10px;background-size:cover;background-position:center center;padding:20px;position:relative;}
    div.Classic div.ListCat p{position:absolute;bottom:0px;left:10px;width:94%;padding:10px 20px 10px 20px;border:1px solid #333;margin:20px 20px 20px 10px;background-color:rgba(0,0,0,0.75);box-shadow:4px 4px 4px rgba(0,0,0,0.3);}
    div.Classic div.ListCat p span.BeamyCat{position:absolute;top:0px;left:10px;width:40px;height:40px;background-image:url('../gfx/category.png');background-repeat:no-repeat;background-position:bottom right;background-size:30px;}
    div.Classic div.ListCat p span.Head{font-size:2.1em;line-height:1.1em;font-weight:bold;margin-left:40px;color:#fff;}
    div.Classic div.ListCat p span.Desc{color:#fff;}
    div.Classic div.ListCat input[type='button']{text-align:right;margin-top:15px;float:right;}

    /* Classic Shop Element */
    div.Classic div.ListShop{border-radius:5px;min-height:350px;overflow:auto;border:1px solid #555;margin-bottom:10px;background-size:cover;background-position:center center;padding:20px;position:relative;}
    div.Classic div.ListShop p{position:absolute;bottom:0px;left:10px;width:70%;padding:10px 20px 10px 20px;border:1px solid #333;border-left:3px solid #fa0;margin:20px 20px 20px 10px;background-color:rgba(0,0,0,0.75);box-shadow:4px 4px 4px rgba(0,0,0,0.3);}
    div.Classic div.ListShop p span.Beamy{position:absolute;top:10px;right:20px;width:40px;height:40px;background-image:url('../gfx/Beamy_Small.png');background-repeat:no-repeat;background-position:bottom right;background-size:40px;}
    div.Classic div.ListShop p span.preHead{font-size:1.2em;font-weight:normal;color:#fff;border-bottom:1px solid #fa0;display:block;}
    div.Classic div.ListShop p span.preHead small{color:#999;float:right;margin:6px 50px;}
    div.Classic div.ListShop p span.Head{font-size:1.6em;line-height:1.1em;font-weight:bold;color:#fff;}
    div.Classic div.ListShop p span.Desc{color:#fff;}
    div.Classic div.ListShop p span.price{margin-left:20px;font-size:1.4em;font-weight:bold;background-color:rgba(255,255,255,0.2);padding:4px 20px 4px 20px;border-radius:10px;}
    div.Classic div.ListShop p span.price small{font-size:0.7em;font-weight:normal;}
    div.Classic div.ListShop input[type='button']{text-align:right;margin-top:15px;float:right;}

    /* Classic Link */
    div.Classic div.LinkWrapper{margin:0px;padding:0px;}
    div.Classic div.LinkWrapper p{font-size:1.8em;line-height:1.4em;font-weight:bold;width:100%;border-radius:10px;padding:10px 20px 10px 20px;border:1px solid #555;background-color:rgba(0,0,0,0.75);box-shadow:4px 4px 4px rgba(0,0,0,0.3);}
    div.Classic div.LinkWrapper p i{color:#fa0;}
    div.Classic div.LinkWrapper p a{color:#fff;}
    

    /* Classic Spacers */


    /* - NEWSTICKER - */
    div.Newsticker{}
    div.Newsticker h1{}
    div.Newsticker p{}
        /* TODO - List Gallery */
    /* Newsticker Document */
    /* Newsticker Category */
    /* Newsticker Shop Element */
    /* Newsticker Link */
    /* Newsticker Spacers */

    /* - IMAGE GRID - */
    div.ImageGrid{}
    div.ImageGrid h1{}
    div.ImageGrid p{}
        /* TODO - List Gallery */
    /* ImageGrid Document */
    /* ImageGrid Category */
    /* ImageGrid Shop Element */
    /* ImageGrid Link */
    /* ImageGrid Spacers */



    /* ############### FENCY STUFF ################## */

    /* - Google maps - */
    .mapsWrapper{color:#000;}
    .mapsWrapper .mapsBubble{}
    .mapsWrapper .mapsBubble img{}
    .mapsWrapper .mapsBubble p{margin:0px;padding:0px;font-size:0.9em;color:#000;}
    .mapsWrapper .mapsBubble p.mapHead{font-weight:bold;font-size:1.0em;margin-right:30px;color:#000;}

    /* - Gallery - */
    .gallery{width:70%;display:block;text-align:center;margin:0 auto;}
    .gallery img{width:80px;height:auto;display:inline-block;margin:4px;background-color:#000;padding:4px;box-shadow:0px 0px 4px rgba(0,0,0,0.15);border-radius:4px;border:1px solid #ccc;}
    .gallery img:hover{border:1px solid #a00;}
    .gallery img.img1{width:auto;max-width:375px;display:block;margin:0 auto;}
    .gallery video{display:block;margin:0 auto;width:500px;max-width:100%;}

    .slidergallery{position:relative;width:98%;margin:0 auto;height:250px;background-color:#000;}
    .slidergallery img.all{height:220px;padding:0px 4px 20px 2px;border:none;box-shadow:none;}
    .slidergallery video{display:block;margin:0 auto;width:400px;max-width:100%;}

    .GalleryOverlayBox {background-color:rgba(0,0,0,0.8);}

    /* - Attachments - */
    .attachment{border:1px solid #ddd;width:94%;padding:0px;padding:5px;margin:0px;margin-top:30px;background-color:#fff;}
    .attachment a:hover{border:none;}
    .attachment table tr:hover{background-color:#fafafa;}
    .attachment table td{padding:8px;}
    .attachment table td.col2 p a{display:block;}
    .attachment img{width:40px;min-width:40px;}

    /* - Code - */
    div.code{margin:10px 10px 10px 20px;padding:25px 30px 25px 30px;border:1px solid #ddd;border-left:6px solid #888;border-right:6px solid #888;background-color:#f5f5f5;border-radius:4px;}
    div.code span{font-family:'Courier';font-size:1.25em;line-height:1.4em;display:block;}



    /* ############### MOBILE MENU ################## */
    div.MobileWrapper{}
    div.MobileWrapper h5{font-size:1.8em;color:#000;}
    div.MobileWrapper p{font-size:1.2em;color:#000;line-height:1.9em;padding-left:10px;font-weight:bold;}
    div.MobileWrapper a{color:#fff;text-decoration:none;}
    div.MobileWrapper p.social{text-align:center;font-size:1.8em;}
    div.MobileWrapper p.social a{margin-right:10px;}
    div.MobileHeader{position:fixed;height:51px;width:100%;background-color:#000;z-index:900;border-bottom:1px solid #fa0;text-align:center;line-height:50px;box-shadow:0px 0px 10px rgba(0,0,0,0.5);background-image:url('mobile_header.png');background-position:top center;background-repeat:no-repeat;font-size:30px;}
    div.MobileHeader a{color:#000;}
    div.MobileHeaderMenu    {border-right:1px solid #aaa;float:left;width:50px;}
    div.MobileHeaderContact {border-right:1px solid #aaa;float:left;width:50px;}
    div.MobileHeaderLanguage{border-right:1px solid #aaa;float:left;width:50px;}
    div.MobileHeaderBookmark{border-right:1px solid #aaa;float:left;width:50px;}
    div.MobileHeaderNavigate{border-left:1px solid #aaa;float:right;width:50px;}
    div.MobileHeaderSearch  {border-left:1px solid #aaa;float:right;width:50px;}
    div.MobileHeaderLogin   {border-left:1px solid #aaa;float:right;width:50px;}
    div.MobileHeaderCart    {border-left:1px solid #aaa;float:right;width:50px;position:relative;}
    div.MobileHeaderCart span.CartArticleCount{position:absolute;top:4px;right:3px;font-size:15px;background-color:rgba(255,0,0,0.8);line-height:15px;border-radius:10px;padding:0px;padding-left:5px;padding-right:5px;color:#fff;}
    
    /* Mobile Menu */
    #MobileMenu{display:none;width:100%;position:relative;padding:50px 5px 10px 0px;background-color:#000;}
    #MobileMenu p.head{margin:0px 0px 10px 0px;background-color:#333;padding:10px 0px 5px 20px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
    #MobileMenu p.head a{display:block;color:#fa0;}
    #MobileMenu p.head a:hover{border:none;}
    #MobileMenu p.head a i{font-size:2.2em;padding:8px 0px 8px 0px;}
    #MobileMenu ul.mobilemenu{font-size:14px;padding:10px 0px 15px 0px;margin:0 auto;}
    #MobileMenu ul.mobilemenu li{list-style:none;margin:0px 0px 4px 4px;}
    #MobileMenu ul.mobilemenu li a{font-family:'Roboto-Light';font-size:20px;color:#fff;background-color:#000;display:block;margin:0px;padding:4px 10px 4px 14px;border-left:4px solid #fa0;}
    #MobileMenu ul.mobilemenu li a:hover{border:none;background-color:#333;border-left:4px solid #fa0;}
    #MobileMenu ul.mobilemenu li.cat{font-weight:bold;}
    #MobileMenu ul.mobilemenu li.doc{}
    #MobileMenu ul.mobilemenu li.ext{}
    
    /* Mobile Contact */
    #MobileContact{display:none;width:100%;position:relative;padding:50px 0px 10px 0px;background-color:#000;}
    #MobileContact p.head{font-size:2.2em;margin:0px 0px 14px 0px;background-color:#333;padding:10px 0px 5px 20px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
    #MobileContact p{font-size:1.8em;color:#fff;}
    #MobileContact p a{color:#fff;border:none;}
    #MobileContact p a:hover{border:none;}
    #MobileContact p a i{color:#fa0;padding:8px;width:50px;text-align:center;margin:0px 10px 10px 0px;}
    #MobileContact p.social{display:block;margin:0px;}
    #MobileContact p.social a i{}
    #MobileContact p.social a i{margin:0px;color:#fff;}
    
    /* Mobile Search */
    #MobileSearch{display:none;width:100%;position:relative;padding:50px 0px 10px 0px;background-color:#000;}
    #MobileSearch p.head{font-size:2.2em;margin:0px 0px 14px 0px;background-color:#333;padding:10px 0px 5px 20px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
    #MobileSearch p{font-size:1.8em;color:#fff;}
    #MobileSearch input[type=search]{border:1px solid #fa0;background-color:#333;color:#fff;font-size:1.5em;width:90%;margin:16px 20px 26px 20px;padding:4px 4px 4px 10px;}
    
    /* Mobile Cart */
    #MobileCart{display:none;width:100%;position:relative;padding:50px 0px 10px 0px;background-color:#fff;}
    #MobileCart p.head{font-size:2.2em;margin:0px 0px 14px 0px;background-color:#f0f0f0;padding:10px 0px 5px 20px;box-shadow:0px 0px 8px rgba(0,0,0,0.4);}
    #MobileCart .CartList{}
    #MobileCart .CartList .CartListEntry{margin:0px 10px 6px 10px;padding:4px 8px 4px 8px;border:1px solid #ccc;border-left:4px solid #a00;}
    #MobileCart .CartList .CartListCol1{font-size:1.4em;}
    #MobileCart .CartList .CartListCol1 a:hover{border:none;}
    #MobileCart .CartList .CartListCol2{display:inline-block;}
    #MobileCart .CartList .CartListCol2 input[type='button']{height:20px;background-color:#a00;color:#fff;border:none;padding:0px 12px 0px 12px;margin:4px;position:relative;top:1px;}
    #MobileCart .CartList .CartListCol3{display:inline-block;}
    #MobileCart .CartList .CartListCol3{height:20px;padding:0px 10px 0px 10px;border:1px solid #a00;}
    #MobileCart .CartList .CartListCol4{display:inline-block;}
    #MobileCart .CartList .CartListCol4 input[type='button']{height:20px;background-color:#a00;color:#fff;border:none;padding:0px 12px 0px 12px;margin:4px;position:relative;top:1px;}
    #MobileCart .CartList .CartListCol5{display:inline-block;float:right;font-size:1.4em;}
    #MobileCart .Summary{display:inline-block;float:right;font-size:1.4em;padding:0px 20px 20px 10px;}
    #MobileCart .Summary small{font-size:0.8em;padding:0px;margin:0px;}
    #MobileCart .Summary input[type='button']{background-color:#a00;color:#fff;border:none;padding:2px 16px 2px 16px;}
    
    /* Rest */
    #MobileLogin   {display:none;width:100%;position:relative;padding-top:50px;padding-bottom:10px;background-color:#fff;padding-left:10px;}
    #MobileLanguage{display:none;width:100%;position:relative;padding-top:50px;padding-bottom:10px;background-color:#fff;padding-left:10px;}
    #MobileBookmark{display:none;width:100%;position:relative;padding-top:50px;padding-bottom:10px;background-color:#fff;padding-left:10px;}
    #MobileNavigate{display:none;width:100%;position:relative;padding-top:50px;padding-bottom:10px;background-color:#fff;padding-left:10px;}









    /* ################ SHOP STUFF ################## */
    /* Comming up next ... stay tuned ... */



    /* ########## ADDITIONAL PAGE ELEMENTS ########## */
    div.scrollToTop{position:fixed;display:block;bottom:0px;right:0px;color:#fff;text-align:center;z-index:999;overflow:hidden;transition:0.3s all;border-radius:50% 0 0 0;background-color:#fa0;}
    div.scrollToTop:hover{color:#fff;}
    div.sTT_on{height:45px;width:55px;font-size:40px;line-height:0px;}
    div.sTT_off{height:0px;width:0px;font-size:0px;}