#map div span { max-width:226px; overflow:hidden; display:block; float:left;}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #EAEAEA;
	font: normal 12pt verdana;
	line-height: 14pt;
	color: #6b6b6b;
}

h1,h2,h3,h4,h5,form,p,tr,td,table {
	padding: 0;
	margin: 0;
}

img {
	border: 0;	
}

a {
	text-decoration: none;
}

table {
	table-layout: fixed;
	border: 0;
	border-spacing: 0;	
}

td {
	vertical-align: top;	
}

.spacer {
	clear:both;
	display:block;
}

.spacer:after {
	clear:both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

#login-x {
	background: url(design/bg_login-x.jpg) top left repeat-x;
}

/*#login_fake_container {
	float:left;
	height: 31px;
	width: 629px;
}

#login_fake_container div {
	position: absolute;
}

#login_fake_text {
	height: 31px;
	width: 629px;
	font: bold 12pt arial;
	color: #ffffff;
	text-align: center;
	padding-top: 6px;
}

#login_fake {
	height: 31px;
	width: 629px;
	background: url(design/login_fake.jpg) top left no-repeat;	
}
*/

#login {
	float:left;
	height: 31px;
	width: 599px;
	background: url(design/bg_login.jpg) top left repeat-x;
	padding: 0px 0 0 0px;
	color:#c6c6c6;	
}

#login img, #login div, #login input, #login a, #login span {
	display: block;
	float: left;
}

.login_options {
	/*float: left;*/
}

#site_options {
	position: relative;
	padding: 0 17px 7px 17px;	
	height: 31px;
}

#site_options:hover {
	padding: 0 16px 7px 16px;
	height: 23px;
	background: #cdcdcd;
	border-top: 1px solid #ffffff;	
	border-left: 1px solid #ffffff;	
	border-right: 1px solid #ffffff;		
	border-bottom: 1px solid #ffffff;		
}

#site_options:hover div {
	color: #dd001b;
}

#site_options_menu {
	display: none;
	visibility: hidden;
	clear: both;
	position: absolute;
	left: -1px;
	top: 30px;
	background: #1e1e1e;
	z-index: 2;	
	border: 1px solid #ffffff;	
}

#site_options:hover #site_options_menu {
	display: block;
	visibility: visible;
}

.site_options_menu-point {
	display: block;
	padding: 10px;
	color: #FFFFFF;
	font: bold 11pt verdana;
	width: 88px;
	/*border-bottom: 1px solid #9a9a9a;
	border-top: 1px solid #686868;
	*/
}

.site_options_menu-point:hover {
	color: #dd001b;
}

.myaccount_menu {
	float: left;
	position: relative;
	padding: 7px 17px 0 17px;
	margin-left: 7px;
	top: 0px;
	height: 31px;	
	font:bold 11pt verdana;
	color:#c6c6c6;	
}

.myaccount_menu:hover {
	background: #cdcdcd;
	color: #dd001b;
	height: 30px;	
	border-top: 1px solid #ffffff;	
	border-left: 1px solid #ffffff;	
	border-right: 1px solid #ffffff;	
	padding: 7px 16px 0 16px;
}

.login_menu {
	position: absolute;
	top: 30px;
	left: -1px;
	display: none;
	visibility: hidden;
	border: 1px solid #ffffff;		
	width: 249px;
	
	background: #1e1e1e;
	z-index: 2;
}

.myaccount_menu:hover .login_menu {
	display: block;
	visibility: visible;
}

.login_menu-point {
	display: block;
	padding: 10px;
	color: #FFFFFF;
	font: bold 11pt verdana;
	width: 229px;
	/*border-bottom: 1px solid #9a9a9a;
	border-top: 1px solid #686868;
	*/
}

.login_menu-point:hover {
	color: #dd001b;
}

.login_menu-spacer {
	height: 7px;
	border-top: 1px solid #d20010;
	border-bottom: 1px solid #d20010;
	background: #5a0009;
	width: 100%;
}

#login_settings {
	background: url(design/login_settings.jpg) 225px center no-repeat;
}

#login_area {
	background: url(design/login_area.jpg) 227px center no-repeat;
}

#login_history {
	background: url(design/login_history.jpg) 226px center no-repeat;
}

#login_logout {
	background: url(design/login_logout.jpg) 225px center no-repeat;
}

.login_welcome {
	padding: 1px 17px 0 17px;
	font: normal 8pt arial; 
	color: #c6c6c6;	
}

.login_activated {
	padding: 1px 7px 0 0px;
	font: normal 8pt arial; 
	color: #c6c6c6;
}

#new_account {
	display: block;
	padding: 0 17px 0 17px;
	height: 31px;
	color: #c6c6c6;
}

#new_account:hover {
	padding: 0 16px 0 16px;
	height: 29px;
	border: 1px solid #ffffff;	
	background: #cdcdcd;
}

#new_account:hover span {
	color: #dd001b;
}

.login_help {
	float: right !important;
	margin-right: 0px;
}

#help_menu {
	display: block;
	height: 31px;
	padding: 0 17px 0 7px;
	color:#c6c6c6;
}

#help_menu:hover {
	border: 1px solid #ffffff;	
	background: #cdcdcd;	
	height: 29px;
	padding: 0 16px 0 6px;
}

#help_menu:hover span {
	color: #dd001b;
}

#input_email {
	background: url(design/bg_input_email.jpg) top left no-repeat;
	width: 128px;
	height: 17px;
	border: none;
	font-size: 12pt;
	padding: 0px 0 0 4px;
}

#input_password {
	background: url(design/bg_input_password.jpg) top left no-repeat;
	width: 83px;
	height: 17px;
	border: none;
	font-size: 12pt;
	padding: 0px 0 0 4px;
}

#header-x {
	background: url(design/bg_header-x.jpg) top left repeat-x;
}

#header {
	height: 84px;
	background: url(design/bg_header.jpg) top left no-repeat;
}

#speech {	
	float:left;
	height: 31px;
	width: 144px;
	
}

#speech img {	
	float:right;
	margin-top: 8px;
	margin-right: 10px;
	height: 15px;

}

#navbar-x {
	background: url(design/bg_navbar-x.jpg) top left repeat-x;
}

#navbar {
	height: 40px;
	background: url(design/bg_navbar.jpg) top left no-repeat;
}

#menu {
	margin-left: 150px;
}

#menu div, #menu a {
	float: left;
	margin-top: 7px;
}	

#menu div {
	height: 26px;
}	

#menu a.nav {
	display: block;
	font: bold 12pt arial;	
	line-height: 28px;	
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: middle;	
	text-decoration: none;
	color: white;
	background: url(design/bg_navbar_fields.jpg) top left repeat-x;		
}

#menu a.nav_hover {
	display: block;
	font: bold 12pt arial;	
	line-height: 28px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: middle;	
	text-decoration: none;
	color: black;
	background: url(design/bg_navbar_fields_hover.jpg) top left repeat-x;
}

.navbar_spacer {
	width: 1px;
	background: url(design/navbar_spacer.jpg) top left repeat-x;
}

#container {
	background: url(design/bg_container.jpg) top left repeat-y;
	width: 772px;
/*	height: 100%;*/
}

#left {
	float: left;
	width: 144px;
	height: 800px;
	background: url(design/bg_left.jpg) left top no-repeat;
}

#main {
	float: left;
	/*background: url(design/bg_main.jpg) top left repeat-y;*/
	/*position: relative;
	top: 0px;
	left: 144px;*/
	width: 628px;
}

#footer {
	width: 447px;
	height: 40px;
	margin-top: 25px;
	margin-left: 10px;
	margin-right: 10px;
}

#footer .impressum {
	height:19px;
}

#footer img {
	float: right;
}

#footer .impressum a{
	margin-left: 5px;
	margin-right: 5px;
	color: #6b6b6b;
}

#footer .impressum a:hover {
	color: black;
}

.impressum span{
	margin-right: 15px;	
}

#footer {
	font-size: 11pt;
}

#main_left {
	float: left;
	width: 467px;
}

.main_left_spaces {
	padding-top: 23px;
	padding-left: 10px;
	padding-right: 10px;
}

#main_right {	
	float: left;
	width: 161px;
	padding-top: 23px;	
}

#flash-intro {
	height: 210px;
}

.hr {
	margin-left: 9px;
	margin-right: 13px;
	margin-top: 7px;
	margin-bottom: 7px;
	border-top: solid 1px #c6c6c6;
}

.hr1 {
	margin-top: 10px;
	border-top: solid 1px #c6c6c6;
}

.hr2 {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: solid 1px #c6c6c6;
}

.hr3 {
	margin-left: 9px;
	margin-right: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: solid 1px #c6c6c6;
}

.hr4 {
	border-top: solid 1px #c6c6c6;
}

.hr5 {
	margin-top: 4px;
	border-top: solid 1px #c6c6c6;
}

.more {
	height: 14px;
	width: 58px;
	background: url(design/more.gif) right top no-repeat;
	float: right;
	margin-bottom: 30px;
}

.more_DE {
	height: 14px;
	width: 58px;
	background: url(design/mehr.gif) right top no-repeat;
	float: right;
	margin-bottom: 30px;
}

.more_hover {
	height: 14px;
	width: 58px;
	float: right;
	margin-bottom: 30px;
	background: url(design/more_hover.gif) right top no-repeat;
}

.more_DE_hover {
	height: 14px;
	width: 58px;
	float: right;
	margin-bottom: 30px;
	background: url(design/mehr_hover.gif) right top no-repeat;
}

.text {
	font: normal 12pt verdana;	
	color: #6b6b6b;
	margin-left: 11px;
	margin-right: 13px;	
	padding-left: 10px;	
	padding-right: 10px;	
}

.text2 {
	font: bold 12pt verdana;
	color: #000000;
	margin-left: 11px;
	margin-right: 13px;	
	padding-left: 10px;	
	padding-right: 10px;	
}

.text3 {
	line-height: 15pt;
	padding-left: 10px;	
	padding-right: 10px;	
}

.text4 {
	margin-bottom: 20px;
	line-height: 15pt;
	padding-left: 10px;	
	padding-right: 10px;	
}

.text5 {
	margin-bottom: 10px;
	line-height: 15pt;
	padding-left: 10px;	
	padding-right: 10px;	
}

.text6 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.text7 {
	font: normal 14pt verdana;
	margin-top: 20px;
	margin-bottom: 10px;
}

.text8 {
	font-style: italic;
	color: #dd001b;
	font: bold 14pt verdana;
	font-style: italic;
	margin-top: 10px;	
}

.text9 {
	margin-bottom: 15px;
	font-size: 13pt;
}

.text10 {
	float: left;
	font: normal 12pt verdana;	
	color: #6b6b6b;
}

.col_1 {
	width: 213px;
	padding-right: 10px;
	float: left;		
}

.col_2 {
	width: 213px;
	padding-left: 10px;
	float: left;			
}

/*.headliner {
	height: 20px;
	background: url(design/bg_headliner-x.jpg) top left repeat-x;
	margin-bottom: 10px;
}

.headliner_content {
	height: 20px;
	background: url(design/headliner_rectangle.jpg) 4px center no-repeat;
	font: normal 12pt arial;
	color: #000000;
	line-height: 20px;
	vertical-align: middle;
	padding-left: 11px;	
}

.headliner_content a {
	color: #000000;
	text-decoration: none;
}
*/

.headliner {
	margin-bottom: 10px;
	background: #f2f2f2;
}

.headliner_content {
	background: url(design/bg_headliner-x.jpg) top left repeat-x;
	font: normal 16pt arial;
	color: #000000;
	padding: 6px 0 6px 11px;
	line-height:20px;	
}

.headliner_content a {
	color: #000000;
	text-decoration: none;
	
}

.rectangle {
	background: url(design/headliner_rectangle.jpg) left top no-repeat;	
	padding-left: 8px;
}

.rectangle_bg {
	background: url(design/headliner_rectangle-y.jpg) left top repeat-y;	
}

.sub_headliner {
	font: bold 13pt verdana;
	color: #000000;
	margin-bottom: 0px;
}

.date {
	background: url(design/date_strich.jpg) left center no-repeat;	
	padding-left: 11px;
	font: normal 12pt verdana;
	color: #dd001b;
	margin-bottom: 2px;		
}

.sub_navbar {
	background: url(design/sub_navbar_point.gif) left 6px no-repeat;
	font-weight: bold;
	line-height: 19px;
	padding-left: 10px;
	display: block;
	color: #000000;
	text-decoration: none;
	margin-left: 12px;
}

.sub_navbar:hover {
	background: url(design/sub_navbar_point_hover.gif) left 6px no-repeat;
	color: #dd001b;
}

.opacity {
	opacity: 0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.opacity_hover {
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.dummy img, .dummy .text2 {
	margin-bottom: 10px;
}

#products a, #products div {
	float: left;
	width: 143px;
	height: 214px;
	margin-right: 6px;
}

.offline {
	background: url(design/offline_grau.jpg) left center no-repeat;
}

.offline_hover {
	background: url(design/offline_bunt.jpg) left center no-repeat;
}

.inline {
	background: url(design/inline_grau.jpg) left center no-repeat;
}

.inline3 {
	float: left;
	width: 50px;
}

.inline_hover {
	background: url(design/inline_bunt.jpg) left center no-repeat;
}

.individual {
	background: url(design/indiv_grau.jpg) left center no-repeat;
}

.individual_hover {
	background: url(design/indiv_bunt.jpg) left center no-repeat;
}

.about {
	float: left;	
	width: 217px;
	height: 88px;	
	margin-right: 5px;
	margin-bottom: 5px;
}

.company {
	width: 320px;
	float: left;
}

.offline2 {
	float: left;
	width: 320px;
}

.inline2 {
	float: left;
	width: 320px;
}

.company2 {
	float: left;
	width: 320px;
}

.company2_pics {
	float: left;
	width: 120px;
}

.vision .more, .vision .more_DE {
	margin-top: 2px;
	margin-right: 2px;
}

.vision .more_hover, .vision .more_DE_hover {
	margin-top: 2px;
	margin-right: 2px;
}

.history .more, .history .more_DE {
	margin-top: 2px;
	margin-right: 2px;
}

.history .more_hover, .history .more_DE_hover {
	margin-top: 2px;
	margin-right: 2px;
}

.impressions .more, .impressions .more_DE {
	margin-top: 2px;
	margin-right: 2px;
}

.impressions .more_hover, .impressions .more_DE_hover {
	margin-top: 2px;
	margin-right: 2px;
}

.jobs .more {
	margin-top: 0px;
	margin-right: 0px;
}

.jobs .more_hover {
	margin-top: 0px;
	margin-right: 0px;
}


.vision {
	float: left;	
	width: 217px;
	height: 88px;	
	margin-right: 5px;
	margin-bottom: 5px;
	background: url(design/pic_about_vision217.jpg) left center no-repeat;
}

.history {
	float: left;	
	width: 217px;
	height: 88px;	
	margin-right: 5px;
	margin-bottom: 5px;
	background: url(design/pic_about_history217.jpg) left center no-repeat;
}

.impressions {
	float: left;	
	width: 217px;
	height: 88px;	
	margin-right: 5px;
	margin-bottom: 5px;
	background: url(design/pic_about_impressions217.jpg) left center no-repeat;
}

.jobs {
	float: left;	
	width: 215px;
	height: 88px;	
	margin-right: 5px;
	margin-bottom: 5px;
	height: auto;
}

.vision {
	background: url(design/pic_about_vision217.jpg) left center no-repeat;
}

.history {
	background: url(design/pic_about_history217.jpg) left center no-repeat;
}

.impressions {
	background: url(design/pic_about_impressions217.jpg) left center no-repeat;
}

.jobs {
	height: auto;
}

.company_headers {
	color: #dd001b;
	font: bold 15pt verdana;
	margin-top: 10px;
}

.history_left {
	width: 4em;
	vertical-align: top;
	padding-top: 1px;
	color: #dd001b;
	font: bold 11pt verdana;
}

.history_right {
	padding-bottom: 10px;
	vertical-align: top;
	font: normal 12pt verdana;
}

.history_pic img{
	margin-left: 5px;	
	vertical-align: middle;
}

.list_arrow {
	background: url(design/list_arrow.jpg) left 6px no-repeat;
	padding-left: 6px;
	margin-bottom: 7px;	
	padding-right: 10px;	
}

.list_point {
	background: url(design/list_point.jpg) left 7px no-repeat;
	padding-left: 6px;
	margin-bottom: 7px;
	margin-left: 25px;
	padding-right: 10px;	
}

.references {
	margin-bottom: 10px;
}

.email, .email img {
	float: left;
	margin-left: 10px;
}

.email img {
	margin-top: 3px;
	margin-right: 4px;	
}

.email {
	color: #000000;
	font-weight: bold;
}

.email:hover {
	color: #6b6b6b;
}

.greeting img {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.greeting2 {
	float: left;

}

.greeting2 .col1 {
	float: left;
	width: 120px;
}

/*.greeting2 div {
	margin-bottom: 10px;
}
*/

.reference_left {
	padding-top: 15px;
	float: left;
	width: 100px;
}

.reference_right {
	float: left;
	width: 300px;
}

.collapse_container {
	cursor: pointer;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 447px;
	padding: 0px;
}

.expand_container {

}

.collapse {
	height: 14px;
	width: 88px;
	background: url(design/collapse.gif) right top no-repeat;
	float: right;
	margin-bottom: 0px;
}

.expand {	
	position: relative;
	top: -15px;
	height: 14px;
	width: 88px;
	background: url(design/expand.gif) right top no-repeat;
	float: right;
	margin-bottom: 0px;
}

.collapse_container_gallery {
	position: relative;
	cursor: pointer;
	border: 2px solid #cccccc;
	background: #ececec;
	margin-bottom: 25px;
	margin-top: 15px;
}

.expand_container_gallery {
	margin: 5px 0 0px 0px;
	/*display: none;*/
}

.expand_container_gallery a img {
	border: 1px solid #c3c3c3;
	margin: 0px 0 20px 20px;
}

.expand_container_gallery a:hover img {
	border: 1px solid #000000;
}

.collapse_gallery {
	position: absolute;
	bottom: -15px;
	right: 0px;
	height: 14px;
	width: 88px;
	background: url(design/collapse.gif) right top no-repeat;
	float: right;
	margin-bottom: 0px;
}

.expand_gallery {	
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 14px;
	width: 88px;
	background: url(design/expand.gif) right top no-repeat;
	float: right;
	margin-bottom: 0px;
}

.gallery_headline {
	padding: 5px 5px 5px 5px;
}

.gallery_sub_headline {
	padding: 5px 5px 5px 16px;
	margin-bottom: 5px;
}

.gallery_sub_headline span {
	font: bold 14pt arial;
	color: #000000;
}

.gallery_headline span {
	font: bold 15pt arial;
	color: #dd001b;
}

.gallery_sub_pics {
	margin: 0 10px 10px 10px;
	padding-top: 0px;
	border: 1px solid #aeaeae;
	background: #dcdcdc;
}

.gallery_sub_pics a img {
	border: 1px solid #c3c3c3;
	margin: 0px 0px 16px 16px;
}

.news_col1 {
	float: left;
	width: 100px;	
}

.news_col1_thumb {
	width: 84px;
	margin: 19px 0 10px 0;
	background: #ececec;
}

.news_col1_thumb img {
	border: 1px solid #c4c4c4;
}

.news_col1_thumb_text {
	background: url(design/red_arrow.gif) right center no-repeat;
	text-align: right;	
	padding: 2px 10px 3px 0;
	margin-right: 5px;
	color: black;
}

.news_col2 {	
	float: left;	
	width: 347px;
}

.news_col2_text {	
	float: left;
	margin-left:100px;
}

.news_date {
	background: url(design/news_list_point.jpg) left 6px no-repeat;
	color: red;
	padding-left: 10px;	
	margin-right: 10px;
}

.news_title {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.news_text {
	margin-top: 15px;
}

.news_files_container {
	background: #ececec;
	display: none;
	cursor: auto;
	padding: 10px 10px 1px 10px;
	margin-top: 20px;
}

.news_files_container div a {
	color: black;
	font-weight: bold;
	display: block;
	float: left;
	margin-left: 8px;
}

.news_files_container div a:hover {
	color: red;
}

.news_files_container div img {
	display: block;
	float: left;	
}

.news_files_container div {
	margin-bottom: 10px;
}

li {
	margin-left: 15px; 	
}

.news_headline {
	margin-top: 5px;
}

.rss {
	display: block;
	color: #898989;
	background: url(design/rss_icon.gif) left center no-repeat;
	padding-left: 15px;
	margin-left: 15px;
}

.rss:hover {
	color: #000;
}

.account_type {
	position: relative;
	background-color: #a6a6a6;
	margin-bottom: 10px;
	color: #FFFFFF;
	padding: 8px;	
}

.account_type select {
	margin-top: 2px;
	border: 1px solid black;
	width: 168px;
	/*height: 18px;*/
	height: 1,4em;
	color: #6b6b6b;
	font-weight: bold;
}

.account_type select:focus {
	color: #000000;	
}

.account_type img {
	position: absolute;
	right: 10px;
	top: 25%;
}

.account_left {
	float: left;
}

.account_input {
	display: block;
	border: 1px solid #9f9f9f;
	width: 168px;
	/*height: 15px;	*/
	height: 1.4em;
	/*background: url(design/bg_account_input.gif) left top no-repeat;	*/
	background: url(design/bg_inputarea.gif) left top no-repeat;		
	margin: 0 0 20px 0;
	padding: 3px 0 0 4px;
	color: #6b6b6b;
	font: bold 12pt verdana;
}

.account_input:focus {
	border: 1px solid #000000;
	color: #000000;	
}

.account_right {
	float: right;
	width: 250px;
}

.myaccount_right {
	float: left;
	margin-left: 20px;
}

.account_right textarea {
	border: 1px solid #9f9f9f;
	width: 229px;
	/*height: 138px;		*/
	height: 13em;
	/*background: url(design/bg_account_textarea.gif) left top no-repeat;	*/
	background: url(design/bg_inputarea.gif) left top no-repeat;		
	margin: 0px 0 20px 0;
	padding: 3px 0 0 4px;
	color: #6b6b6b;
	font: bold 12pt verdana;
}

.account_right textarea:focus {
	border: 1px solid #000000;
	color: #000000;	
}

.account_lable {
	margin-bottom: 2px;
}

.account_left button {
	border: none;
	background: none;
}

.account_submit {
	display: block;
	width: 153px;
	height: 20px;
	border: none;
	margin-top: 20px;
}

.account_checkbox input {
	display: block;	
	float: left;
	margin: 7px 10px 0 0;
}

.account_checkbox a{
	color: #000000;
	text-decoration: underline;
}

.account_checkbox a:hover {
	color: #6b6b6b;
}

.account_error {
	margin-top: 5px;
	font-style: italic;
	color: red;
	width: 180px;
}