/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

@font-face {
  font-family: 'Kanit';
  src: url('/data/fonts/Kanit-Regular.ttf');
}

@font-face {
  font-family: 'KanitLight';
  src: url('/data/fonts/Kanit-Light.ttf');
}

@font-face {
  font-family: 'KanitMedium';
  src: url('/data/fonts/Kanit-Medium.ttf');
}

/* GLOBAL */
html, body
{
        height: 100%;
        font-family: 'Kanit', sans-serif;
        color:#000000;
}

h3
{
        font-family: 'Kanit', sans-serif;
        font-size: 18px;
}

h4
{
        font-family: 'Kanit', sans-serif;
        font-size: 28px;
        font-weight: 900;
}

.clearfix:after {
	       content: ".";
	       display: block;
	       height: 0;
	       clear: both;
	       visibility: hidden;
}

.clearfix {
        display: inline-block;
}

h2
{
        font-family: 'Kanit', sans-serif;
        font-size: 22px;
        color: #de007e;
        padding-bottom: 8px;
}

#ticket_box
{
        font-family: 'Kanit', sans-serif;
        padding: 5px;
        float: left;
        width: 250px;
        border: 3px solid #000000;
        height: 250px;
        margin-right:10px;
        margin-bottom:10px;
}


.buch a
{
        position:relative; 
        top: 35px;
        right:5px;  
        float:right;
        width: 150px;
        height: 27px;;
        background-image: url("/images/buchen.png");
        background-position: top center;
        background-repeat: no-repeat;        
}

.buch a:hover
{
        background-image: url("/images/buchen_h.png");
        background-position: top center;
        background-repeat: no-repeat;        
}

.buchlong a
{
        position:relative; 
        top: 13px;
        right:5px;  
        float:right;
        width: 150px;
        height: 27px;;
        background-image: url("/images/buchen.png");
        background-position: top center;
        background-repeat: no-repeat;        
}

.buchlong a:hover
{
        background-image: url("/images/buchen_h.png");
        background-position: top center;
        background-repeat: no-repeat;        
}

#background
{
        position: fixed;
        top: 0px;
        width: 100%;
        height:100%;
        z-index: -10;
}

.wrapper
{
        position: relative;
        min-height: 100%;
        height: auto !important;
        width: 100%;
}

#content {
        z-index: 100;
        overflow: auto;
}

#footer {
        position: fixed;
        bottom: 0px;
        width: 100%;
	      height: 70px;
        background: #565153;
        clear:both;
        font-family: 'Kanit', sans-serif;
        color:#f0f0f0;
}

#footer_wrapper {
        font-family: 'Kanit', sans-serif;
        width: auto;
        max-width: 1120px;
        margin: 0 auto;
}

.header
{
        height:190px;
      	z-index: 900;
        width:100%;
	      background:rgba(40, 40, 48, 0.2);
        background-image: url("/images/background.png");
        background-position: top center;
        background-repeat: no-repeat;
}

.header h1
{
        margin:35px 0 0 0;
        font-size:55px;
        color:#ffffff;
        font-family: 'Kanit', cursive;
}

.header p
{
        font-family: 'Kanit', sans-serif;
        font-size:16px;
        color: #4A463B;
        margin-left:132px;
}

#leftContent {
        width: auto;
        max-width: 1120px;
        padding-top:20px;
        margin:0 auto;
        overflow-x: hidden;
}

#leftContentBack {
        width: 100%;
        padding: 15px 15px 15px 15px;
        overflow-x: hidden;
}
        
#navBottom {
        margin-top: 8px;
        line-height: 25px;
        width: auto;
        max-width: 400px;
        float: right;
        list-style:none;
}

#navBottom ul li {
        display:block;
        float:left;
        padding:3px 15px;
}

#copyright {
        margin-left: 10px;
        margin-top: 12px;
        line-height: 25px;
        width: auto;
        max-width: 620px;
        max-height: 150px;
        float: left;
        word-break: break-all;
        overflow-wrap: break-word;
}

/*
#copyright {
        line-height: 70px;
        width: auto;
        max-width: 620px;
        float: left;
        word-break: break-all;
}
*/
  
#topNavi {
        width:100%;
        height: 68px;
        background-color: #565153;
}

nav
{
        width: auto;
        max-width:1120px;
        margin:0 auto;
        padding-top:17px;
}

nav ul
{
        list-style:none;
}

nav ul li
{
        float:left;
        display:block;
        padding:7px 15px;
}

nav ul li a
{
        font-family: 'Kanit', sans-serif;
        text-transform:uppercase;
        transition: all .25s ease;
	      color:#ffffff;
}

nav ul li a:hover
{
        color:#de007e;
	      text-decoration: none;
}

#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

#mobileMenu ul li
{
        display:block;
        background-color: #e2078d;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
}

.toggleMobile
{
        display: none;
}

#headerbar
{
        height:110px;
        width:auto;
        margin: 5px auto 20px auto;
        max-width:1120px;
}

#logo
{
        float:left;
}

input
{
        font-family: 'Kanit', sans-serif;
        font-size:16px;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #ebe8e0;
        border-radius:5px;
}

textarea
{
        font-family: 'Kanit', sans-serif;
        font-size:16px;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #ebe8e0;
        border-radius:5px;
}

input[type=submit]
{
        width:auto;
        padding: 5px 5px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
}

input[type=submit]:disabled {
        width:auto;
        padding: 5px 5px;
        line-height:25px;
        text-shadow:none;
        cursor:default;
        box-shadow: none;
        background: #d61d1d;
        color: #000;
}

input[type=radio]
{
        width:auto;
        margin: 0px 0px 0px 15px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
}

.check_reg input[type=checkbox]
{
        width:auto;
        margin: 0 !IMPORTANT;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
}

.radio_reg input[type=radio]
{
        width:auto;
        margin: 0px 15px 0px 0px !IMPORTANT;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
}

#success
{
        margin-top: 35px;
        margin-bottom: 35px;
        width: 100%;
        text-align: center;
        line-height: 23px;
}

#CreditCard
{
        display: none;
        padding-top: 15px;
}

#giropay
{
        display: none;
        padding-top: 15px;
}

#checkout
{
        width: 60%;
        margin: 0 auto;
}

#checkout_rand
{
        border-radius: 20px;
        border: 1px solid #000000;
        width: 100%;
        margin-bottom: 10px;
}

#checkout_image
{
        float: right;
        padding-top:7px;
        padding-right: 20px;
}

#checkout_padding
{
        margin-left: 35px;
}

#checkout_itemname
{
        float:left;
}

#checkout_itembox
{
        float:right;
        margin-right: 10px;
}

#checkout_clear
{
        clear:both;
        margin-bottom: 10px;
}

#checkoutradio
{
        line-height:35px;
}

#checkoutsubmit
{
        width:100%;
        text-align:center;
}

.checkoutcheckcc
{
        width:100%;
        text-align:center;
        padding-bottom: 20px;
}

.checkoutcheckcc input[type=button]
{                      
        width:100px !important;
        padding: 5px 1px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
}

#checkoutpage
{
        width:100%;
        text-align:center;
}

#dschutz
{
        list-style-type:square;
        margin-left: 25px;
        margin-bottom: 10px;
        line-height: 22px;  
}

#entry_kas_left
{
        padding-left:100px; 
        line-height: 25px;
        float: left;
        width: 200px;
}

#entry_kas_middle
{
        padding-left:100px; 
        line-height: 25px;
        float: left;
}

#entry_kas_right
{
        padding-right:250px; 
        line-height: 25px;
        float: right;
}

.socken
{
        width: 50px;
        float: left;
        padding-right: 15px;
}

.socken input[type=number]
{
        width:50px !important;
        padding: 5px 1px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
}

.radiospace {
        padding: 0px 45px 0px 2px;
}

select
{
        font-family: 'Kanit', sans-serif;
        font-size:16px;
        height: 37px;
        padding: 5px 3px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
        width:267px;
        border-radius:5px;
}

#kasse_text
{
        font-family: 'Kanit', sans-serif;
        padding-left:100px; 
        line-height: 25px;
        font-size: 20px !important;
}


.events
{
        height: auto !important;
        width: auto !important;
        float: none;
}

#entry
{
        width:85px;
        text-align:center; 
        padding: 2px; 
}

#entryGre
{
        width:85px;
        text-align:center; 
        padding: 2px; 
}

#entryGre input
{
        background: #a5f45f;
}


#entryYel 
{
        width:85px;
        text-align:center; 
        padding: 2px; 
}

#entryYel input 
{
        background: #e4f45f;
}

#heading1
{
        font-family: 'Kanit', sans-serif;
        width:auto;
        max-width:1120px;
        padding:10px 0 35px 0;
}

#heading1 h1
{
        font-family: 'Kanit', sans-serif;
        font-size: 24px;        
}

#heading1 span
{
        width: 5px;
        height: 26px;
        background-color: #de007e;
        float:left;
        margin-right: 10px;
}

#boxcontent
{
        width:auto;
        max-width:900px;
        margin:0 auto;
        padding:0 0 45px 0;
}

#boxcontent article
{
        float:left;
        width:250px;
        margin-right:45px;
        font-size:14px;
}

#boxcontent article h3
{
        font-family: 'Kanit', sans-serif;
        font-size:20px;
        margin-bottom:10px;
        margin-left:75px;
}

#boxcontent article img
{
        float:left;
}

#boxcontent article p
{
        line-height:25px;
        font-family: 'Kanit', sans-serif;
        margin-left:75px;
}

#boxcontent2
{
        width:auto;
        max-width:900px;
        margin:0 auto;
        padding:0 0 45px 0;
}

#boxcontent2 article
{
        float:left;
        width:260px;
        margin-right:40px;
        font-size:14px;
}

#boxcontent2 article h3
{
        font-family: 'Kanit', sans-serif;
        font-size:20px;
        margin-bottom:10px;
        margin-left:5px;
}

#boxcontent2 article img
{
        float:left;
        margin-bottom:10px;
}

#boxcontent2 article p
{
        line-height:25px;
        font-family: 'Kanit', sans-serif;
        margin-left:5px;
}

div.slideimg
{
        width: 2000px;
        height:300px;
        overflow: hidden;
}

#slider_content1, #slider_content2, #slider_content3
{
        line-height: 25px;
        font-family: 'Kanit', sans-serif;
        width:350px;
        position:absolute;
        top:15%;
        left:15%;
        display:none;
        z-index:11;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
        color:#ebe8e0;
        font-size:25px;
        font-weight:bold;
        margin-bottom:10px;
        background-color:#f0f0f0;
        padding:10px 15px;
        border-radius: 15px 0 15px 0;
        display:inline-block;
}

#slider_content1
{
        display:block;
}

#slider_content1 p, #slider_content2 p, #slider_content3 p
{
        margin:0 0 30px 0;
        color:#4a463b;
        background-color:#ebe8e0;
        padding:10px 15px;
        border-radius: 5px;
}

/* Registrierung */

.regone {
        float:left;
        width:200px;
}

.regtwo {
        float:left;
        width:300px;
}

.regcheckbox {
        float:left;
        width:30px;
        text-align:left;
}

.regcheckbox input {
        width: 10px;
        margin: 0px;
        padding: 0px;
        text-align:left;
}

.regcheckbox2 {
        float:left;
        width:270px;
        text-align:left;
}

/* Kontakt */

.kontakt
{
        margin:auto;
        padding-left:5px;
        padding-right:5px;
        max-width: 500px;
}

.kontakt input[type="radio"]
{
        width:10px;
        padding: 7px;
        outline: 0;
        background: #ebe8e0;
}

.kontakt label
{
        margin-left: 10px;
}

.kontakt textarea
{
        font-family: 'Kanit', sans-serif;
        font-size:16px;
        padding: 7px;
        outline: 0;
        width:250px;
        height:100px;
        background: #ebe8e0;
        border-radius:5px;
        border: 1px solid #000000;
}

.kontakt input[type="text"]
{
        font-family: 'Kanit', sans-serif;
        font-size:16px;
        padding: 7px;
        outline: 0;
        border:0;
        width:250px;
        background: #ebe8e0;
        border-radius:5px;
        border: 1px solid #000000;
}

/* BUTTONS */

.button
{
        padding:7px 14px;
        border: 1px solid #de007e;
        background-color: #ebe8e0;
        color: #000;
        text-decoration:none;
        border-radius:5px;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button:hover
{
        background:none #f0f0f0;
        border-color: #de007e;
        text-shadow:none;
        color: #000;
}


/* SPACER */

#spacer
{
        width:auto;
        height:70px;
        background-color:#c33c3e;
        position:relative;
        font-family: 'Kanit', sans-serif;
        color:#fff;
        font-size:18px;
}

#spacer p
{
        margin-top:22px;
        width:auto;
        position:absolute;
        left:50%;
        margin-left:-450px;
}

#spacer .logincon
{
        margin-top:15px;
        width:auto;
        position:absolute;
        right:50%;
        margin-right:-440px;
}

/* Login */

.loginblock
{
        font-family: 'Kanit', sans-serif;
        font-size: 14px;
        text-align: left;
	      float: right;
        line-height: 100px;
        color: #000000;
        z-index: 999;
}

.loginblock input
{
	      background-color: #cccccc;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        max-height: 20px;
        max-width: 200px;
        opacity: 0.6;        
}

.forgotPwImage
{
        cursor:pointer; 
        height: 29px;
}

.loginImage
{
        cursor:pointer; 
        height: 29px;
}

p
{
        margin:5px 0;
        line-height:25px;
}

a
{
        text-decoration:none;
        color:inherit;
        transition: color .5s ease;
}

strong
{
        font-weight:bold;
}

figcaption strong
{
        border-bottom: 1px solid #D6D0C1;
        padding-bottom:10px;
        margin: 10px 0;
        display:block;
}

figcaption
{
        line-height: 25px;
        font-size:14px;
        width:200px;
}

hr
{
        background-color: #D6D0C1;
        border:0;
        height:1px;
        margin:20px 0;
}

.right
{
        float: right;
}

.left
{
        float: left;
}

.clear
{
        clear: both;
}

@media (max-width: 1280px)
{
  #ticket_box
  {
        font-family: 'Kanit', sans-serif;
        padding: 5px;
        width: 250px;
        border: 3px solid #000000;
        height: 250px;
        margin-top:10px;
        margin-right:10px;
        margin-bottom:10px;
  }
  
  .headnav
  {
          position: relative;
          top: 0px;
          left: 0px;
          height:57px;
  }
  .nav
  {
          display: none;
  }
  #topNavi {
          height: 30px;
  }
  
  header
  {
/*            margin-top: 80px; */
      text-align: center;
  }    
  #spacer
  {
          height:auto;
          padding-bottom:15px;
  }

  input
  {
          width:auto;
  }
  #mobileMenu
  {
          display: block;
          z-index: 1001;
  }
  .toggleMobile
  {
          z-index: 1001;
          position: fixed;
          top: 10px;
          right: 10px;
          display: block;
          width: 90px;
          height: 30px;
          cursor: pointer;
          background: url("/images/MobileMenuButton.png") top left;;
  }
  .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
  {
          display: block;
          position: absolute;
          width: 60px;
          height: 20px;
          left: 0;
          -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
          transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }
  .toggleMobile span.menu1
  {
          top: 0px;
  }
  .toggleMobile span.menu2
  {
          top: 14px;
  }
  .toggleMobile span.menu3
  {
          top: 28px;
  }
  .toggleMobile.active span.menu1
  {
          top: 14px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
          transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }
  .toggleMobile.active span.menu2
  {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
          transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }
  .toggleMobile.active span.menu3
  {
          opacity: 0;
          -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
          transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
  }
  #navTop nav
  {
          display:none;
  }
  #navTop h1
  {
          font-size:40px;
  }
  #navTop p
  {
          margin-left: 60px;
          font-size:14px;
  }
  
  #leftContent {
          width: 98%;
          max-width: 98%;
          padding-left: 15px;
          overflow-x: hidden;
  }
  
  #leftContentBack {
          width: auto;
          max-width: 100%;
          padding: 15px 15px 15px 15px;
          overflow-x: hidden;
  }
  
  #leftNavi {
          
  }
        
  #twoColums {
        width: auto;
        max-width: 1000px;
        height: 100%;
        margin: 0 auto;
        padding-top: 140px;
        margin-bottom: 240px;
  }

  #navBottom {
        margin-top: 8px;
        line-height: 25px;
        width: auto;
        max-width: 520px;
        float: right;
        list-style:none;
        visibility: collapse;
  }
  
  #entry
  {
        width:75px;
        text-align:center; 
        padding: 2px; 
        font-size: 13px;
  }
  
  input[type=submit]
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
        width: 125px;
        font-size: 11px;
        text-align:center; 
  }
  
  input[type=submit]:disabled 
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:default;
        box-shadow: none;
        background: #fc4242;
        color: #000;
        width: 125px;
        font-size: 11px;
  }

  .loginblock
  {
    display: none;
  }
  
        #copyright {
        margin-left: 10px;
        margin-top: 12px;
        line-height: 25px;
        width: auto;
        max-width: 1080px;
        max-height: 150px;
        float: left;
        word-break: break-all;
        overflow-wrap: break-word;
  }
}

@media (max-width: 1024px)
{
  #twoColums {
        width: auto;
        max-width: 760px;
        height: 100%;
        margin: 0 auto;
        padding-top: 140px;
        margin-bottom: 240px;
  }

  #leftContent {
          width: 98%;
          max-width: 98%;
          padding-left: 15px;
          overflow-x: hidden;
  }
  
  #leftContentBack {
          width: auto;
          max-width: 100%;
          padding: 15px 15px 15px 15px;
          overflow-x: hidden;
  }
  
  #navBottom {
        margin-top: 12px;
        line-height: 25px;
        width: auto;
        max-width: 500px;
        float: right;
        list-style:none;
        visibility: collapse;
  }

  #entry
  {
        width:65px;
        text-align:center; 
        padding: 2px; 
  }

  input
  {
          font-family: 'Kanit', sans-serif;
          font-size:16px;
          padding: 7px;
          outline: 0;
          border:0;
          width:185px;
          background: #ebe8e0;
          border-radius:5px;
  }
  
  input[type=submit]
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
        width: 115px;
        font-size: 10px;
        text-align:center; 
  }
  
  input[type=submit]:disabled 
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:default;
        box-shadow: none;
        background: #d61d1d;
        color: #000;
        width: 115px;
        font-size: 10px;
  }

  textarea
  {
          font-family: 'Kanit', sans-serif;
          font-size:16px;
          padding: 7px;
          outline: 0;
          border:0;
          width:185px;
          background: #ebe8e0;
          border-radius:5px;
  }
  
  /* Registrierung */
  
  .regone {
          float:left;
          width:150px;
  }
  
  .regtwo {
          float:left;
          width:210px;
  }
  
  .loginblock input
  {
  	      background-color: #cccccc;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          max-height: 20px;
          max-width: 120px;
          opacity: 0.6;        
  }
  
      #copyright {
        margin-left: 10px;
        margin-top: 12px;
        line-height: 25px;
        width: auto;
        max-width: 780px;
        max-height: 150px;
        float: left;
        word-break: break-all;
        overflow-wrap: break-word;
  }
}

@media (max-width: 800px)
{
  #twoColums {
        width: auto;
        max-width: 600px;
        height: 100%;
        margin: 0 auto;
        padding-top: 140px;
        margin-bottom: 240px;
  }

  #leftContent {
          width: 98%;
          max-width: 98%;
          padding-left: 15px;
          overflow-x: hidden;
  }
  
  #leftContentBack {
          width: auto;
          max-width: 100%;
          padding: 15px 15px 15px 15px;
          overflow-x: hidden;
  }
  
  #navBottom {
        width: auto;
        max-width: 500px;
        float: right;
        line-height: 70px;
        list-style:none;
        visibility: collapse;
  }

  #entry
  {
        width:65px;
        text-align:center; 
        padding: 2px; 
  }

  input
  {
          font-family: 'Kanit', sans-serif;
          font-size:16px;
          padding: 2px;
          outline: 0;
          border:0;
          width:100px;
          background: #ebe8e0;
          border-radius:5px;
  }
  
  input[type=submit]
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
        width: 115px;
        font-size: 10px;
        text-align:center; 
  }
  
  input[type=submit]:disabled 
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:default;
        box-shadow: none;
        background: #d61d1d;
        color: #000;
        width: 115px;
        font-size: 10px;
  }

  textarea
  {
          font-family: 'Kanit', sans-serif;
          font-size:16px;
          padding: 2px;
          outline: 0;
          border:0;
          width:185px;
          background: #ebe8e0;
          border-radius:5px;
  }
  
  /* Registrierung */
  
  .regone {
          float:left;
          width:150px;
  }
  
  .regtwo {
          float:left;
          width:210px;
  }
  
  .loginblock input
  {
  	      background-color: #cccccc;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          max-height: 20px;
          max-width: 120px;
          opacity: 0.6;        
  }
  
    #copyright {
        margin-left: 10px;
        margin-top: 12px;
        line-height: 25px;
        width: auto;
        max-width: 580px;
        max-height: 150px;
        float: left;
        word-break: break-all;
        overflow-wrap: break-word;
  }
}

@media (max-width: 580px)
{
  #twoColums {
        width: auto;
        max-width: 400px;
        height: 100%;
        margin: 0 auto;
        padding-top: 140px;
        margin-bottom: 240px;
  }

  #leftContent {
          width: 98%;
          max-width: 98%;
          padding-left: 15px;
          overflow-x: hidden;
  }
  
  #leftContentBack {
          width: auto;
          max-width: 100%;
          padding: 15px 15px 15px 15px;
          overflow-x: hidden;
  }
  
  #navBottom {
        width: auto;
        max-width: 500px;
        float: right;
        line-height: 70px;
        list-style:none;
  }

  #entry
  {
        width:65px;
        text-align:center; 
        padding: 2px; 
  }

  input
  {
          font-family: 'Kanit', sans-serif;
          font-size:16px;
          padding: 2px;
          outline: 0;
          border:0;
          width:100px;
          background: #ebe8e0;
          border-radius:5px;
  }
  
  input[type=submit]
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:pointer;
        box-shadow: none;
        background: #ebe8e0;
        color: #000;
        width: 115px;
        font-size: 10px;
        text-align:center; 
  }
  
  input[type=submit]:disabled 
  {
        width:auto;
        padding: 2px 2px;
        line-height:25px;
        text-shadow:none;
        cursor:default;
        box-shadow: none;
        background: #d61d1d;
        color: #000;
        width: 115px;
        font-size: 10px;
  }

  textarea
  {
          font-family: 'Kanit', sans-serif;
          font-size:16px;
          padding: 2px;
          outline: 0;
          border:0;
          width:185px;
          background: #ebe8e0;
          border-radius:5px;
  }
  
  /* Registrierung */
  
  .regone {
          float:left;
          width:150px;
  }
  
  .regtwo {
          float:left;
          width:210px;
  }
  
  .loginblock input
  {
  	      background-color: #cccccc;
          -webkit-border-radius: 7px;
          -moz-border-radius: 7px;
          border-radius: 7px;
          max-height: 20px;
          max-width: 120px;
          opacity: 0.6;        
  }

  #copyright {
        margin-left: 10px;
        margin-top: 12px;
        line-height: 25px;
        width: auto;
        max-width: 400px;
        max-height: 150px;
        float: left;
        word-break: break-all;
        overflow-wrap: break-word;
  }

}

/* KEYFRAMES */

@keyframes stylie-transform-keyframes {
  0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}

@keyframes stylie-transform2-keyframes {
  0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
  100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}