/** Layout Amazing Communications *************************/

/** Element reset *******************************************************************/
html,body,form,ul,div,p,h1,h2,h3,img {
	margin:0;
	padding:0;
	border:0;
}

/** schriftfix *********************************************************************/
html, body { height: 100%; }
body {
	color: #666666;
	background: #e5e5e5 url('../images/bknd_bar.gif') left center repeat-x;
}
body, td {
	font-size: 8pt;
	line-height: 12pt;
	font-family: Verdana, Arial, sans serif;
}
.c {
	clear: both;
	margin-top: 0px;
	height: 0px;
}

/** definitions for all **********************************/
#space {
	width: 1px;
	height: 50%;
	margin-bottom: -197px; /* die Hälfte der Inhals's Höhe */
	float: left;
}
#wrap {
	position: relative; /* hebt den inhalt vor den space  */
	width: 805px;
	height: 416px;
	margin: 0 auto;
	background: url('../images/bknd.gif');
	clear: left;
}
#content_teaser {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 775px;
	height: 363px;
}
#left {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 175px;
	height: 363px;
	background: #ededed;
}
#left h1 {
	background: url('../images/logo.gif') left top no-repeat;
	width: 171px;
	height: 65px;
	overflow: hidden;
}
#left h1 a {
	display: block;
	width: 171px;
	height: 65px;
	text-indent: 180px;
	white-space: nowrap;
}
#content {
	position: absolute;
	top: 15px;
	left: 190px;
	width: 600px;
	height: 363px;
	background-position: left top;
	background-repeat: no-repeat;
}
#content_r {
	position: absolute;
	top: 0;
	left: 384px;
	width: 216px;
	height: 363px;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#content_r div.colored {
	width: 216px;
	height: 363px;
	overflow: hidden;
	background-position: -218px 0;
	background-repeat: no-repeat;
}	
#footer {
	position: absolute;
	top: 385px;
	left: 16px;
	width: 773px;
	height: 10px;
	overflow: hidden;
}

#language {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#language li {
	float: left;
	margin: 0 2px 0 0;
}
.lft {
	float: left;
}
.rgt {
	float: right;
}
.footer_padd {
	margin: 0 2px 0 0;
}
#scroll {
	width: 384px;
	height: 249px;
	overflow: hidden;
	overflow-y: auto !important;
	background: transparent !important;
}
.scroll_content {
	padding: 0 10px 10px 10px;
}
.scroll_content ul {
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url('../images/list.gif');
}

/** BKND IMAGES ***************************/
.bknd_amazing_l { background-image: url('../images/bknd/amazing_l.jpg'); }
.bknd_amazing_r, .bknd_amazing_r div.colored { background-image: url('../images/bknd/amazing_r.jpg'); }

.bknd_staerke_l { background-image: url('../images/bknd/staerke_l.jpg'); }
.bknd_staerke_r, .bknd_staerke_r div.colored { background-image: url('../images/bknd/staerke_r.jpg'); }
	.bknd_strengths_l { background-image: url('../images/bknd/strengths_l.jpg'); }
	.bknd_strengths_r, .bknd_strengths_r div.colored { background-image: url('../images/bknd/strengths_r.jpg'); }

.bknd_fokus_l { background-image: url('../images/bknd/fokus_l.jpg'); }
.bknd_fokus_r, .bknd_fokus_r div.colored { background-image: url('../images/bknd/fokus_r.jpg'); }
	.bknd_focus_l { background-image: url('../images/bknd/focus_l.jpg'); }
	.bknd_focus_r, .bknd_focus_r div.colored { background-image: url('../images/bknd/focus_r.jpg'); }

.bknd_profil_l { background-image: url('../images/bknd/profil_l.jpg'); }
.bknd_profil_r, .bknd_profil_r div.colored { background-image: url('../images/bknd/profil_r.jpg'); }
	.bknd_profile_l { background-image: url('../images/bknd/profile_l.jpg'); }
	.bknd_profile_r, .bknd_profile_r div.colored { background-image: url('../images/bknd/profile_r.jpg'); }

.bknd_marketing_l { background-image: url('../images/bknd/marketing_l.jpg'); }
.bknd_marketing_r, .bknd_marketing_r div.colored { background-image: url('../images/bknd/marketing_r.jpg'); }

.bknd_trade_l { background-image: url('../images/bknd/trade_l.jpg'); }
.bknd_trade_r, .bknd_trade_r div.colored { background-image: url('../images/bknd/trade_r.jpg'); }

.bknd_pos_l { background-image: url('../images/bknd/pos_l.jpg'); }
.bknd_pos_r, .bknd_pos_r div.colored { background-image: url('../images/bknd/pos_r.jpg'); }

.bknd_event_l { background-image: url('../images/bknd/event_l.jpg'); }
.bknd_event_r, .bknd_event_r div.colored { background-image: url('../images/bknd/event_r.jpg'); }

.bknd_internet_l { background-image: url('../images/bknd/internet_l.jpg'); }
.bknd_internet_r, .bknd_internet_r div.colored { background-image: url('../images/bknd/internet_r.jpg'); }

.bknd_kontakt_l { background-image: url('../images/bknd/kontakt_l.jpg'); }
.bknd_kontakt_r, .bknd_kontakt_r div.colored { background-image: url('../images/bknd/kontakt_r.jpg'); }
	.bknd_contact_l { background-image: url('../images/bknd/contact_l.jpg'); }
	.bknd_contact_r, .bknd_contact_r div.colored { background-image: url('../images/bknd/contact_r.jpg'); }

.bknd_call_back_l { background-image: url('../images/bknd/call_back_l.jpg'); }
.bknd_call_back_r, .bknd_call_back_r div.colored { background-image: url('../images/bknd/call_back_r.jpg'); }

.bknd_anfahrt_l { background-image: url('../images/bknd/anfahrt_l.jpg'); }
.bknd_anfahrt_r, .bknd_anfahrt_r div.colored { background-image: url('../images/bknd/anfahrt_r.jpg'); }
	.bknd_journey_l { background-image: url('../images/bknd/journey_l.jpg'); }
	.bknd_journey_r, .bknd_journey_r div.colored { background-image: url('../images/bknd/journey_r.jpg'); }

.bknd_jobs_l { background-image: url('../images/bknd/jobs_l.jpg'); }
.bknd_jobs_r, .bknd_jobs_r div.colored { background-image: url('../images/bknd/jobs_r.jpg'); }

.bknd_impressum_l { background-image: url('../images/bknd/impressum_l.jpg'); }
.bknd_impressum_r, .bknd_impressum_r div.colored { background-image: url('../images/bknd/impressum_r.jpg'); }
	.bknd_imprint_l { background-image: url('../images/bknd/imprint_l.jpg'); }
	.bknd_imprint_r, .bknd_imprint_r div.colored { background-image: url('../images/bknd/imprint_r.jpg'); }

.bknd_haftung_l { background-image: url('../images/bknd/impressum_l.jpg'); }
.bknd_haftung_r, .bknd_haftung_r div.colored { background-image: url('../images/bknd/impressum_r.jpg'); }

.bknd_error_l { background-image: url('../images/bknd/error_l.jpg'); }
.bknd_error_r, .bknd_error_r div.colored { background-image: url('../images/bknd/error_r.jpg'); }



/** CONTENT HEADER **********************************/
.header_content {
	padding: 0;
}
#content_header {
	margin-top: 32px;
	background-position: 3px 0;
	background-repeat: no-repeat;
	width: 395px;
	height: 52px;
	text-indent: 500px;
	white-space: nowrap;
	overflow: hidden;
}
.header_content h3 {
	padding: 0 0 10px 10px !important;
	margin: -3px 0 0 0 !important;
}
.header_amazing { background-image: url('../images/header/amazing.png'); }
.header_staerke { background-image: url('../images/header/staerke.png'); }
	.header_strengths { background-image: url('../images/header/strengths.png'); }
.header_fokus { background-image: url('../images/header/fokus.png'); }
	.header_focus { background-image: url('../images/header/focus.png'); }
.header_profil { background-image: url('../images/header/profil.png'); }
	.header_profile { background-image: url('../images/header/profile.png'); }
.header_marketing { background-image: url('../images/header/marketing.png'); }
.header_trade { background-image: url('../images/header/trade.png'); }
.header_pos { background-image: url('../images/header/pos.png'); }
.header_event { background-image: url('../images/header/event.png'); }
.header_internet { background-image: url('../images/header/internet.png'); }
.header_kontakt { background-image: url('../images/header/kontakt.png'); }
	.header_contact { background-image: url('../images/header/contact.png'); }
.header_call_back { background-image: url('../images/header/call_back.png'); }
.header_anfahrt { background-image: url('../images/header/anfahrt.png'); }
	.header_journey { background-image: url('../images/header/journey.png'); }
.header_jobs { background-image: url('../images/header/jobs.png'); }
.header_impressum { background-image: url('../images/header/impressum.png'); }
	.header_imprint { background-image: url('../images/header/impressum.png'); }
.header_haftung { background-image: url('../images/header/imprint.png'); }

.header_error { background-image: url('../images/header/error.png'); }

/** TYPE **********************************/
h1 {
	font-size: 130%;
	line-height: 18px;
	font-weight: bold;
	color: #eb690b;
	margin-bottom: 12px;
}
h2 {
	font-size: 138%;
	font-weight: bold;
	color: #eb690b;
	margin-bottom: 7px;
	margin-top: 5px;
}
h3 {
	font-size: 130%;
	font-weight: bold;
	color: #eb690b;
	margin-bottom: 7px;
	margin-top: 5px;
}
p, span, ul {
	padding-bottom: 14px;
	font-weight: normal;
}
td {
	line-height: 130%;
}
*html td {
	font-size: 68%;
	line-height: 135%;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	color: #5e5e5e;
}
a:hover {
	text-decoration: none;
}
#content ul {
	margin-left: 15px;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: url(../images/list.gif);
}
*html #content ul {
	margin-left: 14px;
	list-style-image: url(../images/list_ie.gif);
}



/** FORMULAR ****************************************/
input, textarea {
	font-size: 8pt;
	line-height: 12pt;
	font-family: Verdana, Arial, sans serif;
	padding-left: 6px;
}
input.textfeld:focus, textarea:focus { 
	background-color: #F4F4F4;
}
input.button, input.button:focus {
	width: 105px;
	font-size: 11px;
	text-align: center;
	background-color: none;
}
.button_submit, .button_submit_en {
	width: 74px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
}
.button_submit {
	background: url('../images/submit.gif') left top no-repeat;
}
.button_submit_en {
	background: url('../images/submit_en.gif') left top no-repeat;
}
.button_submit span, .button_submit_en span {
	display: none;
}
form td {
	padding-bottom: 4px;
}
td.right {
	text-align: right;
}
a, div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/** NAVIGATION **************************************/
.navi, .subnavi {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.navi li {
	margin: 17px 8px 0 8px;
	padding: 0;
}
.navi li a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	text-indent: 200px;
	overflow: hidden;
}
ul.de li a { background-image: url('../images/navi_de.gif'); }
ul.en li a { background-image: url('../images/navi_en.gif'); }

.subnavi li {
	margin: 7px 0 0 0;
	line-height: 11px !important;
}
.subnavi li a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 11px;
	text-indent: 200px;
	white-space: nowrap;
	overflow: hidden;
}


/*** NAVI DE / EN ***/
.navi li.amazing		a { background-position: 0 0; }
.navi li.profil			a { background-position: 0 -67px; }
.navi li.kontakt		a { background-position: 0 -187px; }
	.navi li.profile		a { background-position: 0 -67px; }
	.navi li.contact		a { background-position: 0 -187px; }

.navi li.amazing		a:hover { background-position: -200px 0; }
.navi li.profil			a:hover { background-position: -200px -67px; }
.navi li.kontakt		a:hover { background-position: -200px -187px; }
	.navi li.profile		a:hover { background-position: -200px -67px; }
	.navi li.contact		a:hover { background-position: -200px -187px; }

.navi li.amazing		a.active { background-position: -400px 0; }
.navi li.profil			a.active { background-position: -400px -67px; }
.navi li.kontakt		a.active { background-position: -400px -187px; }
	.navi li.profile		a.active { background-position: -400px -67px; }
	.navi li.contact		a.active { background-position: -400px -187px; }


.subnavi li.staerke		a { background-position: 0 -21px; }
.subnavi li.fokus		a { background-position: 0 -39px; }
.subnavi li.klassisch	a { background-position: 0 -87px; }
.subnavi li.trade		a { background-position: 0 -105px; }
.subnavi li.pos			a { background-position: 0 -123px; }
.subnavi li.event		a { background-position: 0 -141px; }
.subnavi li.internet	a { background-position: 0 -159px; }
.subnavi li.call_back	a { background-position: 0 -207px; }
.subnavi li.anfahrt		a { background-position: 0 -225px; }
.subnavi li.jobs		a { background-position: 0 -243px; }

.subnavi li.staerke		a:hover { background-position: -200px -21px; }
.subnavi li.fokus		a:hover { background-position: -200px -39px; }
.subnavi li.klassisch	a:hover { background-position: -200px -87px; }
.subnavi li.trade		a:hover { background-position: -200px -105px; }
.subnavi li.pos			a:hover { background-position: -200px -123px; }
.subnavi li.event		a:hover { background-position: -200px -141px; }
.subnavi li.internet	a:hover { background-position: -200px -159px; }
.subnavi li.call_back	a:hover { background-position: -200px -207px; }
.subnavi li.anfahrt		a:hover { background-position: -200px -225px; }
.subnavi li.jobs		a:hover { background-position: -200px -243px; }

.subnavi li.staerke		a.active { background-position: -400px -21px; }
.subnavi li.fokus		a.active { background-position: -400px -39px; }
.subnavi li.klassisch	a.active { background-position: -400px -87px; }
.subnavi li.trade		a.active { background-position: -400px -105px; }
.subnavi li.pos			a.active { background-position: -400px -123px; }
.subnavi li.event		a.active { background-position: -400px -141px; }
.subnavi li.internet	a.active { background-position: -400px -159px; }
.subnavi li.call_back	a.active { background-position: -400px -207px; }
.subnavi li.anfahrt		a.active { background-position: -400px -225px; }
.subnavi li.jobs		a.active { background-position: -400px -243px; }


.subnavi li.strengths	a { background-position: 0 -21px; }
.subnavi li.focus		a { background-position: 0 -39px; }
.subnavi li.classic		a { background-position: 0 -87px; }
.subnavi li.journey		a { background-position: 0 -225px; }

.subnavi li.strengths	a:hover { background-position: -200px -21px; }
.subnavi li.focus		a:hover { background-position: -200px -39px; }
.subnavi li.classic		a:hover { background-position: -200px -87px; }
.subnavi li.journey		a:hover { background-position: -200px -225px; }

.subnavi li.strengths	a.active { background-position: -400px -21px; }
.subnavi li.focus		a.active { background-position: -400px -39px; }
.subnavi li.classic		a.active { background-position: -400px -87px; }
.subnavi li.journey		a.active { background-position: -400px -225px; }




/** BANNER ******************************************/
#error { position: absolute; width: 364px; bottom: 8px; }
.invisible { display: none; }
.grey div { background-image: url('../images/banner/grey.gif'); }
.orange div { background-image: url('../images/banner/orange.gif'); }
.orange div, .grey div {
	background-repeat: no-repeat;
	width: 5px;
	height: 7px;
	overflow: hidden;
	text-indent: 10px;
	float: left;
	margin: 0 0 2px 0;
}

.orange div a, .grey div a {
	display: block;
	height: 10px;
}

.orange div.char_a, .grey div.char_a { background-position: 0 0; }
.orange div.char_b, .grey div.char_b { background-position: -5px 0; }
.orange div.char_c, .grey div.char_c { background-position: -10px 0; }
.orange div.char_d, .grey div.char_d { background-position: -15px 0; }
.orange div.char_e, .grey div.char_e { background-position: -20px 0; }
.orange div.char_f, .grey div.char_f { background-position: -25px 0; }
.orange div.char_g, .grey div.char_g { background-position: -30px 0; }
.orange div.char_h, .grey div.char_h { background-position: -35px 0; }
.orange div.char_i, .grey div.char_i { background-position: -40px 0; width: 2px; }
.orange div.char_j, .grey div.char_j { background-position: -42px 0; }
.orange div.char_k, .grey div.char_k { background-position: -47px 0; }
.orange div.char_l, .grey div.char_l { background-position: -52px 0; }
.orange div.char_m, .grey div.char_m { background-position: -57px 0; width: 6px; }
.orange div.char_n, .grey div.char_n { background-position: -63px 0; }
.orange div.char_o, .grey div.char_o { background-position: -68px 0; }
.orange div.char_p, .grey div.char_p { background-position: -73px 0; }
.orange div.char_q, .grey div.char_q { background-position: -78px 0; }
.orange div.char_r, .grey div.char_r { background-position: -83px 0; }
.orange div.char_s, .grey div.char_s { background-position: -88px 0; }
.orange div.char_t, .grey div.char_t { background-position: -93px 0; width: 6px; }
.orange div.char_u, .grey div.char_u { background-position: -99px 0; }
.orange div.char_v, .grey div.char_v { background-position: -104px 0; width: 6px; }
.orange div.char_w, .grey div.char_w { background-position: -110px 0; width: 6px; }
.orange div.char_x, .grey div.char_x { background-position: -116px 0; width: 6px; }
.orange div.char_y, .grey div.char_y { background-position: -122px 0; }
.orange div.char_z, .grey div.char_z { background-position: -127px 0; }
.orange div.char_0, .grey div.char_0 { background-position: -132px 0; }
.orange div.char_1, .grey div.char_1 { background-position: -137px 0; width: 3px; }
.orange div.char_2, .grey div.char_2 { background-position: -140px 0; }
.orange div.char_3, .grey div.char_3 { background-position: -145px 0; }
.orange div.char_4, .grey div.char_4 { background-position: -150px 0; }
.orange div.char_5, .grey div.char_5 { background-position: -155px 0; }
.orange div.char_6, .grey div.char_6 { background-position: -160px 0; }
.orange div.char_7, .grey div.char_7 { background-position: -165px 0; }
.orange div.char_8, .grey div.char_8 { background-position: -170px 0; }
.orange div.char_9, .grey div.char_9 { background-position: -175px 0; }
.orange div.char_empty, .grey div.char_empty { background-position: -180px 0; }
.orange div.char_point, .grey div.char_point { background-position: -185px 0; width: 2px; }
.orange div.char_colon, .grey div.char_colon { background-position: -187px 0; width: 2px; }
.orange div.char_comma, .grey div.char_comma { background-position: -189px 0; width: 2px; }
.orange div.char_semi, .grey div.char_semi { background-position: -191px 0; width: 2px; }
.orange div.char_exklamation, .grey div.char_exklamation { background-position: -193px 0; width: 2px; }
.orange div.char_question, .grey div.char_question { background-position: -195px 0; width: 4px; }
.orange div.char_slash, .grey div.char_slash { background-position: -199px 0; width: 6px; }
.orange div.char_equal, .grey div.char_equal { background-position: -205px 0; }
.orange div.char_openbracket, .grey div.char_openbracket { background-position: -210px 0; width: 3px; }
.orange div.char_closebracket, .grey div.char_closebracket { background-position: -213px 0; width: 3px; }
.orange div.char_plus, .grey div.char_plus { background-position: -216px 0; width: 4px; }
.orange div.char_minus, .grey div.char_minus { background-position: -220px 0; width: 4px; }
.orange div.char_underscore, .grey div.char_underscore { background-position: -224px 0; }
.orange div.char_copyright, .grey div.char_copyright { background-position: -229px 0; width: 8px; }
.orange div.char_integral, .grey div.char_integral { background-position: -237px 0; width: 2px; }

