/* =============================================================================
   Layout: OTW GmbH | www.ontop-werbung.de
   ========================================================================== */
html, body {
  height: 100%;
  color: #333333;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  background-image: url(../images/common/bg.png);
  background-repeat: repeat-x;
  background-color: #fff;
}
.Stage {
  min-height: 100%;
  height: auto!important;
  height: 100%;
  overflow: hidden!important;
  background-image: url(../images/common/glow.png);
  background-repeat: no-repeat;
  background-position: center top;
}
/* Responsive */
.cbQuickGoogleMap img {
  max-width:inherit;
  width:inherit;
  height:inherit;
}
img, audio, video, embed {
  max-width: 100%;
  width: auto;
  height: auto;
}
/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap, DIV.csc-textpic-below DIV.csc-textpic-imagewrap, DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI, DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
  float: none;
}
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0px;
}

.csc-textpic-image IMG {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}


.nav-tabs > li > a {
  background-color: #f4f4f4;
  border-bottom:1px solid #ddd;}


.well {
  /*background-color: #ffffff;*/
    background-image: -moz-linear-gradient(right bottom , #ffffff, #eeeeee);
    background-repeat: repeat-x;
  border:none;
  }
  
/* =============================================================================
   PAGE
   ========================================================================== */

#Page {
}
#Page .PageContainer {
}
#Page .container {
  padding: 0 20px;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width: 979px) {
.Stage {
  background-color: #fff;
}
#Page .container {
  padding: 0 10px;
  background-color: #fff;
}
}
 @media (max-width: 767px) {
.Stage {
  background-color: #fff;
}
#Page .container {
  padding: 0;
  background-color: #fff;
}
}
/* =============================================================================
   HEADER
   ========================================================================== */
#Header {
  display:block;
}
#Header .HeaderContainer {

}
#Header .container {
  padding: 0;
  box-shadow: none;
}

#Header .HeaderContainer .row {
  background-image: url(../images/common/bg-logo.gif);
  background-repeat: no-repeat;
  background-position: 45px bottom;
  height:98px;
}

#Header .HeaderContainer .Logo {
  margin-top: 10px;
}
#Header .HeaderContainer .nav-pills > li > a {
  border-radius: 0px;
}
#Header .HeaderContainer .Logo {
  margin-top: 17px;
}


/* =============================================================================
   NAVIGATION
   ========================================================================== */
#Navigation {
  margin-top: -45px;
}
#Navigation .container {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
}
#Navigation .NavigationContainer {
}
#Navigation .NavigationContainer .navbar {
  margin: 0;
}
#Navigation .NavigationContainer .navbar-inner {
  background-color: transparent;
  background-image: none;
  box-shadow: none;
  border-radius: 0px;
  padding: 0;
  margin: 0;
}
#Navigation .NavigationContainer .navbar .nav > li {
  margin-top: 12px;
}
#Navigation .NavigationContainer .navbar .nav > li > a {
  color: #000;
  text-shadow: none;
  margin: 0;
  padding: 4px 10px 4px 10px;
}
#Navigation .NavigationContainer .navbar .nav .caret {
  border-bottom-color: #000;
  border-top-color: #000;
  margin-top: 10px;
}
#Navigation .NavigationContainer .navbar .nav .active > a, #Navigation .NavigationContainer .navbar .nav .active > a:hover {
  background-color: #A78D7D;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
  color: #FFF;
}
#Navigation .NavigationContainer .navbar .nav .active > a .caret, #Navigation .NavigationContainer .navbar .nav > li > a:hover .caret, #Navigation .NavigationContainer .navbar .nav .open .caret {
  border-bottom-color: #fff;
  border-top-color: #fff;
  margin-top: 10px;
}
#Navigation .NavigationContainer .navbar .nav .open > a, #Navigation .NavigationContainer .navbar .nav > li > a:hover {
  background-color: #A78D7D;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
  color: #FFF;
}
.navbar .pull-right .dropdown-menu:after, .navbar .dropdown-menu.pull-right:after, .navbar .pull-right .dropdown-menu:before, .navbar .dropdown-menu.pull-right:before {
  display: none;
}
#Navigation .NavigationContainer .dropdown-menu {
  border-radius: 0px;
  margin-top: 0;
}
#Navigation .NavigationContainer .dropdown-menu a {
  border-bottom:1px solid #fff;
  font-size:12px;
  padding: 3px 10px;
  font-size:11px;
}

#Navigation .NavigationContainer .dropdown-menu a:before {
    content: "» ";
    margin-right: 5px;
  color:#ccc;
}


#Navigation .NavigationContainer .navbar .nav .dropdown-menu li > a:hover, #Navigation .NavigationContainer .navbar .nav .dropdown-menu .active > a, #Navigation .NavigationContainer .navbar .nav .dropdown-menu .active > a:hover {
  background-color: #f4f4f4;
  color: #000;
  box-shadow: none;
}
/* =============================================================================
   MOBILNAVIGATION
   ========================================================================== */
#MobileNav {
}
#MobileNav .MobileNavContainer {
}
/* =============================================================================
   CONTENT
   ========================================================================== */
#Content {
}
#Content .container {
  padding: 0;
  box-shadow: none;
}


#Index #Content .ContentContainer {
  padding-bottom:0px;
}

#Content .ContentContainer {
  padding-bottom:50px;
}




/* =============================================================================
   KEYVISUAL
   ========================================================================== */
#Index #KeyVisual {
  margin-bottom: 40px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}


#Corporate #KeyVisual {
  margin-bottom: 22px;
  box-shadow: none;
}
#KeyVisual .KeyVisualContainer {
}
#KeyVisual {
  margin-bottom: 0px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
#Corporate #KeyVisual {
  min-height: 200px;
  padding: 25px 0 0 0;
  background-color: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#Corporate #KeyVisual .corporate-unit {
  margin-top: 50px;
  background-color: #ffffff;
    background-image: -moz-linear-gradient(right bottom , #ffffff, #eeeeee);
    background-repeat: repeat-x;
  padding: 20px;
  box-shadow: none;
  border-radius: 0px 20px 0px 20px;
}
#Corporate #KeyVisual .corporate-headline {
  font-size: 28px;
  font-weight: 200;
  color: #A78D7D;
  margin-bottom: 10px;
}
#Corporate #KeyVisual .corporate-text {
  font-size: 14px;
  color:#888;
}
#Corporate #KeyVisual .corporate-image {
  padding-right: 0px;
}
#Corporate #KeyVisual .corporate-image IMG {
  float: right;
}
/* =============================================================================
   BREADCRUMB
   ========================================================================== */
#Breadcrumb {
  font-size: 11px;
  color: #999;
}
#Breadcrumb .BreadcrumbContainer {
}
#Breadcrumb ul.breadcrumb {
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
/* =============================================================================
   SIDEBAR
   ========================================================================== */
#Sidebar {
}
#Sidebar .SidebarContainer {
}
/* =============================================================================
   SIDENAVIGATION
   ========================================================================== */
#SideNav {
  margin-bottom: 25px;
}
#SideNav .nav-list li a:before {
    content: "» ";
  color:#999;
  margin-right:5px;
}
#SideNav .nav-list li > a {
  /*background-color: #f4f4f4;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);*/
  border-bottom: 1px #eee solid;
  padding: 5px 15px;
  color: #000;
  font-weight:200;
  
}
#SideNav .nav-list li > a:hover {
  background-color: #eee;
}
#SideNav .nav-list > .active > a {
  background-color: #E3E3E3;
    background-image: -moz-linear-gradient(right bottom , #ffffff, #eeeeee);
    background-repeat: repeat-x;
  /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset;*/
  color: #000;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
  font-weight:normal;
}
#SideNav ul.nav-list ul.sub-menu {
  margin: 0;
  padding: 0;
}
#SideNav ul.nav-list ul.sub-menu li > a:before {
  color: #666666;
  content: "» ";
}
#SideNav ul.nav-list ul.sub-menu li > a {
  font-size: 90%;
  padding-left: 30px;
  color: #000;
}
#SideNav h2 {font-size: 16px;
  letter-spacing:normal;
  font-weight:200;
  color:#999;}
/* =============================================================================
   SIDECONTENT
   ========================================================================== */
#SideContent {
  margin-bottom: 25px;
}
/* =============================================================================
   MAIN
   ========================================================================== */
#MainContent {
}
#MainContent .MainContainer {
}

#MainContent .MainContainer .Center {
  text-align:center;
}
#MainContent .MainContainer .Center li {
  list-style:none;
  line-height:20px;
}
#MainContent .MainContainer h1 {
  font-size: 30px;
    font-weight: 400;
  color:#A78D7D;
  margin-bottom:5px;
  display:block;
  border-bottom:none;
  letter-spacing:-1px;
}

#MainContent .MainContainer .tabcontent h1.csc-firstHeader,
#MainContent .MainContainer .tabcontent h1 {
  font-size: 20px;
    font-weight: 200;
  color:#A78D7D;
  margin-bottom:5px;
  display:block;
  border-bottom:none;
}

#MainContent .MainContainer .tabcontent .Center h2.csc-firstHeader,
#MainContent .MainContainer .tabcontent .Center h2 {
  font-size: 20px;
    font-weight: 200;
  color:#A78D7D;
  margin-bottom:5px;
  display:block;
  border-bottom:none;
}

#MainContent .MainContainer h2.csc-firstHeader {
  font-size: 30px;
    font-weight: 200;
    letter-spacing: -1px;
  color:#A78D7D;
  margin-bottom:5px;
}

#MainContent .MainContainer .tabcontent h2.csc-firstHeader,
#MainContent .MainContainer .tabcontent h2 {
  font-size: 20px;
    font-weight: 200;
  color:#A78D7D;
  margin-bottom:5px;
  display:block;
  border-bottom:#eee solid 1px;
}

#MainContent .MainContainer .tabcontent .td-last {
  white-space:nowrap;
  text-align:right;
  width:120px;
  }

#Index #MainContent .MainContainer .csc-header + p.bodytext {
  margin-top:0px;
}
#MainContent .MainContainer .csc-header + p.bodytext {
  margin-top:20px;
}
#MainContent .MainContainer h2 + p.bodytext {
  margin-top:20px;
}

#Page #MainContent .MainContainer p.bodytext {
  line-height:20px;
}
#MainContent .MainContainer h2 {
  font-size: 24px;
    font-weight: 200;
    letter-spacing: 0px;
  color:#A78D7D;
}

#MainContent .MainContainer h3 {
  font-size: 18px;
    font-weight: 200;
    letter-spacing: 0px;
  color:#999;
  margin-bottom:10px;
}

#MainContent .MainContainer h4 {
  font-size: 14px;
  letter-spacing:normal;
  font-weight:bold;
  padding-bottom:3px;
  border-bottom:3px solid #eee;
  margin-bottom:15px;
}

#MainContent .MainContainer .csc-textpic-imagerow ul {
  margin-bottom:0px;
  margin-top:0px;
}

#MainContent .MainContainer ul {
  margin-bottom:20px;
  margin-top:20px;
}
#MainContent .MainContainer ul li {
  color:#666;
  padding-bottom:5px;
}

#MainContent .MainContainer ul.tabs-list li {
  padding-bottom:0px;
}

#MainContent .MainContainer .tabcontent .csc-header h4 {
  margin-bottom:10px;
}
#MainContent .MainContainer .tabcontent .csc-header + p.bodytext {
  margin-top:0px;
  margin-bottom:25px;
}


#MainContent .MainContainer:after {
  clear: both;
}
#MainContent .MainContainer:after {
  content: "";
  display: table;
}
#MainContent .MainContainer .nav-tabs > li > a {
  border-radius: 0px;
  font-size:11px;
}
#MainContent .MainContainer .tab-content {
  padding: 0;
}
.tabcontainer { margin:20px 0;}
.tab-content .tabhead {
  display:none;
}

/*.tab-content .Impressionen { margin:0;}

#MainContent .MainContainer .tab-content .Impressionen h2 {
    color: #999999;
    font-size: 24px;
    font-weight: 200;
    letter-spacing: -1px;
  border-bottom:none;
}*/

#MainContent .MainContainer .contenttable {
  width:100%;
  margin-bottom:30px;
}
#MainContent .MainContainer .contenttable td {
    border-top: 1px solid #eee;
  border-right: 1px solid #fff;
    line-height: 20px;
    padding:3px 2px;
    text-align: left;
    vertical-align: top;
  padding-left:5px;
}

#MainContent .MainContainer .contenttable th {
  text-align:left;
  padding-left:5px;
}

#MainContent .MainContainer .contenttable.table-striped tbody tr:nth-child(2n+1) td {
  background-color:#f3f3f3;}

.teasermenu { margin:40px auto;}
.teasermenu .shadow {
  }


#MainContent .MainContainer .teasermenu ul { margin:0; padding:0; list-style:none; padding-right:0;}
.teasermenu ul li{ float:left; margin-right:25px; margin-bottom:25px; overflow:hidden; 
background-color:#f3f3f3;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);  }
.teasermenu ul li img { float:left;}
.teasermenu dl { margin-bottom:0px; background-color:#CCC;}
.teasermenu dl dt { font-size:12px; font-weight:normal; float:left; padding-left:5px; padding-top:3px;}
.teasermenu dl dd { line-height:normal; font-size:12px; color:#0084b8; margin-left:0px;}


#MainContent .MainContainer .csc-sitemap li {margin-bottom:10px; font-weight:bold; }
#MainContent .MainContainer .csc-sitemap li ul { margin-top:10px; margin-bottom:10px;}
#MainContent .MainContainer .csc-sitemap li ul li { float:none; list-style:circle; margin-bottom:0; font-weight:normal;}
#MainContent .MainContainer .csc-sitemap li ul li a { color:#333;}

/* =============================================================================
   NEWS
   ========================================================================== */
.news-list-container { margin-top:25px;}

.news-list-item h2 { line-height:26px; font-size:20px; font-weight:200; width:80%; margin-top:0px; margin-bottom:10px;}
.news-list-item a {  }
.news-list-item a:hover { text-decoration:none;}
.news-list-item IMG { border:4px solid #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);} 
.news-list-item p { font-weight:400; line-height:1.5; } 
.news-list-item .news-list-date { font-size:11px;}
.news-list-item .news-content { padding-left:230px;}
.news-list-item .news-image { float:left; }
.news-list-item .news-list-morelink { margin-left:2px; }



.news-single-item { padding:0;}
.news-single-item h1 { font-weight:200; font-size:24px; line-height:1.5; color:#A78D7D;}
#MainContent .MainContainer .news-single-item h2 { font-weight:200; font-size:18px; line-height:1.5; margin-bottom:20px; color:#333; width:80%;}
.news-single-item .news-single-img {  } 
.news-single-item IMG { border:4px solid #fff;  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075);  margin-right:20px; margin-bottom:20px;} 
.news-single-item p { padding-bottom:15px; line-height:20px; } 
.news-single-item p.news-single-imgcaption { display:none;}

.news-single-item .news-single-additional-info dt { margin-bottom:10px; font-weight:200; font-size:16px; color:#999;}
#c160 h4 { margin-bottom:10px; font-weight:200; font-size:16px; color:#999;}
.news-single-item .news-single-additional-info dd { margin:0;}



/* =============================================================================
   FOOTER
   ========================================================================== */
#Footer {
  margin-top: 15px;
  color: #333;
}
#Footer .container {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
#Footer .FooterContainer {
}
#Footer .FooterContainer .FooterText {
  font-size: 11px;
  font-family: Helvetica, Arial, sans-serif;
}
#Footer .FooterContainer .FooterText ul {
  margin-top: -10px;
}
#Footer .FooterContainer .FooterText .nav-pills > li > a {
  color: #333;
  padding-left: 0;
}
#Footer .FooterContainer .FooterText .nav-pills > li > a:hover {
  background-color: transparent;
  text-decoration: underline;
}
#Footer .FooterContainer .FooterText .nav-pills > .active > a, .nav-pills > .active > a:hover {
  background-color: transparent;
  text-decoration: underline;
}
/* =============================================================================
   STUFF
   ========================================================================== */
   
.formErrorContent {
  display: none;
}
#Index .hero-unit {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
  padding: 19px;
}

#Index .hero-unit h2 {
  padding-bottom:9px;
}

#Index .hero-unit p.bodytext {
  padding-bottom:6px;
}

#Index .hero-unit IMG {
  border: 6px #fff solid;
}


.Impressionen {
  margin: 20px 0 8px;
}

#Index .Impressionen IMG {
  border: 6px #fff solid;
  margin-right: 15px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.Impressionen IMG {
  margin-right: 15px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}


#MainContent .MainContainer .Impressionen h2 {
  font-size: 16px;
  border-bottom: solid 3px #eee;
  margin-bottom: 20px;
  font-weight: 200;
  letter-spacing:normal;
  line-height:normal;
}
.Impressionen DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: none;
  margin-bottom: 20px;
  margin-right: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.Impressionen DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{
  margin-bottom:10px;}
.Impressionen DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT IMG{
  margin-bottom:0px;}

.Kunden {
  margin: 40px 0 30px 20px;
}
.Kunden DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: none;
  margin-bottom: 50px;
  margin-right: 30px;
  box-shadow: none;
}






#Index .Stoerer {
  background-color: #f4f4f4;
  /* background-image: -moz-linear-gradient(center top , #dddddd, #f4f4f4);
    background-repeat: repeat-x;*/
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  margin-bottom: 17px;
}

#Index .Stoerer .bild IMG {
  
}

#Index .Stoerer .content {
  min-height: 150px;
  position: relative;
  background-image: url(../images/common/gray-bg.gif);
  background-repeat: repeat-x;
  background-position: center -10px;
}

#Index .Stoerer .text {
  padding: 10px 10px 0;
  border-top:#FFF solid 1px;
}

#Index .Stoerer .text .date {
  color:#A78D7D;
  float:left;
  margin-right:6px;
}

#Index .Stoerer .text .entry {
  padding-bottom:4px;
}
#Index .Stoerer .text .entry a {
  border-bottom:dotted 1px #999;
  color:#333;
  display:block;
  padding-bottom:5px;
}


#Index .Stoerer h2 {
  font-size: 13px;
  font-weight: bold;
  color: #A78D7D;
  letter-spacing:normal;
}
#Index .Stoerer .more {
  margin-left:10px;
  position: absolute;
    top: 140px;
}
#Index .Stoerer .more a {
    background-color: #A78D7D;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    padding: 3px 10px 3px 5px;
    text-decoration: none;
}
#Index .Stoerer .more a:hover {
    background-color: #999999;
}
#Index .Stoerer .more a:before {
    content: "» ";
  color:#fff;
  margin-right:5px;
}
#Index .Stoerer ul {
  padding: 0;
  margin-left: 0;
}
#Index .Stoerer ul li {
  list-style: none;
}
#Index .Stoerer ul li span.small {
  color: #333;
}
#top-link {
  display: none;
  position: fixed;
  right: 5px;
  bottom: 5px;
  color: #555;
  text-decoration: none;
  background: #ddd;
  padding: 5px 10px;
  font-size: 11px;
}
#top-link:hover {
  background: #E3E4E4;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
#Index .flex-caption {
  background-color: inherit;
}
#Index .flex-caption strong {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
  font-weight: normal;
  padding: 5px 10px;
  text-shadow: none;
  font-size: 40px;
  line-height: normal;
  float: left;
  position: absolute;
  top: -100px;
      font-weight: 200;
    letter-spacing: -1px;
}
#Index .flex-caption span {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  padding: 5px;
  text-shadow: none;
  float: left;
  position: absolute;
  top: -35px;
  width: 50%;
      font-weight: 200;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

table caption {
  text-align:left;
  padding:10px 0;
  width:80%;
  font-style:italic;}

td {
  vertical-align: top;
}
table.preise {
  font-size: 95%;
  width: 100%;
  margin-top: 25px;
}
table.preise th {
  background-image: url("../images/common/breadcrumb-bg.gif");
  background-color: #eee;
  border-bottom-color: #eee;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  font-size: 110%;
  padding: 0;
  padding-right: 5px;
  text-align: right;
  text-shadow: 1px 1px 0 #FFFFFF;
}
table.preise td {
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border-right: 1px dotted #eee;
  text-align: right;
  white-space: nowrap;
}
table.preise .td-0 {
  text-align: left;
  white-space: normal;
}
table.preise tr {
  border-bottom-color: #eee;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
table.preise tr:hover {
  background-color: #f4f4f4;
}
.ka-panel h2 {
  font-size: 12px;
  line-height: normal;
  padding: 5px 10px;
}
.ka-panel.close {
  float: none;
  opacity: 1;
  text-shadow: none;
  background-color: #eee;
}
.ka-content table {
  margin-top: 0px;
}


div.tx-powermail-pi1 {
    font-family: Calibri,Arial,sans-serif;
    font-size: 14px;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
fieldset.tx-powermail-pi1_fieldset input {
    margin-left: 0;
}
fieldset.tx-powermail-pi1_fieldset {
    margin-bottom: 10px;
    padding: 10px 10px 10px 0px;
  
}
fieldset.tx-powermail-pi1_fieldset legend {
    color: #A78D7D;
    font-size: 16px;
  line-height:25px;
    margin: 3px 10px 20px 0;
    white-space: normal;
  float:left;
  background-color:#fff;
  padding-left:0px;
}
fieldset.tx-powermail-pi1_fieldset label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    width: 270px;
  line-height:25px;
}
div.tx_powermail_pi1_fieldwrap_html {
    clear: both;
    margin: 0 0 0.5em;
  line-height:31px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset input.powermail_date, fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, fieldset.tx-powermail-pi1_fieldset textarea, fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
    border: 1px solid #CCCCCC;
    font-family: Calibri,Arial,sans-serif;
    padding: 3px;
    width: 300px;
  border-radius:0;
}

fieldset.tx-powermail-pi1_fieldset select {
    border: 1px solid #CCCCCC;
    font-family: Calibri,Arial,sans-serif;
    padding: 3px;
    width: 308px;
  border-radius:0;
}


fieldset.tx-powermail-pi1_fieldset textarea {
    height: auto;
}
div.tx_powermail_pi1_fieldwrap_html_radio fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}
fieldset.tx-powermail-pi1_fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title {
    color: #1E5799;
    float: none;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
div.tx_powermail_pi1_fieldwrap_html_radio {
    padding-bottom: 10px;
}
p.tx_powermail_pi1_fieldwrap_html_radio_title {
    color: #1E5799;
    display: inline;
    font-weight: bold;
}
div.powermail_radio_inner {
}
div.powermail_radio_inner label {
    clear: none;
    float: left;
    font-weight: normal;
    margin-left: 10px;
    width: 365px;
}
div.powermail_radio_inner input {
    clear: left;
    float: left;
}
div.tx_powermail_pi1_fieldwrap_html_check {
    padding-bottom: 0px;
}
div.tx_powermail_pi1_fieldwrap_html_check fieldset,
tx_powermail_pi1_fieldwrap_html_radio_title fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
}
fieldset.tx-powermail-pi1_fieldset legend.tx_powermail_pi1_fieldwrap_html_checkbox_title,
fieldset.tx-powermail-pi1_fieldset legend.tx_powermail_pi1_fieldwrap_html_radio_title {
    float: left;
    margin: 0;
    padding: 0;
  width:270px;
  background-color:inherit;
  border:none;
  font-size:inherit;
  color:inherit;
  font-weight:bold;
}

div.powermail_check_inner,
div.powermail_radio_inner {
  float:left;
  width:auto;
  margin-top:3px;
  
  }
div.powermail_check_inner label,
div.powermail_radio_inner label {
    clear: none;
    float: left;
    font-weight: normal;
    margin-left: 5px;
  width:auto;
  margin-right:20px;
  margin-top:-2px;
}
div.powermail_check_inner input {
    clear: left;
    float: left;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_time, fieldset.tx-powermail-pi1_fieldset input[type="time"] {
    margin-left: 9px;
    width: 88px;
}
fieldset.tx-powermail-pi1_fieldset input.date {
    width: 300px !important;
}
fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_date input.date {
    width: 300px !important;
  margin-bottom: 9px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit
 {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #A2A2A2;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 14px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
  margin-left:270px;
}
div.tx_powermail_pi1_fieldwrap_html label a, div.tx_powermail_pi1_fieldwrap_html p a, legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a, legend.tx_powermail_pi1_fieldwrap_html_radio_title a {
    cursor: help;
    text-decoration: none;
  top:-2px;
  margin-left:2px;
  position:relative;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn, div.tx_powermail_pi1_fieldwrap_html p a dfn, legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a dfn, legend.tx_powermail_pi1_fieldwrap_html_radio_title a dfn {
    display: none;
    text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn, div.tx_powermail_pi1_fieldwrap_html p a:hover dfn, legend.tx_powermail_pi1_fieldwrap_html_checkbox_title a:hover dfn, legend.tx_powermail_pi1_fieldwrap_html_radio_title a:hover dfn {
  background-color:#eee;
  color: #444444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    display: block;
  font-size:12px;
  font-weight:normal;
    font-style: normal;
    padding: 2px 10px;
    position: absolute;
  white-space:nowrap;
}
img.icon_info {
    padding: 2px 2px 0;
}
input.tx_powermail_pi1_submitmultiple_back {
    background: -moz-linear-gradient(center top , #1E5799 0%, #2989D8 50%, #207CCA 51%, #7DB9E8 100%) repeat scroll 0 0 transparent;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 5px #AAAAAA;
    color: white;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px;
}
input.tx_powermail_pi1_submitmultiple_forward {
    background: -moz-linear-gradient(center top , #1E5799 0%, #2989D8 50%, #207CCA 51%, #7DB9E8 100%) repeat scroll 0 0 transparent;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 5px #AAAAAA;
    color: white;
    cursor: pointer;
    float: right;
    font-weight: bold;
    padding: 5px 20px;
}
p.powermail_pagebrowser {
    color: #1E5799;
    font-weight: bold;
    padding-left: 10px;
}
div.fieldsets {
    clear: both;
}
div.powermail_multiple_js fieldset.tx-powermail-pi1_fieldset.ui-tabs-hide {
    display: none;
}
ul.powermail_multiplejs_tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.powermail_multiplejs_tabs li {
    float: left;
    list-style-type: none;
    margin: 0 1px 0 0;
    padding: 0;
}
ul.powermail_multiplejs_tabs li a {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%) repeat scroll 0 0 transparent;
    border-left: 1px solid #EEEEEE;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #EEEEEE;
    border-top: 1px solid #DDDDDD;
    color: #1E5799;
    display: block;
    font-weight: bold;
    outline: medium none;
    padding: 10px;
    text-decoration: none;
}
ul.powermail_multiplejs_tabs li a.act {
    margin-top: -5px;
    padding: 15px 10px 10px;
}
.powermail_mandatory_helper {
    height: 1px;
    position: absolute;
    visibility: hidden;
}
.placeholder {
    color: #CCCCCC !important;
}
.error {
    background: -moz-linear-gradient(center top , #FFB76B 0%, #FFA73D 45%, #FF7C00 56%, #FF7F04 100%) repeat scroll 0 0 transparent;
    border-left: 1px solid #FFAF56;
    border-radius: 2px 2px 2px 2px;
    border-right: 1px solid #FFAF56;
    border-top: 1px solid #FFAF56;
    box-shadow: 3px 3px 5px #EEEEEE;
    color: #FFFFFF;
    font-size: 11px;
    height: auto;
    overflow: visible !important;
    padding: 3px 10px 5px;
    text-align: left;
    z-index: 10;
}
.error p {
    font-family: Calibri,Arial,sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
html:root .error em {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FF7E03 transparent -moz-use-text-color;
    border-style: solid solid none;
    border-width: 10px 10px 0;
    bottom: -15px;
    display: block;
    height: 5px;
    left: 5px;
    overflow: visible;
    position: absolute;
}
td.powermail_all_td {
    padding: 3px 10px 3px 0;
}
td.powermail_all_label {
    font-weight: bold;
  white-space:nowrap;
  width:280px;
}
td.powermail_all p.bodytext {
    margin: 0;
}
#calroot {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 15px #666666;
    font-family: Calibri,Arial,sans-serif;
    font-size: 11px;
    margin-top: -1px;
    padding: 2px;
    width: 198px;
    z-index: 10000;
}
#calhead {
    height: 12px;
    padding: 2px 0;
}
#caltitle {
    color: #FA8800;
    float: left;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #DDDDDD;
    width: 155px;
}
#calnext, #calprev {
    background: url("../img/prev.gif") no-repeat scroll center center transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
}
#calnext {
    background-image: url("../img/next.gif");
    float: right;
}
#calprev.caldisabled, #calnext.caldisabled {
    visibility: hidden;
}
#caltitle select {
    font-size: 10px;
}
#caldays {
    border-bottom: 1px solid #DDDDDD;
    height: 14px;
}
#caldays span {
    display: block;
    float: left;
    text-align: center;
    width: 28px;
}
#calweeks {
    background-color: #FFFFFF;
    margin-top: 4px;
}
.calweek {
    clear: left;
    height: 22px;
}
.calweek a {
    color: #666666;
    display: block;
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-left: 1px;
    text-align: center;
    text-decoration: none;
    width: 27px;
}
.calweek a:hover, .calfocus {
    background-color: #DDDDDD;
}
a.calsun {
    color: red;
}
a.caloff {
    color: #CCCCCC;
}
a.caloff:hover {
    background-color: #F5F5FA;
}
a.caldisabled {
    background-color: #EFEFEF !important;
    color: #CCCCCC !important;
    cursor: default;
}
#calcurrent {
    background-color: #498CE2;
    color: #FFFFFF;
}
#caltoday {
    background-color: #333333;
    color: #FFFFFF;
}
.slider {
    background: url("../img/h30.png") repeat-x scroll 0 0 #3C72E6;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 8px #000000 inset;
    clear: right;
    cursor: pointer;
    float: left;
    height: 9px;
    margin-top: 10px;
    position: relative;
    width: 300px;
}
.progress {
    background-color: #C5FF00;
    display: none;
    height: 9px;
    opacity: 0.6;
}
.handle {
    background: url("../img/h30.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    border-radius: 14px 14px 14px 14px;
    box-shadow: 0 0 6px #000000;
    cursor: move;
    display: block;
    height: 28px;
    margin-top: 1px;
    position: absolute;
    top: -12px;
    width: 28px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text.range {
    float: left;
    margin: 0 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 50px;
}


.tx-powermail-pi1 .tx-powermail-pi1_confirmation p { font-size:20px; color:#BD362F; margin-top:25px; margin-bottom:25px; font-weight:bold;}

.tx-powermail-pi1 .tx-powermail-pi1_confirmation table { margin-bottom:20px; }
.tx-powermail-pi1 .tx-powermail-pi1_confirmation .tx_powermail_pi1_formconfirmation_back { margin-left:290px; float:left; margin-right:15px; }




#calroot select#calmonth { width:90px; padding:1px; height:auto; line-height:normal;}
#calroot select#calyear { width:50px; padding:1px; height:auto; line-height:normal;}


#onlinebewerbung .powermail_check_inner {
  float:left;
  width:300px;
  margin-top:3px;
  
  }
#onlinebewerbung .powermail_check_inner label {
    float: left;
    font-weight: normal;
  margin-top:-2px;
}
#onlinebewerbung fieldset { margin-bottom:0px; padding:0;}
#onlinebewerbung .powermail_uid17 { background-color:#FFF; border:none; box-shadow:none; font-size:16px;}




/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Additional Resets */
.slides li,
.flex-control-nav li,
.flex-direction-nav li { margin: 0; list-style-type: none; }


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: none; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1; display:none;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; display:none;}

/* Direction Nav */
.flex-direction-nav {*height: 0; padding: 0;} /*fix for IE 7 */
.flex-direction-nav li a {width: 26px; height: 26px; margin: -13px 0 0; display: block; background: url(../Images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 45%; cursor: pointer; text-indent: -9999px; opacity: 0.8; filter:alpha(opacity=80); }
.flex-direction-nav li a:hover  { opacity: 1; filter:alpha(opacity=100); }
.flex-direction-nav li .next {background-position: -30px 0; right: 10px;}
.flex-direction-nav li .prev {left: 10px;}tx-powermail-pi1_confirmation
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; top: 328px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  cursor: pointer;
  text-indent: -999em;
  background-image: url(../images/common/bullets.png);
  background-repeat: no-repeat;
}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

h5 {font-size:10px}

td h5 {margin-top: 20px}