/* neues Projekt anlegen 
				1. projekte.css - neu: #container_projekte_01 { }
				2. projekte.css - ändern breite: #container_projekte_01 { }
				3. index.html (zeile800) - neu: JS für Projekt-Button
				4. index.html (zeile850) - neu: JS für Projekt-Next-Button
				5. index.html (zeile850) - neu: JS für Projekt-Next-Button
				6. Bilddateien in Ordner projekte/projekt00 ablegen
				7. index.html (zeile440) - neu: Bilddateien verlinken
				
*/

/* ***** PROJEKT ****************************** */		
.wrapper_vorgabe {
	position:relative;
	width:1200px;	
	height:475px;
	margin-top:-693px;
	overflow:hidden;
	z-index:1;
}

#container_projekte_01 { 
	width:12000px; /* Sliderbreite: Anzayhl Bilder x 1200px */ 
}
#container_projekte_02 { 
	width:8400px;
}
#container_projekte_03 { 
	width:4800px;
}
#container_projekte_04 { 
	width:8400px;
}
#container_projekte_05 { 
	width:10800px;
}
#container_projekte_06 { 
	width:6000px;
}
#container_projekte_07 { 
	width:6000px;
}
#container_projekte_08 { 
	width:3600px;
}
#container_projekte_09 { 
	width:6000px;
}
#container_projekte_10 { 
	width:8400px;
}

#projekte_text {
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:24px;
	color:#000000;
	margin-top:17px;
	margin-left:820px;
}

/* ***** BUTTONS NÄCHSTES BILD EINES PROJEKTES ***** */
.projekte_btn_next_position {	
	position:relative;			
	margin-top:-15px;
	z-index:9;
}	

.btn_next_standartposition {
		margin-top:-20px;
		margin-left:1000px;
}


/* ***** THUMBS ****************************** */
#wrapper_thumbs {
	position:relative;
	width:710px; /* sichtbare Breite Thumbs-Container: Bild 140px + Abstand 2px // 5x140 + (5x2) = 710 */
	height:140px; 
	left:50%;
	margin: 1px auto; /* fuck you IE */
	margin-left:-550px;
	margin-top:590px;	/* Position des Projekte-Thumb-Slider unter dem Bild */	
	overflow:hidden; /* Scrollbalken ausgeblendet */
	z-index:6;
}

div#container_projekte_thumbs {
	width:1420px; /* gesamte sliderbreite aller bilder: Bild 140px + Abstand 0px // 15x140px+(15x2px)=2130 */
}

div#container_projekte_thumbs div {	
	height:295px;
	padding-left:1px; /* 1/2 Abstand zwischen den Thumbnails */
	padding-right:1px; /* 1/2 Abstand zwischen den Thumbnails */
	float:left;	
}

/* ***** Buttons für Projekte-Thumbs back/next ***** */
#container_next_thumbs {
	position:relative;
	width:auto;
	height:12px;
	margin-top:-139px;
	margin-left:11px;
	z-index:5;
}