@charset "utf-8";
/* CSS Document Aregger engineering ag
*********************************************************************
*                                                                   *
*       Guido Muther                Copyright 2010                  *
*       Aregger engineering ag      Switzerland                     *
*       Allmendstrasse 11                                           *
*       CH-6210 Sursee                                              *
*       info@aregger-engineering.ch                                 *
*                                                                   *
*       Ingenieurbüro für Prozessautomationen                       *
*       Leitsystemtechnik, Software, Haustechnik                    *
*                                                                   *
*********************************************************************
*/

/* -------------------------------------------------------------------
++++++++++++++++++++++++ General rules  ++++++++++++++++++++++++++++++
--------------------------------------------------------------------*/

* {
	margin               : 0                                        ;
	padding              : 0                                        ;
	border               : none                                     ;
}
/*------------------------------------------------------------------*/
body {
        background-color     : #666666                                  ;
	text-align           : center                                   ;
}
/*------------------------------------------------------------------*/
hr {
	border               : solid 1px #cccccc                        ;
}
/*------------------------------------------------------------------*/

/* -------------------------------------------------------------------
+++++++++++++++++++++ Schriften / Links ++++++++++++++++++++++++++++++
--------------------------------------------------------------------*/

/* -------------------- Hauptschrift ------------------------------ */
body {
	font-family          : "Times New Roman", Times, serif          ;
	font-size            : 16px                                     ;
	line-height          : 22px                                     ;
	color                : #333333                                  ;
}
/*------------------------------------------------------------------*/

/* --------------- Hauptlink Eigenschaften ------------------------ */
a {
	font-weight          : bold                                     ;
	text-decoration      : none                                     ;
}
/*-----------------------*/
a:link {
	color                : #333333                                  ;
}
/*-----------------------*/
a:visited {
	color                : #333333                                  ;
}
/*-----------------------*/
a:hover {
	color                : #000000                                  ;
}
/*-----------------------*/
a:active {
	color                : #666666                                  ;
}
/*------------------------------------------------------------------*/

/* ----------------------- Überschriften -------------------------- */

h1 {
    font-size            : 30px                                     ;
	font-weight          : bold                                     ;
	color                : #666666                                  ;
	line-height          : 34px                                     ;
}
/*-----------------------*/
h2 {
    font-size            : 30px                                     ;
	font-weight          : bold                                     ;
	color                : #004c98                                  ;
	line-height          : 34px                                     ;
}
/*-----------------------*/
h3 {
    font-size            : 24px                                     ;
	font-weight          : bold                                     ;
	color                : #666666                                  ;
	line-height          : 28px                                     ;
}
/*-----------------------*/
h4 {
    font-size            : 24px                                     ;
	color                : #004c98                                  ;
	line-height          : 28px                                     ;
}
/*-----------------------*/
h5 {
    font-size            : 16px                                     ;
	font-weight          : bold                                     ;
	color                : #666666                                  ;
	line-height          : 22px                                     ;
}
/*-----------------------*/
h6 {
    font-size            : 14px                                     ;
	color                : #666666                                  ;
	line-height          : 18px                                     ;
}
/*------------------------------------------------------------------*/

/* -------------------------------------------------------------------
 ++++++++++++++++++++++++++++++   Layers   +++++++++++++++++++++++++++
 -------------------------------------------------------------------*/

/* ---------------------------- Haupt Layer ----------------------- */
#container {
	width                 : 922px                                   ;
	margin                : 0 auto                                  ;
	text-align            : left                                    ;
	z-index               : 0                                       ;
}
/*-----------------------*/
#bgtop {
    position              : relative                                ;
	float                 : left                                    ;
	height                : 10px                                    ;
	width                 : 922px                                   ;
	padding               : 0                                       ;
	margin                : 5px 0 0 0                               ;
	background-image      : url(../img/grunddesign/bg_top.jpg)      ;
	z-index               : 1                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#bgmitte {
    position              : relative                                ;
	float                 : left                                    ;
	height                : auto                                    ;
	width                 : 922px                                   ;
	padding               : 0                                       ;
	margin                : 0                                       ;
	background-image      : url(../img/grunddesign/bg_mitte.jpg)    ;
	background-repeat     : repeat-y                                ;
	z-index               : 1                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#bgbottom {
    position              : relative                                ;
	float                 : left                                    ;
	height                : 16px                                    ;
	width                 : 922px                                   ;
	padding               : 0                                       ;
	margin                : 0                                       ;
	background-image      : url(../img/grunddesign/bg_bottom.jpg)   ;
	z-index               : 1                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#top {
    position              : relative                                ;
	float                 : left                                    ;
	height                : 90px                                    ;
	width                 : 850px                                   ;
	padding               : 0                                       ;
	margin                : 10px 25px 0 34px                        ;
	background-color      : #ffffff                                 ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#navi {
    position              : relative                                ;
	float                 : left                                    ;
	height                : 223px                                   ;
	width                 : 850px                                   ;
	padding               : 0                                       ;
	margin                : 0 25px 0 34px                           ;
	background-image      : url(../img/grunddesign/navi_bg.jpg)     ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#navistelle {
    position              : relative                                ;
	float                 : right                                   ;
	height                : 223px                                   ;
	width                 : 350px                                   ;
	padding               : 0                                       ;
	margin                : 0                                       ;
	z-index               : 3                                       ;
}

/*-----------------------*/
#blau {
    position              : relative                                ;
	float                 : left                                    ;
	height                : auto                                    ;
	width                 : 820px                                   ;
	padding               : 15px                                    ;
	margin                : 0 25px 0 34px                           ;
	background-color      : #eef1f6                                 ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#unavi {
    position              : relative                                ;
	float                 : left                                    ;
	height                : 95px                                    ;
	width                 : 170px                                   ;
	padding               : 10px 0 10px 10px                        ;
	margin                : 0                                       ;
	background-image      : url(../img/grunddesign/unternavi/bg_unternavi.jpg);
	background-repeat     : repeat-y                                ;
	z-index               : 3                                       ;
}
/* --------------- unavilink Eigenschaften ----------------------- */
#unavi a {
	font-size            : 16px                                     ;
	text-decoration      : none                                     ;
	font-weight          : normal                                   ;
}
/*-----------------------*/
#unavi a:link {
	color                : #ffffff                                  ;
}
/*-----------------------*/
#unavi a:visited {
	color                : #ffffff                                  ;
}
/*-----------------------*/
#unavi a:hover {
	font-weight          : bold                                     ;
}
/*-----------------------*/
#unavi a:active {
	color                : #000000                                  ;
}

/*-----------------------*/
#content {
        position              : relative                                ;
	float                 : left                                    ;
	height                : auto                                    ;
	width                 : 825px                                   ;
	padding               : 25px 0 25px 25px                        ;
	margin                : 0 25px 0 34px                           ;
	background-color      : #ffffff                                 ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/*-----------------------*/
#abstand {
    position                  : relative                                ;
	float                 : left                                    ;
	height                : auto                                    ;
	width                 : 800px                                   ;
	padding               : 0 0 0 25px                              ;
	z-index               : 3                                       ;
	display               : table                                   ;
}
/* --------------- abstandlink Eigenschaften ----------------------- */
#abstand a {
	font-size            : 16px                                     ;
	text-decoration      : none                                     ;
	font-weight          : bold                                     ;
}
/*-----------------------*/
#abstand a:link {
	color                : #333333                                  ;
}
/*-----------------------*/
#abstand a:visited {
	color                : #333333                                  ;
}
/*-----------------------*/
#abstand a:hover {
	color                : #004c98                                  ;
	font-weight          : bold                                     ;
}
/*-----------------------*/
#abstand a:active {
	color                : #000000                                  ;
}
/*-----------------------*/
#team {
        position              : relative                                ;
	float                 : right                                   ;
	height                : auto                                    ;
	width                 : 750px                                   ;
	padding               : 0                                       ;
	color                 : #666666                                 ;
	display               : inline                                  ;
	z-index               : 3                                       ;
}
/* --------------- abstandlink Eigenschaften ----------------------- */
#team a {
	font-size            : 16px                                     ;
	text-decoration      : none                                     ;
	font-weight          : normal                                   ;
}
/*-----------------------*/
#team a:link {
	color                : #333333                                  ;
}
/*-----------------------*/
#team a:visited {
	color                : #333333                                  ;
}
/*-----------------------*/
#team a:hover {
	color                : #004c98                                  ;
}
/*-----------------------*/
#team a:active {
	color                : #000000                                  ;
}
/*-----------------------*/
#referenzen {
        position              : relative                                ;
	float                 : right                                   ;
	height                : auto                                    ;
	width                 : 750px                                   ;
	padding               : 0                                       ;
	color                 : #666666                                 ;
	display               : inline                                  ;
	z-index               : 3                                       ;
}
/* --------------- abstandlink Eigenschaften ----------------------- */
#referenzen a {
	font-size            : 12px                                     ;
	text-decoration      : none                                     ;
	font-weight          : bold                                     ;
}
/*-----------------------*/
#referenzen a:link {
	color                : #666666                                  ;
}
/*-----------------------*/
#referenzen a:visited {
	color                : #666666                                  ;
}
/*-----------------------*/
#referenzen a:hover {
	color                : #004c98                                  ;
}
/*-----------------------*/
#referenzen a:active {
	color                : #000000                                  ;
}
/*-----------------------*/
#kontakt {
        position              : relative                                ;
	float                 : left                                    ;
	height                : 500px                                   ;
	width                 : 825px                                   ;
	padding               : 25px 0 25px 25px                        ;
	margin                : 0 25px 0 34px                           ;
	background-image      : url(../img/kontakt/plan.jpg)            ;
	background-repeat     : no-repeat                               ;
	font-size             : 14px                                    ;
	line-height           : 18px                                    ;
	color                 : #004c98                                 ;
	z-index               : 3                                       ;
	display               : inline                                  ;
}
/* --------------- kontakt Eigenschaften ----------------------- */
#kontakt a {
	font-size            : 14px                                     ;
	text-decoration      : none                                     ;
	font-weight          : normal                                   ;
}
/*-----------------------*/
#kontakt a:link {
	color                : #004c98                                  ;
}
/*-----------------------*/
#kontakt a:visited {
	color                : #004c98                                  ;
}
/*-----------------------*/
#kontakt a:hover {
	color                : #666666                                  ;
}
/*-----------------------*/
#kontakt a:active {
	color                : #000000                                  ;
}

/*-----------------------*/
#footer {
        position              : relative                                ;
	float                 : left                                    ;
	height                : 23px                                    ;
	width                 : 850px                                   ;
	padding               : 5px 0 0 0                               ;
	margin                : 0 25px 0px 34px                         ;
	background-color      : #ffffff                                 ;
	border-top-color      : #004c98                                 ;
	border-top-style      : solid                                   ;
	border-top-width      : 1px                                     ;
	text-align            : center                                  ;
	font-size             : 9px                                     ;
	font-family           : Verdana, Arial, Helvetica, sans-serif   ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/* --------------- footerlink Eigenschaften ----------------------- */
#footer a {
	font-size            : 9px                                      ;
	text-decoration      : none                                     ;
	font-weight          : normal                                   ;
	font-family          : Verdana, Arial, Helvetica, sans-serif    ;
}
/*-----------------------*/
#footer a:link {
	color                : #666666                                  ;
}
/*-----------------------*/
#footer a:visited {
	color                : #666666                                  ;
}
/*-----------------------*/
#footer a:hover {
	color                : #004c98                                  ;
	font-weight          : bold                                     ;
}
/*-----------------------*/
#footer a:active {
	color                : #000000                                  ;
}

/*------------------------------------------------------------------*/
#umzug {
        position              : relative                                ;
	float                 : left                                    ;
	width                 : 850px                                   ;
	padding               : 5px 0 0 25px                            ;
	margin                : 0 25px 0px 34px                         ;
	color                 : #ae0a19                                 ;
	font-size             : 18px                                    ;
	font-weight           : bold                                    ;
	z-index               : 2                                       ;
	display               : inline                                  ;
}
/* ----------------------- Positionierungs Layer ------------------ */
#navipos {
        position              : relative                                ;
	float                 : left                                    ;
	height                : 200px                                   ;
	width                 : 156px                                   ;
	padding               : 0                                       ;
	margin                : 5px 0 10px 64px                         ;
	text-align            : center                                  ;
	z-index               : 3                                       ;
	display               : inline                                  ;
}
/* --------------- Navi (pos) Eigenschaften ----------------------- */
#navipos a {
	font-size            : 18px                                     ;
	line-height          : 35px                                     ;
	text-decoration      : none                                     ;
	font-weight          : normal                                   ;
}
/*-----------------------*/
#navipos a:link {
	color                : #666666                                  ;
}
/*-----------------------*/
#navipos a:visited {
	color                : #666666                                  ;
}
/*-----------------------*/
#navipos a:hover {
	color                : #004c98                                  ;
	font-weight          : bold                                     ;
}
/*-----------------------*/
#navipos a:active {
	color                : #000000                                  ;
}

/*-----------------------*/
#video {
	float                : right                                    ;
	width                : 250px                                    ;
	height               : 160px                                    ;
	text-align           : right                                    ;
}
/*-----------------------*/
#unternehmen {
	float                : right                                    ;
	width                : 600px                                    ;
	height               : auto                                     ;
}

/*-----------------------*/
#logo {
	float                : right                                    ;
	width                : 349px                                    ;
	height               : 80px                                     ;
}
/*------------------------------------------------------------------*/
	
/* -------------------------------------------------------------------
++++++++++++++++++++++++++ Klassen +++++++++++++++++++++++++++++++++++
------------------------------------------------------------------- */

.leer  {
    margin               : -3px 0 -3px 0                            ;
}

/* ------------------------- Text --------------------------------- */
.fett {
	font-weight          : bold                                     ;
}
/*-----------------------*/
.red  {
    color                : #FF0000                                  ;
}
/*-----------------------*/
.blue  {
    color                : #004c98                                  ;
}
/*-----------------------*/
.black  {
    color                : #000000                                  ;
	line-height          : 30px                                     ;
}
/*-----------------------*/
.sw  {
    color                : #000000                                  ;
}
/*-----------------------*/
.weiss  {
    color                : #FFFFFF                                  ;
}
/*-----------------------*/
.fuss  {
	font-size            : 9px                                      ;
	line-height          : 13px                                     ;
	color                : #666666                                  ;
	text-align           : center                                   ;
}
/*-----------------------*/
.underline {
 	text-decoration      : underline                                ;
}
/*-----------------------*/
.bild {
	float                : left                                     ;
	padding              : 10px 20px 10px 0                         ;
}
/*-----------------------*/
.aligntop {
    vertical-align       : top                                      ;
}
/*-----------------------*/
.alignbottom {
    vertical-align       : bottom                                   ;
}
/*-----------------------*/
.rechts {
    text-align           : right                                    ;
}
/*-----------------------*/
.mitte {
    text-align           : center                                   ;
}
/*-----------------------*/
.gross12 {
    font-size            : 12px                                     ;
}

/* ------------------------- Listenformatierung-------------------- */
ul{
	list-style-type      : disc                                     ;
    color                : #004c98                                  ;
}
/*-----------------------*/
ol{
	list-style-type      : none                                     ;
	line-height          : 24px                                     ;
	padding-left         : 40px                                     ;
    color                : #000000                                  ;
}

/* ------------------------- Border ------------------------------- */

.bordertop {
	border-top-color     : #666666                                  ;
	border-top-style     : solid                                    ;
	border-top-width     : 1px                                      ;
}
/*-----------------------*/
.borderleft {
	border-left-color    : #666666                                  ;
	border-left-style    : solid                                    ;
	border-left-width    : 1px                                      ;
}
/*-----------------------*/
.borderright {
	border-right-color   : #666666                                  ;
	border-right-style   : solid                                    ;
	border-right-width   : 1px                                      ;
}
/*-----------------------*/
.borderbottom {
	border-bottom-color  : #666666                                  ;
	border-bottom-style  : solid                                    ;
	border-bottom-width  : 1px                                      ;
}
/*-----------------------*/
.bordereckenol {
	border-top-color     : #666666                                  ;
	border-top-style     : solid                                    ;
	border-top-width     : 1px                                      ;
	border-left-color    : #666666                                  ;
	border-left-style    : solid                                    ;
	border-left-width    : 1px                                      ;
}
/*-----------------------*/
.bordereckenor {
	border-top-color     : #666666                                  ;
	border-top-style     : solid                                    ;
	border-top-width     : 1px                                      ;
	border-right-color   : #666666                                  ;
	border-right-style   : solid                                    ;
	border-right-width   : 1px                                      ;
}
/*-----------------------*/
.bordereckenul {
	border-bottom-color  : #666666                                  ;
	border-bottom-style  : solid                                    ;
	border-bottom-width  : 1px                                      ;
	border-left-color    : #666666                                  ;
	border-left-style    : solid                                    ;
	border-left-width    : 1px                                      ;
}
/*-----------------------*/
.bordereckenur {
	border-bottom-color  : #666666                                  ;
	border-bottom-style  : solid                                    ;
	border-bottom-width  : 1px                                      ;
	border-right-color   : #666666                                  ;
	border-right-style   : solid                                    ;
	border-right-width   : 1px                                      ;
}
/*-----------------------*/
.borderbottomblue {
	border-bottom-color  : #004c98                                  ;
	border-bottom-style  : solid                                    ;
	border-bottom-width  : 1px                                      ;
}