/* style.css 1.11 2009/01/12
 *  Copyright 2006 by Concept Engineering GmbH.
 *  All rights reserved.
 *  ===========================================================================
 *  Title:
 *      Global style sheet for Concept Engineering homepage 
 *  ===========================================================================
 */
BODY {
    color:		#000000;
    background-color:	#FFFFFF;
    font-family:	Arial, Helvetica, sans-serif;
}

A:link { 
    color:		#0073A5; 	/* HSL=(132,240,77) */
}
A:visited { 
    #color:		#004766; 	/* HSL=(132,240,48) */
    #color:		#954300;	/* HSL=(18,240,70) */
    color:		#773500;	/* HSL=(18,240,56) */
}
A:hover { 
    #color:		#BF5600;	/* HSL=(18,240,90) */
    color:		#E86800;	/* HSL=(18,240,109) */
}

IMG {
    border:		0;
}

HR {	
    color:		#0073A5; 
    background-color:	#FFFFFF;
    size:		1;
}

/* === Main Table with Navigation Bar ====
 *
 *	+-----------+-------------------+-----------+
 *	| TH.nav    | TH.headline	|   TH.logo |
 *	+-----------+-------------------+-----------+
 *	| TD.nav    | TD.contents		    |
 *	|           |				    |
 *	+-----------+		    		    |
 *	|           +-------------------------------+
 *	| TD.slogan | 	                  TD.footer |
 *	+-----------+-------------------------------+
 */
TABLE.main {
    border:		0;
    border-spacing:	0;
    width:		100%;
}

.nav {
    color:		#FFFFFF;
    background-color:	#0073A5; 
    text-align:		left;
    font-size:		90%;
}

/* --- Main Table Header Line --- */
TABLE.main TH.nav {
    padding:		4pt; 
    vertical-align:	bottom;
    font-size:		150%;
}
TABLE.main TH.headline {
    padding:		4pt 4pt 4pt 20pt;	/* t,r,b,l */
    text-align:		left;
    vertical-align:	bottom;
    color:		#0073A5; 
}
TABLE.main TH.headline H1 {
    font-size:		150%;
    margin:		0; 
}
TABLE.main TH.logo {
    padding:		4pt; 
    text-align:		right;
    vertical-align:	bottom;
}

/* --- Main Table Middle Section --- */
TABLE.main TD.nav {
    padding:		0pt 4pt 4pt 4pt;	/* t,r,b,l */
    vertical-align:	top;
    width:		5%;
}
TD.contents { 
    padding:		0pt 4pt 4pt 20pt;	/* t,r,b,l */
    text-align:		left;
    vertical-align:	top;
}
/* --- Main Table Footer Line --- */
TD.slogan {
    padding:		30pt 4pt 4pt 4pt; 
    color:		#FFFFFF; 
    background-color:	#0073A5; 
    text-align:		left;
    vertical-align:	bottom;
    font-size:		90%;
}
TD.footer { 
    padding:		4pt 4pt 4pt 20pt; 
    text-align:		right;
}


/* === Navigation Bar ==== */
TD.nav HR {
    color:		#FFFFFF;
    background-color:	#0073A5; 
}
TD.nav DIV.navhead { 
    background-color:	#FF9033; 	/* HSL=(18,240,144) */
    font-size:		120%;
    padding-left:	1ex; 
    padding-right:	1ex; 
    margin-top:		7pt; 
    margin-bottom:	5pt; 
    white-space:	nowrap;
}
TD.nav BR.sp { 				/* some extra space above the line */
    font-size:		170%;
}

TD.nav A, TD.nav B { 
    white-space:	nowrap;
}
TD.nav A.nav1, TD.nav B.nav1 { 
    margin-left:	1em;
}
TD.nav A.nav2, TD.nav B.nav2 { 
    margin-left:	2em;
}
TD.nav A:link { 
    color:		#F0F0F0; 
}
TD.nav A:visited { 
    #color:		#FFFFFF; 
    #color:		#FFC89B;	/* HSL=(18,240,193) */
    color:		#FFD8B7;	/* HSL=(18,240,206) */
}
TD.nav A:hover { 
    color:		#FF9033;
}

/* === Orange Colored Tables ===
 *
 * Header white on orange (inverse).
 * Borders orange.
 * Contents normal (black) on white.
 */
TABLE.orange {
    border:		1pt solid #FF9033;
    border-spacing:	0;
}
TABLE.orange TH {
    color:		#FFFFFF;
    background-color:	#FF9033; 		/* HSL=(18,240,144) */
    font-size:		120%;
    vertical-align:	top;
    text-align:		left;
/*    border:		1pt solid #FF7A0D;*/	/* HSL=(18,240,126) */
    padding:		4pt;
}
TABLE.orange TD {
    vertical-align:	top;
    text-align:		left;
    border:		1pt solid #FF9033;
    padding:		4pt;
}

/* === Sales Representatives Table === */

TABLE.sales TD {
   vertical-align:	top;
   text-align:		left;
   padding:		0pt 30pt 30pt 0pt;
}

TABLE.standard TD {
   vertical-align:	top;
   text-align:		left;
   padding:		0pt 20pt 20pt 0pt;
}

IMG.leftflow {
    float:		left;
    padding:		0pt 10pt 10pt 0pt;
}

IMG.rightflow {
    float:		right;
    padding:		0pt 0pt 10pt 10pt
}


.endflow {
    clear:		both;
}

.blue {
    color:		#0073A5;
    font-size:		110%;
}

.bluerect {
    border:		1.5pt solid #0073A5; 	/* HSL=(132,240,77) */
    padding:		4pt;
    color:		#0073A5;
    font-size:		120%;
    margin-top:		20pt;
}

@media print {
    BODY {
	width:		800px;
	font-size:	11pt;
    }
    .nav {
	display:	none;
    }
    TD.slogan {
	display:	none;
    }
    TD.footer { 
	display:	none;
    }
    TABLE.orange TH {
	background:	white;
	border:		1pt solid #FF9033;
	color:		#000000;
	background-color: #FFFFFF;
    }
}

@media handheld {
    BODY {
	font-size:	10pt;
    }
    TD.footer { 
	display:	none;
    }
    IMG {
	display:	none;
    }
    .nav {
	font-size:	90%;
    }
    TD.nav A.nav1, TD.nav B.nav1 { 
	margin-left:	0.5em;
    }
    TD.nav A.nav2, TD.nav B.nav2 { 
	margin-left:	0.9em;
    }
}