@charset "utf-8";

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
    Schriftgr”ssen wenn m”glich in Prozent, gem„ss Tabelle auf http://developer.yahoo.com/yui/fonts/#fontsize angeben.
*/

/* CSS Document */

* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    margin: 0px;
    padding: 0px;
    background: #ebebeb;
}

/* @group Headings */

h1 {
    font-size: 20px;
    color: #333;
    line-height: 25px;
    font-weight: normal;
    padding-bottom: 5px;
}

div.content h2 {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
	margin-top: 9px;
    margin-bottom: 3px;
}

h2 {
    font-size: 20px;
    color: #949494;
    line-height: 25px;
    font-weight: normal;
    margin-bottom: 10px;
	margin-top: 10px;
}



h3 {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 7px;
}

h3.theme {
    color: #188BA8;
}

.produkte h3.theme {
    color: #22558E;
}

.private h3.theme {
    color: #6d1f6e;
}

.firmen h3.theme {
    color: #4F713F;
}



.sva h3.theme {
    color: #B44923;
}

blockquote.intro {
    font-size: 20px;
    color: #949494;
    line-height: 25px;
    font-weight: normal;
    padding-bottom: 7px;
}

.rechner blockquote.intro {
    color: #fff;
}

.teaser-box-transparent blockquote.intro {
    color: #fff;
}

/* @end */

/* @group Colours */

.white {
    color: #fff;
}

.black {
    color: #000;
}

/* @end */

/* @group .leadtext */

.leadtext {
    color: #fff;
}



/* @end */

/* @group Links */

a:link,
a:visited,
a:hover,
a:active,
a:focus,
.rechner .rechner-content a:link, 
.rechner .rechner-content a:visited,
.rechner .rechner-content a:hover, 
.rechner .rechner-content a:active, 
.rechner .rechner-content a:focus 
	 {
    color: #188ba8;
    padding: 2px 0px;
    text-decoration: none;
}




/* @group a.black */

/* wird bei Site-Actions verwendet */
a.black:link,
a.black:visited {
    color: #333 !important; /* important wird verwendet damit dieses Verhalten nicht durch Bereichsklasse (firmen, sva, etc) Ǭberschrieben wird */
    padding: 4px 5px;
}

a.black:hover {
	text-decoration: underline;
}

a.black:hover,
a.black:active,
a.black:focus {
    color: #188ba8 !important;
}

.produkte a.black:hover,
.produkte a.black:active,
.produkte a.black:focus {
    color: #0a6eca !important;
}

.firmen a.black:hover,
.firmen a.black:active,
.firmen a.black:focus {
    color: #267a28 !important;
}

.private a.black:hover,
.private a.black:active,
.private a.black:focus {
    color: #9c3489 !important;
}

.sva a.black:hover,
.sva a.black:active,
.sva a.black:focus {
    color: #973700 !important;
}

/* @end */


/*
a:hover,
a:active,
.rechner .rechner-content a:hover,
 .rechner .rechner-content a:active {background: #eaf4f7;}
 
.sva a:hover,
.sva a:active,
.sva .rechner .rechner-content a:hover,
.sva .rechner .rechner-content a:active {background: #f7e5da ;}

.produkte a:hover,
.produkte a:active,
.produkte .rechner .rechner-content a:hover,
.produkte .rechner .rechner-content a:active {background: #ebf0f4;}
    
.firmen a:hover,
.firmen a:active,
.firmen .rechner .rechner-content a:hover,
.firmen .rechner .rechner-content a:active {background: #eef1ee;} 

.private a:hover,
.private a:active,
.private .rechner .rechner-content a:hover,
.private .rechner .rechner-content a:active {background: #f4ecf4;}
*/
.content-container a:hover,
.content-container a:active {
text-decoration: underline;
}

.white a:link,
.white a:visited {
	color: #FFF;
	text-decoration: underline;
}

.kategorie-suche .white a:hover {
    background-color: #1c5a6a;
}
 
/* @group .inpage-nav li a:hover */
ul.inpage-nav li a:hover,
ul.inpage-nav li a:focus,
ul.inpage-nav li a:active,
div.inpage-navigation .show-all a:hover,
div.inpage-navigation .show-all a:focus,
div.inpage-navigation .show-all a:active {
    background: #d5eaef;
    color: #0d6076 !important;
    font-weight: bold;
}

div.inpage-navigation .show-all a:hover {
    font-weight: normal;
}

.produkte ul.inpage-nav li a:hover,
.produkte ul.inpage-nav li a:focus,
.produkte ul.inpage-nav li a:active,
.produkte div.inpage-navigation .show-all a:hover,
.produkte div.inpage-navigation .show-all a:focus,
.produkte div.inpage-navigation .show-all a:active {
    background: #d7e1e9;
    color: #25478f !important;
}

.firmen ul.inpage-nav li a:hover,
.firmen ul.inpage-nav li a:focus,
.firmen ul.inpage-nav li a:active,
.firmen div.inpage-navigation .show-all a:hover,
.firmen div.inpage-navigation .show-all a:focus,
.firmen div.inpage-navigation .show-all a:active {
    background: #dee3de;
    color: #006700 !important;
}

.private ul.inpage-nav li a:hover,
.private ul.inpage-nav li a:focus,
.private ul.inpage-nav li a:active,
.private div.inpage-navigation .show-all a:hover,
.private div.inpage-navigation .show-all a:focus,
.private div.inpage-navigation .show-all a:active
 {
    background: #ead9ea;
    color: #6d1f6e !important;
}

.sva ul.inpage-nav li a:hover,
.sva ul.inpage-nav li a:focus,
.sva ul.inpage-nav li a:active,
.sva div.inpage-navigation .show-all a:hover,
.sva div.inpage-navigation .show-all a:focus,
.sva div.inpage-navigation .show-all a:active {
    background: #f7e5da;
    color: #973700 !important;
}
/* @end */

a.extern:link,
a.extern:visited,
a.extern:hover,
a.extern:active,
a.extern:focus {
    background-image: url(/img/sva-external-link-icon.png);
    background-repeat: no-repeat;
    background-position: right 2px;
    padding-right: 13px;
}

.produkte a.extern:link,
.produkte a.extern:visited,
.produkte a.extern:hover,
.produkte a.extern:active,
.produkte a.extern:focus {
    background-position: right -48px;
}

.firmen a.extern:link,
.firmen a.extern:visited,
.firmen a.extern:hover,
.firmen a.extern:active,
.firmen a.extern:focus {
    background-position: right -98px;
}

.private a.extern:link,
.private a.extern:visited,
.private a.extern:hover,
.private a.extern:active,
.private a.extern:focus {
    background-position: right -148px;
}

.sva a.extern:link,
.sva a.extern:visited,
.sva a.extern:hover,
.sva a.extern:active,
.sva a.extern:focus {
    background-position: right -198px;
}

a.arrowright,
.sva a.arrowright,
.private a.arrowright,
.produkte a.arrowright,
.firmen a.arrowright {
    background:transparent url(/img/theme-backgrounds/default/ico-extlink-white.gif) no-repeat scroll right 3px;
    color: #fff;
    font-weight:bold;
    padding-right:15px;
    text-decoration:none;
}

/* @end */

fieldset {
    border: 0;
}

input.text {
    border-width: 1px;
    height:16px;
    padding:2px 0 0 0;
}

input.submit {
    background: transparent;
    border: 0;
}

.clearFix {
    clear: both;
    display: block;
    font-size: 0px;
    line-height: 0px;
    height: 1%;
}

.hide {
    display: none;
}

#outer-wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

#inner-wrap {
    width: 1000px;
    position: absolute;
    top: 0;
    left: 0;
}

#header {
    height: 125px;
    position:relative;
}

/* @group a.logo */

a.logo {
    position: absolute;
    top: 25px;
}

a.logo:hover {
    background: none;
}

a.logo img {
    border: none;
}

/* @end */

/* @group Service Navigation Header */
div.small-bar {
    position: absolute;
    width: 600px;
    right: 0px;
    top: 50px;
    height: 20px;
    background: url(/img/small-bar.png) top left; 
}

div.small-bar ul {
    float: right;
    margin-right: 1px;
}

div.small-bar ul li{
    float: left;
    margin-right: 8px;
    font-size: 12px;
}

.small-bar a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 3px 15px 2px 15px;
}

.firmen .small-bar a, .produkte .small-bar a, .private .small-bar a, .sva .small-bar a { 
    color: #000;
}

.small-bar a:hover,
.small-bar .active a:hover,
.small-bar a:focus,
.small-bar .active a:focus,
.small-bar a:active,
.small-bar .active a:active {
    background: #157a94;
    color: #fff !important;
}

.produkte .small-bar a:hover,
.produkte .small-bar .active a:hover,
.produkte .small-bar a:focus,
.produkte .small-bar .active a:focus,
.produkte .small-bar a:active,
.produkte .small-bar .active a:active {
    background: #2961a0;
    color: #fff !important;
}

.firmen .small-bar a:hover,
.firmen .small-bar .active a:hover,
.firmen .small-bar a:focus,
.firmen .small-bar .active a:focus,
.firmen .small-bar a:active,
.firmen .small-bar .active a:active {
    background: #546a54;
    color: #fff !important;
}

.private .small-bar a:hover,
.private .small-bar .active a:hover,
.private .small-bar a:focus,
.private .small-bar .active a:focus,
.private .small-bar a:active,
.private .small-bar .active a:active {
    background: #763177;
    color: #fff !important;
}

.sva .small-bar a:hover,
.sva .small-bar .active a:hover,
.sva .small-bar a:focus,
.sva .small-bar .active a:focus,
.sva .small-bar a:active,
.sva .small-bar .active a:active {
    background: #bb693a;
    color: #fff !important;
}

.small-bar .active a {
    background: #157a94;
    color: #fff;
    font-weight:bold;
}

.produkte .small-bar .active a {
    background:  #2961a0;
}

.firmen .small-bar .active a {
    background:  #546a54;
}

.private .small-bar .active a {
    background:  #763177;
}

.sva .small-bar .active a {
    background:  #bb693a;
}

/* @end */

/* @group Haupt Navigation */
div.main-bar {
    top: 85px;
    position: absolute;
    height: 40px;
    width: 1000px;
    background: url(/img/main-bar.png) top left; 
    }

/* @group ul.main-navigation */

.main-bar ul.main-navigation {
    width: 400px;
    height: 40px;
    float: left;
}

.main-bar .main-navigation li {
    float: left;
    font-size: 20px;
}   

.main-bar .main-navigation li a{
    color: #fff;
    line-height: 40px;
    text-decoration: none;
    display: block;
    padding: 0px 20px 0px 9px;
}   

.main-bar .main-navigation li a:hover,
.main-bar .main-navigation li.active a{
    background: url(/img/theme-backgrounds/default/bg.png) top left;
}

/* @end */
    
/* @end */
/* @group Calculator Dropdown */
div.main-bar .sva-calculator {
    float: left; 
    height: 30px;
    margin-right: 3px;
    padding-top: 10px;
    position:relative;
    width:192px;
    z-index:99;
}

div.main-bar .sva-calculator a.label {
    color: #000;
    display: block;
    line-height: 20px;
    background: url(/img/calculator-background.png) no-repeat top left;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 29px;
}

.js .sva-calculator ul {
    display: none;
}

.js .sva-calculator .open ul {
    display: block;
}   

.sva-calculator .bd {
    width: 192px;
}

.sva-calculator li {
    background: #fff;
}

.sva-calculator li a {
    display: block;
    line-height: 25px;
    padding: 0 0 0 25px;
}

.sva-calculator li a:hover,
.sva-calculator li a:focus,
.sva-calculator li a.active {
    color: #fff;
    background: transparent url(/img/theme-backgrounds/default/bg.png) repeat scroll left top;
}

.sva .sva-calculator li a:hover,
.sva .sva-calculator li a:focus,
.sva .sva-calculator li a.active {
    background-image: url(/img/theme-backgrounds/sva/bg.png);
}

.firmen .sva-calculator li a:hover,
.firmen .sva-calculator li a:focus,
.firmen .sva-calculator li a.active {
    background-image: url(/img/theme-backgrounds/firmen/bg.png);
}

.private .sva-calculator li a:hover,
.private .sva-calculator li a:focus,
.private .sva-calculator li a.active {
    background-image: url(/img/theme-backgrounds/private/bg.png);
}

.produkte .sva-calculator li a:hover,
.produkte .sva-calculator li a:focus,
.produkte .sva-calculator li a.active {
    background-image: url(/img/theme-backgrounds/produkte/bg.png);
}

.sva-calculator-list .bl,
.sva-calculator-list .br {
    background: transparent url(/img/sva-calculator-dropdown-bg.png) no-repeat 0 -100px;
    height: 2px;
    left: 0;
    position: absolute;
    width: 2px;
}

.sva-calculator-list .bd {
    width: auto;
}

.sva-calculator-list .br {
    background-position: 0 -150px;
    left: auto;
    right: 0;
}

.sva-calculator-list .bottom {
    background: transparent url(/img/sva-calculator-dropdown-bg.png) repeat-x 0 0;
    height: 2px;
    margin: 0 2px;

}

.sva-calculator-list .inner {
    background: transparent url(/img/sva-calculator-dropdown-bg-repeaty.png) repeat-y right 0;
    padding-right: 2px;
}

/* @end */

/* @group .search-box */
div.main-bar .search-box {
    float: left;
    height: 30px;
    padding: 10px 0 0 0;
}

div.main-bar .search-box .searchfield {
    background: #fff;
    border: none;
    height: 18px;
    width: 165px;
    color: #000;
    font-weight:bold;
    padding: 2px 0 0 25px;
    float: left;
    margin-right: 5px;
}

div.main-bar .search-box .searchbtn {
    float: left;
}

/* @end */


/* @group #container */

#container {
    margin-top: 20px;
    min-height: 435px;
}

#container.start{
    margin-top: 105px;
}

/* @end */

/* @group sub-navigation */
div.sub-navigation {
    width: 195px;
    background: #fff;
    float: left;
    margin-right: 5px;
    padding: 15px 0 15px 0;
}

div.sub-navigation ul li {
    margin-bottom: 4px;
}

div.sub-navigation ul li a {
    font-weight: bold;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    display: block;
    padding: 2px 0px 3px 10px;
}

div.sub-navigation ul ul li a{
    font-weight: normal;
    color: #333;
    font-size: 12px;
    text-decoration: none;
    display: block;
    padding: 3px 3px 3px 10px;
}

div.sub-navigation ul li.active ul li.active a {
    color: #2f96b1;
    font-weight: bold;
}

.produkte div.sub-navigation ul li.active ul li.active a {
    color: #37678f;
}

.firmen div.sub-navigation ul li.active ul li.active a {
    color: #5b725b;
}


.private div.sub-navigation ul li.active ul li.active a {
    color: #944295;
}


.sva div.sub-navigation ul li.active ul li.active a {
    color: #bb693a;
}


div.sub-navigation ul li.active ul li.active li a,
.produkte div.sub-navigation ul li.active ul li.active li a,
.firmen div.sub-navigation ul li.active ul li.active li a,
.sva div.sub-navigation ul li.active ul li.active li a,
.private div.sub-navigation ul li.active ul li.active li a
 {
    font-weight: normal;
    color: #333;
}

div.sub-navigation a:hover,
div.sub-navigation a:focus,
div.sub-navigation a:active {background-color: #157a94 !important; color: #fff !important;}

.sva div.sub-navigation a:hover,
.sva div.sub-navigation a:focus,
.sva div.sub-navigation a:active {background-color: #bb693a !important; color: #fff !important;}

.produkte div.sub-navigation a:hover,
.produkte div.sub-navigation a:focus,
.produkte div.sub-navigation a:active {background-color: #2961a0 !important; color: #fff !important;}

.firmen div.sub-navigation a:hover,
.firmen div.sub-navigation a:focus,
.firmen div.sub-navigation a:active {background-color: #546a54 !important; color: #fff !important;}

.private div.sub-navigation a:hover,
.private div.sub-navigation a:focus,
.private div.sub-navigation a:active {background-color: #763177 !important; color: #fff !important;}



div.sub-navigation ul li.active ul li.active li.active a {
    font-weight: normal;
    color: #fff;
    background: url(/img/navi-3-level-act.gif) no-repeat 12px 10px #37678f;
}
div.sub-navigation ul li.active ul li a,
.firmen div.sub-navigation ul li.active ul li a,
.produkte div.sub-navigation ul li.active ul li a,
.sva div.sub-navigation ul li.active ul li a,
.private div.sub-navigation ul li.active ul li a {
    background: none;
    color: #333;
}   

div.sub-navigation ul li ul li {
    margin-bottom: 0px !important;
    display: inline;
    }

div.sub-navigation ul li.active ul li.active li a {
    padding-left: 23px;
    background: url(/img/navi-3-level.gif) no-repeat 12px 10px ;
}

div.sub-navigation ul li.active ul li.active li a:hover {
    background: url(/img/navi-3-level-act.gif) no-repeat 12px 10px ;
}



/* @end */

/* @group content-container */
.content-container {
    float: right;
    background: url(/img/theme-backgrounds/default/bg.png) top left;
    font-size: 12px;
    width: 595px;
    padding: 20px 5px 20px 5px; 
}


.content-container-multiple {
    margin-bottom: 5px;
}

.content-container-close {
    padding-bottom: 0;
}

.content-container-marginal {
    width: 790px;
}

.marginal-container {
    float: left;
    margin-top: 225px;
    width: 195px;
}

.marginal-content {
    width: 190px;
}

/* @end */

/* @group .inpage-navigation */

div.inpage-navigation {
    height:225px;
    margin-top:-225px;
    position:absolute;
    width:195px;
}

div.bubble {
    position: relative;
    height: 219px;
    margin-bottom: 10px;
    }

div.inpage-navigation div.bubble span.arrow {
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    right: -5px;
    top: 8px;
}

ul.inpage-nav {
    margin-right: 5px;
    min-height: 145px;
    padding: 15px 0 0;
}


ul.inpage-nav li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: block;
    margin-bottom: 1px;
    padding: 3px 15px;
}


div.inpage-navigation .show-all a:hover,
ul.inpage-nav li a:hover {
    background: none;
	text-decoration: none;
}

ul.inpage-nav li.active a {
    font-weight: bold;
}

div.inpage-navigation span.show-all {
    display: block;
    margin: 10px 0;
    padding: 0 15px;
}

div.inpage-navigation span.show-all a {
    color: #fff;
    display: block;
    padding: 0;
}

div.inpage-navigation span.show-all a.active {
    font-weight: bold;
}

div.inpage-navigation span.show-all a img {
    border: none;
    left: 5px;
    position: relative;
    top: 2px;
}

/* @end */

/* @group .content */

div.content {
    color: #333;
    width: 535px;
    padding: 20px 30px 30px 30px;
    background: #fff;
    margin-bottom: 5px;
    min-height: 300px;
    overflow: hidden;
}

div.rechner-content {
	min-height: 100px;
	padding-bottom: 10px;
  color: #333;
  width: 535px;
  padding: 20px 30px 30px 30px;
  background: #fff;
  margin: 10px 0px 5px -30px;
}

.content-container-marginal div.content {
    margin-left: 195px;
}

div.content p {
    line-height: 17px;
    margin-bottom: 8px;
}

div.content ul,
div.content ol {
    margin: 0 0 10px -12px;
}

div.content ul li {
    padding: 2px 0px 2px 12px;
    background: url(/img/navi-3-level.gif) 0px 9px no-repeat;
}

div.content ol li {
    list-style-position: inside;
    list-style-type: decimal;
    padding: 2px 0 2px 12px;
}

div.content ul li a,
div.content ol li a{
    padding: 0px;
}

/* @end */

/* @group #footer */

div#footer {
    font-size: 12px;
}

div#footer div.breadcrumbs span {
    color: #333;
    display: block;
    padding: 15px 0 3px 10px;
    height: 20px;
}   

div#footer div.breadcrumbs ul {
    background: #5e5e5e;
    height: 28px;
    width: 990px;
    padding: 12px 0 0 10px;
}

div#footer div.breadcrumbs ul li {
    float: left;
    color: #fff;
    font-weight: bold;
}

div#footer div.breadcrumbs ul li a {
    background: url(/img/ico-breadcrumb.gif) 0.2em 0.45em no-repeat; /* 2 5 */
    color: #fff;
    padding-left: 13px;
    text-decoration: none;
}

div#footer div.breadcrumbs ul li a:hover {
	text-decoration: underline;
}

div#footer div.breadcrumbs ul li.first a  {
    padding-left: 0;
    background: none;
}

div.footer-contact {
    width: 155px;
    float: left;
    margin-right: 10px;
    color: #188BA8;
}

div.footer-contact p {
    margin-bottom: 10px;
}

div.footer-sitemap {
    background: #f7f7f7;
    color: #333;
    margin-top: 5px;
    float: left;
    padding: 10px 0 11px 10px;
    width: 990px;
}

div.footer-sitemap ul.sitemap li{
    float: left;
    width: 155px;
    margin-right: 10px;
}

div.footer-sitemap ul.sitemap li a{
    text-decoration: none;
    color: #515151;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}

div.footer-sitemap ul.sitemap li a:hover{
    text-decoration: underline;
}

div.footer-sitemap ul.sitemap  ul {
    padding-top: 3px;
}

div.footer-sitemap ul.sitemap  ul li{
    float: none;
}

div.footer-sitemap ul.sitemap ul li a {
    font-weight: normal;
}

div.footer-service-navi ul {
    float: right;
    height: 40px;
    padding-top: 7px;
    padding-right: 5px;
}

div.footer-service-navi ul li {
    float: left;
    margin-left: 9px;
}

/* @end */


/**
Teaser Box Startseite
**/

div.home-teaser-box  {
    background: #fff;
    padding: 16px 10px 16px 26px;
    margin-bottom: 5px;
}

div.home-teaser-box p {
    line-height: 17px;
    color: #5b5d5c;
    margin-bottom: 10px;
}

div.home-teaser-box-calc,
.teaser-box-transparent  {
    padding: 16px 10px 26px 26px;
    margin-bottom: 5px;
    color: #fff;
}

div.home-teaser-box-calc a,
div.home-teaser-box-calc h2,
/*.teaser-box-transparent h2,*/
.teaser-box-transparent a {
    color: #fff;
}

div.home-teaser-box-calc h2 {
    padding-bottom: 2px;
}

div.home-teaser-box-calc p,
.teaser-box-transparent p {
    margin-bottom: 10px;
}

div.home-teaser-box-calc a {
    font-weight: bold;
}

div.home-teaser-box-calc a:hover,
.teaser-box-transparent a:hover,
a.arrowright:hover {
    background-color: #1c5a6a;
}

.produkte div.home-teaser-box-calc a:hover,
.produkte .teaser-box-transparent a:hover,
.produkte a.arrowright:hover {
    background-color: #213e56;
}

.firmen div.home-teaser-box-calc a:hover,
.firmen .teaser-box-transparent a:hover,
.firmen a.arrowright:hover {
    background-color: #374437;
}

.private div.home-teaser-box-calc a:hover,
.private .teaser-box-transparent a:hover,
.private a.arrowright:hover {
    background-color: #592859;
}

.sva div.home-teaser-box-calc a:hover,
.sva .teaser-box-transparent a:hover,
.sva a.arrowright:hover {
    background-color: #824a2b;
}

/**
Teaser Boxen Square für Einstiegsseiten
**/

div.home-square-container .last {
    margin-right: 0;
}

div.home-square-box {
    width: 155px;
    margin: 0 5px 5px 0;
    background: #fff;
    height: 175px;
    float: left;
    padding: 15px 10px 0 30px;
}   

div.home-square-box h2 {
    color: #333;
}

div.home-square-box ul li {
    margin-bottom: 5px;
}

/* @group li.more a */

div.home-square-box ul li.more a{
    padding-right: 15px;
    background: url(/img/theme-backgrounds/default/ico-extlink-color.png) no-repeat right 3px;
}

.produkte div.home-square-box ul li.more a{background: url(/img/theme-backgrounds/produkte/ico-extlink-color.png) no-repeat right 3px;}
.firmen div.home-square-box ul li.more a{background: url(/img/theme-backgrounds/firmen/ico-extlink-color.png) no-repeat right 3px;}
.private div.home-square-box ul li.more a{background: url(/img/theme-backgrounds/private/ico-extlink-color.png) no-repeat right 3px;}
.sva div.home-square-box ul li.more a{background: url(/img/theme-backgrounds/sva/ico-extlink-color.png) no-repeat right 3px;}

 div.home-square-box ul li.more a:hover {
    background-color: #d5eaef;
}

.produkte div.home-square-box ul li.more a:hover {
    background-color: #ebf0f4;
}

.firmen div.home-square-box ul li.more a:hover {
    background-color: #eef1ee;
}

.private div.home-square-box ul li.more a:hover {
    background-color: #f4ecf4;
}

.sva div.home-square-box ul li.more a:hover {
    background-color: #f7e5da;
}

/* @end */


/* FARBMANAGEMENT */

/* @group Default */
div.footer-sitemap ul.sitemap a:hover,
div.footer-sitemap ul.sitemap a:active,
div.footer-sitemap ul.sitemap a:focus {
	color: #188BA8;
}
/* @end */

/* @group Produkte */

.produkte div.footer-contact,
.produkte div.footer-sitemap ul.sitemap a:hover,
.produkte div.footer-sitemap ul.sitemap a:active,
.produkte div.footer-sitemap ul.sitemap a:focus,
.produkte a,
.produkte .rechner .rechner-content a	
	 { color: #0a6eca ; }
.produkte div.inpage-navigation div.bubble span.arrow {background: url(/img/theme-backgrounds/produkte/inpage-arrow.png) top left;}
.produkte div.content-container {background: url(/img/theme-backgrounds/produkte/bg.png) top left;}

.produkte div.inpage-navigation div.bubble{background: url(/img/theme-backgrounds/produkte/inpage-nav.png) no-repeat top left;}
.produkte div.sub-navigation ul li.active a {background: #2961a0; color: #fff;}
.produkte div.sub-navigation ul li.active ul li.active a {color: #0a6eca;}
.produkte div.sub-navigation ul li.active ul li.active li.active a {background: url(/img/navi-3-level-act.gif) no-repeat 12px 10px #2961a0;}

/* @end */

/* @group SVA */

.sva div.footer-contact,
.sva div.footer-sitemap ul.sitemap a:hover,
.sva div.footer-sitemap ul.sitemap a:active,
.sva div.footer-sitemap ul.sitemap a:focus,
.sva a,
.sva .rechner .rechner-content a	
	 {color: #b3562b ;}
.sva div.inpage-navigation div.bubble span.arrow {background: url(/img/theme-backgrounds/sva/inpage-arrow.png) top left;}
.sva .content-container {background: url(/img/theme-backgrounds/sva/bg.png) top left;}
.sva div.inpage-navigation div.bubble{background: url(/img/theme-backgrounds/sva/inpage-nav.png) no-repeat top left;}
.sva div.sub-navigation ul li.active a {background: #bb693a; color: #fff;}
.sva div.sub-navigation ul li.active ul li.active a {color: #b3562b;}
.sva div.sub-navigation ul li.active ul li.active li.active a {background: url(/img/navi-3-level-act.gif) no-repeat 12px 10px #bb693a;}

/* @end */

/* @group Private */

.private div.footer-contact,
.private div.footer-sitemap ul.sitemap a:hover,
.private div.footer-sitemap ul.sitemap a:active,
.private div.footer-sitemap ul.sitemap a:focus,
.private a,
 .private .rechner .rechner-content a {color: #9c3489;}
.private div.sub-navigation ul li.active a {background: #763177;}
.private div.inpage-navigation div.bubble span.arrow {background: url(/img/theme-backgrounds/private/inpage-arrow.png) top left;}
.private .content-container {background: url(/img/theme-backgrounds/private/bg.png) top left;}

.private div.inpage-navigation div.bubble{background: url(/img/theme-backgrounds/private/inpage-nav.png) no-repeat top left;}
.private div.sub-navigation ul li.active a {background: #763177; color: #fff ;}
.private div.sub-navigation ul li.active ul li.active a {color: #944295;}
.private div.sub-navigation ul li.active ul li.active li.active a {background: url(/img/navi-3-level-act.gif) no-repeat 12px 10px #763177;}

/* @end */

/* @group Firmen */

.firmen div.footer-contact,
.firmen div.footer-sitemap ul.sitemap a:hover,
.firmen div.footer-sitemap ul.sitemap a:active,
.firmen div.footer-sitemap ul.sitemap a:focus,
.firmen a,
.firmen .rechner .rechner-content a	 { color: #267a28;}
.firmen div.sub-navigation ul li.active a {background: #546a54;}
.firmen div.inpage-navigation div.bubble span.arrow {background: url(/img/theme-backgrounds/firmen/inpage-arrow.png) top left;}
.firmen .content-container {background: url(/img/theme-backgrounds/firmen/bg.png) top left;}

.firmen div.inpage-navigation div.bubble{background: url(/img/theme-backgrounds/firmen/inpage-nav.png) no-repeat top left;}
.firmen div.sub-navigation ul li.active a {background: #fff; color: #267a28;}
.firmen div.sub-navigation ul li.active ul li.active a {color: #267a28;}
.firmen div.sub-navigation ul li.active ul li.active li.active a {background: url(/img/navi-3-level-act.gif) no-repeat 12px 10px #546a54;}

/* @end */

.teaser-box-transparent a:link,
.teaser-box-transparent a:visited {
    color: #fff;
    text-decoration: underline;
}



/* @group main-navigation, hover states */
.main-bar .main-navigation .main-navigation-produkte a:hover,
.main-bar .main-navigation .main-navigation-produkte a:focus,
.main-bar .main-navigation .main-navigation-produkte a.active {
    background: #2961a0; 
}

.main-bar .main-navigation .main-navigation-firmen a:hover,
.main-bar .main-navigation .main-navigation-firmen a:focus,
.main-bar .main-navigation .main-navigation-firmen a.active {
    background: #517651;   
}

.main-bar .main-navigation .main-navigation-private a:hover,
.main-bar .main-navigation .main-navigation-private a:focus,
.main-bar .main-navigation .main-navigation-private a.active {
    background: #763177;  
}

.main-bar .main-navigation .main-navigation-sva a:hover,
.main-bar .main-navigation .main-navigation-sva a:focus,
.main-bar .main-navigation .main-navigation-sva a.active {
    background: #bb693a;  
}

/* @end */



/* @group OOCSS */
.hd,.bd,.ft{overflow:hidden;_overflow:visible; _zoom:1;}
.inner{position:relative;}



/* **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1; clear: both;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

/* @end */

/* @group mod content-actions (deprecated) */
.content-actions {
    margin-bottom: 5px;
}

.content-container-marginal .content-actions {
    margin-left: 195px;
}

.content-actions li {
    float: left;
    margin-right: 5px;
}
/* @end */

/* @group mod site-actions */
.site-actions {
    float: right;
    width: 595px;
}

.site-actions li {
    float: left;
    margin-right: 9px;
}

.site-actions .bd {
    padding: 6px 19px;
}

/* @end */


/* @group mod button */

/* @group (default) .button */

.button {
    cursor: pointer;
}

.button a,
.button a:link,
.button a:visited,
.button a:hover,
.button a:active,
.button input {
    background: transparent url(/img/sva-button.png) repeat-x 0 -100px;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

.button input {
    height: 23px;
}

.button .bd {
    background: transparent url(/img/sva-button.png) no-repeat right -50px;
    float: left;
    padding: 0 12px 0 0 !important;
}

.button .inner {
    background: transparent url(/img/sva-button.png) no-repeat left -0px;
    float: left;
    padding-left: 10px;
}

/* @end */

/* Style by container class */
/* @group .sva .button */
.sva .button a,
.sva .button a:link,
.sva .button a:visited,
.sva .button a:hover,
.sva .button a:active,
.sva .button input,
.sva .button .bd,
.sva .button .inner {
    background-image: url(/img/sva-button-sva.png);
}

/* @end */

/* @group .produkte .button */
.produkte .button a,
.produkte .button a:link,
.produkte .button a:visited,
.produkte .button a:hover,
.produkte .button a:active,
.produkte .button input,
.produkte .button .bd,
.produkte .button .inner {
    background-image: url(/img/sva-button-produkte.png);
}

/* @end */



/* @group .firmen .button */
.firmen .button a,
.firmen .button a:link,
.firmen .button a:visited,
.firmen .button a:hover,
.firmen .button a:active,
.firmen .button input,
.firmen .button .bd,
.firmen .button .inner {
    background-image: url(/img/sva-button-firmen.png);
}

/* @end */

/* @group .private .button */
.private .button a,
.private .button a:link,
.private .button a:visited,
.private .button a:hover,
.private .button a:active,
.private .button input,
.private .button .bd,
.private .button .inner {
    background-image: url(/img/sva-button-private.png);
}

/* @end */

/* @group button-small */
.button-small input {
    padding-left: 0;
}
/* @end */


/* @group button-hover */
.button-hover {
    background-position: 0 -150px !important;
}

.button-hover .bd {
    background-position: right -200px !important;
}

.button-hover input,
.button-hover a:link,
.button-hover a:visited,
.button-hover a:hover,
.button-hover a:active {
    background-position: 0 -250px !important;
}

/* @end */


/* @group mod button-arrow-right */

.button-arrow-right .bd {
    background-image: url(/img/sva-button-arrow.png) !important;
    background-position: right -50px !important;
    padding-right: 21px !important;
}

.sva .button-arrow-right .bd {
    background-image: url(/img/sva-button-arrow-sva.png) !important;
}

.produkte .button-arrow-right .bd {
    background-image: url(/img/sva-button-arrow-produkte.png) !important;
}

.firmen .button-arrow-right .bd {
    background-image: url(/img/sva-button-arrow-firmen.png) !important;
}

.private .button-arrow-right .bd {
    background-image: url(/img/sva-button-arrow-private.png) !important;
}



.button-arrow-right .button-hover .bd {
    background-position: right -150px !important;
}
/* @end */


/* @group mod button-arrow-left */
.button-arrow-left .inner {
    background-image: url(/img/sva-button-arrow.png) !important;
    background-position: left 0 !important;
    padding-left: 19px;
}

.sva .button-arrow-left .inner {
    background-image: url(/img/sva-button-arrow-sva.png) !important;
}

.produkte .button-arrow-left .inner {
    background-image: url(/img/sva-button-arrow-produkte.png) !important;
}

.firmen .button-arrow-left .inner {
    background-image: url(/img/sva-button-arrow-firmen.png) !important;
}

.private .button-arrow-left .inner {
    background-image: url(/img/sva-button-arrow-private.png) !important;
}

.button-arrow-left .button-hover {
    background-position: left -100px !important;
}
/* @end */

/* @end */

/* @group content-container minimized */
div.minimized {
    background: none;
    margin-bottom: 0;
    padding: 0;
    position: relative;
}

div.minimized .bd {
    padding: 0;
}

/* @end */

/* @group mod formularbibliothek-suche */
.formularbibliothek-suche .bd {
    padding: 0 30px 10px;
}

#formularsuche {
    display: block;
    margin-right: 5px;
    padding-left: 8px;
    width: 400px;
    
}

.formularbibliothek-suche input.submit {
    padding-left: 20px;
}

.formularbibliothek-suche .button-submit .bd {
    padding: 0 19px 0 0;
}

.formularbibliothek-suche .minimized-content {
    display: none;
}

.minimized .maximized-content {
    display: none;
}

.minimized .minimized-content {
    display: block;
}

.form div.description {
  font-size: 11px; 
  padding: 0px 5px 0px 10px;
}

/* @end */

.options {
    position: absolute;
    right: 30px;
    top: 10px;
}


/* @group mod kategorie-suche */

.kategorie-suche .bd {
    padding: 0 30px 10px;
    
}

.kategorie-suche .unit {
    margin-right: 5px;
}

.kategorie-suche .lastUnit {
    margin-right: 0;
}

.kategorie-suche .button-submit .bd {
    padding: 0 19px 0 0;
}

.kategorie-suche .kategoriefilter {
    margin-bottom: 10px;
    padding-top: 10px;
}

.kategorie-suche .kategorieresult {
    position: relative;
}

.kategorie-suche .loading {
    position: absolute;
    left: -25px;
}

/* @end */

/* @group mod checklist */
/* http://www.c82.net/posts.php?id=25 */
.checklist {
    
}

.checklist .bd {
    background: #fff;
    height: 144px;
    padding:  5px 0 5px;
}

.checklist ul {
    
    list-style: none;
}

.checklist, .checklist li { line-height: 1.5em ;margin: 0; padding: 0; }

.checklist label {
    cursor: pointer;
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist label.checked { 
    background: #D5EAEF; 
}

.checklist label:hover {
    background: #eee;
}

.checklist .label {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.js .checklist input {
    cursor: pointer;
    position: absolute;
    left: -5000px;
}

.js .checklist label {
    padding-left: 10px;
    text-indent: 0;
}

.kategorie-suche .kategoriefilter .unit {
    width: 175px;
}
/* @end */

.decimal li {
    list-style: inside decimal;
    
}

/* @group mod formularbibliothek-suchresultat */
.formularbibliothek-suchresultat {
    margin-bottom: 10px;
}

.formularbibliothek-suchresultat li {
    background: #fff; 
    border-bottom: solid 1px #d5eaef;
    padding: 10px 0 10px 10px;
}


.numbered {
    float: left;
    width: 20px;
}

.numbered_content {
    margin-left: 20px;
    margin-right: 10px;
}

a.suchtreffer-titel:link,
a.suchtreffer-titel:visited,
a.suchtreffer-titel:hover,
a.suchtreffer-titel:active,
a.suchtreffer-titel:focus {
    background: transparent none;
    color: #333;
    font-weight: bold;
    padding: 0;
    text-decoration: none;
}
/* @end */

/* @group mod paging */
.paging ul {
    margin: 0 auto;
    float:left;
    left:50%;
    position:relative;
}

.paging li {
    float: left;
    height: 23px;
    position:relative;
    right:50%;
    width: 23px;
    
}

.paging li a {
    background: transparent url(/img/sva-paging-links.png) no-repeat 0 0;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 21px;
    line-height: 23px;
    padding: 0 2px 2px 0;
    text-align: center;
    width: 21px;
}

.paging li a:hover {
    background: transparent url(/img/sva-paging-links.png) no-repeat 0 -50px;
}

.produkte .paging li a {
    background-position: 0 -100px;
}

.produkte .paging li a:hover {
    background-position: 0 -150px;
}

.firmen .paging li a {
    background-position: 0 -200px;
}

.firmen .paging li a:hover {
    background-position: 0 -250px;
}

.private .paging li a {
    background-position: 0 -300px;
}

.private .paging li a:hover {
    background-position: 0 -350px;
}

.sva .paging li a {
    background-position: 0 -400px;
}

.sva .paging li a:hover {
    background-position: 0 -450px;
}

.paging li.selected a,
.paging li.selected a:hover {
    background-image: none;
}

.paging .bd {
    height: 23px;
    position: relative;
}

.paging .button-next {
    right: 30px;
    position: absolute;
    top: 0;
    
}

.paging .button-prev {
    left: 30px;
    position: absolute;
    top: 0;
}


/* @end */


/* @group tabelle */

div.content-table{
    margin: 0px -30px 0 -30px;
}

div.content-table table {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 10px;
    width: 100%;
    table-layout:fixed;
}

div.content-table table caption {
    text-align: left;
    padding-left: 30px;
    margin-bottom: 3px;
}

div.content-table table tr th {
    text-align: left;
    padding-bottom: 5px;
}

div.content-table table tr td,
div.content-table table tr th.row {
    border-top: 1px solid #dfdfdf;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}

div.content-table table tr th.first,
div.content-table table tr td.first {
    padding-left: 30px;
}

div.content-table table tr th {
    font-weight: bold;
}

/* @end */

/* @group marginal contents */

div.download-list {
    background: #FFF;
    margin-bottom: 5px;
    padding: 8px 15px;
}

div.download-list h3 {
    margin-bottom: 5px;
}

div.download-list ul {
    margin: 0 -15px 0 -15px;
}

div.download-list ul li a{
    color: #333333;
    display: block;
    background: url(/img/navi-3-level.gif) no-repeat;
    background-position: 4px 9px;
    padding: 3px 0px 3px 15px;
}

div.download-list ul li a:hover {background: url(/img/theme-backgrounds/default/list.gif) 4px 9px no-repeat #eaf4f7; color: #2f96b1 ;}
.sva div.download-list ul li a:hover {background: url(/img/theme-backgrounds/sva/list.gif) 4px 9px no-repeat #fbf1ec; color: #bb693a;}
.produkte div.download-list ul li a:hover {background: url(/img/theme-backgrounds/produkte/list.gif) 4px 9px no-repeat #ebf0f4; color: #37678f;}
.firmen div.download-list ul li a:hover {background: url(/img/theme-backgrounds/firmen/list.gif) 4px 9px no-repeat #eef1ee; color: #5b725b;}
.private div.download-list ul li a:hover {background: url(/img/theme-backgrounds/private/list.gif) 4px 9px no-repeat #f4ecf4; color: #944295;}

/* @end */

/* @group content link list */
.content .link-list ul li {background: url(/img/theme-backgrounds/default/list.gif) 0px 9px no-repeat;}
.sva .content .link-list ul li {background: url(/img/theme-backgrounds/sva/list.gif) 0px 9px no-repeat;}
.produkte .content .link-list ul li {background: url(/img/theme-backgrounds/produkte/list.gif) 0px 9px no-repeat;}
.firmen .content .link-list ul li {background: url(/img/theme-backgrounds/firmen/list.gif) 0px 9px no-repeat;}
.private .content .link-list ul li {background: url(/img/theme-backgrounds/private/list.gif) 0px 9px no-repeat;}

.content .link-list ul li a:hover {background: #eaf4f7;}    
.sva .content .link-list ul li a:hover {background: #fbf1ec;}   
.produkte .content .link-list ul li a:hover {background: #ebf0f4;}  
.firmen .content .link-list ul li a:hover {background: #eef1ee;}    
.private .content .link-list ul li a:hover {background: #f4ecf4;}   
/* @end */


/* @group marginal teaser */

div.marginal-teaser {
    
    margin:10px 0 0;
    
}

div.marginal-teaser a {
    background:transparent;
    display: block;
    padding: 0;
    padding:20px 15px 20px;
}

div.marginal-teaser a:hover {
    background-color: #2f96b1;
}

.produkte div.marginal-teaser a:hover {
    background-color: #334462;
}

.firmen div.marginal-teaser a:hover {
    background-color: #365736;
}

.private div.marginal-teaser a:hover {
    background-color: #6a3d6d;
}

.sva div.marginal-teaser a:hover {
    background-color: #bb693a;
}

div.marginal-teaser h2 {
    color: #FFF;
    display: block;
	margin: 0px;
    font-size: 20px;
}

div.marginal-teaser span.date {
    color: #FFF;
    display: block;
    margin-top: 5px;
}

.marginal-teaser .ft {
    background: transparent url(/img/ext-link.png) no-repeat scroll 0 bottom;
    display: block;
    height: 21px;
}

/* @end */

/* @group mod message */

.message .message-title {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}

.message-info .message-title {
    color: #d4f5ff;
}

.message-error {
    margin-bottom: 10px;
}

.message-error .message-title,
.message-error * {
    color: #B44923;
}

.message-error .bd {
    background: #fff;
    border: solid 2px #B44923;
    padding: 15px 10px;
}

/* @end */

/* @group mod contact-form */
.contact-form {
    width: 394px;
}

.contact-form select {
    padding-left: 2px;
    width: 194px;
}

.contact-form .error select {
    padding-left: 4px;
    width: 190px;
}

.contact-form textarea {
    border: 1px;
    height: 104px;
    padding: 10px 0 10px 8px;
    width: 386px;
}

.contact-form .error textarea {
    height: 120px;
    padding-left: 8px;
    width: 382px;
}

.contact-form .text {
    border-width: 1px;
    padding-left: 8px;
    width: 386px;
}

.contact-form .size1of2 .text {
    width: 186px;
}


.contact-form .error .text {
    width: 384px
}

.contact-form .size1of2 .error .text {
    width: 186px;
}


.contact-form .lastUnit .text {
    float: right;
}

.contact-form .line {
    margin-bottom: 10px;
}


.contact-form .error input,
.contact-form .error textarea,
.contact-form .error select {
    background: #f6d0b7;
    border: solid #B44923;
    border-width: 2px;
}



/* @group submitButtons unit */
.contact-form .submitButtons .unit {
    margin-right: 5px;
}
/* @end */

/* @end */

/* @group mod input-group */
.input-group label {
    
    display:block;
    font-weight:bold;
    line-height:1.33;
    margin-bottom:2px;
    padding-left:10px;
}



/* @end */




/* @group personen */
.img-text-component {
    margin: 0 -30px 0 -30px;
    padding: 0 30px 0 30px;
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 11px;
}

.img-text-component img{
    float: left;
    margin: 4px 10px 0 0;
}

.img-text-component div.text {
    float: left;
    width: 320px;
}

/* @group .bottom-line */

.bottom-line {
    border-bottom: 1px solid #d5eaef;
}

.produkte .bottom-line {
    border-bottom: 1px solid #d7e1e9;
}

.firmen .bottom-line {
    border-bottom: 1px solid #dee3de;
}

.private .bottom-line {
    border-bottom: 1px solid #ead9ea;
}

.sva .bottom-line {
    border-bottom: 1px solid #f3d7c7;
}

/* @end */

/* @end */

/* @group Newslist */

.content ul.news-list {
    border-top: 1px solid #a1d0dc;
    margin: 0 -30px 0 -30px;
}

div.content ul.news-list li a {
    display: block;
    padding: 10px 30px 20px 30px;
    border-bottom: 1px solid #a1d0dc;
}

ul.news-list li a:hover {
    display: block;
}
ul.news-list li a:hover span.short-text,
ul.news-list li a:hover span.title,
ul.news-list li a:hover span.date {
    color: #2f96b1;
}


ul.news-list li span.title{
    font-size: 20px;
    color: #949494;
    line-height: 25px;
    font-weight: normal;
    padding: 2px 0 7px 0px;
    display: block;
}   

ul.news-list span.date {
    color: #949494;
}

ul.news-list span.short-text {
    color: #333;
}

.content ul.news-list li {
    background: none;
    padding: 0;
}   

.produkte .content ul.news-list li a:hover span.short-text,
.produkte .content ul.news-list li a:hover span.title,
.produkte .content ul.news-list li a:hover span.date {color: #37678f;}
.produkte .content ul.news-list {border-top: 1px solid #a5bacc;}
.produkte .content ul.news-list li a {border-bottom: 1px solid #a5bacc;}

.firmen .content ul.news-list li a:hover span.short-text,
.firmen .content  ul.news-list li a:hover span.title,
.firmen .content  ul.news-list li a:hover span.date{color: #5b725b;}
.firmen .content ul.news-list {border-top: 1px solid #b5bfb5;}
.firmen .content ul.news-list li a {border-bottom: 1px solid #b5bfb5;}

.private .content ul.news-list li a:hover span.short-text,
.private .content ul.news-list li a:hover span.title,
.private .content ul.news-list li a:hover span.date {color: #944295;}
.private .content ul.news-list {border-top: 1px solid #cfaacf;}
.private .content ul.news-list li a {border-bottom: 1px solid #cfaacf;}

.sva .content ul.news-list li a:hover span.short-text,
.sva .content ul.news-list li a:hover span.title,
.sva .content ul.news-list li a:hover span.date {color: #bb693a ;}
.sva .content ul.news-list {border-top: 1px solid #edc4ac;}
.sva .content ul.news-list li a {border-bottom: 1px solid #edc4ac;}

/* @end */




/* @group .news-details */

.news-detail {
    margin: 5px -30px 0 -30px;
    padding: 15px 30px 0 30px;
    border-top: 1px solid #a1d0dc;
}

.news-detail span.date {
    display: block;
    padding: 0 0 10px 0;
}

.produkte .news-detail {border-top: 1px solid #a5bacc;}
.firmen .news-detail {border-top: 1px solid #b5bfb5;}
.private .news-detail {border-top: 1px solid #cfaacf;}
.sva .news-detail {border-top: 1px solid #edc4ac;}

.news-actions {
    position: relative;
}

/*
.news-actions .button a {
    background: #2f96b1;
}
*/

.news-actions .prev-button {
    position: absolute;
    left: 30px;
}

.news-actions .next-button {
    position: absolute;
    right: 30px;
}

.news-actions .overview-button {
    float:left;
    left:36%;
    margin:0 auto;
    position:relative;
}

/* @end */

/* @group overlay / thickbox / lightbox */
/* http://flowplayer.org/tools/demos/overlay/index.html */
/* the overlayed element */ 
.simple_overlay { 
     
    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#333; 
     
    /*width:675px;*/     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; 
    
    
     
} 

.simple_overlay .inner {
    overflow: hidden; 
    padding-right: 180px;  
}

.simple_overlay .inner img {
    display: block;
}
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(/img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px;
    z-index: 10001; 
}

/* styling for elements inside overlay */ 
.details { 
    position:absolute; 
    top:15px; 
    right:15px; 
    font-size:11px; 
    color:#fff; 
    width:150px; 
} 
 
.details h3 { 
    color:#aba; 
    font-size:15px; 
}




.hasOverlay {
    cursor: pointer;
}

/* @end */

/* @group search-breadcrumb */

.search-breadcrumb {
    margin: 5px 10px 5px 20px;
}

.search-breadcrumb li {
    background: transparent url(/img/ico-breadcrumb-sprite.png) no-repeat right 4px;
    border: 0;
    float: left;
    margin:0 5px 0 0;
    padding:0 10px 0 0;
}

.search-breadcrumb li.last {
    background: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}

.search-breadcrumb a, 
.search-breadcrumb span {
    color: #767676;
}

.search-breadcrumb-static li {
    background: none;
}

/* @end */

/* @group mod .formCheckList */

.formCheckList li {
    margin-bottom: 0.5em;
    overflow: hidden;
}

.formCheckList input {
    float: left;
    margin: 0;
    padding: 0;
}

.formCheckList label {
    display: inline;
    line-height: 1em;
    padding-left: 0;
    margin: 0 0 0 10px;
}

.formCheckList-floating li {
    float: left;
    margin-right: 15px;
}

/* @end */

/* @group skiplinks */
.skiplinks {
    left:  -5000px;
    position: absolute;
    top: -5000px;
}

.skiplinks a {
    color: black;
}


.skiplinks a:focus,
.skiplinks a:active {
    left: 5050px;
    top: 5050px;
    outline: 0 none;
    position: absolute;
    width:100%;
}

/* @end */

/* @group table a */
table a:link,
table a:visited,
table a:hover,
table a:active,
table a:focus {
    padding: 0;
}
/* @end */



/* @group rechner */
.rechner {
	color: #fff;
	padding: 0px 30px 0px 30px;
	margin-bottom: 20px;
	}
	
	
.rechner h1 {
	color: #fff;
	}

.rechner .rechner-content h1 {
	color: #333;
	}

.rechner h2 {
	color: #fff;
	}
	
/* @group .rechner a */
.rechner a:link,
.rechner a:visited {
	color: #FFF;
	text-decoration: underline;
}

.rechner a:hover,
.rechner a:active,
.rechner a:focus {
    background-color: #1c5a6a;
}

.produkte .rechner a:hover,
.produkte .rechner a:active,
.produkte .rechner a:focuser {
    background-color: #213e56;
}

.firmen .rechner a:hover,
.firmen .rechner a:active,
.firmen .rechner a:focus {
    background-color: #374437;
}

.private .rechner a:hover,
.private .rechner a:active,
.private .rechner a:focus {
    background-color: #592859;
}

.sva .rechner a:hover,
.sva .rechner a:active,
.sva .rechner a:focus {
    background-color: #824a2b;
}

select.wide-selectbox {
	width: 388px;
}

h4.rechner-subtitle {
	font-weight: normal;
	margin: 15px 0px 10px 0px;
}

div.content ul.rechner-linkliste li {
	background: none;
	padding-left: 10px;
}


/* @end */

.rechner p{
line-height:17px;
margin-bottom:8px;	
}



/* @group tabelle */

div.rechner-table{
    margin: 0 -30px 0 -30px;
}

div.rechner-table table {
    margin-bottom: 10px;
    width:100%;
}

div.rechner-table table caption {
    text-align: left;
    padding-left: 30px;
    margin-bottom: 3px;
}

div.rechner-table table tr th {
    padding-bottom: 5px;
	font-weight: bold;
}

div.rechner-table table tr td,
div.rechner-table table tr th.row {
    border-bottom: 1px solid #dfdfdf;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: top;
}

div.rechner-table table.AHVBeitraege tr th,
div.rechner-table table.AHVBeitraege tr td {
	padding-right: 15px;
	vertical-align: top;
}

div.rechner-table table.AHVBeitraege tr th {
	border-bottom: 1px solid #dfdfdf;
}	

div.rechner-table table tr th.first,
div.rechner-table table tr td.first {
    padding-left: 30px;
}


div.rechner-table table tr.total th,
div.rechner-table table tr.total td {
    font-size: 20px;
    color: #333;
    line-height: 25px;
	border-top: 2px solid #dfdfdf;
	border-bottom: 3px solid #dfdfdf;
    font-weight: normal;
}

div.rechner-table table tr.total td span.small {
	font-size: 11px;
}

div.rechner-table table tr.subTotal th,
div.rechner-table table tr.subTotal td {
    font-size: 16px;
    color: #949494;
    line-height: 25px;
    font-weight: normal;
}

div.rechner-table table tr.subTotal.bruttoTotal th,
div.rechner-table table tr.subTotal.bruttoTotal td {
    border-top: 3px solid #dfdfdf;
    border-bottom: 3px solid #dfdfdf;
}

div.rechner-table table tr.header th {
    padding-top: 5px;
}

div.rechner-table table tr.header.title th{
    padding-top: 10px;
    line-height: 25px;
}

div.rechner-table table tr.no-border td {
	border-bottom: 0px;
	padding-bottom: 0px;
}

div.rechner div.submitButtons {
	margin-top: 30px;
	}
	
div.rechner .contact-form {
	margin-top: 30px;
	}

/* @end */
/* @end */


/* @end */
/* @end */
.cq-colctrl-lt1-c0, .cq-colctrl-lt1-c1 {
    width: 50%;
    float: left;
}

.formsize1of2{
	width:100%;
}

.contact-form .cq-colctrl-lt1-c0 .formsize1of2 .formtext {
    width: 186px;
}

.contact-form .cq-colctrl-lt1-c0 .formsize1of2 .error .formtext {
    width: 186px;
}

.contact-form .cq-colctrl-lt1-c1 .formsize1of2 .formtext {
    width: 186px;
}

.contact-form .cq-colctrl-lt1-c1 .formsize1of2 .error .formtext {
    width: 186px;
}

.contact-form .cq-colctrl-lt1-c1 .formtext {
    float: left;
}

.rechner .contact-form .text {
    border-width: 1px;
    padding-left: 8px;
}

.contact-form .formtext {
    border-width: 1px;
    padding-left: 8px;
    width: 386px;
}

.mod .input-group p{
  margin-left: 10px
}

.formCheckList ul {
  margin-left: 10px;
}

.cq-colctrl-lt1-c0 .formCheckList-floating li {
    float: none;
    margin-right: 0;
}

.cq-colctrl-lt1-c1 .formCheckList-floating li {
    float: none;
    margin-right: 0;
}

.header  {
    font-weight:bold;
}

input.formtext  {
	border-width:1px;
	height:16px;
	padding:2px 0 0;
}

.contact-form .error .formtext  {
    padding-left: 6px;
    width:384px;
}

.content-container-marginal div.teaser-box-transparent {
    margin-left:195px;
}

.contact-form .text {
    width:100%;
}

div.home-teaser-box-calc h2.leadtext {
	color:#D5EAEF;
	padding-bottom:7px;
}

.checkbox-group input  {
    float:left;
}

.checkbox-group label  {
    line-height: 1em;
    margin-left: 10px;
}

/* @group elements in noscript tag */
input.submitNoscript {
    background-color: #157a94;
    border: 1px solid #000;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    padding: 2px;
}

.sva input.submitNoscript {
    background-color: #bb693a !important;
}

.produkte input.submitNoscript {
    background-color: #2961a0 !important;
}

.firmen input.submitNoscript {
    background-color: #546a54 !important;
}

.private input.submitNoscript {
    background-color: #763177 !important;
}

/* @end */
.cq-colctrl-lt1-c0, .cq-colctrl-lt1-c1 {
    width: 50%;
    float: left;
}

.formsize1of2{
	width:100%;
}

.contact-form .cq-colctrl-lt1-c0 .formsize1of2 .formtext {
    width: 188px;
}

.contact-form .cq-colctrl-lt1-c0 .formsize1of2 .error .formtext {
    width: 186px;
}

.contact-form .cq-colctrl-lt1-c1 .formsize1of2 .formtext {
    width: 188px;
}

.contact-form .cq-colctrl-lt1-c1 .formsize1of2 .error .formtext {
    width: 186px;
}

.contact-form .cq-colctrl-lt1-c1 .formtext {
    float: left;
}

.contact-form .formtext {
    border-width: 1px;
    padding-left: 6px;
    width: 386px;
}

.cq-colctrl-lt1-c0 .formCheckList-floating li {
    float: none;
    margin-right: 0px;
}

.cq-colctrl-lt1-c1 .formCheckList-floating li {
    float: none;
    margin-right: 0px;
}

.header  {
    font-weight:bold;
}

input.formtext  {
	border-width:1px;
	height:16px;
	padding:2px 0 0;
}

.contact-form .error .formtext  {
    width:384px;
}

.content-container-marginal div.teaser-box-transparent {
    margin-left:195px;
}

.contact-form .text {
    padding-left:0px;
    width:100%;
}

div.home-teaser-box-calc h2.leadtext {
	color:#D5EAEF;
	padding-bottom:7px;
}