@CHARSET "UTF-8";

/********************/
/******* COMMON *****/
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	color: white;
	min-width: 1100px; /*960*/
	min-height: 720px;
	height: 100%;
}
#wrapper {
	padding: 0;
	margin: 0;
	height: 100%;
	position: relative;
	z-index: 3;
}
#top {
	padding: 20px;
}
a img {
	border: none;
}
a{
	color:white;
	text-decoration: none;
}
a:hover {
	color: white;
	text-decoration: none;
}
hr {
	border: 0;
  height: 1px;
  margin: 0;
  color: #fff;
	background-color: #fff;
}

/********************/

/********************/
/**** Layout ********/
#leftBox {
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 9pt;
	width: 400px;
}

#logo {
	float: left;
	width: 172px;
}

#leftBox_text {
}

#footer {
	position: absolute;
	left: 20px;
	bottom: 25px;
	width: 500px;
}

#footer_col1 {
	position: absolute;
	bottom: 0px;
	width: 200px;
}

#footer_col2 {
	position: absolute;
	left: 200px;
	bottom: 0px;
	width: 200px;
	font-size: 13pt;
}

#footer_col3 {
	position: absolute;
	left: 400px;
	bottom: 0px;
	width: 50px;
	font-size: 20pt;
}

#footer_impressum {
	position: absolute;
	width: 344px;
	bottom: 80px;
}

#footer_imp_col1 {
	float: left;
	width: 172px;
}

#footer_imp_col2 {
	float: right;
	width: 172px;
}

/********************/

/********************/
/**** right Box *****/

#rightBox {
	position: relative;
	float: right;
	margin: 10px 0 0 20px;
	padding: 0;
	height: 620px;
	overflow: hidden;
	
	width: 572px;
}

.slide {
	position: absolute;
}

.slide hr {
	margin-bottom: 14px;
}

.slide.single {
	width: 324px;
	right: 76px;
}

.slide.double {
	width: 572px;
	right: 0px;
}

.slide.double .rightBox_col1, .slide.double .rightBox_col2 {
	width: 276px;
}

.rightBox_col1 {
	float: left;
	width: 324px;
	margin: 0 5px;
}

.rightBox_col2 {
	float: right;
	width: 0;
	margin: 0 5px;
}

.rightBox_col {
	float: left;
	width: 190px;
}

.rightBox_text {
}

.slogan {
	clear: both;
	margin: 50px 0;
}

.rightBox_gallery {
	margin: 0 1px 15px 1px;
}

.rightBox_gallery a {
	display: block;
	padding: 0;
	margin: 4px 2px 0 0;
	width: 112px;
	height: 74px;
	/*width: 121px;
	height: 81px;*/
	float: left;
}

.rightBox_gallery a.thumb:hover {
	background-position: 0 0;
}

.rightBox_gallery a.thumb0 {
	background:	url(../images/employee/thumb_markus_gaisbauer.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb1 {
	background:	url(../images/employee/thumb_manuela_gaisbauer.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb2 {
	background:	url(../images/employee/thumb_clemens_rolinek.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb3 {
	background:	url(../images/employee/thumb_gerlinde_puehringer.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb4 {
	background:	url(../images/employee/thumb_christian_stumpf.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb5 {
	background:	url(../images/employee/thumb_claudia_tiefenbacher.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb6 {
	background:	url(../images/employee/thumb_harald_maurer.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb7 {
	background:	url(../images/employee/thumb_robert_hanzal.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb8 {
	background:	url(../images/employee/thumb_zoltan_szily.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb10 {
	background:	url(../images/photos/thumb_team.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb11 {
	background:	url(../images/photos/thumb_photo_1.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb12 {
	background:	url(../images/photos/thumb_photo_2.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb13 {
	background:	url(../images/photos/thumb_photo_3.jpg) no-repeat 0 -74px;
}
.rightBox_gallery a.thumb14 {
	background:	url(../images/photos/thumb_photo_4.jpg) no-repeat 0 -74px;
}

/********************/


/*fotos*/

.photo_big {
	position: absolute;
	top: 100px;
	z-index: 2;
}

/********************/
/**** BACKGROUND ****/
/*black grid*/
.background_grid {
	position: fixed;
	top: 0;
	left: 0;
	background-image: url(images/background_grid.gif);
	width: 100%;
	height: 100%;
	z-index: 2;
	margin: 0;
	padding: 0;
}

#background_lightbox {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	z-index: 5;
	margin: 0;
	padding: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);

}

#lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

#employee {
	position: relative;
	margin: auto;
	width: 700px;
}

#photo_wrapper {
	position: relative;
	margin: auto;
	width: 90%;
}

.loader {
	background: url(images/loader.gif) no-repeat 50% 50%;
}

#employee_loader {
	width: 700px;
	height: 467px;
	position: relative;
}

#photo_loader {
	width: 100%;
	position: relative;
}

#photo {
	width: 100%;
	vertical-align: middle;
}

#lightbox .caption {
	margin: 10px 0;
}

#employee_name {
	float: left;
}

.lightbox_close {
	float: right;
}

#employee_mail {
	float: left;
	width: 180px;
}

#employee_desc {
	margin-left: 180px;
}

/* gallery navigation */
#hover_nav {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.photoPrev, .photoNext {
	width: 50%;
	height: 100%;
	position: absolute;
	outline: none;
	display: inline-block;
	background-color: #FFF;
	opacity: 0;
	filter: alpha(opacity=0);
}

.photoPrev {
	left: 0;
}

.photoNext {
	right: 0;
}

/*image*/
#background_image_div {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
	margin: 0;
	padding: 0;
}

#background_image_div img {
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	display: none;
}

#active_background_image_div {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:-1;
	margin: 0;
	padding: 0;
}

#active_background_image_div img {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
}

.activeBackground {
	/*width: 100%;*/
}

#transparent_lightbox {
	position: fixed;
	width: 5000px;
	height: 5000px;
	top: 0;
	left: 0;
	background-image: url(images/css/transparent.gif);
	z-index: 2;
}
/********************/

/********************/
/**** STYLES ********/
.pointer {
	cursor: pointer;
}

.float_left {
	float:left;
}

.width_150 {
	width: 150px;	
}

.margin_left_10 {
	margin-left: 10px;
}

.clear_both {
	clear: both;
}

.margin_right_20 {
	margin-right: 20px;
}

.height_0
{
	height: 0;
	overflow: hidden;
}

.bottom_5{
	bottom: 5px;
}

.height_205 {
	/*height: 205px;*/
}

.overflow_hidden {
	/*overflow: hidden;*/
}

.invisible {
	display: none;
	height: 0;
}

.full_width {
	width: 100%;
}

.full_height {
	height: 100%;
}