/* ---[ General Rules ]------------------------------------------------------- */

img	{
	border: 0;
}
	
body {
	color: #333;
	background-color: #f7f7f7;
	border: 0;
	font: normal 11px Tahoma, verdana, arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	min-width: 780px;
}
	
h1 {
	margin: 2px 0px 10px 0px;
	padding: 0px;
	color: #092769;
	font-size: 13px;
}
	
h2 {
	margin: 2px 0px 5px 0px;
	padding: 0px;
	font-size: 11px;
}

h3 {
	display: inline;
}
	
p {
	margin: 0px;
	margin-bottom: 10px;
}

th {
	text-align: left;
}
	
ul {
	list-style-type: none;
}

.center_div {
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	position: relative;
}
	
.home_center_div {
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	position: relative;
}
	
.temp_bold {
	font-weight: bold;
}
	
.temp_li {
	color: #092769;
	font-weight: bold;
}
	
/* ---[ Masthead ]------------------------------------------------------- */

#masthead {
	background: #092769 url("../_media/headanim_bkgrnd.gif") repeat-x 50% 0;
	height: 80px;
	position: relative;
	top: 0px;
	left: 0px;
}
	
#toolbar {
	background:  url("../_media/toolbarb_kgrnd.gif") repeat-x 50% 0;
	position: relative;
	height: 32px;
}

.masthead_logo {
	position: absolute;
	top: 13px;
	left: 0px;
	width: 780px;
}
	
/* ---[ Main Navigation ]------------------------------------------------------- */

	#toolbar ul {border: 0px; margin: 0px; padding: 0px;}
	#nav li {height: 32px; position: absolute; top: 0px; background: url(../_media/navmatrix.gif) no-repeat; display: block; list-style: none;}
	
	#nav #home {left: 0px; background-position: 0px 0px;}
	#nav #products {left: 156px; background-position: -156px 0px;}
	#nav #consulting {left: 312px; background-position: -312px 0px;}
	#nav #education {left: 468px; background-position: -468px 0px;}
	#nav #resources {left: 624px; background-position: -624px 0px;}
	
	#nav a {width: 156px; height: 32px; display: block; border: none; text-align: center; padding-top: 8px;}
	#nav a:link {text-decoration: none; color: #333333; font-weight: bold;}

	#nav #home a:hover {background: url(../_media/navmatrix.gif) 0px -32px no-repeat;}
	#nav #products a:hover {background: url(../_media/navmatrix.gif) -156px -32px no-repeat;}
	#nav #consulting a:hover {background: url(../_media/navmatrix.gif) -312px -32px no-repeat;}
	#nav #education a:hover {background: url(../_media/navmatrix.gif) -468px -32px no-repeat;}
	#nav #resources a:hover {background: url(../_media/navmatrix.gif) -624px -32px no-repeat;}
	
	#nav a:visited {text-decoration: none; color: #333333; font-weight: bold;}

/* ---[ Body ]------------------------------------------------------- */

#home_cnt_container {
	padding: 0px 0px 20px 0px;
}

/* this is a hack to get the white background color of the main container to extend down to the footer */ 
div.spacer {
	clear: both;
	background-color: #FFFFFF;
}
	
/* ---[ Home Page Layout ]------------------------------------------------------- */

#mainpromo {
	/* This holds the flash movie */
	padding: 7px 0px 7px 0px;
	width: 780px;
	float: left;
	color: #FFFFFF;
}

#mainpromo a:link, #mainpromo a:active, #mainpromo a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
	
#mainpromo a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
	
/* ---[ Zwischen Layout ]------------------------------------------------------- */

#zwischenlayout {
	/* This holds the breadcrumb and the schriftgroesse */
	padding: 3px 0px 5px 10px;
	background-color: #F7F7F7;
	border-width: 1px;
	border-style: solid;
	border-top-color:#EEEEEE;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #EEEEEE;
	width: 768px;
	font: 10px Tahoma, verdana, arial, helvetica, sans-serif;
	letter-spacing: 1px;
	color: #666;
	float: left;
}
	
#zwischenlayout a:link, #zwischenlayout a:active, #zwischenlayout a:visited {
	color: #CC0000;
	text-decoration: none;
}
	
#zwischenlayout a:hover {
	color: #CC0000;
	text-decoration: underline;
}
	
.zwischenlayout_breadcrumb {
	position: relative;
	left: 0px;
}
	
.zwischenlayout_schriftgroesse {
	position: absolute;
	right: 10px;
}

#zwischenlayout .zwischenlayout_breadcrumb a:link, #zwischenlayout .zwischenlayout_breadcrumb a:active, #zwischenlayout .zwischenlayout_breadcrumb a:visited {
	color: #333333;
}

#zwischenlayout .zwischenlayout_breadcrumb a:hover {
	color: #CC0000;
	text-decoration: underline;
}

	
/* ---[ Hauptinhalt ]------------------------------------ */

#home_aboutus {
	padding: 10px 0px 7px 0px;
	width: 780px;
	float: left;
	color: #333333;
	letter-spacing: 1px;
}

.box {
	width: 200px;
	float: left;
}

.left_box {
	width: 198px;
	background-color: #F7F7F7;
	border-width: 1px;
	border-style: solid;
	border-top-color:#EEEEEE;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #EEEEEE;
}

#home_aboutus .left_box a:link {
	text-decoration: none;
	color: #333333;
}

#home_aboutus .left_box a:visited {
	text-decoration: none;
	color: #333333;
}

#home_aboutus .left_box a:hover {
	text-decoration: underline;
	color: #092769;
}

.left_box_bottom {
	margin-top: 20px;
	float: left;
	width: 198px;
	background-color: #F7F7F7;
	border-width: 1px;
	border-style: solid;
	border-top-color:#EEEEEE;
	border-right-color: #D7D7D7;
	border-bottom-color: #D7D7D7;
	border-left-color: #EEEEEE;
}

#home_aboutus .left_box_bottom a:link {
	text-decoration: none;
	color: #CC0000;
}

#home_aboutus .left_box_bottom a:visited {
	text-decoration: none;
	color: #CC0000;
}

#home_aboutus .left_box_bottom a:hover {
	text-decoration: underline;
	color: #CC0000;
}

.right_box {
	margin-left: 20px;
	float: left;
	width: 560px;
}

.right_box a:link, .right_box a:active, .right_box a:visited {
	text-decoration: none;
	color: #092769;
}

.right_box a:hover {
	text-decoration: underline;
	color: #092769;
}

.head_box {
	width: 198px;
	border-bottom: 1px solid #EEEEEE;
	font-size: 13px;
	color: #092769;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 5px;
}

.button_box {
	width: 198px;
	border-bottom: 1px solid #EEEEEE;
}

.button_type {
	margin: 2px 0px 2px 10px;
}

/* ---[ Footer ]------------------------------------------------------- */

#footer {
	background: #f7f7f7 url(../_media/footer.gif) repeat-x 50% 0;
	height: 50px;
	position: relative;
	width: 100%;
	font: 10px Tahoma, verdana, arial, helvetica, sans-serif;
	letter-spacing: 1px;
	color: #666;
	margin: 0px auto;
	clear: both;
}
	
.footer_copyright {
	position: absolute;
	top: 20px;
	left: 0px;
}
	
#footer a:active, #footer a:link, #footer a:visited, #footer a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/* ---[ Formulare ]--------------------------------------------------- */

input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}