/* ================================================================================
 *
 * @project Mimi's Fotoblog
 * @version 1.0
 * @author David Hellmann
 * @copyright 2011 by David Hellmann - Grafikdesign, Webdesign, Webentwicklung
 *
 *
 * @colordef #000 Farbton/Beschreibung (Einsatzort)
 *
================================================================================ */

* {
	padding:0;
	margin:0;
	border:0;
	text-decoration:none;
	list-style:none;
}



body {
	background: url(images/bg.jpg) center top repeat;
	font:normal 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
}

#wrapper100 {
	background: url(images/background.jpg) center top repeat-x;
	float: left;
	width: 100%;
}

#wrapper100 #wrapper {
	margin: 0 auto;
	width: 1040px;
	position: relative;
}

#wrapper .textOben {
	position: absolute;
	width: 200px;
	left: 50%;
	top:5px;
	margin:  0 0 0 -100px;
	text-shadow: 1px 1px 0 #382131;
}

	#wrapper #bigSlider {
		position: absolute;
		left: 50%;
		top:30px;
		margin: 0 0 0 -600px;
		width: 1200px;
		height: 880px;
		background: url(images/bigslider.png) center top no-repeat;
		z-index: 100;
	}

	#wrapper #slider {
		position: absolute;
		left: 50%;
		top:182px;
		margin: 0 0 0 -375px;
		width: 750px;
		height: 500px;
		z-index: 50;
		overflow:hidden;
	}

			#wrapper #slider ul {
				width: 750px;
				height: 500px;
			}

				#wrapper #slider ul li {
					width: 750px;
					height: 500px;
					position:relative;
				}

				#controls {
					position:absolute;
					left:148px;
					top:688px;
					z-index: 110;
					width: 300px;
				}

					#controls li {
						float: left;
						width: 20px;
						height: 20px;
						background:url(images/sliderNavi.png) center center no-repeat;
						text-indent: -999999px;
						cursor: pointer;
					}
					
					#controls li.current {
							background:url(images/sliderNaviCurrent.png) center center no-repeat;
					}
					
	
	#wrapper ul#yearlyGallery {
		float: left;
		padding: 990px 0 100px 55px;
		width: 976px;
	}
	
		ul#yearlyGallery li {
			float: left;
			width: 976px;
			position: relative;
			margin: 50px 0 0 0;
		}
		
			ul#yearlyGallery li .ribbon {
				width: 55px;
				height: 130px;
				position: absolute;
				left: -44px;
				top:88px;
				background:url(images/ribbon.png) 0 0 no-repeat;
				text-indent: -999999px;
			}
			
			ul#yearlyGallery li .ribbon2011 {
				background:url(images/ribbon.png) 0 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2012 {
				background:url(images/ribbon.png) -100px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2013 {
				background:url(images/ribbon.png) -200px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2014 {
				background:url(images/ribbon.png) -300px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2015 {
				background:url(images/ribbon.png) -400px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2016 {
				background:url(images/ribbon.png) -500px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2017 {
				background:url(images/ribbon.png) -600px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2018 {
				background:url(images/ribbon.png) -700px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2019 {
				background:url(images/ribbon.png) -800px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2020 {
				background:url(images/ribbon.png) -900px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2021 {
				background:url(images/ribbon.png) -1000px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2022 {
				background:url(images/ribbon.png) -1100px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2023 {
				background:url(images/ribbon.png) -1200px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2024 {
				background:url(images/ribbon.png) -1300px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2025 {
				background:url(images/ribbon.png) -1400px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2026 {
				background:url(images/ribbon.png) -1500px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2027 {
				background:url(images/ribbon.png) -1600px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2028 {
				background:url(images/ribbon.png) -1700px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2029 {
				background:url(images/ribbon.png) -1800px 0 no-repeat;
			}
			
			ul#yearlyGallery li .ribbon2030 {
				background:url(images/ribbon.png) -1900px 0 no-repeat;
			}
	
		ul#yearlyGallery li .imageBox {
			float: left;
			width: 258px;
			margin: 20px 0 0 20px;
			padding: 72px 0 0 45px;
			position: relative;
			height: 191px;
		}
		
			ul#yearlyGallery li .imageBox .thumbOverlay {
				background:url(images/thumbOverlay.png) 9px 0 no-repeat;
				width: 312px;
				height: 263px;
				position: absolute;
				left: 0;
				top: 0;
			}