/* COPYRIGHT SBdesigner -- Stephan Bechtoldt -- 2008 */
/*      ___                        _____          ___           ___                       ___     
       /  /\         _____        /  /::\        /  /\         /  /\        ___          /  /\    
      /  /:/_       /  /::\      /  /:/\:\      /  /:/_       /  /:/_      /  /\        /  /:/_   
     /  /:/ /\     /  /:/\:\    /  /:/  \:\    /  /:/ /\     /  /:/ /\    /  /:/       /  /:/ /\  
    /  /:/ /::\   /  /:/~/::\  /__/:/ \__\:|  /  /:/ /:/_   /  /:/ /::\  /__/::\      /  /:/_/::\ 
   /__/:/ /:/\:\ /__/:/ /:/\:| \  \:\ /  /:/ /__/:/ /:/ /\ /__/:/ /:/\:\ \__\/\:\__  /__/:/__\/\:\
   \  \:\/:/~/:/ \  \:\/:/~/:/  \  \:\  /:/  \  \:\/:/ /:/ \  \:\/:/~/:/    \  \:\/\ \  \:\ /~~/:/
    \  \::/ /:/   \  \::/ /:/    \  \:\/:/    \  \::/ /:/   \  \::/ /:/      \__\::/  \  \:\  /:/ 
     \__\/ /:/     \  \:\/:/      \  \::/      \  \:\/:/     \__\/ /:/       /__/:/    \  \:\/:/  
       /__/:/       \  \::/        \__\/        \  \::/        /__/:/        \__\/      \  \::/   
       \__\/         \__\/                       \__\/         \__\/                     \__\/    
               ___           ___           ___           ___           ___                 
              /__/\         /  /\         /  /\         /__/\         /  /\          ___   
              \  \:\       /  /:/_       /  /::\        \  \:\       /  /:/_        /  /\  
               \  \:\     /  /:/ /\     /  /:/\:\        \  \:\     /  /:/ /\      /  /:/  
           _____\__\:\   /  /:/ /:/_   /  /:/~/:/    _____\__\:\   /  /:/ /:/_    /  /:/   
          /__/::::::::\ /__/:/ /:/ /\ /__/:/ /:/___ /__/::::::::\ /__/:/ /:/ /\  /  /::\   
          \  \:\~~\~~\/ \  \:\/:/ /:/ \  \:\/:::::/ \  \:\~~\~~\/ \  \:\/:/ /:/ /__/:/\:\  
           \  \:\  ~~~   \  \::/ /:/   \  \::/~~~~   \  \:\  ~~~   \  \::/ /:/  \__\/  \:\ 
            \  \:\        \  \:\/:/     \  \:\        \  \:\        \  \:\/:/        \  \:\
             \  \:\        \  \::/       \  \:\        \  \:\        \  \::/          \__\/
              \__\/         \__\/         \__\/    []   \__\/         \__\/                

*/

/* LEVELER ----------------- */
/*
* {margin:0; padding:0} 
html {height:100%; font-size:100.01%} 
body {text-align: center; min-height:101%; font:100.01%/130% Verdana, Helvetica, sans-serif; color:#000; background:#fff; background-image: url(images/bg.gif); width:100%; }
*/
* {margin:0; padding:0} 
html {height:100%; font-size:100.01%} 
body {text-align: center; font:Verdana, Helvetica, sans-serif; color:#000; background:#fff; background-image: url(images/bg.gif); width:100%; }

#wrapper {width:915px; text-align:left;
	
	margin-left: auto;
	margin-right: auto;
	border: 0px solid red;
	margin-top: 10px;
	
	}


/* Divs */

#formdiv {
	
	width:376px;
	
	height:326px;
	
	float:left; display:inline;
	
	margin-left:26px;
	
	margin-top:50px;
	
	}


#aboutmenu {
	
	width: 430px;
	
	height: 98px;
	
	margin-top: 0px;
	
	float:right; display:inline;
	
	background-color:#CDD6DE;
	
	padding-top: 18px;
	
}


#textnoscroll {
	
	margin-left: 18px;
	
	margin-right: 12px;
	
	overflow: auto;
	
}
	

#textscroll {
	
	margin-left: 18px;
	
	margin-right: 0px;
	
	margin-top: 0px;
	
	padding-right: 10px;
	
	overflow: auto;
	
}


#productsfield {
	
	width: 656px;
	
	height: 489px;
	
	background-image:url(images/products_bg.gif);
	
	Float:left; display:inline;
	
}



#rightbluefield {
	
	width: 430px;
	
	height: 489px;
	
	background-color: #CDD6DE;
	
	float:right; display:inline;
	
}

	

#leftbluefield {
	
	width: 226px;
	
	height: 489px;
	
	background-color: #0555A2;
	
	Float:left; display:inline;
	
	overflow:auto;
	
}
	
	
#Content {

	/*position:relative;

	left: 131px;
	
	top: 74px;
	*/
	
	margin-left: 131px;
	margin-top: 74px;
	width: 656px; 
	
	height: 489px;
	
	overflow: hidden;
	
	}


#Lmenu {
	
	position:relative;
	
	top: 221px;
	
	left: 12px;
	
	}
	
	
#Rmenu {

	position:relative;
	
	top: 221px;
	
	left: 832px;
	
	}
	
	
#bg {

	width: 915px;
	
	height: 633px;
	
	/*position:absolute;

	top: 40px;
	
	left: -53px;*/

	overflow: hidden;
	
	
	background:url(images/main_bg_whole.gif);

	}
	

#container {

	width: 915px;

	font: 11px Arial, Helvetica, Sans-Serif;

	line-height: 18px;

	overflow: hidden;
	
	position:relative;

	}

#animation-container
{
	text-align: center;
	position: relative;
	top: -625px;
	width: 915px;
	margin-left: auto;
	margin-right: auto;
	height: 63px;
	border: 0px solid red;
	
	
	z-index: 200;
}
	
#logo-animation {
	/*float: left;*/
	text-align: center;

	width: 200px;
	margin-left: auto;
	margin-right: auto;
	height: 63px;
	border: 0px solid red;
	
	
	z-index: 200;
}



/* FUNCTIONS */

a img {border: none; }

/* main navi rollovers */
.rollover a { display:block; width:73px; background-color: #B2B2B2}
.rollover a:hover { background-color: #CCFF00}

.activebutton { display:block; width:73px; heigh:27px; background-color:#CCFF00; }


/* submenu rollovers (history clients affiliates) */
.subrollhi a {
	display:block;
	width: 76px;
	height: 27px;
	background: url("images/about_button_hi.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollhi a:hover { 
	background-position: -76px 0;
	}


.subrollcl a {
	display:block;
	width: 76px;
	height: 27px;
	background: url("images/about_button_cl.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollcl a:hover { 
	background-position: -76px 0;
	}


.subrollaf a {
	display:block;
	width: 76px;
	height: 27px;
	background: url("images/about_button_af.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollaf a:hover { 
	background-position: -76px 0;
	}


.subrollcurrent {
	width:76px;
	height:27px;
	overflow:hidden;
	background-position: -76px 0;
	}


/* submenu rollovers (history clients affiliates) */
.subrollcontact a {
	display:block;
	width: 76px;
	height: 27px;
	background: url("images/contact_button.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollcontact a:hover { 
	background-position: -76px 0;
	}
	
	
.subrollcareer a {
	display:block;
	width: 76px;
	height: 27px;
	background: url("images/careers_button.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollcareer a:hover { 
	background-position: -76px 0;
	}
	


/* submenu rollovers (auto climate home security operation communication lighting) */

.subrollau a {
	display:block;
	width: 90px;
	height: 30px;
	background: url("images/sub_button_au.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollau a:hover { 
	background-position: -90px 0;
	}


.subrollcli a {
	display:block;
	width: 90px;
	height: 30px;
	background: url("images/sub_button_cl.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollcli a:hover { 
	background-position: -90px 0;
	}


.subrollli a {
	display:block;
	width: 90px;
	height: 30px;
	background: url("images/sub_button_li.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollli a:hover { 
	background-position: -90px 0;
	}


.subrollse a {
	display:block;
	width: 90px;
	height: 30px;
	background: url("images/sub_button_se.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollse a:hover { 
	background-position: -90px 0;
	}
	
	
.subrollho a {
	display:block;
	width: 120px;
	height: 30px;
	background: url("images/sub_button_ho.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollho a:hover { 
	background-position: -120px 0;
	}


.subrollco a {
	display:block;
	width: 120px;
	height: 30px;
	background: url("images/sub_button_co.gif") 0 0 no-repeat;
	text-decoration: none;
	}
.subrollco a:hover { 
	background-position: -120px 0;
	}


.subrollcurrent90 {
	width:90px;
	height:30px;
	overflow:hidden;
	background-position: -90px 0;
	}
	
	
.subrollcurrent120 {
	width:120px;
	height:30px;
	overflow:hidden;
	background-position: -120px 0;
	}
	
/* ---------------------------------------------------*/


/* TEXT */

a.white:link {text-decoration: none; font-style:italic; color: #FFFFFF; }
a.white:visited {text-decoration: none; font-style:italic; color: #FFFFFF; }
a.white:hover {text-decoration: underline; font-style:italic; color: #FFFFFF; }
a.white:active {text-decoration: none; font-style:italic; color: #FFFFFF; }

.bodycopy {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 8pt;
	
	line-height: 14pt;
	
	color: #FFFFFF;
}


.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 8pt;
	
	line-height: 15pt;
	
	color: #FFFFFF;
	
	font-weight: bold;
}


a.blue:link {text-decoration: none; font-style:italic; color: #0555A2;}
a.blue:visited {text-decoration: none; font-style:italic; color: #0555A2;}
a.blue:hover {text-decoration: underline; font-style:italic; color: #0555A2;}
a.blue:active {text-decoration: none; font-style:italic; color: #0555A2;}

.bluebody {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 7pt;
	
	line-height: 11pt;
	
	color: #0555A2;
	
	font-weight: bold;
}


/* ---------------------------------------------------*/

/* FORM */

 label {
 
	width: 10em;
	
	Float:left; display:inline;
	
	text-align: right;
	
	margin-top: 0.5em;
	
	margin-right: 1.5em;
	
	display: block
}


.submit input {

	margin-left: 0.5em;
}

 
 input {
 
 	margin-top: 0.45em;
	
	color: #0555A2;
	
	background: #FFFFFF;
	
	border: none;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 8pt;
	
	color: #0555A2;
	
	font-weight: bold;
}


.submit input {
	
	color: #0555A2;
	
	background: #FFFFFF;
	
	border: 3px solid #ffffff
}

 textarea {
	
	Float:left; display:inline;
	
	text-align: left;
	
	margin-top: 0.5em;
	
	margin-left: 0.075em;
	
	margin-right: 1.5em;
	
	border: none;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 7pt;
	
	color: #0555A2;
	
	font-weight: bold;
}

/* ---------------------------------------------------*/