@charset "UTF-8";
/* CSS Document */
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;margin:0;padding:0;}fieldset,img{display:block; border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*
 * Basic Formats
 */
body {
  font-family:"Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
  font-size:0.75em;
    line-height:1.5em;
}

#page_wrapper{
  width:900px;
  padding:0px 10px 25px 10px;
  margin:0 auto;
  color:#585858;
}
 
a {
  text-decoration:none;
  color:#2065af;
}

a:hover {
  text-decoration:none;
  color:#CCCCCC;
}

h1 {
  color:#000000;
  font-size:2em;
  line-height:1em;
}

h2 {
  color:#000000;
  font-size:1.5em;
  line-height:1.3em;
  padding:0.5em 0em;
}

p {
  padding:0.5em 0em;
}

#content ul {
  padding:0.5em 0em;
}

#content ul li {
  list-style-type:disc;
  margin-left:1em;
}
 

/*
 * Header
 */
.img-logo {
   padding:2.5em 0em 1.5em 0em;
  float:left;
  width:261px;
  height:auto;
 }
 
 
/*
  * Navigation
  */

#navigation-main {
  float:right;
  margin-top:5em;
}

#navigation-main ul:after {
    display: block;
    visibility: hidden;
}

#navigation-main ul li {
  float:left;
  list-style: none;
}

#navigation-main li a {
  color:#585858;
  display:block;
}

#navigation-main li a:hover {
  color:#000000;
}


#navigation-main ul li a:after {
    content:"|";
  padding:0em 0.7em;
}

#navigation-main ul li:last-child a:after {
  content:"";
  padding:0em;
}

#navigation-main ul li:hover > ul {
    visibility: visible;
}

#navigation-main ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
  z-index:1000;
  background-color:#FFFFFF;
  padding:0.7em;
}
#navigation-main ul li ul li{
    float: none;
  padding:0.2em 0em;
}

#navigation-main ul li ul li a:hover {
  color:#2065af;
}
#navigation-main ul li ul li a:after, #navigation-main ul li ul li:last-child a:after {
  content:"";
  padding:0em;
}

/*
 * Slideshow
 */

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 900px;
    height:283px;
    margin-bottom:2em;
}

/*
  root element for scrollable items. Must be absolutely positioned
  and it should have a extremely large width to accomodate scrollable items.
  it's enough that you set the width and height for the root element and
  not for this element.
  */
.scrollable .items {
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:1000px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    width:900px;
    height:283px;
}
/*
 * Content
 */
#leftColumn {
  float:left;
  width:600px;
  margin-right:20px;
}
#rightColumn {
  float:left;
  width:280px;
} 

#rightColumn img {
  width:100%;
  height:100%;
}

#leftColumn .inhaltselement {
  cursor:pointer;
}

ul.csc-uploads span {
  display: inline;
  margin-left:1em;
}


/*
 * Boxen - Inhaltselemente für Text
 */

.borderbox, .news-list-item, .news-single-item, .tx_iscourses, .tx_iscourses_show  {
  border:#585858 solid 1px;
  padding:1.5em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  margin-bottom:1em;

  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
  background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-repeat:no-repeat;
  background-position:top right;
}

.borderbox hr, .news-list-item hr, .news-single-item hr, .tx_iscourses hr, .tx_iscourses_show hr {
  display:none;
}

.sign {  
  background-image: url(../Images/cross.png);
  background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
  background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-repeat:no-repeat;
  background-position:top right;
}

.sign:hover {  
  background-image: url(../Images/cross.png);
  background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6F6F6),color-stop(1, #E6E6E6));
  background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), linear-gradient(to bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-repeat:no-repeat;
  background-position:top right;
}

.inhaltselement1-detail, .inhaltselement2-detail {
  display:none;
}

.rectangle {
  border:#585858 1px;
  border-style:none solid solid solid;  
  padding:0em 2em 1em 2em;
  margin-bottom:1em;
}

.linkbutton {
  padding:1em;
  font-size:1.5em;
  display:block;
  background-image: url(../Images/magnifying.png);
  background-image: url(../Images/magnifying.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
  background-image: url(../Images/magnifying.png), -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/magnifying.png), -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/magnifying.png), -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/magnifying.png), -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/magnifying.png), linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-repeat:no-repeat;
  background-position:center right;
  color:#000000;
  cursor:pointer;
}

.linkbutton:hover {
  color:#000000;
  background-image: url(../Images/magnifying.png);
  background-image: url(../Images/magnifying.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6F6F6),color-stop(1, #E6E6E6));
  background-image: url(../Images/magnifying.png), -o-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/magnifying.png), -moz-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/magnifying.png), -webkit-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/magnifying.png), -ms-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/magnifying.png), linear-gradient(to bottom, #F6F6F6 0%, #E6E6E6 100%);
}

.linkmore, .details, .showMobile {
  display:inline-block;
  padding:0.5em;
  margin:1em 0em;
  cursor:pointer;
  color:#585858;
  
}

.linkmore:hover, .details:hover, .showMobile:hover {
  color:#585858;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6F6F6),color-stop(1, #E6E6E6));
  background-image: -o-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: -moz-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: -webkit-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: -ms-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: linear-gradient(to bottom, #F6F6F6 0%, #E6E6E6 100%);
}

/*
 * News
 */ 
.news-list-item img, .news-single-item img{
  margin-bottom:2em;
  width:100%;
  height:auto;
}


/*
 * Bildungsangebot-Suche
 */
 
 /*
 * Kursangebote Formatierung
 */
.roundbutton {
        display: block;
        border: 2px solid #ffffff;
        border-radius: 100px;
        box-shadow: 0 0 4px #999;
        width: 48px;
        height: 48px;
}

.roundbutton:hover {
        background: #DDDDDD;
    cursor:pointer;
}

.roundbutton img {
        display: block;
        width: 60%;
        height: auto;
        margin: 20%;
}

.button {
    border: 1px solid #585858;
    border-radius: 10px 10px 10px 10px;
    cursor: pointer;
    display: block;
    padding: 0.5em 1em 0.5em;
    color: #585858;
    text-align: center;
}



/*
 * Sreachbox and .extranavi
 */
.searchbox,
.filterbox {
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 4px #999999;
    margin: 0 0 1em 0;
}

.innerpadding {
    padding: 10px 20px;
}

.searchbox {
    width: 33%;
    float: left;
}


.searchbox input#searchbox {
    margin: 0.5em 2% 0 0;
    font-size: 1em;
    width: 60%;
    float: left;
}

.searchbox button.button {
    display: none;
}

.searchbox label {
    margin-bottom: 0.5em;
    display: block;
}

.filterbox {
    width: 64%;
    float: left;
    margin-left: 2%;
}

.filterselect {
        display: block;
        margin-bottom: 0.5em;
        width: 90%;
}

.search,
.extranavi {
        display: block;
        border: 2px solid #FFFFFF;
        border-radius: 10px;
        box-shadow: 0 0 4px #999999;
        margin: 30px auto 0;
        width: 98%;
}

.search div.text,
.extranavi div.text {
        display: block;
        float: left;
        background: none;
        border: medium none;
        color: #565655;
        border: 0;
        width: 75%;
        padding: 5%;
}

.search img {
        margin-top: 10px;
        margin-right: 2%;
        display: block;
        float: right;
        width: 10%;
}



/*
 * Kurs Suche
 */
.tx_iscourses {
}

.tx_iscourses fieldset {
    width: 33%;
    float: left;
    margin: 0;
}

.tx_iscourses fieldset:first-child {
    width: 66%;
}

.tx_iscourses fieldset .backgroundcolor {
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 4px #999999;
    padding: 10px;
}

.tx_iscourses fieldset label {
    display: block;
    margin: 1.5em 0;
    font-weight: bold;
}

.tx_iscourses fieldset label:first-child {
    margin-top: 0;
}

.tx_iscourses fieldset .backgroundcolor select {
    display: block;
    margin: 0.5em 0;
    width: auto;
}

.tx_iscourses fieldset div.checkbox {
    display: block;
    float: left;
    width: 20%;
}

.tx_iscourses fieldset div.checkbox input {
    width: 1.2em;
    height: 1.2em;
}

.tx_iscourses fieldset div.textblock {
    display: block;
    float: left;
    width: 79%;
    margin-left: 1%;
}


.tx_iscourses fieldset div.textblock label {
    margin: 2px 0 6px;
}

.tx_iscourses fieldset div.textblock p {
    font-size: 0.8em;
}

.tx_iscourses fieldset div.textblock input.submit {
    display: block;
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 4px #999999;
    padding: 4px 20px;
    color: #565655;
    margin-top: 19px;
    cursor: pointer;
}

.tx_iscourses div.result {
    clear: both;
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 4px #999999;
    padding: 10px 20px;
    margin: 2em 0;
}

.tx_iscourses table {
    width: 100%;
}

.tx_iscourses th {
    font-weight: bold;
}

.tx_iscourses th,
.tx_iscourses td {
    padding: 5px 10px 3px 0;
}

.tx_iscourses tbody th {
    display: none;
}

.tx_iscourses td {
    border-top: 1px solid #999999;
}

.tx_iscourses td:last-child {
    text-align: right;
    padding: 0;
}

/*
 * Kurs
 */
.tx_iscourses_show {
    width: 100%;
    padding: 20px 0;
    background-color: #ffffff;
}

.tx_iscourses_show .left {
    clear: right;
    float: left;
    width: 66%;
}

.tx_iscourses_show .right {
    float: right;
    width: 34%;
}

.tx_iscourses_show .left .content {
    border-right: 4px double #666666;
}

.tx_iscourses_show .content {
    padding: 20px 29px;
}


span.back {
    display: block;
    float: right;
    padding: 0.5em 29px 1em;
    color: #565655;
    font-style: italic;
}

span.backDown {
    display: block;
    float: right;
    padding: 0.5em 0 1em;
    color: #565655;
    font-style: italic;
}

span.back a,
span.backDown a {
    color: #565655;
}



.tx_iscourses_show h2 {
    font-weight: bold;
    margin: 0 0 30px;
    padding: 0;
    color: #565655;
}

.tx_iscourses_show table {
    width: 100%;
}

.tx_iscourses_show table tbody th,
.tx_iscourses_show table tbody td {
    padding: 10px 0;
    vertical-align: top;
}

.tx_iscourses_show table tbody th {
    padding-right: 40px;
    font-weight: bold;
}

.tx_iscourses_show .right .content h2 {
    font-weight: bold;
    margin: 3em 0 1em;
}

.tx_iscourses_show .right .content img {
    width: 100%;
    height: auto;
    margin: 1em 0;
}

.tx_iscourses_show .right .content h3 {
    margin: 0.1em 0;
}

.tx_iscourses_show .right .content p {
    line-height: 150%;
}

/*
 * Kursanfrage
 */
.kursanfrage {
    border: 2px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 4px #999999;
    clear: both;
    margin: 2em 0;
    padding: 10px 20px;
}    
    
#c420 {
    background-color: #ffffff;
}

#c420 .boxCol_0 {
    width: 66%;
}

.Tx-Formhandler {
    padding: 20px 29px;
    background-color: #ffffff;
}

.control-group {
    width: 50%;
    float: left;
    margin-bottom: 1em;
}

.control-group .single_error {
    padding: 8px 0 2px 8%;
    display: block;
    color: #F18E00;
}

.control-group label {
    float: left;
    width: 28%;
    padding: 8px 0 0;
    padding-left: 8%
}

.control-group .controls {
    width: 53%;
    float: right;
    border: 1px solid #565655;
    padding: 5px 3%;
    border-radius: 8px;
}

.control-group .controls-group {
    width: 59%;
    float: right;
}


.control-group .controls input {
    border: none;
    margin: 0;
    padding: 2px 0 0;
    width: 100%;
}

.Tx-Formhandler .button {
    margin-top: 3em;
    color: #000000;
}

.control-checkbox {
    width: 100%;
}

.control-checkbox .checkbox {
    width: 4%;
    display: block;
    float: left;
}

.control-checkbox .checkboxLabel {
    display: block;
    float: left;
    width: 96%;
    padding: 0;
}

.control-checkbox .checkboxLabel label {
    padding: 0;
    width: 100%;
}

.kursFrom p {
    line-height: 140%;
    margin: 2em 0 1em;
    padding-left: 4%;
}

.kursFrom p.headline {
    font-weight: bold;
}

.headerimage, #navigation-mobile, #navigation-submenu-mobile {
  display:none;
}

/*
 * Akkordeon
 */
.dropdown {
  cursor:pointer;
  border:#585858 solid 1px;
  padding:1.5em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  margin-bottom:1em;

  background-image: url(../Images/cross.png);
  background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
  background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-image: url(../Images/cross.png), linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
  background-repeat:no-repeat;
  background-position:top right;
}

.dropdown:hover {  
  background-image: url(../Images/cross.png);
  background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6F6F6),color-stop(1, #E6E6E6));
  background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-image: url(../Images/cross.png), linear-gradient(to bottom, #F6F6F6 0%, #E6E6E6 100%);
  background-repeat:no-repeat;
  background-position:top right;
}

.dropdowncontent {
  display:none;
}



/* Screen verkleinert, Anpassung */
@media only screen and (max-width: 900px)  {
  #page_wrapper{
    width:94%;
    padding:2%;
  }
  #leftColumn {
    width:63%;
    margin-right:2%;
  }
  #rightColumn {
    width:35%;
  } 
  #leftColumn img, #rightColumn img {
    width:100%;
  }
  .img-logo {
    padding:0.5em 0em;
    float:none;
   }
  .headerimage {
    display:block;
    width:100%;
    margin:2em 0em;
  }
  #navigation-main {
    float:none;
    margin-top:0;
  }
  #kurse {
    width:100%;
  }
  #kurse thead tr th {
    overflow:hidden;
    width:10px;
  }
  .tx_iscourses, .searchbox, .filterbox {
    width:95%;
    float:none;
    margin-left:0;
  }
  .scrollable {
    display:none;
  }
}

/* Screen kleiner als 765px, ähnlich Mobiltelefone */
@media only screen and (max-width: 500px)  {
  #page_wrapper{
    width:100%;
    padding:0%;
  }
  body {
    font-size:1.3em;
  }
  h1, h2 {
    font-size:1em;
    font-weight:bold;
  }
  #content {
    width:90%;
    padding:10% 5%;
  }
  .img-logo {
    width:94%;
    padding:5% 3%;
    margin:0;
    background-color:#F7F7F7;
  }
  
  
  /* 
  * Navigation
  */
  #navigation-switch-mobile {
    padding:1em 0;
    background-color:#F7F7F7;
    width:100%;
    border:1px #BBBBBB;
    border-style:solid none solid none;
    background-image:url(../Images/navigation-switch-mobile-1.png);
    background-position:bottom;
    background-repeat:no-repeat;
  }
  
  #navigation-mobile {
    display:none;
    text-align:center;
    padding:0 0 1em 0;
  }

  #navigation-mobile li {
    padding:0.5em 0;
  }

  #navigation-mobile li a {
    font-size:1.3em;
    font-weight:normal;
    color:#585858;
  }
  
  #navigation-mobile li a:hover {
    font-size:1.3em;
    font-weight:normal;
    color:#2065af;
  }
  #navigation-submenu-mobile {
    display:block;
    border:1px #BBBBBB;
    border-style:none none solid none;
    margin-bottom:2em;
    padding-bottom:1em;
  }
  #navigation-submenu-mobile li {
    padding:0.3em 0;
  }
  #navigation-submenu-mobile li a {
    color:#000000;
  }
  #navigation-submenu-mobile li a:hover {
    color:#2065af;
  }
  #content #navigation-submenu-mobile ul li {
    list-style-type:none;
    margin-left:0em;
  }
  
  #leftColumn, #rightColumn {
    width:96%;
    margin-right:2%;
  } 
  
  #teaser {
    border:0;
    padding:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
  }  

  .borderbox, .news-list-item, .news-single-item, .tx_iscourses, .tx_iscourses_show  {
    border:#585858 solid 1px;
    padding:0.7em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-bottom:0.5em;
  
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-repeat:no-repeat;
    background-position:top right;
  }

  .tx_iscourses_show  {
    padding:0em;
  }

  .sign {  
    background-image: url(../Images/cross.png);
    background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
    background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-repeat:no-repeat;
    background-position:center right;
  }
  
  .sign:hover {  
    background-image: url(../Images/cross.png);
    background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6F6F6),color-stop(1, #E6E6E6));
    background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), linear-gradient(to bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-repeat:no-repeat;
    background-position:center right;
  }  

  /*
   * Kurse
   */ 
    .showMobile {
        display: block;
    }
  
    .search,
    .extranavi {
        margin: 30px auto;
        width: 90%;
    }

    .tx_iscourses .searchbox,
    .tx_iscourses .filterbox {
        width: 100%;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;        
        background: transparent;
    }
    
    .tx_iscourses .innerpadding {
        padding: 0 0 2em;
    }
    
    .tx_iscourses .innerpadding fieldset {
        width: 100%;
    }
    
    .tx_iscourses .searchbox {
        border-bottom: 2px solid #000000;
    }
    
    .tx_iscourses fieldset {
        margin: 0.2em 0;
    }
    
    .tx_iscourses fieldset div.textblock p {
        display: none;
    }
    
    
    
    .searchbox button.roundbutton {
        display: none;
    }
    
    .searchbox button.button {
        display: block;
        margin-top: 1em;
    }
    
    
    .tx_iscourses thead {
        display: none;
    }
    
    .tx_iscourses tbody th,
    .tx_iscourses tbody td {
        display: block;
        border-top: none;
        float: left;
        padding: 0;
        width: 100%;
        
    }
    
    .tx_iscourses tbody th {
        clear: both;
        margin-bottom: 0;
    }
    
    .tx_iscourses tbody td.detailsTD {
        width: 100%;
        border-bottom: 2px solid #000000;
        margin-bottom: 3em;
    }

    .tx_iscourses tbody td  a {
        margin: 1em 0 3em;
        width: 30%;
    }
    
    .tx_iscourses tbody td {
        width: 70%;
        margin-bottom: 0.5em;
    }
    
    .tx_iscourses tbody td.datefrom,
    .tx_iscourses tbody td.dateto {
        width: auto;
        display: inline;
        margin-bottom: 0.5em;
    }
    
    
    .tx_iscourses fieldset {
        float: none;
        margin: 2em 0;
        width: 100%;
    }
    
    .tx_iscourses fieldset .backgroundcolor {
        border: none;
        padding: 0;
        margin: 0;
        background: transparent;
        box-shadow: none;
    }
    
    .tx_iscourses fieldset .submit {
        background: -moz-linear-gradient(left center , #F09230, #FBCF2E) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    
    .tx_iscourses_show .left,
    .tx_iscourses_show .right {
        width: 100%;
        float: none;
        
    }
    
    .tx_iscourses_show .content, .tx_iscourses_show .left .content {
        border-right: none;
    }
    
    .control-group {
        margin-bottom: 1em;
        width: 100%;
    }
    
    .tx_iscourses_show table tbody th,
    .tx_iscourses_show table tbody td {
        padding: 0;
        display: block;
    }
    
    .tx_iscourses_show table tbody td {
        padding-bottom: 1em;
    }
  
  .linkbutton, #navigation-main, .headerimage, #navigation-submenu {
    display:none;
  }

}

/* Mobiltelefone iPhone, Android */
@media only screen and (max-device-width: 600px)  {
  #page_wrapper{
    width:100%;
    padding:0%;
  }
  body {
    font-size:1.3em;
  }
  h1, h2 {
    font-size:1em;
    font-weight:bold;
  }
  #content {
    width:90%;
    padding:10% 5%;
  }
  .img-logo {
    width:94%;
    padding:5% 3%;
    margin:0;
    background-color:#F7F7F7;
  }
  
  
  /* 
  * Navigation
  */
  #navigation-switch-mobile {
    padding:1em 0;
    background-color:#F7F7F7;
    width:100%;
    border:1px #BBBBBB;
    border-style:solid none solid none;
    background-image:url(../Images/navigation-switch-mobile-1.png);
    background-position:bottom;
    background-repeat:no-repeat;
  }
  
  #navigation-mobile {
    display:none;
    text-align:center;
    padding:0 0 1em 0;
  }

  #navigation-mobile li {
    padding:0.5em 0;
  }

  #navigation-mobile li a {
    font-size:1.3em;
    font-weight:normal;
    color:#585858;
  }
  
  #navigation-mobile li a:hover {
    font-size:1.3em;
    font-weight:normal;
    color:#2065af;
  }
  #navigation-submenu-mobile {
    display:block;
    border:1px #BBBBBB;
    border-style:none none solid none;
    margin-bottom:2em;
    padding-bottom:1em;
  }
  #navigation-submenu-mobile li {
    padding:0.3em 0;
  }
  #navigation-submenu-mobile li a {
    color:#000000;
  }
  #navigation-submenu-mobile li a:hover {
    color:#2065af;
  }
  #content #navigation-submenu-mobile ul li {
    list-style-type:none;
    margin-left:0em;
  }
  
  #leftColumn, #rightColumn {
    width:96%;
    margin-right:2%;
  } 
  
  #teaser {
    border:0;
    padding:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
  }  

  .borderbox, .news-list-item, .news-single-item, .tx_iscourses, .tx_iscourses_show  {
    border:#585858 solid 1px;
    padding:0.7em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-bottom:0.5em;
  
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-repeat:no-repeat;
    background-position:top right;
  }

  .tx_iscourses_show  {
    padding:0em;
  }

  .sign {  
    background-image: url(../Images/cross.png);
    background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F6F6F6));
    background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-image: url(../Images/cross.png), linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 100%);
    background-repeat:no-repeat;
    background-position:center right;
  }
  
  .sign:hover {  
    background-image: url(../Images/cross.png);
    background-image: url(../Images/cross.png), -webkit-gradient(linear,left top,left bottom,color-stop(0, #F6F6F6),color-stop(1, #E6E6E6));
    background-image: url(../Images/cross.png), -o-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), -moz-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), -webkit-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), -ms-linear-gradient(bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-image: url(../Images/cross.png), linear-gradient(to bottom, #F6F6F6 0%, #E6E6E6 100%);
    background-repeat:no-repeat;
    background-position:center right;
  }  

  /*
   * Kurse
   */ 
    .showMobile {
        display: block;
    }
  
    .search,
    .extranavi {
        margin: 30px auto;
        width: 90%;
    }

    .tx_iscourses .searchbox,
    .tx_iscourses .filterbox {
        width: 100%;
        margin: 0;
        border: none;
        border-radius: 0;
        box-shadow: none;        
        background: transparent;
    }
    
    .tx_iscourses .innerpadding {
        padding: 0 0 2em;
    }
    
    .tx_iscourses .innerpadding fieldset {
        width: 100%;
    }
    
    .tx_iscourses .searchbox {
        border-bottom: 2px solid #000000;
    }
    
    .tx_iscourses fieldset {
        margin: 0.2em 0;
    }
    
    .tx_iscourses fieldset div.textblock p {
        display: none;
    }
    
    
    
    .searchbox button.roundbutton {
        display: none;
    }
    
    .searchbox button.button {
        display: block;
        margin-top: 1em;
    }
    
    
    .tx_iscourses thead {
        display: none;
    }
    
    .tx_iscourses tbody th,
    .tx_iscourses tbody td {
        display: block;
        border-top: none;
        float: left;
        padding: 0;
        width: 100%;
        
    }
    
    .tx_iscourses tbody th {
        clear: both;
        margin-bottom: 0;
    }
    
    .tx_iscourses tbody td.detailsTD {
        width: 100%;
        border-bottom: 2px solid #000000;
        margin-bottom: 3em;
    }

    .tx_iscourses tbody td  a {
        margin: 1em 0 3em;
        width: 30%;
    }
    
    .tx_iscourses tbody td {
        width: 70%;
        margin-bottom: 0.5em;
    }
    
    .tx_iscourses tbody td.datefrom,
    .tx_iscourses tbody td.dateto {
        width: auto;
        display: inline;
        margin-bottom: 0.5em;
    }
    
    
    .tx_iscourses fieldset {
        float: none;
        margin: 2em 0;
        width: 100%;
    }
    
    .tx_iscourses fieldset .backgroundcolor {
        border: none;
        padding: 0;
        margin: 0;
        background: transparent;
        box-shadow: none;
    }
    
    .tx_iscourses fieldset .submit {
        background: -moz-linear-gradient(left center , #F09230, #FBCF2E) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    
    .tx_iscourses_show .left,
    .tx_iscourses_show .right {
        width: 100%;
        float: none;
        
    }
    
    .tx_iscourses_show .content, .tx_iscourses_show .left .content {
        border-right: none;
    }
    
    .control-group {
        margin-bottom: 1em;
        width: 100%;
    }
    
    .tx_iscourses_show table tbody th,
    .tx_iscourses_show table tbody td {
        padding: 0;
        display: block;
    }
    
    .tx_iscourses_show table tbody td {
        padding-bottom: 1em;
    }
  
  .linkbutton, #navigation-main, .headerimage, #navigation-submenu {
    display:none;
  }
}