@charset "UTF-8";
/* CSS Document */

/* Container */
.verticalslider { overflow: hidden; width: 900px; margin: 25px auto; height: 100%; }
.verticalslider p.headline { font-size:16px !important;}
/* Tabs */
.verticalslider_tabs {float: left;width: 250px;}
.verticalslider_tabs, .verticalslider_tabs li {margin: 0px; padding: 0px;}
.verticalslider_tabs li {list-style-type: none;}
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{display: block; width: 230px; height: 29px; padding: 14px 10px 6px 10px; background: url(../images/tabBG.jpg) bottom repeat-x;  background-color: #fff; font-size: 12px; color: #333333; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-decoration: none;}
.verticalslider_tabs a:hover, .verticalslider_tabs a:active{ background-color: #fff; font-weight:bold;}
.verticalslider_tabs li:first-child a:link, .verticalslider_tabs li:first-child a:visited{height: 30px;}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{background: #ffffff; border-right: 1px solid #ffffff; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb !important; font-weight:bold;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{background: #ffffff; border-right: 1px solid #ffffff; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb !important; font-weight:bold;}
.verticalslider .arrow {background: url(../img/vtabs-arrow.png); width: 27px; height: 60px; position: absolute; z-index: 1000; margin-left: 250px; margin-top: -55px; }

/* Contents */
.verticalslider_contents{float: left;width: 646px;display: inline; margin: 0px; margin-right:0px; padding: 0px;}
.verticalslider_contents li{margin: 0px; margin-left:40px; padding: 0px;width: 600px; overflow: hidden; padding: 0px;display: none;position: absolute;list-style-type: none; }
/*.verticalslider_contents li h2{font-family: Georgia, "Times New Roman", Times, serif, font-size: 15px; color: #333333;margin: 5px 20px; padding: 0px;}
.verticalslider_contents li p{ margin: 5px 20px; padding: 0px;color: #333333;font-family: Tahoma, Geneva, sans-serif; font-size: 13px; }*/
.verticalslider_contents .activeContent{display: inline;}

/* Play Pause*/
.verticalslider .playPause a{display:block;width: 60px;height: 60px;position:absolute;z-index:50;}
.verticalslider .play a:link,.verticalslider .play a:visited{background: url(../images/plays.png) no-repeat 0 0;display: none;}
.verticalslider .pause a:link,.verticalslider .pause a:visited{background: url(../images/pauses.png) no-repeat 0 0;}	
.verticalslider .pause a:hover,.verticalslider .pause a:active,.verticalslider .play a:hover,.verticalslider  .play a:active{background-position:0px -60px;border-bottom: none;}

/* Icons */
ul.verticalslider_tabs li a.ds 			{background:url(../img/icon-ds.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.wp 			{background:url(../img/icon-wp.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.lueftung 	{background:url(../img/icon-lueftung.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.solar 		{background:url(../img/icon-solar.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.wasser		{background:url(../img/icon-wasser.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.haus		{background:url(../img/icon-haus.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.frage		{background:url(../img/icon-frage.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.haustuer	{background:url(../img/icon-haustuer.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.multimedia	{background:url(../img/icon-multimedia.png) left center no-repeat !important;}
ul.verticalslider_tabs li a.sicherheit	{background:url(../img/icon-sicherheit.png) left center no-repeat !important;}

ul.verticalslider_tabs li a span {margin-left:45px;}

/* Float Right Styles 
.verticalslider_tabs {float: right;}
.verticalslider .arrow {margin-left: -27px; background: url(../images/arrow-right.png); }
.verticalslider_tabs a:link, .verticalslider_tabs a:visited{border-left: 1px solid #666666; border-right: none;}
.verticalslider_tabs .activeTab a:link, .verticalslider_tabs .activeTab a:visited{border-left: 1px solid #ffffff;}
.verticalslider_tabs .activeTab a:hover, .verticalslider_tabs .activeTab a:active{border-left: 1px solid #ffffff;}*/