/* ==== layout ====================================================== */

body {
	font: normal 12px/140% 'UbuntuRegular', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
	background: #000;
	color: #fff;
}

#wrapper {
	width: 1024px;
	margin: 0 auto;
}

	#header {
		position: fixed;
		z-index: 1000;
		padding: 20px;
		width: 984px;
		height: 32px;
		left: 50%;
		margin-left: -512px;
		background: #000;
	}
	
	.ie6 #header { position: relative; }
	
		#meta {
			position: absolute;
			top: 20px;
			right: 10px;
		}
	
	#footer {
		position: relative;
		top: 72px;
		padding: 20px;
	}

		.ie6 #footer { top: 0; }

#main {
	position: relative;
	top: 72px;
}

		.ie6 #main { top: 0; }

	.background {
		width: 100%;
		height: 851px;
	}

	.column { position: absolute; }
	
		#left {
			width: 100%;
			top: 0;
			left: 0;
		}
		
		#right {
			width: 50%;
			top: 0;
			right: 0;
		}
		
			.intro {
				position: relative;
				height: 851px;
				z-index: 100;
				overflow: hidden;
			}
			
				/* necessary to prevent underlying elements from not being clickable */
				.empty { z-index: 10; }


			






/* ==== base formatting ====================================================== */

@font-face {
    font-family: 'UbuntuRegular';
    src: url('../fonts/ubuntu-regular-webfont.eot');
    src: url('../fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('../fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-regular-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('../fonts/ubuntu-medium-webfont.eot');
    src: url('../fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-medium-webfont.woff') format('woff'),
         url('../fonts/ubuntu-medium-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-medium-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('../fonts/ubuntu-italic-webfont.eot');
    src: url('../fonts/ubuntu-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntu-italic-webfont.woff') format('woff'),
         url('../fonts/ubuntu-italic-webfont.ttf') format('truetype'),
         url('../fonts/ubuntu-italic-webfont.svg#UbuntuItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UbuntuCondensedRegular';
    src: url('../fonts/ubuntucondensed-regular-webfont.eot');
    src: url('../fonts/ubuntucondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ubuntucondensed-regular-webfont.woff') format('woff'),
         url('../fonts/ubuntucondensed-regular-webfont.ttf') format('truetype'),
         url('../fonts/ubuntucondensed-regular-webfont.svg#UbuntuCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

hr {
	display: inline-block;
	width: 35px;
	border: none;
	border-top: 1px solid #fff;
}

	.ie6 hr,
	.ie7 hr { visibility: hidden; }

h1 {
	font: normal 67px/100% 'UbuntuCondensedRegular', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
}

h2 {
	font: normal 39px/95% 'UbuntuCondensedRegular', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
	text-transform: uppercase;
	color: #b3d9f2;
}

h3 {
	font: normal 15px/140% 'UbuntuRegular', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
	color: #fff;
}

p {}

a,
a:link,
a:visited {
	font: normal 13px/100% 'UbuntuItalic', 'Helvetica Narrow', 'Arial Narrow', sans-serif;

	color: #b3d9f2;
	text-decoration: none;
	outline: none;
	
	-webkit-transition: color .30s linear;
	-moz-transition: color .30s linear;
	-o-transition: color .30s linear;	
	transition: color .30s linear;		
}

a:focus,
a:hover,
a:active {
	text-decoration: none;
	color: #fff;
}





/* ==== header & footer ====================================================== */

#meta li {
	display: inline;
	border-left: 1px solid #b3d9f2;
	padding: 0 10px;

}

	#meta .kontakt,
	#meta .teilen,
	#meta .entdecken { border: none; }
	
		#meta .teilen a {
		  background: url(../img/icn-meta-teilen.png) no-repeat 2px 3px;
		  padding-left: 15px;
		}
		
		#meta .entdecken a {
		  background: url(../img/icn-meta-entdecken.png) no-repeat left center;
		  padding-left: 15px;	
		}
	
		#meta a { font: normal 12px/140% 'UbuntuRegular', 'Helvetica Narrow', 'Arial Narrow', sans-serif;	}

#footer { text-transform: uppercase; }





/* ==== main nav ====================================================== */

#nav {
	position: fixed;
	z-index: 1000;
	width: 250px;
	height: 32px;
	top: 85px;
	right: 50%;
	margin-right: -480px;
	
	text-transform: uppercase;
}

	.ie6 #nav {
		position: absolute;
		margin: 0;
		right: 50px;
		top: 20px;
	}

#nav a,
#nav a:link,
#nav a:visited {
	font: normal 15px/100% 'UbuntuCondensedRegular', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
	color: #fff;
}

#nav a:focus,
#nav a:hover,
#nav a:active { color: #b3d9f2; }


	#nav li {
		width: 225px;
		height: 18px;
		padding: 5px 10px 5px 15px;

		background: transparent url(../img/bg-nav.png) no-repeat left center;
	}
	
		#nav .label {
			color: #000 !important;
			cursor: pointer;
		}
		
		#nav ul li {
			height: 20px;
			background: #703986;
		}
		
			#nav ul li a {
				border-bottom: 1px solid #64286c;
				padding-bottom: 7px;
			}

				#nav .single a,
				#nav .last a { border-bottom: none; }

			#nav .single {
				margin-top: 5px;
				padding-bottom: 0;
			}
			
				#nav .first { margin-top: 3px !important; }

			#nav .group {
				margin-top: 5px;
				height: 56px;
			}
			
				#nav .group span {
					font: normal 48px/100% 'UbuntuCondensedRegular', 'Helvetica Narrow', 'Arial Narrow', sans-serif;
					color: #7e4c92;
					margin-left: -4px;
				}
				
				#nav .group a { margin-top: -12px; }





/* ==== default plugin styles ====================================================== */

/* superfish core styles */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}




/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}