/* ==== Scroll down to find where to put your styles :) ==== */

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection {color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
/*a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }*/

/*
    // ========================================== \\
   ||                                              ||
   ||         Create Date: 22.05.2011              ||
   ||                                              ||
    \\ ========================================== //
*/
body, div {margin-left: auto; margin-right:auto;}
body {
  font-family: Verdana, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  color:#fff;
  }
b {font-weight:bold}
.lt {float:left}
.rt {float:right}
.p10 {padding:10px}

a {color:#fff;}
a:hover {color:#e1007a}
a.more {
  color:#fff;
  background: #e1007a;
  background: -moz-linear-gradient(top, #e1007a 0%, #e679b6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1007a), color-stop(100%,#e679b6));
  background: -webkit-linear-gradient(top, #e1007a 0%,#e679b6 100%);
  background: -o-linear-gradient(top, #e1007a 0%,#e679b6 100%);
  background: -ms-linear-gradient(top, #e1007a 0%,#e679b6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1007A', endColorstr='#E679B6',GradientType=0 );
  background: linear-gradient(top, #e1007a 0%,#e679b6 100%);
  padding: 2px 15px 2px 15px;
  text-decoration:none}

h1,h2, .boxContxt h3 {text-transform: uppercase; font-weight:normal; background: url(../images/bg_box_hdl.png) repeat-x; padding: 8px 10px 8px 10px}
h3 {color:#fff; padding: 5px 10px 0 10px}

#container {width: 940px; min-height: 300px;}
#header {margin: 20px 0 20px 0}
#topNav {background: url(../images/bg_nav.png) repeat-x; height:36px; margin-bottom:10px}
#topNav ul {margin:0; list-style-type: none}
#topNav ul li {float:left;margin:0}
#topNav ul li a {color:#fff;display: block; padding: 9px; border-right: 1px solid #000; text-decoration:none; text-transform: uppercase}

#topNav ul li a.active,
#topNav ul li a:hover {background: url(../images/bg_nav_a.png) repeat-x}

.subNav{
  margin: 0 0 12px 0;
  position:relative;
  width:680px;
  height:63px;
  }
  
.subNav .box_nav {margin: 0; padding:0; list-style:none; white-space:nowrap;}
.subNav .box_nav li {float:left;margin:0;}
.subNav .box_nav li a {
  font-size: 12px; /* Testweise - 02.02.09 */
  color:#fff;
  display:block;
  text-decoration:none;
  white-space:nowrap; 
  padding:9px 10px; 
  background:#000; 
  margin-right:1px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  }

.subNav .box_nav li a.active,
.subNav .box_nav li a:hover {background:#e30387; color:#fff;}
.subNav .box_nav li ul.box_subnav {
  float: left;
  position:absolute;
  left:0;
  width:690px;
  padding:0 0 0 0;
  margin:0;
  list-style:none;
  background:#e30387;
  }
  
.subNav .box_nav li ul.box_subnav li {float: left; padding:4px 0}  
.subNav .box_nav li ul.box_subnav li a {
  font-size:12px;
  font-weight:normal;
  color:#fff;
  display:block;
  background:none;
  padding:2px 10px;  
  }

.subNav .box_nav ul.box_subnav li a.active,
.subNav .box_nav ul.box_subnav li a:hover {
  color: #fff;
  background:#86004f;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }

#main .colLeft {float:left; width: 690px; min-width:690px; margin:0 20px 0 0; position:relative;}
#main .colLeft .cnt,
#main .csc-default p,
#main .csc-default ul,
#main .csc-default ol {padding: 10px}
#main .csc-default ul {margin:0; padding-left:28px}
#main .csc-default ol {margin:0; padding-left:32px}

#main .oneCol {margin: 0 0 10px 0;}
#main .oneCol .col {}
#main .twoCol {margin: 0 0 10px 0;}
#main .twoCol .col:first-child {margin:0}
#main .twoCol .col {float: left; margin: 0 0 0 10px; width: 340px;}  
#main .threeCol {margin: 0 0 10px 0;}
#main .threeCol .col:first-child {margin:0;width: 224px;}
#main .threeCol .col {float: left; margin: 0 0 0 10px; width: 223px; }

.opacity,
#main .csc-textpic,
#main .csc-default h3,
#main .csc-default p,
#main .csc-default ul,
#main .csc-default ol {
  /*background-color: rgb(0, 0, 0);*/
  background-color: rgba(0,0,0,0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);  /* For IE 5.5 - 7*/  
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";/* For IE 8*/  
  zoom: 1;
  }

.ie9 .opacity,
.ie9 #main .csc-textpic,
.ie9 #main .csc-default h3,
.ie9 #main .csc-default p {background-color: rgba(0,0,0,0.5); /*filter: ;*/}

.ie8 .opacity,
.ie8 #main .csc-textpic,
.ie8 #main .csc-default h3,
.ie8 #main .csc-default p {-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";/* For IE 8*/  }


/* Off */
#main .boxTeaserList .opacity p,
#main .boxNewsItem .opacity p,
#main .boxTeaserList_home .opacity p,
#main .csc-textpic .csc-textpic-text p,
#main .csc-textpic ul,
#main ul.gallery-list
  {background: transparent; filter: ;}


#main .csc-textpic ul,
#main .csc-textpic-text ul,
#main .csc-textpic-text p,
#main .csc-default ul ul {background: none}
#main .csc-default .ui-tabs ul.ui-tabs-nav {background: none; padding:0}

#main .csc-textpic ul {padding-left: 10px;}

#main .colRight {
  position:relative;
  top: -60px;
  float:left;
  width:220px;
  padding:10px 5px 30px 5px;
  background:#000;
  min-height:420px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  }

#main .colRight .boxSocial {margin: 3px 0 15px 5px; clear:both}
#main .colRight .boxSocial a {display:block; float:left; width:32px; height:32px; margin:0 0 0 12px}
#main .colRight .boxSocial a:first-child {margin-left:0} 
#main .colRight .boxSocial a.facebook {background: url(../images/social.png) 0 0 no-repeat} 
#main .colRight .boxSocial a.facebook:hover {background: url(../images/social.png) 0 -32px  no-repeat} 
#main .colRight .boxSocial a.twitter {background: url(../images/social.png) -32px 0  no-repeat}
#main .colRight .boxSocial a.twitter:hover {background: url(../images/social.png) -32px -32px  no-repeat}
#main .colRight .boxSocial a.soundcloud {background: url(../images/social.png) -64px 0 no-repeat} 
#main .colRight .boxSocial a.soundcloud:hover {background: url(../images/social.png) -64px -32px no-repeat} 
#main .colRight .boxSocial a.ytube {background: url(../images/social.png) -96px 0 no-repeat} 
#main .colRight .boxSocial a.ytube:hover {background: url(../images/social.png) -96px -32px no-repeat} 
#main .colRight .boxSocial a.f4w {background: url(../images/social.png) -128px 0 no-repeat} 
#main .colRight .boxSocial a.f4w:hover {background: url(../images/social.png) -128px -32px no-repeat} 
#main .colRight .boxSocial a span {display:none}

#main .colRight .boxContxt {border:1px solid #373737; margin-bottom: 10px;}
#main .colRight .boxContxt h3 {border-bottom:1px solid #373737;padding: 8px 5px 8px 5px}
#main .colRight .boxContxt .cnt {padding:5px; font-size:11px}

#main .colRight .boxContxt .shoplink {text-align:right; margin: 0 5px 8px 0}

/*#main .colRight .boxFooter {width:200px; font-size:11px; padding: 0 0 0 22px;}*/
#main .colRight .boxFooter {width:205px; font-size:11px; padding: 0 0 12px 0; position: absolute; bottom: 0; left: 14px;}
#main .colRight .boxFooter ul {list-style-type:none; margin-left:0;}
#main .colRight .boxFooter ul li {float:left; text-transform:uppercase}


/* TT_NEWS - LIST VIEW - LATEST VIEW - SINGLE VIEW
----------------------------------------------------------------------------------------------------*/
#main .boxTeaserList {}
#main .boxTeaserList .opacity,
#main .boxTeaserList_home .opacity {padding:10px 10px 10px 10px}
#main .boxTeaserList .opacity p,
#main .boxTeaserList_home .opacity p  {padding:0 0 10px 0}
#main .boxTeaserList img,
#main .boxTeaserList_home img {float:left; margin:0 10px 5px 0}
#main .boxTeaserList h2:first-child,
#main .boxTeaserList h3:first-child,
#main .boxTeaserList_home h3:first-child {margin-top:0px}
#main .boxTeaserList .listItem {margin-bottom: 15px;}
#main .boxTeaserList .listItem h2 a {/*color:#e1007a; font-weight:bold;*/ text-decoration:none}

#main .boxTeaserList span.more {display:block; margin-top: 20px; float: right;}
#main .boxTeaserList_home span.more {display:block; margin-top: 10px; float: right;}
/*#main .boxTeaserList span.more a {color:#fff; background:#e21384; text-decoration:none; padding:4px 12px; }*/

#main .boxTeaserList span.more a,
#main .boxTeaserList_home span.more a  {
  color:#fff;
  background: #e1007a;
  background: -moz-linear-gradient(top, #e1007a 0%, #e679b6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1007a), color-stop(100%,#e679b6));
  background: -webkit-linear-gradient(top, #e1007a 0%,#e679b6 100%);
  background: -o-linear-gradient(top, #e1007a 0%,#e679b6 100%);
  background: -ms-linear-gradient(top, #e1007a 0%,#e679b6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1007A', endColorstr='#E679B6',GradientType=0 );
  background: linear-gradient(top, #e1007a 0%,#e679b6 100%);
  padding: 2px 15px 2px 15px;
  text-decoration:none}
}

/*#main .boxTeaserList .listItem .opacity {padding:10px}
#main .boxTeaserList .listItem .opacity p {padding:0 0 10px 0}
#main .boxTeaserList .listItem img {float:left; margin:0 10px 10px 0}*/

.boxTeaserLatest {margin-bottom:15px;}
.boxTeaserLatest .latest {margin-bottom: 15px; min-height:100px; width:470px;}

.boxTeaserLatest .latestImg {float:left; margin-right:10px;}
.boxTeaserLatest .latestItem {float:left; width: 389px /*430px*/}
.boxTeaserLatest .category {color:#b0003e; font-weight: bold}
.boxTeaserLatest h3 {font-weight:bold}
.boxTeaserLatest span.more a{font-size: 18px; color:#b0003e;}


.boxNewsItem {margin-bottom: 15px;}
.boxNewsItem h1 {}
.boxNewsItem h2 {padding-bottom:10px}

#main .csc-default .boxNewsItem p,
#main .csc-default .boxTeaserList p,
#main .csc-default .boxTeaserList_home p {background:none}


.boxNewsItem .news-single-img {float: left; margin:10px; overflow:hidden }
.boxNewsItem .news-single-img a {display: block;}
.boxNewsItem .news-single-img img {}
#main .section .cnt .boxNewsItem p.news-single-imgcaption {padding: 2px 0 2px 0; margin:5px 0 0 0; font-size: 11px; text-align:right}

.boxNewsItem .reference {text-align:right; color:#aaa; margin-top: 10px}

/* NOT FINAL */
.news-single-additional-info { margin: 10px 0 10px 0;/*clear:both;*/  }

#main .section .cnt .news-single-additional-info {background:#f8f9f9; margin: 0 0 20px 0}
#main .section .cnt .news-single-additional-info ul {list-style: none; }
/*#main .section .cnt .news-single-additional-info ul li {background:#f8f9f9; padding: 6px 10px;  margin-bottom: 0px} background:#f8f9f9;*/


.news-single-related dl,
dl.news-single-files ,
.news-single-links dl {background:#f8f9f9; padding: 10px; margin-bottom: 10px}

.news-single-related dl dl,
.news-single-links dl dl {padding: 0;}

.news-single-related dd,
.news-single-links dd,
.news-single-files dd {}

.news-single-files dd img {margin-right: 4px;}

.news-single-related dt,
.news-single-links dt,
.news-single-files dt {  font-weight: bold;}

.news-single-related dd a,
.news-single-links dd a,
.news-single-files dd a {font-weight:normal; padding:0; text-decoration:none;}


#main .cnt ul.news-single-files,
#main .cnt ul.news-single-related,
#main .cnt ul.news-single-links {margin:0;}
#main .cnt ul.news-single-files li,
#main .cnt ul.news-single-related li,
#main .cnt ul.news-single-links li {padding: 3px 10px; margin:0;}

/* Formhandler NEW
----------------------------------------------------------------------------------------------------*/
.yform {margin:0 0 1em 0;}
.yform fieldset {padding:0.5em;}
.yform .type-button input {padding:5px 1em;}

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform fieldset { display:block; zoom:1; }
  .yform label { display:block; cursor:pointer; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* per row float clearing | zeilenweises Float-Clearing */
  fieldset:after,
  .yform div.type-text:after,
  .yform div.type-select:after,
  .yform div.type-check:after,
  .yform div.type-button:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    display:block;
    margin:0.5em 0;
    padding:3px 0.5em;  
    position:relative;
    zoom:1; 
  }
  
  .yform div.type-button {padding:3px 0em;}
  
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform .type-text input,
  .yform .type-text textarea {
    display:block;
    position:relative;
    padding:0.3em 0.3em;
    width:58.5%;
  }

  .yform .type-select select {
    display:block;
    position:relative;
    padding:0.3em 2px 0.3em 1px;
    width:60%;
    cursor:pointer;
  }

  .yform .type-check input { cursor:pointer; }
  .yform .type-check label { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform .type-button input {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }

  /* Styling of error-messages | Fehlermeldungen */
  .yform div.error {padding:0.5em;}

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }

 /*------------------------------------------------------------------------------------------------------*/

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; margin-right: -3px; }
  .full div.type-select select { width:97.0%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:22%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */

    text-align:right;
    padding-right:10px;
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:24%; }
  .columnar div.error .message { margin-left:24%; }

  .columnar fieldset div.type-button,
  fieldset.columnar div.type-button { padding-left:30%; }

  .columnar div.type-text input { float:left; width:67.8%; margin-right: -3px; }
  .columnar div.type-text textarea { float:left; width:67.8%; margin-right: 0px; }
  .columnar div.type-select select { float:left; width:69.4%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width:67.2%; }
  * html .columnar div.type-select select { width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */

  .yform, 
  .yform div,
  .yform div * { zoom:1; }

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  
  /* all IE */
  .yform { padding-top:0\9; }
  .yform fieldset { padding:0 5px\9; padding-top:0em\9; }
  .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .yform fieldset { position:relative\9; overflow:visible\9; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:0em; }
  
  /* IE5.x & IE6 */
  * html .yform { padding-top:5px; }


/* FORMHANDLER COLORS
------------------------------------------------------------------------------------------------------*/
.yform {background-color: rgba(0,0,0,0.7);}
.ie7 .yform {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);  /* For IE 5.5 - 7*/  }
.ie8 .yform {-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";/* For IE 8*/ }

.yform UL, LI { margin:0; padding:0; }

.yform fieldset {border-bottom: 1px solid #7d7476;}

/*.yform fieldset:first-of-type {-moz-border-radius: 3px 3px 0px 0px;}*/
.yform fieldset:last-child {border:none; /*-moz-border-radius: 0px 0px 3px 3px;*/}

.yform fieldset P { font-size:11px; color:#333; margin:0; padding:0; line-height:15px;}
.columnar fieldset P { }
.columnar div.type-text label + textarea + p,
.columnar div.type-text label + input + p { padding:0 0 0 30%;}

.yform legend {font-weight:normal;}
.yform label { padding-top: 3px; /*6px;*/  padding-bottom:2px;}

.yform input,
.yform textarea,
.yform select, 
.yform optgroup {
  font-family: Verdana, Helvetica, sans-serif; /* proportional fonts for all form elements */
  font-size:12px;
  color:#fff;
  line-height:15px;  
}
.yform select {color:#000;}

.yform div.type-button INPUT.form-invalid:focus, .yform div.type-button INPUT.form-invalid:hover, .yform div.type-button  INPUT.form-invalid { color:red; }
.yform div.type-button INPUT.form-valid:focus, .yform div.type-button INPUT.form-valid:hover, .yform div.type-button  INPUT.form-valid { color:green; }

.columnar div.type-text textarea { width:97.8%;}
.columnar div.type-text label + textarea { width: 67.5%; /*67.8%*/}

.yform .type-text input,
.yform .type-text textarea,
.yform .type-select select {border:1px solid #7d7476; background:#484848; padding:7px 3px;}

.yform .type-text input.file { border-color:#F0F0F0;}

/* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
.yform div select:focus,
.yform div.type-text input:focus,
.yform div select:focus,
.yform div textarea:focus,
.yform div.type-text input:hover,
.yform div select:hover,
.yform div textarea:hover,
.yform div.type-text input:active,
.yform div select:active,
.yform div textarea:active {
  border:1px #e1007a solid;
  background-color: #fff;
  color:#444;
}

/* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
.yform .type-button input {
  border-top:1px #ddd solid;
  border-left:1px #ddd solid;
  border-right:1px #444 solid;
  border-bottom:1px #444 solid;
  /*color:#232526;*/
  background:#454545 url(../images/button_gray.png) top left repeat-x;
}

.yform .type-button input[type=reset],
.yform .type-button input[type=submit] {display: block;
    border: 1px solid #e21384;
    background: #e21384;  
    margin-right: 56px;
    float: right;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    min-width: 99px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }

/* optional button styling for IE6 using classes */
.yform .type-button input.reset { color:#fff; background:#e21384 url(../images/button-grey.png) top left repeat-x;}
.yform .type-button input.submit { color:#fff; background:#e21384 url(../images/button-grey.png) top left repeat-x; }

/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
.yform div.type-button input:focus,
.yform div.type-button input:hover,
/*.yform div.type-button input:active*/ {
  border-color:#B4B4B4; background-color:#F7F7F7; color:#333;
}

.yform .message { color:#666; }

/* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
.yform sup { color:#800; font-weight:bold; }

.yform .type-select select optgroup {
  font-style:normal;
  font-weight:bold;
}

.yform div.error {
  border:1px #a00 dashed;
  background:#faf4f4;
}

.yform LABEL.error { color:#a00; }

.yform div.error label { color:#232526; font-weight:bold; }
.yform div.error .message { color:#800; }


/* CSS3 spicing for mozilla and webkit */

button.classy,a.button.classy{height:34px;padding:0;position:relative;top:1px;margin-left:10px;font-family:helvetica,arial,freesans,clean,sans-serif;font-weight:bold;font-size:12px;color:#333;text-shadow:1px 1px 0 #fff;white-space:nowrap;border:none;overflow:visible;background:#ddd;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff',endColorstr='#e1e1e1');background:-webkit-gradient(linear,0% 0,0% 100%,from(#fff),to(#e1e1e1));background:-moz-linear-gradient(-90deg,#fff,#e1e1e1);border-bottom:1px solid #ebebeb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);box-shadow:0 1px 4px rgba(0,0,0,0.3);cursor:pointer;-webkit-font-smoothing:subpixel-antialiased!important;}
a.button.classy{display:inline-block;}
button.classy:hover,a.button.classy:hover{color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);border-bottom-color:#0770a0;background:#0770a0;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0ca6dd',endColorstr='#0770a0');background:-webkit-gradient(linear,0% 0,0% 100%,from(#0ca6dd),to(#0770a0));background:-moz-linear-gradient(-90deg,#0ca6dd,#0770a0);}
button.classy.mousedown,a.button.classy.mousedown{color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);background:#0ca6dd;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0ca6dd',endColorstr='#0770a0');background:-webkit-gradient(linear,0% 100%,0% 0,from(#0ca6dd),to(#0770a0));background:-moz-linear-gradient(90deg,#0ca6dd,#0770a0);}
button.classy.mousedown span,a.button.classy.mousedown span{background-position:0 -120px;}
button.classy::-moz-focus-inner{margin:-1px -3px;}

/*missing: glowing*/



.help { font:italic 12px Georgia,Times,serif; color:#A5B1B8;}

/* RF */
.columnar div.error .message { margin-bottom:0; }
.yform div.error  { margin: 0 0 5px; }

.yform .fileupload-info { list-style-type:none; margin-left:30%; padding:0; font-size:12px; line-height:18px; }
.yform .fileupload-info .label { font-weight:bold; }
.yform .fileupload-info .info { margin-right: 10px; }

.yform .fileupload-list { list-style-type:none; margin:0; padding:0; font-size:14px; line-height:20px; }

.yform .fileupload-list .formhandler_removelink { vertical-align: middle; padding: 2px 0 0 4px; }

.yform .uploadedfiles-label { display:block; font-weight:bold; font-size:14px; margin-bottom: 4px; }
.yform .uploadedfiles { margin-left: 30%; }
/*
.yform .type-file input[type=submit] { 
    color:#555; 
    background:#fff url(../images/button-grey.png) top left repeat-x; 
    -moz-border-radius: 3px 3px 3px 3px; 
    display: block;
    margin-left:15px; 
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    line-height: 100%;
    min-width: 99px;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
    text-transform: uppercase;
    border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
    border-right: 1px solid #B4B4B4;
    border-style: solid;
    border-width: 1px;
  }*/

/* optional button styling for IE6 using classes 
.yform .type-file input.submit { color:#555; background:#fff url(../images/button-grey.png) top left repeat-x; }*/

/* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus 
.yform div.type-file input:focus,
.yform div.type-file input:hover,
.yform div.type-file input:active {
  border-color:#B4B4B4; background-color:#F7F7F7; color:#333;
}*/

.yform UL.error-list { list-style-type:none; margin:0 0 10px 0;padding:0; }

.yform UL.error-list div.error {
  border:0;
  background:transparent;
}

.yform UL.error-list div.error .message { margin:0; }


/* Gal
----------------------------------------------------------------------------------------------------*/
#main ul.gallery-list {margin:0; padding:0}
#main ul.gallery-list li {float:left; margin:5px 10px 5px 0; list-style-type:none;}
#main ul.gallery-list li .img {padding:10px 10px 6px 10px; min-height:155px; min-width:200px; text-align:center}
#main .gallery-list .text {color:red; font-size:11px}

.ie7 .colLeft ul.gallery-list li,
.ie8 .colLeft ul.gallery-list li {height:195px; width:220px;}
.ie7 .colLeft .tx-chgallery-pi1 .single,
.ie8 .colLeft .tx-chgallery-pi1 .single  {width:160px; height:120px;}

/* GALLERY single element */
.tx-chgallery-pi1 .single {
  float:left; 
  padding:0;
  margin:5px;
}

.tx-chgallery-pi1 .single .img {
  /*width:160px;
  height:120px;
  background:url(gfx/bg.gif) no-repeat;
  line-height:126px;
  position:relative;*/
  border:0px solid #000
}
.tx-chgallery-pi1 .single .img a {margin:0; padding:0}
.tx-chgallery-pi1 .single .img:hover {border:0px solid #e1007a; cursor:pointer}
.tx-chgallery-pi1 .act .img {background: red ;}

.tx-chgallery-pi1 .single .img .align {
  width:160px;
  height:120px;
  /*position:absolute;
  top:50%;
  left:50%;*/
  text-align:center;
  display:block;
  /*margin-top:-53px;
  margin-left:-80px;*/
}

.tx-chgallery-pi1 .single .img .align_small {
  /*width:160px;
  height:120px;
  position:absolute;
  top:50%;
  left:50%;
  text-align:center;
  display:block;
  margin-top:-53px;
  margin-left:-80px;*/
}

.tx-chgallery-pi1 .single .img img {}

.tx-chgallery-pi1 .single span {
  display:block;
  /*margin:1px 5px;
  width:148px;
  min-height:20px;
  border:1px solid #f3f4f6;*/
  text-align:center;
}

* html .tx-chgallery-pi1 .single span {height:20px;}



.overview a,
.pagebrowser a {text-decoration:none}

.overview a:hover,
.pagebrowser a:hover {color:#fff}

.overview {padding:5px;background:#e30387}

.pagebrowser {background:#e30387}

.pagebrowser .first,
.pagebrowser .next,
.pagebrowser .prev,
.pagebrowser .last,
.pagebrowser .text {float:left; padding:5px 0} 

.pagebrowser .first a,
.pagebrowser .next a,
.pagebrowser .prev a,
.pagebrowser .last a,
.pagebrowser .text a {padding:5px}


/* Movie
----------------------------------------------------------------------------------------------------*/
.movie {margin-bottom: 10px}

/* DJ
----------------------------------------------------------------------------------------------------*/
.dj {}
.dj_img {float:left; width:190px; margin-right:20px}
.dj_top10 {float:left; width:460px; }

.csc-textpic img {margin:10px}
.csc-textpic-clear {margin:10px}

/* FOOTER/Sponsoren
----------------------------------------------------------------------------------------------------*/
#footer {width:920px; padding:10px; margin-bottom:10px}

/* CLEAR
----------------------------------------------------------------------------------------------------*/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.csc-textpic:after,
.clr:before, .clr:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.csc-textpic:after,
.clr:after { clear: both; }
.clr { zoom: 1; }

/* VEGAS
----------------------------------------------------------------------------------------------------*/
.vegas-loading {
  /* Loading Gif by http://preloaders.net/ */
  -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;
  background: url(images/loading.gif) no-repeat center center;
  /*background:rgba(0, 0, 0, 0.7) url(images/loading.gif) no-repeat center center;*/
  height:32px;
  left:20px;
  position:fixed;
  top:20px;
  width:32px; 
  z-index:0;
}

.vegas-overlay {
  background:transparent url(overlays/01.png);
  opacity:0.5;
  z-index:-1;
}

.vegas-background {
  image-rendering: optimizeQuality;
  -ms-interpolation-mode: bicubic;
  z-index:-2;
}

/* Colorbox
----------------------------------------------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxAddThis{position:relative;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{background:#fff; overflow:hidden; padding:20px 20px 0px 20px;-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:58px;}
        #cboxTitle{position:absolute; bottom:20px; text-align:center; width:100%; color:#4f4f4f;}
        #cboxCurrent{position:absolute; bottom:20px; left:380px; color:#4f4f4f;}
        #cboxSlideshow{position:absolute; bottom:20px; right:60px; color:#e1007a;}
        #cboxPrevious{position:absolute; top:0; left:5px; width:48%; height:92%; text-indent:-9999px; display:block;}
        #cboxPrevious:hover {background: url(images/cb_back.png) no-repeat 0 50%;}
        #cboxNext{position:absolute; top:0; right:5px; width:48%; height:92%; text-indent:-9999px;}
        #cboxNext:hover {background: url(images/cb_forward.png) no-repeat 100% 50%;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0px; right:15px; background:url(images/cb_close.png) no-repeat 0 0; width:120px; height:56px; text-indent:-9999px;}
        #cboxAddThis{position:absolute; bottom:15px;}
        #cboxAddThis #attoolbox a {float:left; display:block; width:32px; height:32px; margin-right: 5px}

/* Slider
----------------------------------------------------------------------------------------------------*/
.lof-slider_1 .lof-wrapper {position:relative;}
.lof-slider_1 .preload {background:#FFF; position:absolute; z-index:5; top:0; left:0;}
.lof-slider_1 .preload div {background:transparent url('../images/load-indicator.gif') no-repeat scroll 50% 50%;}
.lof-slider_1 .lof-main-outer {position:relative; overflow:hidden;}

/* main flash */
.lof-slider_1 .lof-main-wapper {
  padding:0;
  margin:0;
  position:absolute;
}
.lof-slider_1 .lof-main-wapper .lof-item {
  padding:0;
  margin:0;
  float:left;
  position:relative;
  overflow:hidden;  
}
.lof-slider_1 .lof-opacity  .lof-item {
  top:0;
  left:0;
  float:inherit;
  position:absolute;
}
.lof-slider_1 .lof-main-wapper .lof-item img {
  padding:0;
  margin:0;
  border:none;  
}

/* description */
.lof-slider_1 .lof-description {position:absolute; padding:0px; top:10px; right:10px; width:260px }
.lof-slider_1 .lof-description p {margin:0; padding:0;}
#main .lof-slider_1 .lof-description p {background:none; padding:0}
.lof-slider_1 .lof-description_black {background:url('../images/bg_trans.png');}
.lof-slider_1 .lof-description_white {background:url('../images/transparent_bg_white.png');}
.lof-slider_1 .lof-description_nobg {background:none;}
.lof-slider_1 .lof-description_black, .lof-slider_1 .lof-description_black a, .lof-slider_1 .lof-description_black a:visited {color:#FFF; text-decoration:none;}
.lof-slider_1 .lof-description_white, .lof-slider_1 .lof-description_white a, .lof-slider_1 .lof-description_white a:visited {color:#000; text-decoration:none;}
.lof-slider_1 .lof-description_nobg, .lof-slider_1 .lof-description_nobg a, .lof-slider_1 .lof-description_nobg a:visited {color:#000; text-decoration:none;}
.lof-slider_1 .lof-description_black a:hover, .lof-slider_1 .lof-description_white a:hover, .lof-slider_1 .lof-description_nobg a:hover {color:red; text-decoration:none;}
.lof-slider_1 .lof-description_black h3, .lof-slider_1 .lof-description_white h3, .lof-slider_1 .lof-description_nobg h3 {margin:0px;padding:10px 0 5px 0; }
.lof-slider_1 .lof-description_black h3, .lof-slider_1 .lof-description_black h3 a, .lof-slider_1 .lof-description_black h3 a:visited {color:#DDD; text-decoration:none;}
.lof-slider_1 .lof-description_white h3, .lof-slider_1 .lof-description_white h3 a, .lof-slider_1 .lof-description_white h3 a:visited {color:#444; text-decoration:none;}
.lof-slider_1 .lof-description_nobg h3, .lof-slider_1 .lof-description_nobg h3 a, .lof-slider_1 .lof-description_nobg h3 a:visited {color:#444; text-decoration:none;}
.lof-slider_1 .lof-description_black h3 a:hover, .lof-slider_1 .lof-description_white h3 a:hover, .lof-slider_1 .lof-description_nobg h3 a:hover {color:red; text-decoration:none;}

/* CSS3 Style */
.lof-slider_1 .lof-css3 { 
  -moz-box-shadow:0 0 10px #333; 
  -webkit-box-shadow:0 0 10px #333; 
  box-shadow: 0 0 10px #333;
overflow:hidden; 
}
.lof-slider_1 .lof-css3 .lof-navigator-wapper {
  -moz-box-shadow:0 0 8px #CCC;
  -webkit-box-shadow:0 0 8px #CCC;
  box-shadow: 0 0 8px #333;
}
.lof-slider_1 .lof-css3 .lof-description, .lof-slider_1 .lof-css3 .lof-description_black, .lof-slider_1 .lof-css3 .lof-description_white {
  -moz-box-shadow:0 0 3px #333;
  -webkit-box-shadow:0 0 3px #333;
  box-shadow: 0 0 3px #333;
}

/* ICONS etc. */
.lof-slider_1 .author_icon {
  background: url('../icons/icon_author.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 20px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_1 .date_icon {
  background: url('../icons/icon_calendar.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 20px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_1 .category_icon {
  background: url('../icons/icon_category.png') 0 0 no-repeat;
  font-size: 80%;
  padding:0 0 0 22px;
  margin:0 10px 0 0;
  line-height:4em;
}
.lof-slider_1 .author, .lof-slider_1 .category, .lof-slider_1 .date {margin:0 7px 0 0;  font-size: 80%;}


/*******************************************************/

/* item navigator */
.lof-slider_1 .lof-horizontal {position:absolute; bottom:10px; right:0px; padding: 14px 10px 10px 10px;}
.lof-slider_1 .lof-navigator-wapper {z-index:4;}
.lof-slider_1 .lof-navigator-wapper_black {background:url('../images/bg_trans.png');}
.lof-slider_1 .lof-navigator-wapper_white {background:url('../images/transparent_bg_white.png');}
.lof-slider_1 .lof-navigator-wapper_nobg {background:transparent;}
.lof-slider_1 .lof-navigator-outer {
  position:relative;
  overflow:hidden;
  float:left;
  left:20px;
}
#main .lof-slider_1 .lof-navigator {
  top:0;
  padding:0;
  margin:0;
  position:absolute;
}
.lof-slider_1 .lof-navigator li {
  cursor:pointer;
  list-style:none;
  padding:0;
  margin:0;
  overflow:hidden;
  float:left;
  display:block;
  text-align:center;
}
.lof-slider_1 .lof-navigator li img {border:#666 solid 2px;}
.lof-slider_1 .lof-navigator li.active img, .lof-slider_1 .lof-navigator li:hover img {border:#A8A8A8 solid 2px;}
.lof-slider_1 .lof-navigator-wapper .lof-next, .lof-slider_1 .lof-navigator-wapper .lof-previous {display:block; cursor:pointer;}
.lof-slider_1 .lof-navigator-wapper .lof-next {float:left; text-indent:-9999px; margin-right:0px; background:url('images/arrow-r.png') no-repeat right center;}
.lof-slider_1 .lof-navigator-wapper .lof-previous {float:left; text-indent:-9999px; margin-left:0px; background:url('images/arrow-l.png') no-repeat left center;}


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}