/* header */
* {
	margin: 0px;
	padding: 0px;
}
*html {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	font-family: Helvetica;
}
body a {
	text-decoration: none;
}
html {
	overflow-y: scroll;
}
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding-top: 75px;
	width: 900px;
}
.content_wrapper {
	width: 898px;
	height: 500px;
	border-left: 1px solid #57595A;
	border-right: 1px solid #57595A;
}
#nav {
}
.logo {
	position: absolute;
	top: 0px;
	margin-left: 747px;
}
.logo .header {
	font-size: 40px;
	font-weight: bold;
	line-height: 30px;
}
/*menu*/
#menu {
	list-style: none;
	width: 898px;
	margin: 0px auto 0px auto;
	height: 40px;
	padding: 0px;
	background: url('img/bg_gradient.jpg');
	border: 1px solid #57595A;
}
#menu a {
	font-family: Helvetica;
	font-size: 12px;
	color: #EEEEEE;
	outline: 0;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	float: left;
	display: block;
	text-align: center;
	position: relative;
	padding: 4px 5px 4px 6px;
	margin-right: 10px;
	margin-top: 7px;
	border: none;
}
#menu a:hover {
	margin-top: 6px;
	border: 1px solid #777777;
	padding: 4px 5px 4px 5px;
	color: #161616;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: url('img/bg_gradient_white.jpg');
}
#menu a.selected {
	margin-top: 6px;
	border: 1px solid #777777;
	padding: 4px 5px 4px 5px;
	color: #161616;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: url('img/bg_gradient_white.jpg');
}
.menu_first {
	margin-left: 10px;
}
.menu_last {
	margin-right: 0px!important;
}
/*home_content*/
#home_content {
	width: 898px;
	height: 500px;
	background: url('img/home_screen.jpg') no-repeat;
	background-position: left bottom;
	display: block;
}
#welcome {	
text-align: center;
position: relative; 
background: url('img/bg_gradient_60.jpg');
height: 60px;
	border: 1px solid #57595A;
  width: 800px;
 top: 48px;
 left: 48px;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  line-height: 60px;
  font-size: 30px; 
}
#homepad a {
	border: 1px solid #57595A;
  display: block;
  height: 60px;
  width: 300px;
  background: url('img/arrow.jpg');
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  font-size: 18px;
}
#homepad a:hover {
  background: url('img/arrow_yellow.jpg');
  border: 1px solid #FFD400;
  color: #FFD400;
}
#homepad a img {
float:right;
margin-right: 5px;
}

#homepad a.light {
text-align: center;
line-height: 30px;
float:right;
margin: 250px 48px 28px 200px;

}
#homepad a.contact {
text-align: center;
line-height: 60px;
float:right;
margin: 0px 48px 0 200px;
}

.screen {
	position: relative;
	z-index: 1;
	width: 530px;
	height: 366px;
	top: 47px;
	left: 217px;
	border-radius: 5px;
  background: #eee;
}
#finger {
	position: absolute;
	z-index: 2;
	height: 369px;
	width: 20px;
	background-image: url('img/finger.png');
	background-repeat: no-repeat;
	background-position: 0px 14px;
}
/*Homepad*/


#hp_menu {
	width: 530px;
	height: 21px;
	margin-bottom: 25px;
  
}
#hp_left {
	float: left;
	margin-left: 16px;
	height: 307px;
	width: 177px;
}
#hp_clock {
	width: 177px;
	height: 81px;
}
#hp_calendar {
	margin-top: 11px;
	width: 177px;
	height: 62px;
}
#hp_position {
	margin-top: 10px;
	width: 177px;
	height: 41px;
}
#hp_status {
	margin-top: 10px;
	width: 177px;
	height: 91px;
}
#hp_right {
	float: left;
	margin-left: 14px;
	width: 307px;
	height: 203px;
}
#hp_light {
	width: 307px;
	height: 42px;
}
#hp_window {
	margin-top: 11px;
	width: 307px;
	height: 42px;
}
#hp_mode {
	margin-top: 11px;
	width: 307px;
	height: 43px;
}
#hp_plan {
	margin-top: 11px;
	width: 307px;
	height: 43px;
}
#content_background {
	text-align: center;
	height: 500px;
	background: url('img/content_bg.png');
}
/*--------------------------------Musterhaus---------------------------------*/



/*--------------------------------content leistungen-------------------------*/
#leistungen_wrapper {
	margin: 0px 0px 10px 50px;
	height: 480px;
}
#leistungen_wrapper a {
	opacity: 0.9;
	border: 1px solid #777777;
	font-size: 15px;
	text-decoration: none;
	display: block;
	color: #ccc;
	font-weight: bold;
	text-align: center;
	float: left;
	width: 248px;
	height: 178px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.menu_bar {
	margin-top: 180px;
	line-height: 30px;
	width: 248px;
	height: 30px;
}
.placeholder {
	margin-top: 20px;
	width: 25px;
	height: 1px;
	float: left;
}
#leistungen_wrapper a:hover {
	opacity: 1.0;

	border: 1px solid #FFD400;
	color:#FFD400;
}
.leistungen_footer {
	background: url('img/bg_gradient.jpg');
	clear: both;
	margin-bottom: 0px!important;
	margin-top: 15px!important;
	width: 798px!important;
	height: 28px!important;
	line-height: 28px!important;
}
/*  ------------------------------ VIDEO ----------------------*/
#video_wrapper {
	margin: 0px 0px 0px 20px;
}
.video_left {
	width: 560px;
	float: left;
}
.video_container {
	margin-top: 20px;
	width: 560px;
	height: 315px;
}
.video_description {
	width: 538px;
	margin-top: 20px;
	height: 103px;
	background: url('img/bg-grey.png');
	border: 1px solid #777777;
	text-align: left;
	padding: 10px;
}
.video_description a {
}
.video_right {
	margin: 20px 20px 0px 0px;
	width: 273px;
	height: 458px;
	background: url('img/bg-grey.png');
	border: 1px solid #777777;
	float: left;
}
.video_right ul {  list-style-type: none;}
/*-------------------------------content_unternehmen-------------------*/
#content_background_unternehmen {
	text-align: center;
	height: 500px;
	background: url('img/bg_profil.jpg');
}
#unternehmen_wrapper {
	margin: 0px 0px 10px 50px;
	height: 480px;
}
#unternehmen_selector {
	width: 200px;
	float: left;
}
#unternehmen_selector a {
	border: 1px solid #57595A;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 95px;
	color: #EEEEEE;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	display: block;
	text-align: center;
	float: left;
	width: 198px;
	height: 95px;
	margin-top: 20px;
	background: url('img/content_bg.png');
}
#unternehmen_selector a.big {
line-height: 31px;
}
#unternehmen_selector a.last {
height: 45px!important;
margin-top: 70px!important;
line-height: 45px!important;
}
#unternehmen_selector a.last.solo {
height: 45px!important;
margin-top: 421px!important;
line-height: 45px!important;
}
#unternehmen_selector a.lasttwo {
height: 45px!important;
margin-top: 11px!important;
line-height: 45px!important;
}
#unternehmen_selector a.lasttwo.selected {
	border: 1px solid #FFD400!important;
	color: #FFD400!important;
	text-shadow: 1px 1px 1px #000!important;
	background: url('img/content_bg.png')!important;
  }
#unternehmen_selector a:hover {
	border: 1px solid #FFD400;
	color: #FFD400;
	text-shadow: 1px 1px 1px #000;
	background: url('img/content_bg.png');
}
#unternehmen_selector a.unternehmen_selected {
	border: 1px solid #FFD400;
	color: #FFD400;
	text-shadow: 1px 1px 1px #000;
	background: url('img/content_bg.png');
}
#unternehmen_content {
	text-shadow: 1px 1px 0px #FFFFFF!important;
	background: url('img/bg-grey.png');
	font-size: 14px;
	border: 1px solid #777777;
	padding: 15px 10px 15px 10px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	width: 555px;
	height: 416px;
}
#unternehmen_content p {
	margin-bottom: 20px;
}
#unternehmen_content img {margin-left: auto; margin-right: auto;}
#unternehmen_content a.big {
	border: 1px solid #57595A;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 120px;
	color: #EEEEEE;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	display: block;
	text-align: center;
	float: left;
	width: 255px;
	height: 120px;
  margin: 9px;
	background: url('img/content_bg.png');
}
#unternehmen_content a.big:hover {
	border: 1px solid #FFD400;
	color: #FFD400;
	text-shadow: 1px 1px 1px #000;
	background: url('img/content_bg.png');
}
/*----------------------content_sicherheitstechnik-------------------*/

/*---------------------------content_individualitaet------------*/
#content_background_ind {
	text-align: center;
	height: 500px;
	background: url('img/bg_ind.jpg');
}
#individualitaet_wrapper {
	margin: 0px 0px 10px 50px;
	height: 480px;
}
#individualitaet_content {
	text-shadow: 1px 1px 0px #FFFFFF!important;
opacity: 0.80;
	filter: alpha(opacity=80);
	text-align: left;
	font-size: 14px;
	margin-top: 20px;
	float: left;
	width: 498px;
	height: 416px;
	padding: 15px;
	border: 1px solid #777777;
	background: url('img/bg-grey.png');
}
#individualitaet_content p {
	margin-top: 18px;
	margin-bottom: 18px;
}
#individualitaet_graphic img {
	opacity: 0;
	filter: alpha(opacity=0);
}
#individualitaet_graphic {
	background: url('img/individualitaet_graphic.jpg');
	background-size: 270px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 270px;
	height: 176px;
}

/*---------------------------content_Referenzen------------*/
#content_background_referenzen {
	text-align: center;
	height: 500px;
	background: url('img/wohnzimmer.jpg');
}
#referenzen_text {
color:#000;
position:relative;
top: 100px;
line-height: 30px;  
background: url('img/bg-grey.png');
}
#referenzen_text a {
color:#000;
text-decoration: underline;

}
/*---------------------------content_Partner------------*/
#partner_wrapper {
	padding: 20px;
	width: 880px;
	height: 480px;
}
#partner_header {
	border: 1px solid #777777;
	width: 858px;
	height: 38px;
	line-height: 38px;
	font-size: 25px;
	background: #f4f4f4;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px;
}
.partner {
	width: 220px;
	height: 105px;
	float: left;
}
.logos {
	width: 200px;
	height: 85px;
	background-position: center;
	background-repeat: no-repeat;
}
.partner a {
	width: 200px;
	height: 85px;
	display: block;
	background: #eee;
	opacity: 0.9;
	border: 1px solid #777777;
}
.partner a:hover {
	opacity: 1;
	border: 1px solid #FFD400;
}
.partner img {
	width: 200px;
}
/*---------------------------content_datenschutz-----------------------*/
#datenschutz_wrapper {
	padding: 20px;
	width: 880px;
	height: 4450px;
}
#content_background_datenschutz {
	text-align: center;
	height: 4450px;
	background: url('img/content_bg.png');
}
/*---------------------------content_kontakt-----------------------*/

#content_kontakt {
	width: 800px;
	margin: 0px auto;
	padding: 20px;
	font-family: Helvetica;
	font-size: 16px;
	text-align: center;
	border: 1px solid #777777;
	color: #161616;
	text-shadow: 1px 1px 1px #FFFFFF;
	background: url('img/bg-grey.png');
}
/*footer*/
#footer {
	font-size: 12px;
	text-align: center;
	color: #CCC;
	line-height: 40px;
	font-size: 12;
	width: 898px;
	color: #EEEEEE;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	background: url('img/bg_gradient.jpg');
	border: 1px solid #57595A;
}
.first {
	margin-right: 10px;
}
.cb {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.loading {
	width: 798px;
	background: url(img/progress.gif) no-repeat center;
	height: 48px;
	display: none;
}
.tooltip {
	display: none;
	background: #333;
	font-size: 12px;
	padding: 2px;
	color: #eee;
}
.bold {
	font-weight: bold;
}
ul.list {
list-style: disc outside; text-align: left; margin-left: 20px;}
ul.listtwo {
list-style: disc outside; text-align: left; margin-left: 30px;
}
.button {
	float: right;
	-moz-box-shadow: inset 0px 1px 0px 0px #333333;
	-webkit-box-shadow: inset 0px 1px 0px 0px #333333;
	box-shadow: inset 0px 1px 0px 0px #333333;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #333333), color-stop(1, #545454) );
	background: -moz-linear-gradient( center top, #333333 5%, #545454 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#545454');
	background-color: #333333;
	border: 1px solid #777777;
	display: inline-block;
	color: #FFD400;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 2px 20px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #000000;

}
.button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #545454), color-stop(1, #333333) );
	background: -moz-linear-gradient( center top, #545454 5%, #333333 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#333333');
	background-color: #545454;
}
.button:active {
	position: relative;
	top: 1px;
}