html, body { height:100%;}
body {
	margin:0;
	color:#999;
	background:url(/uploads/images/klaus/bg-body1.gif);
	font:12px/18px Verdana, Arial, Helvetica, sans-serif;
	display:table;
	width:100%;
}
a {
	text-decoration:underline;
	color:#ccc;
}
a:hover { text-decoration:none;}
img { border-style:none;}
/* Main page */
.page {
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
}
.page-area {
	width:807px;
	height:540px;
	background:url(/uploads/images/klaus/bg-page1.jpg) no-repeat;
	margin:0 auto;
	position:relative;
}
* html .page-area {margin-top: expression(this.parentNode.offsetHeight > this.offsetHeight ? ((this.parentNode.offsetHeight-this.offsetHeight)/2 + "px") : "0");}
* + html .page-area {margin-top: expression(this.parentNode.offsetHeight > this.offsetHeight ? ((this.parentNode.offsetHeight-this.offsetHeight)/2 + "px") : "0");}
.page-area .logotype {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background:url(/uploads/images/klaus/bg-logo.jpg) no-repeat;
	width:474px;
	height:76px;
}
.page-area .logotype a {
	display:block;
	background:url(/uploads/images/klaus/logotype.jpg) no-repeat;
	width:246px;
	height:33px;
	overflow:hidden;
	text-indent:-9999px;
	margin:28px 0 0 91px;
}
.page-area ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:342px;
	left:166px;
	z-index:10;
}
.page-area ul .galerie a {
	background:url(/uploads/images/klaus/bg-galerie.png) no-repeat;
	width:105px;
	height:26px;
}
.page-area ul .atelier a {
	background:url(/uploads/images/klaus/bg-atelier.png) no-repeat;
	width:102px;
	margin:4px 0 0 37px;
	height:26px;
}
.page-area ul .workshops a {
	background:url(/uploads/images/klaus/bg-workshops.png) no-repeat;
	width:169px;
	height:34px;
	margin:3px 0 0 61px;
}
.page-area ul a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
.page-area .img-holder {
	position:relative;
	height:100%;
}
.page-area .img-holder img { position:absolute;}
.page-area .img-holder .img1 {
	top:39px;
	right:35px;
	z-index:5;
}
.page-area .img-holder .img2 {
	top:121px;
	right:82px;
	z-index:2;
}
.page-area .img-holder .img3 {
	top:241px;
	right:34px;
	z-index:5;
}
.page-area .img-holder .img4 {
	top:361px;
	right:34px;
	z-index:5;
}
.page-area .img-holder .img5 {
	top:185px;
	right:215px;
	z-index:1;
}
.page-area .img-holder .img6 {
	top:286px;
	right:126px;
	z-index:3;
}
/* Inner page */
.inner-page {
	background:#d4d2ce url(/uploads/images/klaus/bg-body2.jpg) repeat-x;
}
.main {
	background:url(/uploads/images/klaus/bg-main1.jpg) repeat-y;
	width:952px;
	margin:0 auto;
}
.main-hold1 {
	background:url(/uploads/images/klaus/bg-main2.jpg) no-repeat;
}
.main-hold2 {
	background:url(/uploads/images/klaus/bg-green-part.gif) no-repeat 27px 0;
	width:100%;
}
#header {
	position:relative;
	height:182px;
	border-bottom:1px solid #aeaea9;
}
#header strong {
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
#header .logo {
	background:url(/uploads/images/klaus/bg-logo.png) no-repeat;
	width:259px;
	height:47px;
	top:135px;
	left:40px;
	z-index:2;
}
#header .logo a {
	height:100%;
	display:block;
}
#header .heading {
	top:122px;
	right:20px;
	background:url(/uploads/images/klaus/text-header1.png) no-repeat;
	width:518px;
	height:26px;
	z-index:2;
}
#header ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:158px;
	right:14px;
}
#header ul li {
	float:left;
	padding-left:11px;
}
#header ul a {
	color:#494949;
	text-decoration:none;
}
#header ul a:hover { text-decoration:underline;}
#header img {
	position:absolute;
	top:0;
	left:255px;
}
.columns-holder {
	overflow:hidden;
	padding:0 0 0 8px;
	height:1%;
	min-height:600px;
}
#sidebar {
	float:left;
	width:245px;
	padding:0 0 40px;
}
.navigation {
	background:url(/uploads/images/klaus/bg-nav.png) repeat-y;
	margin:0 0 0 36px;
	width:174px;
}
.navigation ul {
	margin:0 -42px 0 -36px;
	padding:0 0 0 19px;
	list-style:none;
	line-height:27px;
	overflow:hidden;
}
.navigation ul li {
	margin-top:-1px;
	padding:1px 0;
	height:1%;
	position:relative;
	vertical-align:top;
	background:url(/uploads/images/klaus/bg-nav-sep.png) no-repeat;
}
.navigation ul a {
	margin-left:-19px;
	display:block;
	padding-left:29px;
	text-decoration:none;
}
.navigation ul ul a {
	margin-left:-5px;
}
.navigation ul a span {
	display:block;
	height:1%;
	cursor:pointer;
}
.navigation ul .blue-line a span {
	background:url(/uploads/images/klaus/bg-nav-blue-border.gif) repeat-y;
}
.navigation ul .green-line a span {
	background:url(/uploads/images/klaus/bg-nav-green-border.gif) repeat-y;
}
.navigation ul .red-line a span {
	background:url(/uploads/images/klaus/bg-nav-red-border.gif) repeat-y;
}
.navigation ul a span span {
	padding-left:12px;
}
.navigation ul a:hover,
.navigation ul li.active a {
	text-decoration:none;
	font-weight:bold;
}

/* 2 */
.navigation ul li.active ul a {
	font-weight:normal;
}
.navigation ul li ul li a:hover,
.navigation ul li ul li.active a,
.navigation ul li.active ul li a:hover,
.navigation ul li.active ul li.active a {
	font-weight:bold;
}
/* 3 */
.navigation ul li ul li.active ul a,
.navigation ul li.active ul li.active ul a {
	font-weight:normal;
}
.navigation ul li ul li.active ul li a:hover,
.navigation ul li ul li.active ul li.active a,
.navigation ul li.active ul li.active ul a:hover,
.navigation ul li.active ul li.active ul li.active a,
.navigation ul li ul li.active ul a:hover,
.navigation ul li ul li.active ul li.active a,
.navigation ul li.active ul li.active ul a:hover,
.navigation ul li.active ul li.active ul li.active a {
	font-weight:bold;
}


.navigation ul a:hover span span,
.navigation ul li.active a span span {
	background:url(/uploads/images/klaus/ico-bullet.gif) no-repeat 0 50%;
}
.navigation em {
	background:url(/uploads/images/klaus/bg-nav-sep.png) no-repeat;
	display:block;
	position:relative;
	overflow:hidden;
	height:1px;
	margin:-1px -42px 0 -19px;
}
#content {
	float:right;
	width:679px;
/*	background:url(/uploads/images/klaus/bg-content.gif) repeat-y 100% 0; */
	position:relative;
	z-index:2;
}
.main2 #content {
	background:none;
}
.full-width .main-hold1 {
	background:url(/uploads/images/klaus/bg-main2a.jpg) no-repeat;
}
.full-width .main {
	background:url(/uploads/images/klaus/bg-mainfull.jpg) repeat-y;
}
.bg-bottom {
/*	background:url(/uploads/images/klaus/bg-content-bottom.jpg) no-repeat 100% 100%; */
	width:100%;
	overflow:hidden;
	padding:0 0 25px;
}
.main2 .bg-bottom {
	background:none;
}
#content a { position:relative;}
.text-block {
	float:left;
	padding:20px 20px 0 0;
	width:468px;
}
.full-width .text-block {
	float:none;
	width:auto;
}
#content h1 {
	font-size:18px;
	line-height:20px;
	color:#fff;
	margin:0;
}

#content h2 {
	font-size:14px;
	line-height:18px;
	color:#fff;
	margin:0;
}
.text-block p {
	margin:5px 0 0;
	padding:0 0 17px;
}
.text-block h3 {
	margin:0;
	color:#fff;
	font-size:12px;
}
.news-bar {
	float:right;
	width:170px;
	padding:0 5px 0 16px;
}
.main .news-bar {
	background:url(/uploads/images/klaus/bg-news-bar-green.gif) no-repeat 1px 0;
	min-height:430px;
}
.main-blue .news-bar {
	background:url(/uploads/images/klaus/bg-news-bar-blue.gif) no-repeat 1px 0;
}
* html .main .news-bar {
	height:430px;
}
.main3 .news-bar {
	background:url(/uploads/images/klaus/bg-news-bar-orange.gif) no-repeat 1px 0;
	min-height:430px;
}
* html .main3 .news-bar {
	height:430px;
}
#content .news-bar h2 {
	margin:10px 0 0 -11px;
	background:url(/uploads/images/klaus/ico-bullet.gif) no-repeat 0 7px;
	padding:0 0 0 11px;
}
.news-bar h2 a { color:#fff;}
.news-bar p { margin:0;}
.news-bar span { display:block;}
.news-bar span a { color:#999;}
.bg-footer {
	position:relative;
	z-index:1;
	height:238px;
}
#footer {
	background:url(/uploads/images/klaus/bg-foot.png) no-repeat;
	height:39px;
	padding:199px 0 0 23px;
	margin:-178px 0 0 0;
}
#footer ul {
	margin:0;
	padding:0;
	list-style:none;
}
#footer ul li {
	float:left;
	padding:0 0 0 3px;
}

* html .navigation ul a:hover {
	background:url(/uploads/images/klaus/none.gif);
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/uploads/images/klaus/bg-nav-grey-hover.png', sizingmethod='scale');
	width:222px;
}
/* green */
.main .navigation ul li.active a {
	background:url(/uploads/images/klaus/bg-nav-green-hover.gif) repeat-y;
	filter:none;
}
/* 2 */
.main .navigation ul li.active ul a {
	background:none;
}
.main .navigation ul li.active ul a span {
	background:none;
}
/* 2 hover */
.main .navigation ul li.active ul a:hover,
.main .navigation ul ul li.active a {
	background:url(/uploads/images/klaus/bg-nav-green-hover.gif) repeat-y;
}

/* blue */
.main2 #header .heading {
	background:url(/uploads/images/klaus/text-header2.png) no-repeat;
}
.main2 .main-hold2 {
	background:url(/uploads/images/klaus/bg-blue-part.gif) no-repeat 27px 0;
}
.main2 .navigation ul li.active a {
	filter:none;
	background:url(/uploads/images/klaus/bg-nav-blue-hover.gif) repeat-y;
}
/* 2 */
.main2 .navigation ul li.active ul a {
	background:none;
}
.main2 .navigation ul li.active ul a:hover span,
.main2 .navigation ul ul li.active a span,
.main2 .navigation ul li.active ul a span {
	background:none;
}
/* 2 hover */
.main2 .navigation ul li.active ul a:hover,
.main2 .navigation ul ul li.active a {
	background:url(/uploads/images/klaus/bg-nav-blue-hover.gif) repeat-y;
}


/* orange */
.main3 #header .heading {
	background:url(/uploads/images/klaus/text-header3.png) no-repeat;
	height:34px;
}
.main3 .main-hold2 {
	background:url(/uploads/images/klaus/bg-orange-part.gif) no-repeat 27px 0;
}
.main3 .navigation ul li.active a {
	background:url(/uploads/images/klaus/bg-nav-red-hover.png) repeat-y;
	filter:none;
}
.main3 .navigation ul li.active a span,
.main3 .navigation ul li.active a:hover span {
	background:url(/uploads/images/klaus/bg-nav-orange-border.gif) repeat-y;
}
.main3 .navigation ul li.active a span span,
.main3 .navigation ul li.active a:hover span span {
	background:url(/uploads/images/klaus/ico-bullet.gif) no-repeat 0 50%;
}
/* 2 */
.main3 .navigation ul li.active ul a {
	background:none;
}
.main3 .navigation ul li.active ul a:hover span,
.main3 .navigation ul ul li.active a span,
.main3 .navigation ul li.active ul a span {
	background:none;
}
/* 2 hover */
.main3 .navigation ul li.active ul a:hover,
.main3 .navigation ul ul li.active a {
	background:url(/uploads/images/klaus/bg-nav-red-hover.png) repeat-y;
}



/* grey */
.main4 #header .heading {
	display:none;
}
.main4 .main-hold2 {
	background:url(/uploads/images/klaus/bg-grey-part.gif) no-repeat 27px 0;
}
.main4 .navigation ul li.active a {
	background:url(/uploads/images/klaus/bg-nav-grey-hover.png) repeat-y;
}
.main4 .navigation ul li.active a span {
	background:url(/uploads/images/klaus/bg-nav-grey-border.gif) repeat-y;
}
.main4 .navigation ul a:hover span span,
.main4 .navigation ul li.active a span span {
	background:url(/uploads/images/klaus/ico-bullet.gif) no-repeat 0 50%;
}
.main4 .news-bar {
	background:url(/uploads/images/klaus/bg-news-bar-grey.gif) no-repeat 1px 0;
	min-height:430px;
}
.navigation ul a:hover {
	background:url(/uploads/images/klaus/bg-nav-grey-hover.png) repeat-y;
}
.navigation ul a:hover span {
	background:url(/uploads/images/klaus/bg-nav-grey-border.gif) repeat-y;
}



.navigation ul a:hover span {
	background:none;
}
.navigation ul ul {
	margin:0 -42px 0 10px;
	padding:0 0 0 8px;
}
.main .navigation ul ul {
	background:url(/uploads/images/klaus/bg-nav-green-border.gif) repeat-y;
}
.main2 .navigation ul ul {
	background:url(/uploads/images/klaus/bg-nav-blue-border.gif) repeat-y;
}
.main3 .navigation ul ul {
	background:url(/uploads/images/klaus/bg-nav-orange-border.gif) repeat-y;
}
.main4 .navigation ul ul {
	background:url(/uploads/images/klaus/bg-nav-grey-border.gif) repeat-y;
}
.navigation ul ul a {
	padding-left:11px;
}
.navigation ul ul ul {
	margin:0;
	padding:1px 0 0;
	background:url(/uploads/images/klaus/bg-nav-sep.png) no-repeat;
}
* html .navigation ul ul ul {
	background:none;
	padding:0;
}
* + html .navigation ul ul ul {
	background:none;
	padding:0;
}
.navigation ul ul ul a {
	padding-left:29px;
}
.main4 .navigation ul ul span span {
	background:none !important;
}
/* contact */
.contact-form label {
	display:block;
	color:#999;
	padding:0 0 3px;
}
.contact-form .required {
	padding:0 0 15px;
}
.contact-form .required input,
.contact-form .required textarea {
	margin:0;
	padding:2px 5px;
	font:12px/15px Arial,Verdana,sans-serif;
	background:#ccc;
	border:none;
	width:190px;
}
.contact-form .required textarea {
	width:600px;
	height:200px;
	overflow:auto;
}
.contact-form .captcha {
	padding:20px 0 15px;
}
.contact-form .captcha img {
	display:block;
	margin:0 0 10px;
}
.contact-form .captcha input {
	margin:10px 0 0;
	padding:2px 5px;
	font-size:12px;
	background:#ccc;
	border:none;
	width:190px;
}
.contact-form .submit {
	padding:15px 0 30px;
}

#header li a {color:#ccc}