@font-face { font-family: 'traffic'; src: url('traffic.ttf') format('truetype'); }
* {
font-family:  Helvetica, Arial;
}
body {        background-color:#aaa;        font-size:85%;        margin:0em;        padding-top:40px;}

/**** burgermenu ****/
#menubar {        display:block;        background-color:#fff;}
#menubar ul {        display:block;        width:2em;        padding:0.9em;}
#menubar ul li {        display:inline;}
#menubar ul li a {display:none;}

.webmaster {
background-image: url(../images/pic2.jpg);


margin:0;margin-left:20px;margin-top:-20px;padding:0;float:left;padding-top:0px;width:180px;height:16px;}

/*Cookie Consent Begin*/
#cookiebar {
background-color:#f00;
color:white;
padding:4px;
}

#cookiebar a {
background-color:#eee;
padding:2px;
}

#cookieConsent {
background-color: #9b3000;
min-height: 26px;
font-size: 14px;color:#ccc;
line-height: 26px;
padding: 8px 0 8px 30px;
font-family: "Trebuchet MS",Helvetica,sans-serif;
position: fixed;bottom: 0;left: 0;right: 0;


z-index: 9999;}

#cookieConsent a {
color: #ed7b48;
text-decoration: underline;}

#closeCookieConsent {
float: right;
/*display: inline-block;cursor: pointer;*/
height: 20px;
width: 20px;
margin: -15px 0 0 0;
font-weight: bold;
}

#closeCookieConsent:hover {color: #FFF;}

#cookieConsent a.cookieConsentOK {
background-color: #791f01;
color: #fff;
/*display: inline-block;*/
border-radius: 5px;
padding: 0 20px;cursor: pointer;
float: right;
margin: 0 60px 0 10px;
}

#cookieConsent a.cookieConsentOK:hover {
background-color: #ed7b48;
}

/*Cookie Consent End*/



/**** header ****/
#header {

padding:0 3.125%;
height:auto;
/*background-image: url(../images/kachel.png);
background-size:150px 138px;
background-position:top;*/
text-align:center;


/*                 -moz-linear-gradient(center bottom , #9B3000 10%, #FFF 0%, #FFF 90%, #9B3000 0%);*/

        -webkit-box-shadow: 5px 2px 10px #666;
        -moz-box-shadow: 5px 2px 10px #666;
        box-shadow: 5px 2px 10px #666;



/* FF3.6-15 */
/*background: -moz-linear-gradient                                        (top,                                          rgba(155,48,0,1) 50%,         rgba(255,255,255,1) 50%,         rgba(255,255,255,1) 90%,         rgba(155,48,0,1) 50%); */


/* Chrome10-25,Safari5.1-6 */
/*background: -webkit-linear-gradient                                (top,                                          rgba(155,48,0,1) 50%,                rgba(255,255,255,1) 50%,        rgba(255,255,255,1) 96%,                rgba(155,48,0,1) 100%);*/


 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*background: linear-gradient                                                        (to bottom,                  rgba(155,48,0,1) 50%,                rgba(255,255,255,1) 50%,        rgba(255,255,255,1) 90%,                rgba(155,48,0,1) 50%);*/

/* IE6-9 */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b3000', endColorstr='#9b3000',GradientType=0 );*/





/* FF3.6-15 */
background: -moz-linear-gradient(top,                  rgb(155,48,0) 10%,                         rgb(255,255,255) 0%,                 rgb(255,255,255) 90%,                 rgb(155,48,0) 0%);

/* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top,          rgb(155,48,0) 10%,                        rgb(255,255,255) 0%,                rgb(255,255,255) 90%,                rgb(155,48,0) 0%);


/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom,                  rgb(155,48,0) 10%,                        rgb(255,255,255) 0%,                rgb(255,255,255) 90%,                rgb(155,48,0) 0%);

/* IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b3000', endColorstr='#9b3000',GradientType=0 );







}
.headerpic {
max-width:90%;
padding-top:24px;padding-left:0px;padding-bottom:20px;}


table {
margin:auto;
width:95%;
font-family: Helvetica, Verdana, Arial;
}

.workshopdays { background: transparent -moz-linear-gradient(center bottom , #FFF 20%, #DEDEDE) repeat scroll 0% 0%;}
.workshopdays th      {padding-top:5px;padding-left:6px;}
.workshopdays caption {display:none;  background-color:#aaa;text-align:center;font-family: Arial, Verdana, sans-serif;font-weight:normal;font-size: 0.7em;color:#FFFFFF;padding:3px 0 3px 0;}
.workshopdays td      {font-size:85%;padding:5px 5px;border:1px solid #fff;text-align:left;}

table a {text-decoration: underline;color: #999;}
#infopic {background-color:#0f0;float:left;padding-top:7px!important;padding-right:4px;}


#page {
 max-width:600px;
 margin:0 auto;
/*background-color:#aff!important;*/
        -webkit-box-shadow: 5px 2px 5px #666!important;
        -moz-box-shadow: 5px 2px 5px #666!important;
        box-shadow: 5px -5px 5px #666!important;

}

#sidebar {
background-image: url("images/portal_jampic.jpg");

}

#content, #sidebar {
background-color:#FFF;
}


#leftinfo {
    font-size: 75%;
    float: left;
    background-color: #FFF;
    width: 100%;
    height: 134px;
    /*padding: 10px 20px 20px;*/
    overflow-y: scroll;
    /*border-right: 1px solid #FFF;*/
}


#leftinfo h4,#leftinfo h3 {
padding-left:20px;
}

#rightinfo {
font-size:75%;
   background-color:#fff;
    width:100%;
    height:131px;
    /*padding:20px;
    padding-top:10px;*/
    float:left;
        overflow-y:scroll;
}

#rightinfo p, #leftinfo p {
font-family: Verdana;
padding:20px;margin:0;
padding-top:0;
margin-top:0;letter-spacing:0.05em;
}




#meta_left {

float:right;
   width:100px;
   height:21px;
   margin:0;
   margin-right:10px!important;
   padding:0;
   text-align:right;
   padding-top:6px;

}



#meta_right {
float:right;
   width:100px;
   height:21px;
   margin:0;
   margin-right:10px!important;
   padding:0;
   text-align:right;
   padding-top:8px;
   margin-bottom:-4px;
   padding-bottom:0;

}

#meta_left a:link,#meta_left a:visited,#meta_left a:active,
#meta_right a:link,#meta_right a:visited,#meta_right a:active
 {
color:#666;
text-decoration:none;
font-size:9px;
}

#meta_left a:hover,#meta_right a:hover {
color:#000;
text-decoration:underline;
font-size:9px;
}
#content img, #sidebar img {width:100%;}




footer {
        background-color:#fff;
        float:left;
        height:100%;
        width:100%;
        height:100px;
        vertical-align:top;
        margin-bottom:0px;
padding:0;
margin:0;
        -webkit-box-shadow: 5px 2px 5px #666!important;
        -moz-box-shadow: 5px 2px 5px #666!important;
        box-shadow: 5px -2px 5px #666!important;

        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-top-right-radius:0;
        border-top-left-radius:0;
        -moz-border-radius-topright:0;
        -moz-border-radius-topleft:0;
}


.internal_footer {
width:85%;
margin-left:6%;
border-top: 1px dotted #666;padding-top:4px;margin-bottom:20px;margin-top:20px;}
.internal_footer ul {margin:0;padding:0;}
.internal_footer li {display:inline;list-style-type:none;margin-left:11px;}
.internal_footer li a {text-decoration:none;color:#666;font-size:9px;}
.internal_footer li a:hover {text-decoration:underline;color:#000;}

h4 a {text-decoration:none;color:#000;}
h3 a  {text-decoration:none;color:#000;}
h2 a  {text-decoration:none;color:#000;}
h1 a  {text-decoration:none;color:#000;}

.header2 {padding:20px;padding-bottom:10px;}

.header2 a{text-decoration:none!important;color:#000!important;font-size:0.9em;font-weight:bold;font-family: Verdana;}

#meta_right {float:right;   width:100px;   height:21px;   margin:0;   padding:0;   text-align:right;   padding-top:8px;   margin-bottom:-4px;   padding-bottom:0;}

.back2main {    font-size:9px;    padding-top:8px;    float:right;    margin-bottom:0px;}

.lang {margin-left:7%;margin-top:10px;float:left;width:85%;height:21px;border-bottom: 1px dotted #666;padding-bottom:6px}
.lang img {width:26px!important;}
.lang ul {margin:0;padding:0;}
.lang li {display:inline;}
.lang li a {color:#666;text-decoration:none;}
.lang li a:hover {color:#000;text-decoration:underline;}

.footer_left {    background-color:#000;    width:46.9%;  height:88px;    padding-left:3%;    padding-top:12px;    float:left;   -moz-border-radius:10px;   -moz-border-radius-bottomright:0;   -moz-border-radius-topright:0;}
.footer_right {
  background-color:#000;
      width:47%;
        height:90px;
           padding-left:3%;
             padding-top:10px;
                 float:right;
                   -moz-border-radius:10px;
                     -moz-border-radius-bottom-right:0;
                        -moz-border-radius-top-right:0;
  }

.ausrichten {background-color:#009933;width:70%;margin:0;padding:0;height:80px;}
.ausrichten li {line-height:1em;list-style:none;display:inline;padding:0;margin:0;}
.pfeil_1 {
float:left;
/*background-color:#f00;*/
width:50px;
height:50px;

}

.text_1 {
float:left;
/*background-color:#afd;*/
width:200px;
height:70px;
padding-top:8px;
font-size:1.7em;vertical-align:top;   font-family: Verdana, Arial!important;   font-weight:bold;   text-shadow:    0 0 3px #FFFFFF;
}

.ausrichten li a {font-size:1.2em;vertical-align:top;   font-family: Verdana, Arial!important;   font-weight:bold;   text-shadow:    0 0 3px #FFFFFF;}
.arrow {width:52%;padding-top:20px;margin-right:0px;}
.arrow2 {width:26px;padding-top:2px;}
.footer_right a,.footer_left a {text-decoration:none;color:#fff;}

#arrow_div {float:left;width: 45px;padding:0!important;margin:0!important;margin-top:15px!important;}
#linka {float:left;width: 80%;padding-top:5px;}
.jam {font-family: Verdana, Arial;font-size:0.9em;}
#linka a {font-size:1.4em;   text-shadow:    0 0 3px #FFFFFF;   font-family: Verdana, Arial;   font-weight:bold;}
.glow {color:#fff;font-family: traffic;font-size:1.4em;   text-shadow:  0 0 5px #FFFFFF,  0 0 10px #aaa;}


/**********************************************************/
/*******  mobile style  *******/

@media screen and (max-width:860px) {        body {        font-size:85%;        }}
@media screen and (max-width:700px) {        body {font-size:85%;}}


@media screen and (max-width:500px) {
        body {
        /*        background-color:#009933;        */
        }
        #linka a {font-size:1.2em;   text-shadow:    0 0 3px #FFFFFF;   font-family: Verdana, Arial;   font-weight:bold;}
        .ausrichten li a {font-size:1.2em;vertical-align:top;  font-family: Verdana, Arial!important;   font-weight:bold;   text-shadow:    0 0 3px #FFFFFF;}
        #footer_left {
        margin-top:10px!important;
        }

.arrow {width:9%;padding-top:4px;margin-right:10px;}
.arrow2 {width:20px;padding-top:2px;}
#arrow_div {float:left;width: 35px;padding:0!important;margin:0!important;margin-top:15px!important;}
.ausrichten a {font-family: Verdana, Arial;font-size:0.9em;line-height: 1.9em!important;}
}


/*** richtige smartphone auflösung *****/
@media screen and (min-width:415px) {


}

/*@media screen and (max-width:400px) {*/
@media screen and (max-width:414px) {
        body {
        /*        background-color:#000;*/
                font-size:75%;
        }

        #sidebar img {width:100%;}

        #rightinfo {

                height:260px;
        }

        #leftinfo {
                height:260px;

        }

        #leftinfo p,#leftinfo h3,#leftinfo h2, #leftinfo h4  {padding-left:10px;}
        #rightinfo p,#rightinfo h3,#rightinfo h2, #rightinfo h1  {padding-left:10px;}
        .header2 {padding-left:10px;}

        footer {font-size: 45%; }

        #arrow_div {width:25px;}
        #linka {padding-top:10px;}
        #linka a {font-size:2em;}
        .jam {font-family: Verdana, Arial;font-size:1.5em;line-height: 1.9em!important;}
        .arrow, .arrow2 {width:12px;}
        .lang img {width:16px!important;}
        .glow {font-size: 1.4em;
        }

        .internal_footer li a {
        display:block;
        }
        .lang ul li a img {padding-top:8px;width:12px!important;
        }

        .back2main {    font-size:0.8em;
            padding-top:8px;    float:right;    margin-bottom:0px;
          }
        .webmaster {
        background: url(../images/pic4.jpg)no-repeat;

        }

/*        #page, header {


        -webkit-box-shadow: 5px 2px 0px #666!important;
        -moz-box-shadow: 5px 2px 0px #666!important;
        box-shadow: 5px -5px 0px #666!important;

        }*/

}