/**
* @package Package 
* @subpackage Subpackage
* @version 0.0
* @lastmodified May 06, 2010
* @author Kuzzy <kuzzzy@gmail.com>
*/

@import "reset.css";

/*** Branding ***/ 
body {font:normal 12px Arial, Helvetica, sans-serif; color:#666; background:#fff url(/images/verlauf_g.gif) repeat-x 50% 0;}

@font-face {
	font-family: 'Curls';
	src: url('/fonts/curls.eot');
	src: local('Curls'), url('/fonts/curls.woff') format('woff'), url('/fonts/curls.ttf') format('truetype'), url('/fonts/curls.svg#webfontMo9rIBFc') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**
* @section Links
*/
a:link{text-decoration:underline; color:#6E6D6D}
a:visited{text-decoration:underline; color:#6E6D6D}
a:hover{text-decoration:none; color:#6E6D6D}
a:active{text-decoration:none; color:#6E6D6D}


/**
* @section Headings
*/
h1, h2, h3, h4, h5, h6 {color:#666;}
h1 {font-size:2.2em;}
h2 {font-size:2.0em;}
h3 {font-size:1.8em;}
h4 {font-size:1.6em;}
h5 {font-size:1.4em;}
h6 {font-size:1.2em;}

/**
* @section Typography
*/
p, blockquote, table {margin-bottom:1.2em;}
.l-main blockquote {font-style:italic; text-align:right;}

/**
* @section Footerstick
*/
html, body {height:100%;}
.l-main-container {min-height:100%; position:relative; width:980px; margin:0 auto;}
	.l-wrapper {}


/**
* Splash Page
*
* @section Splash
*/
body.splash {background:#fff;}
.l-splash-box {margin:0 auto; padding-top:80px; width:850px;}
	.b-splash {}
		.img-splash {float:left;}
		.splash-logo {float:right;}
	.b-splash-lnk {text-align:right; padding-right:12px;}	


/**
* @section Header
*/
.l-header {background:url(/images/bg_header.gif) repeat-y 0 0; height:110px; overflow:hidden;}
	.nav-top {font-family: Helvetica, sans-serif; padding-bottom:3px; padding-left:90px;}
		.nav-top li {float:left; background:url(/images/sep_top_nav.gif) no-repeat 0 0; padding:14px 15px 0 3px; min-width:88px;}
			.nav-top li a, .nav-top li a:visited {color:#fff; text-decoration:none; font-size:14px;}
			.nav-top li a:hover, .nav-top li.active a, .nav-top li.active a:visited {color:#6e6d6d;}
	.b-logo {padding-right:95px; padding-top: 28px}
		.b-logo a {float:right;}
		.b-logo img {display:block;}


/**
* @section Gallery Menu
*/
.nav-main {font-family: Helvetica, sans-serif; padding:3px 0 3px 90px;}
	.nav-main li {float:left; min-width:75px; padding-right:17px;}
		.nav-main li a, .nav-main li a:visited {color:#afafb0; text-decoration:none; font-size:14px;}
		.nav-main li a:hover, .nav-main li.active a, .nav-main li.active a:visited {color:#6E6D6D;}

/**
* @section Gallery
*/
.b-gallery {padding-left:90px;}	

/**
* @section Content
*/
.l-container { padding:27px 90px 0;}
	.l-content {float:right; width:100%; margin-left:-277px;}
		.l-main {margin-left:277px; padding-left:30px; font-size:10px;}
	.l-sidebar {float:left; width:277px;}	

.clear {clear:both; font-size:0; height:0; line-height:0;}
.slider-control {width: 50px; height: 222px; float: left; text-align: center;  margin-top: 20px; padding-top: 178px}
#slider-box {width: 700px; position: relative; height: 400px; overflow: hidden; float: left; margin-top: 20px}
#slider {position: absolute; height: 400px; width: 10000px}
#slider .slide {float: left; width: 30px; height: 400px; margin-right: 5px; background-position: 50% top; background-repeat: no-repeat; cursor: pointer}
#slider .active {background: none; width: 270px}

.error {margin: 40px auto; text-align: center;}
.error p {padding: 10px 0px;}