/* - - - - - - - - - - - - - - - - - */
/*Styles*/
/* - - - - - - - - - - - - - - - - - */   
#intro-left, #intro-right, #follower {
	display:none;
}
#intro-left {
/*	z-index:7;*/
	width:150px;
	height:200px;
	float:left;
	margin:37px 0 0 0;
}
#intro-right {
/*	z-index:6;*/
	width:150px;
	float:right;
	margin:37px 0 0 0;
}
#intro-center {
	float:none;
	/* margin entspricht Breite von intro-left und intro-right*/
	margin:0 150px;
} 
#bt_previous {
	display:block;
	width:35px;
	float:right;
	height:75px;
	background: url("../img/intro/pfeile_intro.png") no-repeat 1px -2px;
	text-indent:-9999px;
}
#bt_previous:hover {
	background: url("../img/intro/pfeile_intro.png") no-repeat 1px -86px;
}
#bt_next {
	display:block;
	height:75px;
	background: url("../img/intro/pfeile_intro.png") -35px -2px no-repeat;	
	text-indent:-9999px;
}
#bt_next:hover {
	background: url("../img/intro/pfeile_intro.png") -35px -86px no-repeat;
}
#showsubtitle {
	position:absolute;
	top:50%;
	margin-top:100px;
	right:240px;
}
#streifen {
	position: absolute;
	top: 50%;
	z-index:5;
	height:153px;
	width:100%;
	background:url(../img/intro/Intro_streifen_1pixel.png) repeat-x transparent;
	margin-top:-70px;
}  
*+html #streifen {
	left:0;
}
.gruen {
	color:#97BE0D;
}
.blau {
	color:#5A8981;
}
/*#index h1 {
	z-index:12;
	position:absolute;
	right:25px;
}*/
div#showtitle {
	/*damit zentrierung ohne definierte width funktioniert*/
	display:table;
	margin:0 auto;
	z-index:9;
}
#showtitle p {
	font-weight:400;
	font-size:32px;
	line-height:36px;
/*	margin-top:0;
	padding-top:15px;*/
/*	width:500px;*/
}
.title-big {
	font-size:80px;
	color:#ffffff;
	font-weight:400;
	margin-top:48px;
	display:block;
}
.title-small {
	font-size:40px;
	color:#ffffff;
	margin-top:50px;
	display:block;
}     
.title-noJS {
	font-size:30px;
	color:#ffffff;
	margin-top:50px;
	display:block;
}

#showsubtitle p {
	font-size:14px;;
}
#showsubtitle .white {
	color:#ffffff;
}
#showsubtitle .grey {
	color:#9d9d9c;
}
body#intro {
	overflow:hidden;
	overflow-x: hidden; overflow-y: hidden;
}
#noJS {
	width:100%;
}
#logo-intro {
	background: transparent url(../img/Casera_Logo220x89.jpg) 0 0 no-repeat;
}
/* - - - - - - - - - - - - - - - - - */
/*Original*/
/* - - - - - - - - - - - - - - - - - */
/*#footer {
	position:absolute;
	z-index:10;
}*/
/* - - - - - - - - - - - - - - - - - */
/*Original*/
/* - - - - - - - - - - - - - - - - - */
body {
	font-family: 'Puritan', sans-serif;	
	margin: 0;
	padding: 0;
	font-size: 12px;
	background-color:#000000;
}
h1 {
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	width: 220px;
	height: 100px;
	background: url('superbgimage.png') no-repeat;
	z-index:12;
	position:absolute;
	right:25px;
}
h1 a {
	display: block;
	overflow: hidden;
	width: 255px;
	height: 100px;
}
a { 
	color: #fff;
	text-decoration: none;
}
a:hover { 
	color: #f00;
}
.small {
	font-size:10px;
}

#overlay {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #fff;
	padding: 10px;
	background: #000;
	width: 255px;
	border-top: solid 1px #d4d4d4;
	border-left: solid 1px #d4d4d4;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;	
	z-index:1;
}

fieldset {
	text-align: left;
	margin-bottom: 10px;
	padding: 10px;
	border:solid 1px #333;
}
fieldset * {
	text-align: left;
}
legend {
	color: #fc0;
	cursor: pointer;
	display: block;	
}

#control {
	text-align: center;
}
#control a {
	/*font-weight: bold;*/
	padding: 5px;
}

#thumbs, #thumbs1, #thumbs2 {
	text-align: center;
}
#thumbs a, #thumbs1 a, #thumbs2 a {
	display: block;
	line-height: 22px;
	float: left;
	width: 22px; 
	height: 22px;
}

#transition {
	width:100%;
}
a.activeslide { background:red; }

#superbgimage {
	display: none;
	background: #000000 url('superbgloading.gif') center center no-repeat;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}