@charset "utf-8";
/* CSS Document */
body {
	background: #013b63 url(images/bg_blue.jpg) repeat-x;
	margin: 20px 20px;
	padding: 0 0 0 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.button {
  background-color: #9CD6FE;
  color: #02192A;
  border-color: #425C6D;
  border-right: 2px #425C6D solid;
  border-bottom: 2px #425C6D solid;
  border-left: 2px #CDEBFF solid;
  border-top: 2px #CDEBFF solid;
  padding: 5px;
  font-weight: bold;
  cursor: pointer;
}

h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	text-decoration: underline;
	font-weight:100;
	color: #003399;
}
h2 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  color: #FF9900;
  padding-bottom: 2px;
  margin: 0px;
  padding-top: 5px;  
}

hr {
  color: #9B6DFE;
  border-color: #CDEBFF;
}

form { margin: 0; padding: 0; }

form input { margin-bottom: 5px; }

#container {
	width: 800px;
	overflow: hidden;
	position: relative;
	left: 50%;
	margin-left: -400px; 
}

/**********************/
/**					 **/
/** THE HEAD PART    **==================================================================================/
/**					 **/
/**********************/

#top {
	width: 100%;
	height: 40px;
	text-align: right;
	color: #444;
}

#top #topleft { float: left; text-align: left; }

#top #topright { float: right; text-align: right; }

#top a, #footer a { color: #444; text-decoration: none; outline: none; }

#top a:hover, #footer a:hover { color:#0033FF; text-decoration: underline; }

#heade {
	position: relative;
	width: 800px;
	height: 200px;
	float: right;
}

/*************************/
/**					    **/
/** THE NAVIGATION PART **===================================================================================/
/**					    **/
/*************************/

#nav {
	width: 668px;
	height: 36px;
	position: absolute;
	top: 164px;
	left: 132px;
	overflow: hidden;
}

#nav div a {
	position: absolute;
	display: inline;
	width: 128px;
	height: 36px;
	background: transparent url(images/nav_de2.png) no-repeat;
	overflow: hidden;
	text-indent: -9000px;
	outline: none;
}

/** HOME **/
#nav #home a#eins { left: 0; z-index: 49;	background-position: 0 0; }
#nav #home a#zwei { left: 108px; z-index: 48; background-position: -108px 0; }
#nav #home a#drei { left: 216px; z-index: 47; background-position: -216px 0; }
#nav #home a#vier { left: 324px; z-index: 46; background-position: -324px 0; }
#nav #home a#funf { left: 432px; z-index: 45; background-position: -432px 0; }
#nav #home a#sechs { left: 540px; z-index: 44; background-position: -540px 0; }

#nav #home a#eins:hover { background-position: 0 0; }
#nav #home a#zwei:hover { background-position: -108px -324px; }
#nav #home a#drei:hover { background-position: -216px -324px; }
#nav #home a#vier:hover { background-position: -324px -324px; }
#nav #home a#funf:hover { background-position: -432px -324px; }
#nav #home a#sechs:hover { background-position: -540px -324px; }

/** Products **/
#nav #pro a#eins { left: 0; z-index: 49;	background-position: 0 -36px; }
#nav #pro a#zwei { left: 108px; z-index: 48; background-position: -108px -36px; }
#nav #pro a#drei { left: 216px; z-index: 47; background-position: -216px -36px; }
#nav #pro a#vier { left: 324px; z-index: 46; background-position: -324px -36px; }
#nav #pro a#funf { left: 432px; z-index: 45; background-position: -432px -36px; }
#nav #pro a#sechs { left: 540px; z-index: 44; background-position: -540px -36px; }

#nav #pro a#eins:hover { background-position: 0 -216px; }
#nav #pro a#zwei:hover { background-position: -108px -36px; }
#nav #pro a#drei:hover { background-position: -216px -324px; }
#nav #pro a#vier:hover { background-position: -324px -324px; }
#nav #pro a#funf:hover { background-position: -432px -324px; } 
#nav #pro a#sechs:hover { background-position: -540px -324px; } 

/** Support **/
#nav #sup a#eins { left: 0; z-index: 49;	background-position: 0 -72px; }
#nav #sup a#zwei { left: 108px; z-index: 48; background-position: -108px -72px; }
#nav #sup a#drei { left: 216px; z-index: 47; background-position: -216px -72px; }
#nav #sup a#vier { left: 324px; z-index: 46; background-position: -324px -72px; }
#nav #sup a#funf { left: 432px; z-index: 45; background-position: -432px -72px; }
#nav #sup a#sechs { left: 540px; z-index: 44; background-position: -540px -72px; }

#nav #sup a#eins:hover { background-position: 0 -288px; }
#nav #sup a#zwei:hover { z-index: 50; background-position: -108px -360px; }
#nav #sup a#drei:hover { background-position: -216px -72px; }
#nav #sup a#vier:hover { background-position: -324px -324px; }
#nav #sup a#funf:hover { background-position: -432px -324px; } 
#nav #sup a#sechs:hover { background-position: -540px -324px; } 

/** Contact **/
#nav #con a#eins { left: 0; z-index: 49;	background-position: 0 -108px; }
#nav #con a#zwei { left: 108px; z-index: 48; background-position: -108px -108px; }
#nav #con a#drei { left: 216px; z-index: 47; background-position: -216px -108px; }
#nav #con a#vier { left: 324px; z-index: 46; background-position: -324px -108px; }
#nav #con a#funf { left: 432px; z-index: 45; background-position: -432px -108px; }
#nav #con a#sechs { left: 540px; z-index: 44; background-position: -540px -108px; }

#nav #con a#eins:hover { background-position: 0 -288px; }
#nav #con a#zwei:hover { z-index: 50; background-position: -108px -432px; }
#nav #con a#drei:hover { z-index: 50; background-position: -216px -396px; }
#nav #con a#vier:hover { background-position: -324px -108px; }
#nav #con a#funf:hover { background-position: -432px -324px; }
#nav #con a#sechs:hover { background-position: -540px -324px; }

/** Impressum **/
#nav #imp a#eins { left: 0; z-index: 49;	background-position: 0 -144px; }
#nav #imp a#zwei { left: 108px; z-index: 48; background-position: -108px -144px; }
#nav #imp a#drei { left: 216px; z-index: 47; background-position: -216px -144px; }
#nav #imp a#vier { left: 324px; z-index: 46; background-position: -324px -144px; }
#nav #imp a#funf { left: 432px; z-index: 45; background-position: -432px -144px; }
#nav #imp a#sechs { left: 540px; z-index: 44; background-position: -540px -144px; }

#nav #imp a#eins:hover { background-position: 0 -288px; }
#nav #imp a#zwei:hover { z-index: 50; background-position: -108px -432px; }
#nav #imp a#drei:hover { z-index: 50; background-position: -324px -432px; }
#nav #imp a#vier:hover { z-index: 50; background-position: -324px -360px; }
#nav #imp a#funf:hover { background-position: -432px -144px; } 
#nav #imp a#sechs:hover { background-position: -540px -324px; } 

/** Contact **/
#nav #cont a#eins { left: 0; z-index: 49;	background-position: 0 -144px; }
#nav #cont a#zwei { left: 108px; z-index: 48; background-position: -108px -180px; }
#nav #cont a#drei { left: 216px; z-index: 47; background-position: -216px -180px; }
#nav #cont a#vier { left: 324px; z-index: 46; background-position: -324px -180px; }
#nav #cont a#funf { left: 432px; z-index: 45; background-position: -432px -180px; }
#nav #cont a#sechs { left: 540px; z-index: 44; background-position: -540px -180px; }

#nav #cont a#eins:hover { background-position: 0 -288px; }
#nav #cont a#zwei:hover { z-index: 50; background-position: -108px -432px; }
#nav #cont a#drei:hover { z-index: 50; background-position: -324px -432px; }
#nav #cont a#vier:hover { z-index: 50; background-position: -108px -468px; }
#nav #cont a#funf:hover { z-index: 50; background-position: -432px -396px; } 
#nav #cont a#sechs:hover { background-position: -540px -180px; } 

.b1f, .b2f, .b3f, .b4f, .b5f, .b6f, .b7f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#fff; margin:0 11px;}
.b2f {height:1px; background:#fff; margin:0 8px;}
.b3f {height:1px; background:#fff; margin:0 6px;}
.b4f {height:1px; background:#fff; margin:0 5px;}
.b5f {height:1px; background:#fff; margin:0 3px;}
.b6f {height:2px; background:#fff; margin:0 2px;}
.b7f {height:3px; background:#fff; margin:0 1px;}
.contentf {background: #fff; height: 100%; }
.contentf div {margin-left: 10px; margin-right: 10px;}

.h1f, .h2f, .h3f, .h4f, .h5f, .h6f, .h7f{font-size:1px; overflow:hidden; display:block;}
.h1f {height:1px; background:#7cd2ff; margin:0 11px;}
.h2f {height:1px; background:#E5E5E5; margin:0 8px; border-right:2px solid #7cd2ff; border-left:2px solid #7cd2ff;}
.h3f {height:1px; background:#E5E5E5; margin:0 6px; border-right:2px solid #7cd2ff; border-left:2px solid #7cd2ff;}
.h4f {height:1px; background:#E5E5E5; margin:0 5px; border-right:1px solid #7cd2ff; border-left:1px solid #7cd2ff;}
.h5f {height:1px; background:#E5E5E5; margin:0 3px; border-right:1px solid #7cd2ff; border-left:1px solid #7cd2ff;}
.h6f {height:2px; background:#E5E5E5; margin:0 2px; border-right:1px solid #7cd2ff; border-left:1px solid #7cd2ff;}
.h7f {height:3px; background:#E5E5E5; margin:0 1px; border-right:1px solid #7cd2ff; border-left:1px solid #7cd2ff;}
.h2_1f, .h2_2f, .h2_3f, .h2_4f, .h2_5f, .h2_6f, .h2_7f{font-size:1px; overflow:hidden; display:block;}
.h2_1f {height:1px; background:#FFE39F; margin:0 11px;}
.h2_2f {height:1px; background:#E5E5E5; margin:0 8px; border-right:2px solid #FFE39F; border-left:2px solid #FFE39F;}
.h2_3f {height:1px; background:#E5E5E5; margin:0 6px; border-right:2px solid #FFE39F; border-left:2px solid #FFE39F;}
.h2_4f {height:1px; background:#E5E5E5; margin:0 5px; border-right:1px solid #FFE39F; border-left:1px solid #FFE39F;}
.h2_5f {height:1px; background:#E5E5E5; margin:0 3px; border-right:1px solid #FFE39F; border-left:1px solid #FFE39F;}
.h2_6f {height:2px; background:#E5E5E5; margin:0 2px; border-right:1px solid #FFE39F; border-left:1px solid #FFE39F;}
.h2_7f {height:3px; background:#E5E5E5; margin:0 1px; border-right:1px solid #FFE39F; border-left:1px solid #FFE39F;}
.hcontentf {background: #E5E5E5; height: 100%; }
.hcontentf div {margin-left: 10px; margin-right: 10px;}

.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#7cd2ff; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#7cd2ff; border-right:2px solid #7cd2ff;
 			border-left:2px solid #7cd2ff; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#7cd2ff; border-right:1px solid #7cd2ff;
 			border-left:1px solid #7cd2ff; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#7cd2ff; border-right:1px solid #7cd2ff;
 			border-left:1px solid #7cd2ff; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #E5E5E5;}
.beadh {background: #7cd2ff; border-right:1px solid #7cd2ff; border-left:1px solid #7cd2ff;}
.beadh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}
.contenth {background: #E5E5E5; border-right:1px solid #7cd2ff; border-left:1px solid #7cd2ff;}
.contenth div {margin-left: 12px; padding-top: 5px;}

.box {
  width: 100%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color:#000;
  margin-bottom: 20px;
}

.boxl {
  width: 10px;
  height: 30px;
  background: url(images/box.png);
  background-position: left;
  float: left;
  margin-right: -3px;
}

.boxr {
  width: 10px;
  height: 30px;
  background: url(images/box.png);
  background-position: right;
  float: right;
  margin-left: -3px;
}

.boxm {
  height: 30px;
  background: url(images/box_m.jpg) repeat-x;
  margin-left: 7px;
  margin-right: 7px;
}

.boxm h1 {
  text-align: center;
  color:#FFFFFF;
  vertical-align: bottom;
  font-size: 20px;
  margin: 0;
}

.boxc {
  background: #E5E5E5;
  border-left: 1px #7cd2ff solid;
  border-right: 1px #7cd2ff solid;
  padding: 10px;
}
.boxc a {
  background: url(images/link.png) no-repeat;
	background-position: left center;
	padding-left: 12px;
	color: #043b62;
	text-decoration: underline;
	font-weight: bold;
}

.boxc a:hover {color: #990000;}

.boxc ul li {
  list-style: circle;
	font-size: 18px;
	margin-bottom: 5px;
	color: #FF9900;
}

.boxc ul ul li {
  list-style: none;
	font-size: 14px;
	color: #000;
}

.box2 { overflow: hidden; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color:#000; margin: 0 auto 20px;}
.box2_l { width: 10px; height: 30px; background: url(images/box2.png); overflow: hidden; background-position: left; float: left; margin-right: -3px;}
.box2_r { width: 10px; height: 30px; background: url(images/box2.png); overflow: hidden; background-position: right; float: right; margin-left: -3px;}
.box2_m { height: 30px; background: url(images/box2_m.jpg) repeat-x; margin-left: 7px; margin-right: 7px;}
.box2_m h1 {  text-align: center; color:#0075FF; vertical-align: bottom; font-size: 20px; margin: 0; font-weight:bold;}
.box2_c { background: #E5E5E5; border-left: 1px #FFE39F solid; border-right: 1px #FFE39F solid; padding: 10px;}

.box_home {
  width: 100%;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color:#000;
  margin: 10px;
  float: left;
}

.box_head_l {
  width: 10px;
  height: 10px;
  background: url(images/box_left_up.png);
  background-position: left;
  float: left;
  margin-right: -3px;
}

.box_head_r {
  width: 10px;
  height: 10px;
  background: url(images/box_right_up.png);
  background-position: right;
  float: right;
  margin-left: -3px;
}

.box_m {
  height: 10px;
  background: #043b62;
  margin-left: 7px;
  margin-right: 7px;
}

.box_img {
  background: #043b62;
}

.box_middle_l {
  width: 10px;
  height: 10px;
  background: url(images/box_left_middle.gif);
  background-position: left;
  float: left;
  margin-right: -3px;
}

.box_middle_r {
  width: 10px;
  height: 10px;
  background: url(images/box_right_middle.gif);
  background-position: right;
  float: right;
  margin-left: -3px;
}

.box_content {
  background: #cdecff;
  padding: 10px;
  border-left: 1px #043b62 solid;
  border-right: 1px #043b62 solid;
}

.box_content a {color: #043b62; text-decoration: underline; font-weight: bold;}
.box_content a:hover {color: #990000;}

.box_foot_l {
  width: 10px;
  height: 10px;
  background: url(images/box_left_down.png);
  background-position: left;
  float: left;
  margin-right: -3px;
}

.box_foot_r {
  width: 10px;
  height: 10px;
  background: url(images/box_right_down.png);
  background-position: right;
  float: right;
  margin-left: -3px;
}

.box_foot_m {
  height: 10px;
  background: #cdecff;
  border-bottom: 1px #043b62 solid;
  margin-left: 7px;
  margin-right: 7px;
}

.about {
  display: block;
	margin: 0 0 10px 0;
}

.about .pic {
  border: 1px black solid;
	float: left;
}

.about .desc {
  float: left;
	margin: 0 0 0 10px;
	width: 386px;
}

.about .desc ul li {
  list-style: circle;
	font-size: 14px;
	margin-bottom: 5px;
	color: #FF9900;
}

.form_wrap {display: block; clear: both;}
.form_head { margin-top: 10px; font-size: 14px; width: 120px; float: left;}
.form_field { padding-top: 2px; float: left;}
.form_field input { margin: 0px;}
.form_field textarea {width: 412px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
/**********************/
/**					 **/
/** THE CONTENT PART **========================================================================================/
/**					 **/
/**********************/

#content {
	width: 800px;
	background-color: #CBCBCB;
	float: left;
}

#right {
	width: 586px;
	float: right;
	padding: 10px 10px 10px 0px;
	background: inherit;
}

#left {
	width: 160px;
	padding: 20px;
	float: left;
	min-height: 500px;
	background: url(images/news.jpg) no-repeat;
}

.ref_container {
	width: 566px;
	height: 134px;
	padding: 10px;
	margin-top: 10px;
	background: url(images/ref.gif) top left no-repeat;
	display: block;
}

.ref_pic {
	width: 140px;
	height: 120px;
	float: left;
	border: 2px #990000 solid;
}

.ref_col, .ref_last_col {
	width: 406px;
	height: 15px;
	margin-bottom: 5px;
	margin-right: 10px;
	float: right;
	display: block;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ref_last_col {
	height: 65px;
	font-size: 12px;
}

.ref_btn {
	height: 14px;
	color: #990000;
	text-align: right;
	margin-right: 10px;
}

/************************/
/**					   **/
/** THE REFERENCE PART **========================================================================================/
/**					   **/
/************************/

.ref_container {
	width: 566px;
	height: 134px;
	padding: 10px;
	margin-top: 10px;
	background: url(images/ref2.jpg) top left no-repeat;
	display: block;
}

.ref_ext_container { 
	width: 566px !important;
	width: 546px;
	padding: 10px;
	min-height: 266px;
	background: url(images/ref_ext2.jpg) top left no-repeat;	
}

.ref_ext_parent_container {
	width: 576px;
	background: #FFF;
	float: left;
	margin-top: 10px;
	background: url(images/ref_ext_fill_2.jpg);
}

.ref_footer {
	background: url(images/ref_footer2.jpg);
	line-height: 14px;
	height: 21px;
	margin-top: 5px;
	width: 100%;
	float: left;
}

.ref_front_pic {
	width: 140px;
	height: 120px;
	float: left;
	margin-bottom: 10px;
	border: 1px #000 solid;
}

.ref_front_pic img, .ref_add_pic img {
  border: none;
}

.ref_front_pic a, .ref_add_pic a {
  padding: 0;
}

.ref_add_pic {
	width: 125px;
	height: 90px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px #000 solid;
}

.ref_content_text {
	width: auto;
	background: url(images/trans.png) repeat;
	padding: 10px;
	margin-right: 20px;
} 

.ref_content_text a { color: #ff9900; }
.ref_content_text a:hover { color: #ff3300; }

.ref_col, .ref_last_col {
	width: 396px !important;
	width: 376px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: left;
	display: block;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.ref_last_col {
	height: 65px;
	font-size: 12px;	
}

.ref_last_col a { color: #990000; text-decoration: none; font-weight: bold; }
.ref_last_col a:hover { color: #FF0000; text-decoration: none; font-weight: bold; }

.ref_btn {
	height: 14px;
	color: #990000;
	text-align: right;
	margin-right: 10px;
}

.ref_btn a {
	font-weight: bold;
	text-decoration: underline;
	color: #990000;
	padding: 5px;
}

.ref_btn a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #990000;
	padding: 5px;
	background: url(images/ref_alpha.png) repeat;
}

.ref_content {
	width: 100%;
	margin-right: 10px;
	clear: both;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.test {
	width: 50px;
	height: 200px;
	float: left;
	display: inline;
	border: 1px red solid;
}


/**********************/
/**					 **/
/** THE FOOTER PART  **=========================================================================================/
/**					 **/
/**********************/

#footer {
	width: 800px;
	height: 111px;
	clear: both;
	background: url(images/footer3.jpg) no-repeat;
}

#footer #foot { position: absolute; bottom: 40px; right: 10px; }

#footcopy { height: 20px; color:#333; text-decoration: none; padding-top: 10px; background: none;}

/************************/
/**					   **/
/** THE DEVELOPER PART **========================================================================================/
/**					   **/
/************************/

.container_modul {
  width: auto;
  height: 100px;
}
.modul {
  height: 100px;
  width: 100px;
  float: left;
  font-size: 14px;
}