/**
* Swoppen Systems GmbH
* www.swoppen.com
*
* @copyright since 2000 - All rights reserved.
*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background-color:transparent;
}

ol,ul {
  list-style:disc;
  padding-left:15px;
}

blockquote,q {
  quotes:none;
}

i,em {
 font-style:italic;
}

:focus {
  outline:0;
}

ins {
  text-decoration:none;
}

del {
  text-decoration:line-through;
}

strong, b {
  font-weight:bold;
}

html, body {
  margin:0;
  padding:0;
}

html {
   background:#ccc url(../images/tpl_bg.jpg) no-repeat center top fixed;
 }
 
* {
  font:12px arial, sans-serif, helvitica, verdana;
  line-height:19px;
  color:#333;
}

a {
  font-size:12px;
  text-decoration:none;
  color:#3399ca;
}

a:hover, a:focus {
  text-decoration:underline;
}

a:active {
  color:#3399ca;
}

h1, h2, h3, h4, h5, h6 {
  color:#333;
}

.HP_copyright hr {
  display:none;
}

.HP_copyright h2 {font-size:18px;}

h1 {
  font-size:26px;
  margin:0.9em 0;
  line-height:30px;
}
                
h2 {
  font-size:26px;
  margin:0.8em 0 0.4em 0;
  line-height:26px;
}

h2, h3, h4, h5, h6 {
  margin:0.8em 0 0.2em 0;
}

h3, h3 a {
  font-size:18px;
  line-height:18px;
}

h4, h4 a {
  font-weight:bold;
  font-size:16px;
  line-height:16px;
}

h5, h6 {
  font-size:12px;
  line-height:12px;
}

p, table, ul, ol {
  border-spacing:0;
  margin:1.2em 0 0.9em 0;
}

td {
  vertical-align:top;
  empty-cells:show !important;
}

hr {
  border:1px dotted #3399ca;
}

.clear, .clearer {
  clear:both;
  float:none;
}

.swo_imprint {                                                               
  width:180px;
}

.tpl-header,
.tpl-inner,
.tpl-footer,
.tpl-header .menu a.root {
  background:transparent url(../images/slice_001.png) no-repeat left top;
}

.tpl-card,
.os-articles .os-article-row-actions a,
input[type="submit"],
input[type="button"],
input.submit,
button,
input.button,
a.button,
input[type="submit"].gray,
input[type="button"].gray,
input.submit.gray,
button.gray,
input.button.gray,
a.button.gray,
input.button.button-card,
#OS .box-button input.button,
input.button.elm_ {
  background:transparent url(../images/slice_002.png) no-repeat left top;
}

.tpl_wrapper {
  padding-bottom:40px!important;
}

.tpl_wrapper,
.tpl-inner,
.tpl-header,
.tpl-footer,
.tpl-copyright,
.tpl-cloud {
  position:relative;
  width:722px;
}

.tpl-footer,
.tpl-copyright,
.tpl-cloud {
  width:682px;
}

.tpl_wrapper,
.tpl-footer,
.tpl-copyright,
.tpl-cloud {
  margin:auto;
  padding:0 9px;
}

.tpl-inner {
  background-repeat:repeat-y;
  padding:0 9px;
}

.tpl-header {
  height:57px;
  background-position:-1538px -21px;
  border-bottom:1px solid silver;
}

.tpl-logo,
.tpl-menu,
.tpl-card,
.tpl-menu .menu li a,
.tpl-menu .menu li,
.tpl-footer ul.tpl-links,
.tpl-footer .tpl-social {
  float:left;
}

.tpl-logo {
  width:236px;
  height:57px;
  display:block;
}

.tpl-menu {
  border-left:1px solid #e5e5e5;
}

.tpl-menu .menu,
.tpl-footer ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

.tpl-menu .menu li a.root {
  background-position:-1538px -21px;
  font-size:14px;
  font-weight:bold;
  color:#666;
  border-right:1px solid #e5e5e5;
  border-left:1px solid #fff;
  display:block;
  padding:15px 20px 10px;
  height:32px;
  line-height:37px;
  width:auto;
}

.tpl-menu .menu li a.root:hover,
.tpl-menu .menu li a.root:focus,
.tpl-menu .menu li.active a.root {
  background-position:-2300px -21px;
  color:#fff;
  text-decoration:none;
}

.tpl-menu .menu li a.root:active,
.tpl-menu .menu li.active a.root:active {
  background-position:-3200px -21px;
}

.tpl-card {
  background-position:left -842px;
  width:166px;
  height:43px;
  position:absolute;
  right:-30px;
  padding:27px 0 0 14px;
  top:0;
}

.tpl-card:hover,
.tpl-card:focus {
  background-position:left -922px;
}

.tpl-footer {
  height:55px;
  padding-top:25px!important;
}

.tpl-footer,
.tpl-copyright,
.tpl-cloud {
  background-position:-751px top;
  padding:0 29px;
}

.tpl-footer ul li,
.tpl-footer ul li a {
  font-size:11px;
  float:left;
  color:#666;
}

.tpl-footer ul li a {
  margin:0 7px;
}

.tpl-footer ul li span.spacer {
  border-left:1px solid #666;
  width:1px;
  height:12px;
  margin-top:4px;
  display:block;
  float:left;
}

.tpl-footer .tpl-links {
  margin-right:20px;
}

.tpl-content {
  padding:10px 20px 0;
}

.tpl-content .HP-section {
  margin:10px 0;
}

.tpl-copyright span,
.tpl-copyright *,
.tpl-cloud a,
.tpl-cloud {
  color:#666;
  font-size:11px;
}

.tpl-copyright,
.tpl-cloud {
  margin:2px 0;
}

.tpl-card {}

.tpl-blocks {
  
}

.tpl-blocks .HP-pageblock.box {
  width:331px;
  height:166px;
  overflow:hidden;
  position:relative;
  float:left;
  margin:10px 0 20px 20px;
}


.tpl-blocks .HP-pageblock.box img {
  position:absolute;
  z-index:9;
}

.tpl-blocks .HP-pageblock.box.service p,
.tpl-blocks .HP-pageblock.box.facebook span {
  position:absolute;
  z-index:10;
  bottom:10px;
  left:140px;
}

.tpl-blocks .HP-pageblock.box.facebook span {
  left:35px;
  bottom:15px;
  font-size:14px;
  color:#5AB3FF;
  font-weight:bold;
}

.tpl-blocks .HP-pageblock.box.facebook a:hover span {
  text-decoration:underline;
}

.tpl-links {}

.tpl-social .social-link,
.tpl-social span {
  float:left;
  margin:0 5px 0 0;
}

.social-link.facebook {
  width:45px;
  overflow:hidden;
}


/* Erofolgs- und Fehlermeldungen */
  .io_error, .error-msg, .io_success, .io, .io-msg, .msg-box, .msg-box.info, .io-notice, .info-msg, .msg-error {
    background:transparent url(../images/slice_003.png) no-repeat left top;
    display:block;
    font-weight:bold;
    padding:10px 10px 10px 55px;
    height:40px;
    text-align:left;
    margin:10px 0;
    font-size:14px;
  }
  
  .io_error a, .error-msg a, .io_success a, .io a, .io-msg a, .msg-box.error, .msg-box.info, .info-msg {
  }
  
  .io_error, .error-msg, .msg-box.error, .msg-error {
    background-position:left -200px;
    color:#990000;
  }
  
  .io_success, .io, .io-msg, .msg-box.info {
    background-position:left top;
    color:#009900;
  }
  
  .io-notice, .info-msg {
    background-position:left -400px;
    color:#006699;
  }