body {
	color: #000000;
	background-color: #112049;
  background-image: url("/bilder/hintergrund.jpg");
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
  padding: 0px;
  margin: 0px;
}

a:active {color: #FF8C00; text-decoration: none;}
a:hover {color: #FF8C00; text-decoration: none;}
/* a.navlinks:visited {color: #FFFFFF; text-decoration: none;} */
a {color: #000000; text-decoration: none;}

.balken_oben_hintergrund {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 1000px;
	height: 60px;
	padding-left: 0px;
	color: #FFFFFF;
	background-color: #7D7CB5;
	opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 3;
}

.balken_oben_text {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 980px;
	height: 60px;
	padding-left: 38px;
	color: #FFFFFF;
  z-index: 4;
}

.text_oben_gross_blau {color: #C1CCE8; font-family: Arial, sans-serif; font-size: 28px; font-weight: bold; }
.text_oben_gross_weiss {color: #FFFFFF; font-family: Arial, sans-serif; font-size: 28px; font-weight: bold; }
.text_oben_klein_blau {color: #C1CCE8; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }
.text_oben_klein_weiss {color: #FFFFFF; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }

.nav_vorteile_text {
  position: absolute;
	top: 170px;
	left: 0px;
  width: 200px;
  height: 40px;
  padding-top: 10px; padding-left: 38px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;
  z-index: 50;
}

.nav_vorteile_hg {
  position: absolute;
  top: 170px;
  left: 0px;
	width: 218px;
	height: 40px;
	background-color: #7D7CB5;
  color: #FFFFFF;
	opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1;
}

.nav_system_text {
  position: absolute;
	top: 220px;
	left: 0px;
  width: 200px;
  height: 40px;
  padding-top: 10px; padding-left: 38px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;
  z-index: 50;
}

.nav_system_hg {
  position: absolute;
  top: 220px;
  left: 0px;
	width: 218px;
	height: 40px;
	background-color: #7D7CB5;
  color: #FFFFFF;
	opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1;
}

.nav_film_text {
  position: absolute;
	top: 270px;
	left: 0px;
  width: 200px;
  height: 40px;
  padding-top: 10px; padding-left: 38px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;
  z-index: 50;
}

.nav_film_bild {
  position: absolute;
	top: 270px;
	left: 80px;
  width: 160px;
  height: 40px;
  z-index: 50;
}

.nav_film_hg {
  position: absolute;
  top: 270px;
  left: 0px;
	width: 218px;
	height: 40px;
	background-color: #7D7CB5;
  color: #FFFFFF;
	opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1;
}

.nav_konfig_text {
  position: absolute;
	top: 320px;
	left: 0px;
  width: 200px;
  height: 40px;
  padding-top: 10px; padding-left: 38px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold;
  z-index: 50;
}

.nav_konfig_hg {
  position: absolute;
  top: 320px;
  left: 0px;
	width: 218px;
	height: 40px;
	background-color: #7D7CB5;
  color: #FFFFFF;
	opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1;
}

.nav_home {
  position: absolute;
  top: 445px;
  left: 40px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold;
}

.nav_prospekt {
  position: absolute;
  top: 470px;
  left: 37px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold;
}

.nav_lufft {
  position: absolute;
  top: 495px;
  left: 37px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold;
}

.nav_impressum {
  position: absolute;
  top: 520px;
  left: 37px;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 18px; font-weight: bold;
}

.flagge_de {
  position: absolute;
  top: 640px;
  left: 37px;
}

.flagge_gb {
  position: absolute;
  top: 640px;
  left: 67px;
}

a.navlinks:active {color: #FF8C00; text-decoration: none;}
a.navlinks:hover {color: #FF8C00; text-decoration: none;}
/* a.navlinks:visited {color: #FFFFFF; text-decoration: none;} */
a.navlinks {color: #FFFFFF; text-decoration: none;}

/* Textfenster für Warum UMB */
#panel_warum {
  position: absolute;
  top: 170px;
  left: 235px;
  background-color:#ffffff;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);    
}

#panel_broschuere {
  position: absolute;
  top: 170px;
  left: 235px;
  background-color:#ffffff;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);    
}


/* Textfenster für UMB Das System */
#container_system {
  position: absolute;
  top: 170px;    
  left: 240px;
  width:730px;  
  height:403px; 
}

#container_system_head {
  height: 20px;
  background-color:#7D7CB5;
  padding: 5px 0px 0px 10px;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
}

#container_system_body {
  position: relative;
  height: 397px;
  background-color:#ffffff;
  padding:10px;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
}

#container_system_foot {
  height: 15px;
  background-color:#7D7CB5;
  padding: 5px 0px 0px 10px;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
}  

#system_hintergrund {
  position: absolute;
  top: 102px;
  left: 631px;
  z-index: 1;
}

#system_fahrbahnsensor {position: absolute; top: 495px; left: 643px; border: none; width: 45px; height: 40px; z-index: 2; background-image: url(/bilder/blank.gif);}
#system_mast_unten {position: absolute; top: 380px; left: 710px; border: none; width: 55px; height: 80px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_mast_oben {position: absolute; top: 260px; left: 720px; border: none; width: 45px; height: 70px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_sichtweitensensor {position: absolute; top: 230px; left: 710px; border: none; width: 30px; height: 25px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_niederschlagsensor {position: absolute; top: 120px; left: 750px; border: none; width: 25px; height: 45px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_windgeber {position: absolute; top: 200px; left: 725px; border: none; width: 30px; height: 25px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_kamera {position: absolute; top: 140px; left: 725px; border: none; width: 20px; height: 20px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_ws {position: absolute; top: 163px; left: 714px; border: none; width: 25px; height: 30px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_schaltschrank {position: absolute; top: 335px; left: 710px; border: none; width: 55px; height: 40px; z-index: 2; background-image: url(/bilder/blank.gif);  }

#system_eakmodul {position: absolute; top: 90px; left: 155px; border: 2px solid #FF8C00; width: 15px; height: 15px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_anacon {position: absolute; top: 140px; left: 250px; border: 2px solid #FF8C00; width: 15px; height: 65px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_isocon {position: absolute; top: 140px; left: 220px; border: 2px solid #FF8C00; width: 15px; height: 65px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_modem {position: absolute; top: 130px; left: 300px; border: 2px solid #FF8C00; width: 20px; height: 60px; z-index: 2; background-image: url(/bilder/blank.gif);  }
#system_usp {position: absolute; top: 240px; left: 85px; border: 2px solid #FF8C00; width: 40px; height: 50px; z-index: 2; background-image: url(/bilder/blank.gif);  }

/* Für Film */
#container_film {
  position: absolute;
  top: 170px;    
  left: 240px;
}


/* Fenster für Konfigurator */

#container_konfig {
  position: absolute;
  top: 170px;    
  left: 240px;
  width:730px;  
  height:486px; 
}

/*
#container_konfig_head {
  height: 20px;
  background-color:#7D7CB5;
  padding: 5px 0px 0px 10px;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
}

#container_konfig_body {
  position: relative;
  height: 397px;
  background-color:#ffffff;
  padding:10px;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
}

#container_konfig_foot {
  height: 15px;
  background-color:#7D7CB5;
  padding: 5px 0px 0px 10px;
	opacity: 0.85;
  -moz-opacity: 0.85;
  filter: alpha(opacity=85);
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
}

#container_konfig_selector_nav {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 60px;
  height: 215px;
  border-bottom: 1px solid #7D7CB5;
}

#container_konfig_selector_inhalt {
  position: absolute;
  top: 0px;
  left: 60px;
  width: 670px;
  overflow:scroll;
  border-bottom: 1px solid #7D7CB5;  
}
*/
.produkt_selector_ueberschrift {
  width: 60px;
  height:80px;
  float: left;
  text-align: center;
  vertical-align: middle;
  margin: 10px 10px 0px 10px;
  color: #000000; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold;
}

.produkt_selector_komponente {
  /* width: 60px;
  height: 95px; */
  float: left;
  text-align: center;
  padding: 0px 10px 0px 10px;
  margin: 5px 5px 5px 5px;
  color: #000000; font-family: Arial, sans-serif; font-size: 11px; font-weight: normal;
  border: 1px solid #CCCCCC;
  z-index: 10;
}

/*
.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:none;
    z-index:100;
    overflow:hidden;
}
*/
/*
.PanelProduktSelectorGemeinsam  {
  border: none;
  z-index:100;
}

.PanelProduktSelectorGemeinsam .hd {
  height: 20px;
  background-color:#7D7CB5;
  padding: 5px 0px 0px 10px;
  border: none;
  color: #FFFFFF; font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;
  z-index:100;  
}

.PanelProduktSelectorGemeinsam .bd {
  overflow:auto;
  height:250px;
  background-color:#ffffff;
  border: none;
  padding:10px;
  z-index:100;  
}

.PanelProduktSelectorGemeinsam .ft {
  height:15px;
  padding:0;
  border: none;
  background-color:#7D7CB5;
  z-index:100;  
}
*/

#images-view .x-panel-mc {
    border:0 none;
    padding:0;
    margin:0;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    padding-top:2px;
    background:#DDDDDD;
}

#images-view .x-panel-bl {
	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
	padding-left:2px;
  zoom:1;
}

#images-view .x-panel-br {
	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
	padding-right:2px;
    zoom:1;
}

#images-view .x-panel-bc {
	background: none;
  height: 0px;
}

#images-view .x-panel-bc .x-panel-footer {
    padding-bottom:0px;
    background: none;
    height:1px;
}

#images-view .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
  height:175px;
}
#images-view .thumb{
	background: #dddddd;
	padding: 3px;
}
#images-view .thumb img{
	height: 50px;
	width: 50px;
}
#images-view .thumb-wrap{
  width:80px;
  float:left;
	margin: 2px 0px 2px 0px;
	padding: 5px;
}
#images-view .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over{
  border:1px solid #dddddd;
  background: #efefef url(../../resources/images/default/grid/row-over.gif) repeat-x left top;
	padding: 4px;
}

#images-view .x-view-selected{
	background: #eff5fb url(images/selected.gif) no-repeat right bottom;
	border:1px solid #99bbe8;
	padding: 4px;
}
#images-view .x-view-selected .thumb{
	background:transparent;
}

#images-view .loading-indicator {
	font-size:11px;
	background-image:url('../../resources/images/default/grid/loading.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left:20px;
	margin:10px;
}

#panel_warum .x-panel-body{padding:5px;}
#panel_broschuere .x-panel-body{padding:5px;}

.tooltip {background-color: #FFFFF0}

/*
.tip-target {
    width: 100px;
    text-align:center;
    padding: 5px 0;
    border:1px dotted #99bbe8;
    background:#dfe8f6;
    color: #15428b;
    cursor:default;
    margin:10px;
    font:bold 11px tahoma,arial,sans-serif;
    float:left;
}
 */
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background: url(/bilder/layout/tab-btm-left-bg.gif) no-repeat bottom right;
}

.x-tab-strip-bottom .x-tab-left {
	background: url(/bilder/layout/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
}

.x-toolbar {
  /* border-color:#a9bfd3; */
  border-color:#666666;
  border-style:solid;
  border-width:0 0 1px 0;
  display:block;
  padding:2px;
  background: none;
  background-color: #7D7CB5;
  /* background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left; */
  position:relative;
  zoom:1;
}  
  
.x-panel {border-style:solid;border-color:#666666;border-width:0;}
.x-panel-header {overflow:hidden;zoom:1;color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 3px 4px 5px;border:1px solid #666666;line-height:15px;background:none;background-color:#7D7CB5;}
.x-panel-footer {height:26px;overflow:hidden;zoom:1;color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:2px 3px 2px 5px;border:1px solid #666666;line-height:15px;background:none;background-color:#7D7CB5;}
.x-panel-tl{background:transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;padding-left:6px;zoom:1;border-bottom:1px solid #666666;}
.x-grid-panel .x-panel-mc .x-panel-body{border:1px solid #666666;}
.x-panel-body-noheader,.x-panel-mc .x-panel-body{border-top:1px solid #666666;}
.x-panel-bbar .x-toolbar{border:1px solid #666666;border-top:0 none;overflow:hidden;padding:2px;}
.x-panel-tbar .x-toolbar{border:1px solid #666666;border-top:0 none;overflow:hidden;padding:2px;}
.x-btn-disabled *{color:#444444!important;cursor:default!important;}
.x-item-disabled{color:#444444;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60);}
.x-item-disabled *{color:#444444!important;cursor:default!important;}
.x-panel-ml{background:none;padding-left:2px;zoom:1;}
.x-panel-mr{background:none;padding-right:2px;zoom:1;}
.x-panel-mc{border:0 none;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;padding-top:4px;background:#FFFFFF;}
.x-panel-btns-ct {padding:0px 0px 0px 7px;}

.x-form-item{font:normal 12px Arial, Helvetica, sans-serif;display:block;margin-bottom:4px;zoom:1;}
.x-form-field{margin:0;font:normal 12px arial,helvetica,sans-serif;}
.x-window-plain .x-window-mc{background:#FFFFFF;border-right:1px solid #DFE8F6;border-bottom:1px solid #DFE8F6;border-top:1px solid #a3bae9;border-left:1px solid #a3bae9;}