﻿/*
	v2.1.1, 06.06.2011, dogan

	Content Shifter Animation h/v

	©2011 Tanyel Dogan, alle Rechte vorbehalten
*/
.cms4d_cshifter_container{
	width:236px;
	height:205px;
	float:left;
	clear:both;
	position:relative;
	overflow:hidden;
}
	.cms4d_cshifter_container img{
		border:none;
	}
	.cms4d_cshifter_container .tab{
		/*Die tabs floaten zunächst, so dass nur der erste im Quellcode sichtbar ist. Erst wenn die
		Initialisierung fehlerfrei funktioniert werden die Tabs absolut positioniert (s.d. Konstruktor).*/
		width:235px;
		height:205px;
		float:left;
		overflow:hidden;
	}
	.cms4d_cshifter_container .content{
		float:left;
		position:relative;
	}

	/*--- Tab-Buttons ---*/
	.cms4d_cshifter_tbut_container{
		position:absolute;
		left:0px;
		top:354px;
		border:1px solid black;
		width:100%;
	}
		.cms4d_cshifter_tbut_inner_container{
			float:right;
float:left;
			padding:5px 10px 0 10px;
		}
		.cms4d_cshifter_tbut_inner_container .tbut{
			border:1px solid white;
			background-color:rgb(102,102,102);
			width:10px;
			height:10px;
			float:left;
			margin-left:3px;
			cursor:pointer;
		}
		.cms4d_cshifter_tbut_inner_container .tbut_on{
			background-color:rgb(71,179,36);
		}

	/*--- Cursor-Buttons ---*/
	a.cms4d_cshifter_cbut_l{
		width:25px;
		height:30px;
		position:absolute;
		display:block;
		background-image:url(pfeil-l-weiss.png);
		background-repeat:no-repeat;
		cursor:pointer;
		z-index:1001;
	}
	a.cms4d_cshifter_cbut_r{
		width:25px;
		height:30px;
		position:absolute;
		display:block;
		background-image:url(pfeil-r-weiss.png);
		background-repeat:no-repeat;
		cursor:pointer;
		z-index:1002;
	}

