@charset "UTF-8";
/* GALLERIA*/
/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}

	h1{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; font-size:30px;}
	h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; font-size:20px;}
	/*a{color:#348;text-decoration:none;outline:none;}*/
	a:hover{color:#67a;}
	/*.caption{color:#888;position:absolute;top:250px;left:3px;width:200px;}*/

	/* thumbs */
	.gallery_demo{
		width:100px;
		position:absolute;
		top: 10px;
		left: 10px;
		/*float:left;*/
	}
	
	.gallery_demo li{
		width:55px;
		height:70px;
		border:3px double #eee;
		margin: 0 2px 2px 0;
		background:#eee;
	
	}
	
	.gallery_demo li.hover{border-color:#BBB;}
	.gallery_demo li.active{border-style:solid;border-color:#333;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	
	/* Picture */
	.galleria_container{
		position:absolute;
		top: 10px;
		left: 200px;
		margin:0;

}


	
	.info p{margin-top:1.6em;}
		
	.galleria{list-style:none;width:200px}
	.galleria li{display:block;width:40px;height:40px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	/*.galleria li .caption{display:block;padding-top:.5em}*/
	* html .galleria li div span{width:400px} /* MSIE bug */
	.galleria img {border: 1px solid #000000;	}
	.caption{color:#888;position:absolute;left:-2px;width:600px;font:80%/140% 'helvetica neue',sans-serif; padding-top:4px;}




/* TOP CONTAINER */
	
.top {
	width:1000px;
	height:40px;
	background-color:#FFF;
	/*border: 1px solid #000000;*/
	border-bottom-width:0px;
}

.logo {
	float: left;
	font:bold 80% 'helvetica neue',sans-serif;
	color: #333;
	letter-spacing:3px;
	text-transform:uppercase; 
	font-size:15px;
	margin: 18px 50px 5px 10px;
	
}

.top_menu li a {
	float: left;
	padding: 23px 25px 0px 25px;
	display: block;
	color: #333;
	text-align: center;
	vertical-align:bottom;
	font:bold 80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	text-transform:uppercase; 
	font-size:10px;
	text-decoration:none;
}

.top_menu_active {
	text-decoration:underline;
}

.top_menu {
	position:relative;

}

.top_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}

.top_menu li {
	float: left;
	margin: 0 0.15em;
}

/* MAIN */

.main {

	width:1002px;
	position:relative;
	height:730px;
	background-color: #FFF;
}

.hem {
	width:1002px;
	position:relative;
	height:730px;
	background-color: #FFF;
	padding:10px;
  	border: 1px solid #CCC;
	margin: 0 0 0 2px;
}

.kontakt {
	width:1002px;
	position:relative;
	height:730px;
	background-color: #FFF;
	padding:10px;
  	border: 1px solid #CCC;
	margin: 0 0 0 2px;

}

.kontakt_adress {
	position:absolute;
	top: 20px;
	left:40px;
	z-index:2;
}

.kontakt_martin {
	position:absolute;
	top: 20px;
	left:490px;
	z-index:2;
}

.kontakt_gels {
	position:absolute;
	top: 350px;
	left:50px;
	margin: 0 0 0 0;
	z-index:1;
}

/* SIDE MENU */

.side_menu {
	position:absolute; 
	top:0;
	left:2px;
	float:left;
	height:700px;
	width: 200px;
	background-color:#FFF;
	padding:0;
	margin:0;
	padding-top: 0px;
	font:80%/140% 'helvetica neue',sans-serif;	
}


li.tab {
	position:relative;
	float:left;
	height:15px;
	width: 98px;
	background-color: #f0f0f0;
	border: 1px solid #CCC;
	order-right-width: 0px;
	padding: 20px 0 20px 20px;
	margin: 0 0 5px 0;
	text-decoration: none;
	list-style:none;
}

li.tab.activeTab, li.tab.activeTab:hover, li.tab.activeTab:visited {
	z-index:3;
  	background-color: #FFF;
  	color: #000000;
	border-right-width: 0px;
}

div.content {
	z-index:2;
	position:absolute;
	width: 860px;
	height:690px;
	right:0;
  	border: 1px solid #CCC;
	background-color:#FFF;
	padding: 10px;	
}

li.tab	a.tab:visited {
	color: #999;
	text-decoration: none;
}

li.tab a {
	text-decoration: none;
	color:#000;
}

li.tab:hover {
  	background-color: #d0d0d0;
 	color: #606060;
}

div.tabIframeWrapper {
  	width: 100%;
}

/* LARGE IMAGE*/

#main_image {
}

.main_image_border {
	border: 1px solid #CCC;	

}
/* Slideshow */

#slideshow {
    position:relative;
    height:600px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:10px;
    z-index:8;
    opacity:0.0;
	border: 1px solid #CCC;
	padding: 5px;

	
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.main_text {
	font:15px 'helvetica neue',sans-serif;
}