/********************************************************
 **  this CSS file is property of 'cp-engineering.de'  **
 **  and was created by Jochen Sauer.                  **   
 ********************************************************/

 

/*************** main declarations for Opera - S T A R T ***************/
 
/*********************
 * body:
 * properties of the common html body element.
 */
body {
	background-color: #006599;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10px; 
} 

small {
	font-size: 0.9em;
	line-height: 1.2em;
	color: #999999;
}

/*********************
 * link status:
 * apperance of normal hyperlink.
 */
small a:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #86B9D3;
}

/*********************
 * active link status:
 * apperance of active hyperlink.
 */
small a:active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #86B9D3;
	border: none;
}

/*********************
 * visited link status:
 * apperance of a clicked (visited) hyperlink.
 */
small a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #86B9D3;
	border: none;
}

/*********************
 * hover link status:
 * apperance of hyperlink when hovered above.
 */
small a:hover {
	text-decoration: none;
	border: none;
}

/*********************
 * p (paragraph):
 * properties of the common html paragraph element.
 */
p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.7em;
	padding: 0;
	margin: 0;
	margin-top: 1em;
	color: #444444;
}
p.higher {
	margin-top: -1.2em;
}
p.ansprache {
	margin-left: 2em;
	text-indent: -2em;
	margin-bottom: 0.7em;
}
p.ansprache_en {
	margin-left: 2em;
	text-indent: -2em;
	margin-bottom: -1.1em;
}
p#ansprache_paragraph {
	padding-left: 0;
}
p#branchen_ansprache {
	font-size: 1.1em;
	font-weight: bold;
	text-align: justify;
}

/********************
 * p#name (paragraph):
 * properties of the paragraph element with ID 'name'.
 */
p#name {
	font-size: 1.1em;
	padding-top: 1em;
	padding-left: 2.2em;
	margin-bottom: -0.8em;
}

/*********************
 * p.kontakt_paragraph (paragraph):
 * properties of the paragraph with ID 'kontakt_paragraph'.
 */
p.kontakt_paragraph {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}
p#valid_paragraph {
	padding-top: 6.4em;
	padding-bottom: 0;
	padding-left: 0;
}
p#valid_paragraph_en {
	padding-top: 1.3em;
	padding-bottom: 0;
	padding-left: 0;
}

/*********************
 * first headline:
 * properties of the first headline element.
 */
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-bottom: 1.5em;
	margin-top: 1em;
	padding: 0;
	color: #006699;
	font-weight: bold;
	min-width: 63em;
}
h1#start {
	margin-top: 7em;
}
h1#error1 {
	font-size: 4em;
	color: #ffffff;
	margin-bottom: 1em;
	margin-left: 1.1em;
}
h1.tight {
	margin-bottom: 0;
}

/*********************
 * second headline:
 * properties of the second headline element.
 */
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: -0.7em;
	margin-top: 1em;
	color: #222222;
	text-transform: uppercase;
}

h2 a:link, h2 a:active, h2 a:visited {
	color: #222222;
}

h2 a:hover {
	text-decoration: none;
	color: #222222;
}

h2#error2 {
	font-size: 1.3em;
	color: #444444;
	background-color: #ffffff;
	border: solid;
	border-width: 0.1em;
	border-color: #999999;
	padding: 1em 1em 1em 1em;
	margin-left: 3em;
	width: 70em;
	line-height: 1.7em;
}

/*********************
 * second headline:
 * properties of ID 'start' under
 * the second headline element.
 */
h2#start {
	width: 65em;
	margin-bottom:1em;
}

/*********************
 * second headline:
 * properties of ID 'branchen' under
 * the second headline element.
 */
h2#branchen {
	margin-left: 2.9em;
	margin-bottom: 0;
}

/*********************
 * second headline:
 * properties of ID 'leistung' under
 * the second headline element.
 */
h2#leistung {
	margin-left: 2.9em;
	margin-bottom: 0;
}

/*********************
 * second headline:
 * properties of ID 'qualifikation' under
 * the second headline element.
 */
h2#qualifikation {
	margin-left: 4em;
	margin-bottom: 0;
}

/*********************
 * second headline:
 * properties of ID 'kontakt_head' under
 * the second headline element.
 */
h2#kontakt_head {
	padding-top: 1.3em;
	padding-left: 0;
}

/*********************
 * second headline:
 * properties of class 'quali' under
 * the second headline element.
 */
h2.quali {
	padding-top: 4em;
}

/*********************
 * second headline:
 * properties of class 'impressum_head' under
 * the second headline element.
 */
h2.impressum_head {
	padding-top: 4em;
	padding-bottom: 0;
	margin-bottom: 0;
}

h2.branchen_head {
	padding-top: 4em;
}

/*********************
 * ul.download (unordered list):
 * properties of the class 'branchen' 
 * of the unordered list element.
 */
ul.download {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-bottom: 0;
	color: #444444;
	margin-left: 1.5em;
}

/*********************
 * ul.branchen (unordered list):
 * properties of the class 'branchen' 
 * of the unordered list element.
 */
ul.branchen {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-left: 0.2em;
	padding-bottom: 0.1em;
	color: #444444;
}

/*********************
 * ul.branchen a (unordered list):
 * properties of the link elements in 
 * class 'branchen' of the unordered 
 * list element.
 */
ul.branchen a:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #006699;
}
ul.branchen a:active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #006699;
}
ul.branchen a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #006699;
}
ul.branchen a:hover {
	text-decoration: none;
}

/*********************
 * ul#kunden (unordered list):
 * properties of the class 'kunden'  
 * of the unordered list element.
 */
ul.kunden {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 0.9em;
	padding-bottom: 2em;
	color: #444444;
}
ul.kunden li.blue {
	color: #006699;
}

ul.beispiele {
	margin-top: 0;
	margin-bottom: -20px;
}

ul.beispiele li {
	margin-bottom: 0;
}

h2.list {
	margin-top: 0;
	margin-bottom: 0;
}

/*********************
 * ul#kontakt (unordered list):
 * properties of the class 'kontakt'  
 * of the unordered list element.
 */
p#kontakt {
	padding-top: 3.2em;
}

/*********************
 * strong (bold):
 * properties for text with appearance 'strong'.
 */
strong.blue {
	color: #006699;
	font-weight: bold;
}

strong {
	color: #353535;
	font-weight: bold;
}

/*********************
 * unordered list:
 * properties for the common unordered list.
 */
ul {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-left: 0em;
	color: #444444;
	padding-top: 0.7em;
	padding-bottom: 1.5em;
}

/*********************
 * ul li:
 * properties for common list element of an unordered list.
 */
ul li {
	margin-left: 1.2em;
	padding-left: 0;
	list-style: disc;
	margin-bottom: 0.5em;
}

ul li.blue {
	color: #006699;
	font-weight: bold;
	list-style: none;
	margin-left: 0;
}

ul#list_produktentwicklung {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	padding-left: 0em;
	color: #444444;
	padding-top: 0;
	padding-bottom: 1.5em;
}

/*********************
 * image:
 * general properties for images.
 */
img {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #777777;
	border: none;
}
img.valid {
	height: 15px;
	width: 80px;
	padding-left: 0;
	margin-left: 0;
	border: none;
}
/*************** main declarations - E N D ***************/



/*************** box ID's - S T A R T ***************/

/*********************
 * white ID:
 * a white box placed in the upper left corner 
 * of the site to reveal a big deal of the blue 
 * background.
 */
#white {
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 68.5em;
}

/*********************
 * main ID:
 * the main box ID in which all other boxes are placed.
 */
#main {
	margin: 0 auto;
	background-color: #ffffff;
	width: 82em;
	height: 67.5em;
}

/*********************
 * logo ID:
 * the box in which the sites logo is placed.
 */
#logo {
	width: 34.5em;
	height: 8.3em;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-left: 46em;
	position: absolute;
	top: 0;
}

/*********************
 * logo_img ID:
 * properties of the image inherited by #logo.
 */
img #logo_img {
	width: 34.5em;
	height: 8.3em;
	background-color: transparent;
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	position: absolute;
	top: 0;
}


/*********************
 * navi ID:
 * the main navigation's box.
 */
#navi {
	width: 80em;
	position: absolute;
	top: 8.3em;
	margin-top: -0.3em;
	margin-left: 0;
	height: 6.2em;
	border-bottom: none;
}

/*********************
 * navi ul:
 * specifies the unordered list element
 * under the ID 'navi'.
 */
#navi ul {
	margin-top: 0.2em;
	margin-bottom: -0.2em;
	margin-left: 0.2em;
	margin-right: 0;
	padding: 0;
	padding-top: 0.4em;
	color: #B3B3B3;
	line-height: 1.5em;
	height: 1.8em;
	background-color: #acacac;	
}
#navi ul#subIndustriesde,
#navi ul#subIndustriesbr,
#navi ul#subIndustrieseng,
#navi ul#subServicesde,
#navi ul#subServicesbr,
#navi ul#subServiceseng,
#navi ul#subConsultingde,
#navi ul#subConsultingbr,
#navi ul#subConsultingeng,
#navi ul#subQualitiesde,
#navi ul#subQualitiesbr,
#navi ul#subQualitieseng,
#navi ul#subJobsde,
#navi ul#subJobseng {
	position: absolute;
	line-height: 1.5em;
	border-width: 0.1em;
	border-color: #B3B3B3;
	border-style: solid;
	border-top: none;
	list-style-type: none;
	list-style-image: none;
	background-color: #cccccc;	
	padding: 0;
	margin: 0;
	display: none;
}
#navi ul#subIndustriesde {
	top: 2.4em;
	left: 6.9em;
	width: 12.7em;
	height: 5.4em;
}
#navi ul#subIndustriesbr {
	top: 2.4em;
	left: 4.8em;
	width: 16.5em;
	height: 5.4em;
}
#navi ul#subIndustrieseng {
	top: 2.4em;
	left: 4.8em;
	width: 13.2em;
	height: 5.4em;
}
#navi ul#subServicesde {
	top: 2.4em;
	left: 19.9em;
	width: 17.8em;
	height: 5.4em;
}
#navi ul#subServicesbr {
	top: 2.4em;
	left: 21.5em;
	width: 23.3em;
	height: 5.4em;
}
#navi ul#subServiceseng {
	top: 2.4em;
	left: 18.1em;
	width: 18.2em;
	height: 5.4em;
}
#navi ul#subConsultingde {
	top: 2.4em;
	left: 30.5em;
	width: 12em;
	height: 3.5em;
}
#navi ul#subConsultingbr {
	top: 2.4em;
	left: 35.2em;
	width: 23.3em;
	height: 3.5em;
}
#navi ul#subConsultingeng {
	top: 2.4em;
	left: 24.6em;
	width: 13em;
	height: 3.5em;
}
#navi ul#subQualitiesde {
	top: 2.4em;
	left: 38em;
	width: 9.4em;
	height: 3.5em;
}
#navi ul#subQualitiesbr {
	top: 2.4em;
	left: 32.1em;
	width: 8.1em;
	height: 3.5em;
}
#navi ul#subQualitieseng {
	top: 2.4em;
	left: 32.1em;
	width: 8.1em;
	height: 3.5em;
}
#navi ul#subJobsde {
	top: 2.4em;
	left: 47.6em;
	width: 11.7em;
	height: 5.4em;
}
#navi ul#subJobseng {
	top: 2.4em;
	left: 40.45em;
	width: 12.7em;
	height: 5.4em;
}

/*********************
 * navi ul li:
 * specifies the list element within the 
 * unordered list element under the ID 'navi'.
 */
#navi ul li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	padding-right: 0.8em;
	padding-left: 0.8em;
	border-right: thin;
	border-right-color: #ffffff;
	border-right-style: solid;
	margin: 0;
	text-transform: lowercase;
}
#navi ul#subIndustriesde li,
#navi ul#subIndustriesbr li,
#navi ul#subIndustrieseng li,
#navi ul#subServicesde li,
#navi ul#subServicesbr li,
#navi ul#subServiceseng li,
#navi ul#subConsultingde li,
#navi ul#subConsultingbr li,
#navi ul#subConsultingeng li,
#navi ul#subQualitiesde li,
#navi ul#subQualitiesbr li,
#navi ul#subQualitieseng li,
#navi ul#subJobsde li,
#navi ul#subJobseng li {
	display: list-item;
	height: 1.8em;
	padding-top: 0.1em;
	padding-bottom: 0;
	padding-right: 0.8em;
	padding-left: 0.8em;
	border-bottom-style: solid;
	border-bottom-color: #aaaaaa;
	border-bottom-width: 0.1em;
	border-right: none;
	margin: 0;
	font-size: 0.9em;
}

#navi ul li#lang {
	border: solid 1px;
	border-top-color: #888888;
	border-right-color: #888888;
	border-left-color: #dddddd;
	border-bottom-color: #dddddd;
	float: right;
	background-color: #bbbbbb;
	margin-top: -0.2em;
	margin-right: 0.4em;
	padding: 0.2em;
}

#navi ul li#lang a img {
	margin-left: 0.1em;
	margin-right: 0.1em;
	margin-bottom: -0.1em;
	border: solid 1px;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-left-color: #888888;
	border-bottom-color: #888888;
}

/*********************
 * navi ul li a:
 * specifies the link element within the 
 * list element within the unordered list 
 * element under the ID 'navi'.
 */
#navi ul li a {
	text-decoration: none;
	margin: 0;
	padding-bottom: 0; 
	padding-left: 0em;
	padding-right: 0em; 
	padding-top: 1.1em;
	color: #ffffff;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: transparent;
}
/*********************
 * navi ul li a:hover:
 * specifies the appearance of a link element 
 * within the unordered list element under 
 * the ID 'navi' when hovered above.
 */
#navi ul li a:hover {
	text-decoration: none;
	color: #006699;
}

/*********************
 * navi ul li a.marked:
 * specifies the appearance of a link element 
 * within the unordered list element under 
 * the ID 'navi' when link leads to the actual site.
 */
#navi ul li a.marked {
	text-decoration: none;
	color: #353535;
}
#navi ul li a.with_sub {
	text-decoration: none;
	color: #ffffff;
}

/*********************
 * content ID:
 * contains the site's text & image elements.
 */
#content {
	width: 80em;
	height: 50.6em;	
	background-color: transparent;
	position: absolute;
	top: 16.6em;
}

/*********************
 * headID:
 * properties of the headline box.
 */
#head {
	height: 4em;	
	width: 80em;
	margin: 0 0 0 0;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}

/*********************
 * headID:
 * properties of the headline box.
 */
#althead {
	height: 4em;	
	width: 80em;
	margin: 0 0 0 0;
	background-color: #ffffff;
	position: absolute;
	top: 4.5em;
	left: 0;
}

/*********************
 * lefttop ID:
 * properties of the box containing the text 
 * positioned on the upper left edge of '#content'.
 */
#lefttop {
	height: 32.4em;	
	width: 25.3em;
	margin-left: 4em;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

/*********************
 * leftmiddletop ID:
 * properties of the box containing the text 
 * positioned on the upper left & top center 
 * edge of '#content'.
 */
#leftmiddletop {
 	width:49.6em;
	height: 32.4em;	
	margin-left: 4em;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#full {
 	width:74.9em;
	height: 32.4em;	
	margin-left: 4em;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}
#full p {
	line-height: 1.6em;
}

/*********************
 * leftmiddlecenter ID:
 * properties of the box containing the text 
 * positioned on the left & middle center 
 * edge of '#content'.
 */
#leftmiddlecenter{
 	width:49.6em;
	height: 15.6em;
	margin-left: 4em;
	background-color: #ffffff;
	position: absolute;
	top: 15.5em;
	left: 0;
}
#leftcenter {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 4em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	left: 0;
	top: 8.5em;
}
#middlecenter {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	left: 28.2em;
	top: 8.5em;
}
#rightcenter {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	left: 53.5em;
	top: 8.5em;
}
#leftmiddletoptop {
 	width:74.9em;
	height: 15em;
	margin-left: 4em;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}


/*********************
 * middletop ID:
 * properties of the box containing the text 
 * positioned on the top center edge of '#content'.
 */
 #middletop {
 	width: 24.2em;
	height: 32.4em;	
	margin-left: 1.2em;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 28.2em;
 }

/*********************
 * leftbottom ID:
 * properties of the box containing the picture 
 * positioned on the lower left edge of '#content'.
 */
#leftbottom {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 4em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	top: 32.3em;
	left: 0;
}

/*********************
 * leftmiddletop ID:
 * properties of the box containing the text 
 * positioned on the lower left & bottom center 
 * edge of '#content'.
 */
#leftmiddlebottom {
	height: 15.6em;
 	width: 49.6em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 4em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	top: 32.3em;
	left: 0em;
}

/*********************
 * middletop ID:
 * properties of the box containing the text 
 * positioned on the bottom center edge of '#content'.
 */
#middlebottom {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	top: 32.3em;
	left: 28.2em;
}
#middleright {
	height: 32.4em;
	width: 47.5em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 0;
	padding-left: 2em;
	background-color: #ffffff;
	position: absolute;
	top: 0;
	left: 28.2em;
}

/*********************
 * righttop ID:
 * properties of the box containing the picture 
 * positioned on the upper right edge of '#content'.
 */
#righttop {
	height: 15em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 0;
	background-color: #ffffff;
	position: absolute;
	left: 53.5em;
	top: 0;
}
#righttophome {
	background-image: url(../pic/home/quickinfo_bg.png);
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 0em;
	position: absolute;
	left: 53.5em;
	top: 0;
}

#quickinfo {
	padding-left: 1em;
	padding-right: 1em;
	width: 24.2em;
	height: 15.6em;
}

#quickinfo h1 {
	font-size: 1.1em;
	color: #489CC5;
	font-weight: bold;
	margin-bottom: 1.4em;
}

#quickinfo p {
	color: #489CC5;
	margin-top: 0.8em;
	margin-bottom: -0.2em;
	font-size: 1.1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/*********************
 * right ID:
 * properties of the box containing the picture 
 * positioned on the right edge of '#content'.
 */
#right {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	left: 53.5em;
	top: 15.5em;
}

/*********************
 * rightmiddle ID:
 * properties of the box containing the picture 
 * positioned on the center right edge of '#content'.
 */
#rightmiddle {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	left: 53.5em;
	top: 15.5em;
}

/*********************
 * rightbottom ID:
 * properties of the box containing the picture 
 * positioned on the lower right edge of '#content'.
 */
#rightbottom {
	height: 15.6em;
	width: 24.2em;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 1.2em;
	margin-top: 1.2em;
	background-color: #ffffff;
	position: absolute;
	top: 32.3em;
	left: 53.5em;
}

/*********************
 * slogan ID:
 * properties of the box containing the slogan 
 * positioned above the ID 'bottom'.
 */
#slogan {
	width: 40em;
	height: 8.3em;
	background-color: transparent;
	background-repeat: no-repeat;
	margin-left: 0;
	position: absolute;
	top: 0;
}

/*********************
 * slogan p ID:
 * paragraph properties for
 * the site's slogan box.
 */
#slogan p {
	color: #006699;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
	padding-top: 3.5em;
	border-bottom: solid;
	border-bottom-width: 0.1em;
	border-bottom-color: #dddddd;
}
/*************** box id's - E N D ***************/



/*************** link declarations - S T A R T ***************/

/*********************
 * link status:
 * apperance of normal hyperlink.
 */
a:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #006699;
}

/*********************
 * active link status:
 * apperance of active hyperlink.
 */
a:active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #006699;
	border: none;
}

/*********************
 * visited link status:
 * apperance of a clicked (visited) hyperlink.
 */
a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #006699;
	border: none;
}

/*********************
 * hover link status:
 * apperance of hyperlink when hovered above.
 */
a:hover {
	text-decoration: none;
	border: none;
}
/*************** link declarations - E N D ***************/



/*************** image declarations - S T A R T ***************/

/*********************
 * language image:
 * properties of the image showing the actual language.
 */
.flag {
	margin-bottom: -0.2em;
	margin-right: -0.2em;
}

/*********************
 * box for programmer hint:
 * properties of the box that shows the programmer.
 */
#programmerbox {
	height: 1.5em;	
	width: 24.2em;
	background-color: transparent;
	position: absolute;
	top: 29em;
	left: 0;
}

/*********************
 * box for designer hint:
 * properties of the box that shows the designer.
 */
#designerbox {
	height: 1.5em;	
	width: 24.2em;
	background-color: transparent;
	position: absolute;
	top: 29em;
	left: 0;
}

/*********************
 * box for reference images:
 * properties of boxes containing an image.
 */
.pic {
	float: left;
	margin-left: 0;
	margin-right: 2.4em;
	margin-top: 2em;
	border-bottom-style: solid;
	border-bottom-width: 0.2em;
	border-bottom-color: #dddddd;
	height: 7em;
}
.pic:link, active, visited {
	border-bottom-color: #dddddd;
}
.pic:hover {
	border-bottom-color: #006699;
}
.pic img {
	vertical-align: middle;
}
/*********************
 * footer ID:
 * the site's footer box.
 */
#footer {
	width: 80em;
	height: 3.7em;
	background-color: #006599;
	position: absolute;
	top: 69em;
	padding-bottom: 4em;
}

/*********************
 * footer p ID:
 * paragraph properties for
 * the site's footer box.
 */
#footer p {
	color: #ddddff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	padding-left: 3.2em;
	padding-top: 0.2em;
}

/*********************
 * bottom ID:
 * properties of the space under footer box.
 */
#bottom {
	background-image: url(../pic/bottom_bg.jpg);
	background-repeat: repeat;
	width: 54.5em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 1em;
	position: absolute;
	top: 68.5em;
}
#bottomleft {
	background-image: url(../pic/bottom_bg.jpg);
	height: 1em;
	width: 60em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: absolute;
	top: 68.5em;
}
#bottomright {
	background-color: #006599;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 1em;
	top: 68.5em;
	left: 54.5em;
}