/*
===================================
CSS Basic Styles

Description: 	Styles the Basic CSS Tags
Author: 		Felix Kreitner
Date:			21.02.2009

[Table Of Contents] 

1. CONTAINER
2. LINKS
3. HEADLINES
4. LISTS
5. TABLE
6. LANGUAGE
7. FORM

/*
========================================================
HEADLINES
========================================================
*/

#content
{
	position:		relative;
	margin:			0;
	padding:		0;
}

#refcontent h3
{
	margin:			0;
	padding:		14px 0 8px 6px;
	font-size:		12px !important;
	line-height:	16px;
	color:			#34434b;
	background-image: 		url(/images/projekt_h3.jpg);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

/*
========================================================
GRID
========================================================
*/
#container,.container
{
	padding:		0;
	width:			980px;
}

#header
{
	padding:		0 20px 0 20px;
}

.slider-wrap
{
    position:				relative;
	min-height:				316px;
	height:					auto !important;
	height:					316px;
	width:					960px;
	margin:					30px 0 0 0;
	padding:				40px 10px 10px 10px;
}

#main
{
	padding:				10px 0 0 30px;
	width:					650px;
}

/*
========================================================
CONTENT
========================================================
*/

#slidercontent
{
	background-image:		url(/images/background-slider.png);
	background-repeat:		no-repeat;
	background-position:	left top;
}

.slider-wrap
{
	position:				relative;
}

/* These 2 lines specify style applied while slider is loading */
.csw
{
	width:			100% !important;
	height:			304px !important;
	overflow:		hidden;
}

.csw .loading
{
	text-align:		center !important;
}

.stripViewer
{ /* This is the viewing window */
	position:		relative;
	overflow:		hidden;
	margin:			auto;
	width:			900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height:			304px !important;
	clear:			both;
}

.stripViewer .panelContainer
{ /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position:			relative;
	left:				0;
	top:				0;
	width:				100%;
	list-style-type:	none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel
{ /* Each panel is arranged end-to-end */
	float:			left;
	height:			100%;
	position:		relative;
	width:			900px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel ul,.stripViewer .panelContainer .panel ul li
{
	margin:				0 !important;
	padding:			0 !important;
	list-style:			none !important;
	background-image:	none !important;
}

.stripViewer .panelContainer .panel ul li,.stripViewer .panelContainer .panel ul li a
{
	float:		left;
}

.stripViewer .panelContainer .panel ul li
{
	margin:					0 6px 11px 0 !important;
	padding:				6px!important;
	background-image:		url(/images/background-refimg.png) !important;
	background-repeat:		no-repeat !important;
	background-position:	left top !important;
}

.stripViewer .panelContainer .panel ul li.last
{
	margin-right:		0 !important;
}

.stripViewer .panelContainer .panel ul li a
{
	display:			block;
	width:				208px;
	height:				135px;
	background-color:	#333;
	text-indent:		-9999px;
	background-repeat:		no-repeat;
	background-position:	left top;
}

.stripViewer .panelContainer .panel ul li a:hover
{
	background-position:	left bottom !important;
}

.stripNavL, .stripNavR
{ /* The left and right arrows */
	position:		absolute;
	top:			175px;
	text-indent:	-9000em;
}

.stripNavL a, .stripNavR a
{
	display:		block;
	height:			34px;
	width:			20px;
}

.stripNavL
{
	left:			10px;
}

.stripNavR
{
	right:			10px;
}

.stripNavL
{
	background:		url("/images/slider-left.png") no-repeat center !important;
	z-index:		2 !important;
}

.stripNavR
{
	background:		url("/images/slider-right.png") no-repeat center !important;
	z-index:		2 !important;
	
}

.stripNav
{
	position:		absolute;
	right:			42px;
	bottom:			0;
	z-index:		40;
	width:			auto !important;
}

.stripNav ul, .stripNav ul li
{
	margin:				0 !important;
	padding:			0 !important;
	list-style:			none;
	list-style-image:	none;
	background-image:	none !important;
}

.stripNav ul li, .stripNav ul li a
{
	float:				left !important;
}

.stripNav ul li
{
	margin-left:			5px !important;
}

.stripNav ul li a
{
	display:			block;
	padding:			2px 0 0 0 !important;
	line-height:		10px;
	height:				14px;
	width:				16px;
	text-decoration:	none;
	color:				#34434b;
	font-size:			10px;
	text-align:			center !important;
	background-image:	url(/images/ziffern-background.png);
	background-repeat:	no-repeat;
	background-position: left top;
}

.stripNav ul li a:hover, .stripNav ul li a.current
{
	background-position: left bottom;
}

/* REFERENZ WINDOW */

a.close {
	position:				absolute;
	left:					965px;
	top:					0;
	display:				block;
	width:					32px;
	height:					31px;
	background-image: 		url(../images/close.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	text-indent:			-9999px;
	z-index:				999;
}

a.close:hover {
	background-position: 	left bottom;
}

#refcontent
{
	position:				absolute;
	top:					-15px;
	left:					0;
	z-index:				60;
}

#reference
{
	margin:					15px 0 0 0;
	padding:				20px;
	width:					940px;
	height:					470px;
	background-image: 		url(../images/background/sliderbg.png) !important;
	background-repeat: 		repeat-x !important;
	background-position: 	left top !important;
}

#reference #project
{
	padding:				0 35px 0 0;
	width:					280px;
	height:					470px;
}

#reference #slidercontent
{
	background-image:		none !important;
}

#reference .slider-wrap
{
	margin:					0 !important;
	padding:				0 !important;
	width:					625px !important;
	height:					428px !important;
	min-height:				428px !important;
}

#reference .stripViewer
{
	width:					625px !important;
	height:					405px !important;
}

#reference .stripViewer .panelContainer .panel
{ 
	width:					625px !important;
}

#reference .stripNav
{
	display:				block !important;
	margin:					0 !important;
	padding:				0 !important;
	left:					0 !important;
}

#reference .stripNav ul li
{
	margin-left:			0 !important;
	margin-right:			5px !important;
}

ul#nextCustomer,
ul#nextCustomer li {
	margin:					0;
	padding:				0;
	list-style:				none;
}

ul#nextCustomer  {
	margin-top:				18px !important;
}

ul#nextCustomer li,
ul#nextCustomer li a {
	float:					left;
}

ul#nextCustomer li a {
	display:				block;
	padding:				2px 0 0 0;
	height:					38px;
	background-image: 		url(../images/background/customnavbg.png);
	background-repeat: 		no-repeat;
	text-align:				center;
	text-decoration:		none;
	color:					#8d9598;
}

ul#nextCustomer li a {
	display:				block;
	padding:				2px 0 0 0;
	height:					38px;
	background-image: 		url(../images/background/customnavbg.png);
	background-repeat: 		no-repeat;
	text-align:				center;
	text-decoration:		none;
	color:					#8d9598;
	font-weight:			bold;
}

ul#nextCustomer li a:hover {
	color:					#34434b;
}

ul#nextCustomer li.first a,
ul#nextCustomer li.last a {
	width:					183px;
	font-size:				11px;
}

ul#nextCustomer li.first a {
	padding-right:			25px;
	background-position: 	left top !important;
}

ul#nextCustomer li.current a {
	width:					200px;
	background-position: 	-208px top !important;
	color:					#34434b !important;
}

ul#nextCustomer li.last a {
	padding-left:			25px;
	background-position: 	right top !important;
}

ul#nextCustomer li.first a:hover {
	background-position: 	left bottom !important;
}

ul#nextCustomer li.current a:hover {
	background-position: 	-209px bottom !important;
}

ul#nextCustomer li.last a:hover {
	background-position: 	right bottom !important;
}


/*
========================================================
PROJECT DESCRIPTION
========================================================
*/

#project .description
{
	margin:			0;
	padding:		5px 0 5px 6px;
	color:			#34434b;
	font-size:		13px !important;
	line-height:	16px;
	background-image: 		url(/images/project_descitption.gif);
	background-repeat: 		repeat-x;
	background-position: 	left top;
}

#project p
{
	padding:		5px 0 5px 6px;
	color:			#34434b;
	font-size:		13px !important;
	line-height:	16px;
}

#project p a
{
	margin-left:	10px;
	padding:		1px 20px 4px 6px;
	color:			#34434b;
	font-size:		13px !important;
	line-height:	16px;
	background-image: 		url(/images/project_weblink.gif);
	background-repeat: 		no-repeat;
	background-position: 	right top;
	text-decoration:	none;
	border-left:		1px solid #dbdcd8;
}