body {
	background-color:		#FFF;
	font-family:			Verdana, sans-serif; /*, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size:				12px;
	line-height:			18px;
	color:					#222;
}

/* ---------------------------------------------------------------------------------------- *
 * Standard-Tags
 * ---------------------------------------------------------------------------------------- */

h1 {
	font-weight:			bold;
	font-size:				16px;
	color:					#3194b5;
	padding-bottom:			5px;
	padding-top:			5px;
	border-bottom:			1px solid #ddd;
}

h2 {
	font-weight:			bold;
	font-size:				14px;
	color:					#3194b5;
	padding-bottom:			10px;
	padding-top:			10px;
	margin-top:				10px;
}

h3 {
	font-weight:			bold;
	font-size:				13px;
	color:					#000; /*319400;*/
	padding-bottom:			10px;
	padding-top:			10px;
	margin-top:				10px;
}

h3.news {
	margin: 0;
	padding: 0;
}

/*td {
	padding:				5px;
}*/

hr {
	border:					none;
	border-bottom:			1px solid #f00;
	padding:				0px;
	margin:					0px;
	height:					1px;
}

ul {
	list-style-image:       none;
	list-style-position:    outside;
	list-style-type:        circle;
	margin-left:			10px;
	margin-top:				10px;
}

ul.head-menu {
	list-style-image:       none;
	list-style-position:    outside;
	list-style-type:        circle;
	margin-left:			-30px;
	margin-top:				10px;
}

li {
	margin-bottom:			0.5em;
}

/* ---------------------------------------------------------------------------------------- *
 *
 * ---------------------------------------------------------------------------------------- */
#container {
	width:					998px;
/*	background-color:		#f90;*/
	padding:				0px 0px;
	margin:					0px 0px;
}

#container .header {
	height:					180px;
	width:					998px;
	background:				url(../pics/header.png) no-repeat;
/*	position:				fixed;
	z-index:				1;*/
}

.login-area {
	position:				absolute;
	left:					736px;
	top:					88px;
	z-index:				100;
	background-image:		url(../pics/login-area.png);
	color:					#eee;
	width:					260px;
	height:					118px;
	display:				none;
}

.login-inp {
	line-height:			11px;
	font-size:				11px;
	background-color:		#fff;
	padding:				0;
	margin:					0;
	border:					1px solid #22667d;
/*	filter:					alpha(opacity=50); /* IE Browser */
/*	-moz-opacity:			0.0; /* Mozilla Browser */
/*	opacity:				1.0; /* Opera */
}

#container .menucontainer {
	width:					190px;
	/*padding:				180px 0px 0px 0px;*/
	padding:				1px 0px 0px 0px;
	float:					left;
}

#container .content {
	width:					750px; /* 765px */
	overflow:				hidden;
	background-color:		#fff;
/*	padding:				200px 10px 0px 10px;*/
	padding:				0px 10px 0px 10px;
	position:				relative;
	top:					-54px;
	z-index:				0;
	float:					left;
	border:					1px solid #ddd;
	min-height:				400px;
}

#container .bottom {
	width:					752px; /* 765px */
	overflow:				hidden;
	background-color:		#eee; /*3194b5;*/
	color:					#999;
	margin-top:				2px;
	padding:				10px 10px 30px 10px;
	position:				relative;
	left:					196px;
	top:					-54px;
	z-index:				0;
/*	min-height:				200px;*/
	text-align:				center;
}

/*#container .content .bordered {
    border:					1px solid #ddd;
	padding:				0px 10px 0px 10px;
}

#container .content .small-footer {
    line-height:            13px;
    padding:                3px 0;
    text-align:             center;
    color:                  #aaa;
    font-size:              11px;
}
#container .content .small-footer:hover {
    color:                  #888;
}*/

#container .footer {
	width:					750px;
	height:					100px;
	background-color:		#0ff;
}

.outside {
	position:				fixed;
	left:					990px;
	top:					160px;
	z-index:				20;
	border:					1px solid #ddd;
	padding:				10px;
}

.inside {
	border:					1px solid #ddd;
	padding:				10px;
}

/* ---------------------------------------------------------------------------------------- *
 * language selection
 * ---------------------------------------------------------------------------------------- */
#languages {
/*  	position:				fixed;*/
	position:				absolute;
	left:					860px;
	top:					66px;
	z-index:				2;
}

#languages .lang_en {
	color:					#f90;
	background:				url(../pics/lang_en.jpg) no-repeat;
	width:					30px;
	height:					18px;
	float:					left;
	margin:					0px 2px;
}

#languages .lang_de {
	color:					#ff0;
	background:				url(../pics/lang_de.png) no-repeat;
	width:					30px;
	height:					18px;
	float:					left;
	margin:					0px 2px;
}

#languages .lang_en:hover, #languages .lang_de:hover, #languages .login-btn:hover, #languages .logout-btn:hover {
	border:					1px solid #fff;
}

#languages .login-btn {
	color:					#f90;
	background:				url(../pics/login.jpg) no-repeat;
	width:					30px;
	height:					18px;
	float:					left;
	margin:					0px 2px;
	cursor:					pointer;
}
#languages .logout-btn {
	color:					#f90;
	background:				url(../pics/logout.jpg) no-repeat;
	width:					30px;
	height:					18px;
	float:					left;
	margin:					0px 2px;
	cursor:					pointer;
}

/* ---------------------------------------------------------------------------------------- *
 *
 * ---------------------------------------------------------------------------------------- */
.list {
	list-style-image:       none;
	list-style-position:    outside;
	list-style-type:        circle;
	margin-left:			40px;
	color:					#555;
}

.list li {
	margin-top:				5px;
}

.sublist {
	list-style-image:       none;
	list-style-position:    outside;
	list-style-type:        disc;
	margin-left:			20px;
}

.sublist li {
	margin-top:				0px;
}

.lnk {
	text-decoration:		none;
	color:					#f90;
}
.lnk:hover {
	text-decoration:		none;
	color:					#000;
}

.hlnk {
	font-weight:			bold;
	font-size:				18px;
	color:					#3194b5;
	padding-bottom:			5px;
	padding-top:			5px;
	border-bottom:			1px solid #ddd;
	width:					100%;
	display:				block;
}
.hlnk:hover {
	color:					#297d99;
}

.col_tr {
/*	background-color: 		#ddd;*/
/*	color: 					#000;*/
}

#your_assessment {
	margin-top: 			20px;
}

#your_assessment table {
	border:					1px solid #09f;
	background-color:		#09f;
}

#your_assessment table td {
	background-color:		#fff;
	padding:				8px;
}


#contact_me {
	margin-top:				20px;
/*	padding:				10px;*/
/*	border:					1px solid #ddd;*/
}

.cm_input {
	background-color: 		#fff;
	padding: 				2px;
	margin: 				0;
	border: 				1px solid #ddd;
}
.cm_input:hover {
	border: 				1px solid #aaa;
}

.catalog_left {
	float: 					left;
	width: 					47%;
}

.catalog_right {
	float: 					right;
	width: 					47%;
}

.catalog_clear {
	clear:					both;
}

.prod_list {
	margin-bottom:			40px;
}

.prod_class_head {
	font-size:				18px;
	font-weight:			bold;
	color:					#000;
	padding:				13px;
	border:					1px solid #ddd;
	margin-bottom:			10px;
	margin-top:				50px;
}

.prod_class {
	padding-left:			15px;
}

/* ---------------------------------------------------------------------------------------- *
 * list (tab-menu)
 * ---------------------------------------------------------------------------------------- */
.tab-list, .tab-list-shop {
	padding:                0px;
	margin:					0px;
}

.tab-list ul, .tab-list-shop ul {
	font-family:            Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:            normal;
	list-style-image:       none;
	list-style-position:    outside;
	list-style-type:        none;
	margin-left:			0px;
}

.tab-list li {
	width:					100px;
	text-align:				center;
	margin:                 0px 1px;
	float:					left;
	background-color: 		#179f72; /*319400;*/
	margin-bottom:			1px;
}

.tab-list-shop li {
	width:					248px;
	text-align:				center;
	margin:                 0px 1px;
	float:					left;
	background-color: 		#179f72; /*34a4c9; 319400;*/
	margin-bottom:			1px;
    /*border:                 1px solid #3194b5;*/
}

.tab-list li:hover, .tab-list-shop li:hover {
	background-color:       #f90; /*3194b5;*/
}

.tab-list a, .tab-list-shop a {
	padding:                5px;
	color:					#eee;
	display:                block;
}
.tab-list a:hover, .tab-list-shop a:hover {
	color:					#fff;
}

.tab-list .active, .tab-list-shop .active {
    background-color:       #f90; /*3194b5;*/
    color:                  #fff;
}

/* ----------- *
 * link-list
 * ----------- */
.link-list {
	width: 					25%;
	float: 					right;
	text-align: 			right;
	padding: 				8px;
	border: 				1px dotted #ddd;
}

.link-list ul {
	list-style-image:       none;
	list-style-position:    outside;
	list-style-type:        none;
	color:					#555;
}

.link-list li {
	margin-top:				0px;
}

.link-list li a {
	padding:                1px;
	border-bottom:          1px dotted #ccc;
	text-decoration:        none;
 	font-size:				11px;
 	display:				block;
}

/* ---------------------------------------------------------------------------------------- *
 * milestones list
 * ---------------------------------------------------------------------------------------- */

.milestones {
	width:					100%;
	border-bottom:			1px dotted #ddd;
/*	background-color:		#eeffee;*/
}

.milestones2 {
	width:					100%;
	border-bottom:			1px dotted #ddd;
/*	background-color:		#eaeaea;*/
}

.milestones .year, .milestones2 .year {
	width:					10%;
	float:					left;
	font-weight:			bold;
}

.milestones .text, .milestones2 .text {
	width:					90%;
	text-align:				left;
	float:					left;
}

.milestones:hover, .milestones2:hover {
	background-color:		#fafaff;
}

/* ---------------------------------------------------------------------------------------- *
 * shop table
 * ---------------------------------------------------------------------------------------- */
.shop-table {
	width: 					100%;
}

.shop-table table {
	width:					99%;
}

.shop-table table td {
	text-align:				center;
	border: 				1px solid #3194b5;
}

/* ---------------------------------------------------------------------------------------- *
 * section
 * ---------------------------------------------------------------------------------------- */
.section {
	margin-bottom:			30px;
}

/* ---------------------------------------------------------------------------------------- *
 * startpage
 * ---------------------------------------------------------------------------------------- */
.home-site {
	text-align: 			justify;
	padding: 				20px;
}

.home-site .right {
	float: 					right;
	width: 					330px;
	height: 				240px;
	border: 				1px solid #eee;
	padding: 				10px;
}

.home-site .left {
	float: 					left;
	width: 					330px;
	height: 				240px;
	border: 				1px solid #eee;
	padding: 				10px;
}

.home-site .center {
	float: 					left;
	width: 					688px;
/*	height: 				240px;*/
	border: 				1px solid #eee;
	padding: 				10px;
	margin-bottom:			10px;
}

/* ---------------------------------------------------------------------------------------- *
 * gmx
 * ---------------------------------------------------------------------------------------- */
#gmx-ccm-sm {
	width:					230px;
	height:					167px;
	background:				transparent url(../pics/misc/ccm-sm2.jpg) no-repeat;
}
#gmx-ccm-sm:hover {
	background:				transparent url(../pics/misc/ccm-sm.jpg) no-repeat;
}

#gmx-cdm-sm {
	width:					230px;
	height:					173px;
	background:				transparent url(../pics/misc/cdm-sm2.jpg) no-repeat;
}
#gmx-cdm-sm:hover {
	background:				transparent url(../pics/misc/cdm-sm.jpg) no-repeat;
}

#gmx-pr-sm {
	width:					230px;
	height:					174px;
	background:				transparent url(../pics/misc/epl_report-sm2.jpg) no-repeat;
}
#gmx-pr-sm:hover {
	background:				transparent url(../pics/misc/epl_report-sm.jpg) no-repeat;
}

#gmx-dt-sm {
	width:					230px;
	height:					174px;
	background:				transparent url(../pics/misc/designtool-sm2.jpg) no-repeat;
}
#gmx-dt-sm:hover {
	background:				transparent url(../pics/misc/designtool-sm.jpg) no-repeat;
}