/*/////////////////////////////////////////////////////////////////////////////
// EBMA MAIN STYLESHEET
/////////////////////////////////////////////////////////////////////////////*/

body {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: #fff;
}

sup {
	font-size: 50%;
	vertical-align: top;
}

/*/////////////////////////////////////////////////////////////////////////////
// CLEAR FIXING
/////////////////////////////////////////////////////////////////////////////*/
#content:after,
.clearfix:after,
.navigation:after,
.with-1-columns:after,
.with-2-columns:after,
.with-3-columns:after {
	content: .; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html #content,
* html .clearfix,
* html .navigation,
* html .with-1-columns,
* html .with-2-columns,
* html .with-3-columns {
	height: 1%;
}


/*/////////////////////////////////////////////////////////////////////////////
// DEFAUTL STYLES
/////////////////////////////////////////////////////////////////////////////*/
.headlines {
	font-size: 16px;
	color: #900;
}

.columns-txt {
	font-size: 11px;
}

a.content {
	color: #900;
	padding-left: 12px;
	display: block;
	text-decoration: underline;
}

a.content:hover {
	text-decoration: none;
}

a img {
	border: 0;
}
/*
.block img {
	behavior: url(./iepngfix.htc);
}
*/
.list {
	padding: 0;
	margin: 0;
}

.list ul {
	padding: 0;
	margin: 0 0 10px 15px;
}

.list ul li {
	list-style-type: disc;
	color: #666;
}


ul.link-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

a.link,
ul.link-list li a {
	padding-left: 16px;
	background: url(./images/icon-arrow.png) no-repeat left center;
}

a.start-link {
	position: absolute;
	bottom: 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	/*text-transform: uppercase;*/
	cursor: pointer;
}

a.start-link:hover {
	text-decoration: none;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	color: #333;
	font-weight: bolder;
	margin: 0 0 0.5em 0;
}

a {
	color: #667C8D;
	text-decoration: none;
	font-weight: bold;
}

p {
	margin: 0 0 1em 0;
}

h1 { font-size: 15px; text-transform: uppercase; }
h2 { font-size: 14px; text-transform: uppercase; }
h3 { font-size: 13px; text-transform: uppercase; }
h4 { font-size: 12px; text-transform: uppercase; }
h5 { font-size: 11px; text-transform: uppercase; }
h6 { font-size: 10px; text-transform: uppercase; }


a:hover {
	color: #000;
}

strong, b {
	color: #333;
}


/*/////////////////////////////////////////////////////////////////////////////
// CONTENT
/////////////////////////////////////////////////////////////////////////////*/
#content, #footer {
	line-height: 18px;
}

#content .wide-content {
	padding: 30px 30px 15px 30px;
}

#content .wide-content .with-2-columns .col-1,
#content .wide-content .with-2-columns .col-2 {
	width: 395px;
	padding-right: 30px;
}

#content .narrow-content {
	margin-right: 313px;
	padding: 30px 0 15px 30px;
}

#content .header-icon {
	float: left;
	margin-right: 10px;
}

#content .headline-spacer {
	color: #999;
	margin-top: -0.5em;
	height: 58px;
	background: url(./images/headline-spacer.png) no-repeat left 34px;
}

#content p {
	margin-top: 0;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
}

.clear {
	clear: both;
}

.center-horizontal {
	/*position: relative;*/
	margin: auto;
	width: 880px;
}

.grayed-background {
	background: #f4f4f4;
	margin: 40px 0;
}

#about-us.narrow-content {
	padding-bottom: 30px;
}

#about-us a {
	color: #333;
	font-weight: normal;
}

#about-us a:hover {
	color: #667C8D;
}

/*/////////////////////////////////////////////////////////////////////////////
// LANGUAGE-SELECTOR
/////////////////////////////////////////////////////////////////////////////*/

#language-selector {
	background: #f4f4f4;
}

#language-selector-menu {
	list-style: none;
	float: right;
}

#language-selector-menu li {
	float: left;
}

#language-selector-menu .clear {
	padding-right: 5px;
}

#language-selector-menu .title {
	padding-right: 5px;
	height: 13px;
	line-height: 13px;
	font-size: 10px;
	color: #ACACAC;
}

#language-selector-menu .flag-en,
#language-selector-menu .flag-de {
	display: block;
	background: url(images/sprite-flags.png) no-repeat;
	width: 16px;
	height: 13px;
	background-position: bottom left;
}

#language-selector-menu .flag-en {
	background-position: bottom right;
}

#language-selector-menu .flag-en.active,
#language-selector-menu .flag-en:hover {
	background-position: top right;
}

#language-selector-menu .flag-de {
	margin-right: 5px;
}

#language-selector-menu .flag-de.active,
#language-selector-menu .flag-de:hover {
	background-position: top left;
}


/*/////////////////////////////////////////////////////////////////////////////
// HEADER
/////////////////////////////////////////////////////////////////////////////*/
#header {
	font-size: 11px;
	height: 120px;
	position: relative;
	padding: 0 30px;
}

#header .contact {
	height: 25px;
	line-height: 25px;
	text-align: right;
	padding-right: 15px;
	color: #fff;
	font-size: 0.8em;
}

#header .logo {
	display: block;
	position: absolute;
	left: 30px;
	top: 46px;
}
/*
#header .logo img {
	behavior: url(./iepngfix.htc);
}
*/

/*/////////////////////////////////////////////////////////////////////////////
// TEASER
/////////////////////////////////////////////////////////////////////////////*/
#teaser {
	color: white;
	width: 880px;
	height: 270px;
	background: url(./images/header-bg.png) repeat-x;
	position: relative;
	overflow: hidden;
	/*display: table-cell;
	vertical-align: middle;
	*/
}

#teaser a {
	font-weight: normal;
}

#teaser .shadow,
#teaser .text {
	font-size: 30px;
	font-weight: bolder;
}

#teaser .shadow {
	position: absolute;
	top: 61px;
	left: 61px;
	width: 760px;
	color: #65879e;
	line-height: 36px;
	/*text-shadow: #65879e 1px 1px 0px;*/
}

#teaser .shadow sup {
	color: #65879e;
}

#teaser .text {
	position: relative;
	z-index: 10;
	padding: 60px 60px 0 60px;
	line-height: 36px;
	/*text-shadow: #65879e 1px 1px 0px;*/
}

#teaser.platform {
	width: 880px;
	height: 271px;
	margin-bottom: -1px;
	position: relative;
}

#teaser.platform ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#teaser.platform a {
	text-decoration: none;
}

#teaser.platform h2 {
	margin: 0;
	text-decoration: none;
}

#teaser.platform .teaser-box-content h2 {
	margin-bottom: 25px;
}

#teaser.platform a:hover {
	text-decoration: underline;
}
/*
#teaser.platform li:before {
	content: "> ";
	list-style: none;
}
*/

#teaser * {
	color: white;
}

.teaser-box {
	width: 232px;
	height: 105px;
	float: left;
	padding: 15px 30px;
	line-height: 18px;
	overflow: hidden;
}

.teaser-box-content {
	display: none;
	width: 740px;
	padding: 30px 80px 30px 60px;
	height: 210px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(./images/header-bg.png) repeat-x;
}

.teaser-box-intro {
	z-index: 1000;
	width: 880px;
	height: 270px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(./images/header-bg.png) repeat-x;
}
/*
.teaser-box-intro div {
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -212px;
	top: 50%;
	margin-top: -30px;
}
*/
#teaser.alliance {
	text-align: center;
}

#teaser.alliance img {
	margin: auto;
	margin-top: 125px;
}


.teaser-box-continue_de,
#teaser.platform a.teaser-box-continue_de:hover,
.teaser-box-close_de,
#teaser.platform a.teaser-box-close_de:hover  {
	background: url('./images/teaser-de-back-button.png');
	width: 65px;
	height: 20px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	text-decoration: none;
}

.teaser-box-continue_en,
#teaser.platform a.teaser-box-continue_en:hover,
.teaser-box-close_en,
#teaser.platform a.teaser-box-close_en:hover  {
	background: url('./images/teaser-en-back-button.png');
	width: 65px;
	height: 20px;
	position: absolute;
	bottom: 30px;
	right: 30px;
	text-decoration: none;
}

.teaser-box-continue_de,
#teaser.platform a.teaser-box-continue_de:hover  {
	background: url('./images/teaser-de-next-button.png');
}

.teaser-box-continue_en,
#teaser.platform a.teaser-box-continue_en:hover  {
	background: url('./images/teaser-en-next-button.png');
}


.teaser-box.inform,
.teaser-box.inform .teaser-box-content {
	background: #3c4e52 url(./images/header-bg-inform.png) repeat-x;
}

.teaser-box.involve {
	width: 234px;
}

.teaser-box.involve,
.teaser-box.involve .teaser-box-content {
	background: #6b7274 url(./images/header-bg-involve.png) repeat-x;
}

.teaser-box.empower,
.teaser-box.empower .teaser-box-content {
	background: #666a6a url(./images/header-bg-empower.png) repeat-x;
}

.teaser-box.plan,
.teaser-box.plan .teaser-box-content {
	background: #777573 url(./images/header-bg-plan.png) repeat-x;
}

.teaser-box.control {
	width: 234px;
}

.teaser-box.control,
.teaser-box.control .teaser-box-content {
	background: #a5a09d url(./images/header-bg-control.png) repeat-x;
}

.teaser-box.evaluate,
.teaser-box.evaluate .teaser-box-content {
	background: #948d87 url(./images/header-bg-evaluate.png) repeat-x;
}

.teaser-box.involve,
.teaser-box.control {
	border: 1px solid white;
	border-width: 0 1px;
}

.teaser-box.inform,
.teaser-box.involve,
.teaser-box.empower {
	height: 104px;
	border-bottom: 1px solid white;
}


/*/////////////////////////////////////////////////////////////////////////////
// HEADER NAVIGATION
/////////////////////////////////////////////////////////////////////////////*/
.navigation {
	list-style: none;
	padding: 0;
}

.navigation li {
	float: left;
	margin-left: 1px;
}

#header .navigation {
	float: right;
	margin-top: 56px;
	text-transform: uppercase;
}

#header .navigation li a {
	color: #666;
	display: block;
	text-decoration: none;
	padding: 8px 10px;
}

#header .navigation li a:hover,
#header .navigation .current_page_item a {
	background: #9eb4c1;
	color: white;
}


/*/////////////////////////////////////////////////////////////////////////////
// FOOTER AREA
/////////////////////////////////////////////////////////////////////////////*/
#footer {
	position: relative;
	padding: 0 30px;
	line-height: auto;
	vertical-align: bottom;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer strong {
	color: white;
}

#footer .info {
	font-size: 11px;
	line-height: auto;
}

#footer .copyright {
	float: left;
}

#footer .navigation {
	float: left;
	margin: 0;
	padding: 0;
}

#footer .navigation li {
	margin-right: 10px;
}

#footer .navigation a {
	text-decoration: none;
}

#footer .navigation a:hover {
	text-decoration: underline;
}

#footer .logos {
	margin-top: 2px;
	float: right;
}

#footer .logos img {
	margin-left: 10px;
}


/*/////////////////////////////////////////////////////////////////////////////
// REFERENCES
/////////////////////////////////////////////////////////////////////////////*/

#post-263 p {
	margin: 0;
	line-height: 0;
}

#references.narrow-content {
	margin-right: 290px;
	margin-bottom: 15px;
}

#references img {
	margin: 0 15px 15px 0;
	padding: 0;
	/*
	display: block;
	float: left;*/
}

/*/////////////////////////////////////////////////////////////////////////////
// IMPRESS / DATA PRIVACY
/////////////////////////////////////////////////////////////////////////////*/
/*
#impress, #dataprivacy {
	z-index: 200;
	position: absolute;
	display: none;
	left: 200px;
	bottom: 20px;
}

#impress {
	height: 500px;
}


#dataprivacy {
	height: 400px;
}

#impress .mm,
#dataprivacy .mm {
	padding: 30px;
}

#impress .bb {
	left: 100px;
}

#dataprivacy .bb {
	left: 160px;
}
*/
/*/////////////////////////////////////////////////////////////////////////////
// COLUMNS
/////////////////////////////////////////////////////////////////////////////*/
.with-2-columns .block,
.with-3-columns .block {
	float: left;
	position: relative;
}

.with-2-columns {
	margin: 0 0 15px 0;
}

.with-2-columns .col-1 {
	width: 256px;
	padding-right: 25px;
}

* html .with-2-columns .col-1 {
	padding-right: 20px;
}

.with-2-columns .col-2 {
	width: 256px;
}

.with-3-columns {
}

.with-3-columns .col-1 {
}

.with-3-columns .col-2 {
}

.with-3-columns .col-3 {
}


/*/////////////////////////////////////////////////////////////////////////////
// SEPERATED COLUMNS
/////////////////////////////////////////////////////////////////////////////*/
/*.with-3-columns.seperated {
	margin: 0 0 30px 0;
}

.with-3-columns.seperated .col-1 {
	width: 264px;
	padding: 0 14px 0 0;
}

.with-3-columns.seperated .col-2 {
	width: 262px;
	padding: 0 14px 0 20px;
	margin: 0;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}

.with-3-columns.seperated .col-3 {
	width: 264px;
	border: none;
	padding: 0 0 0 20px;
}*/


/*/////////////////////////////////////////////////////////////////////////////
// DECORATED COLUMNS
/////////////////////////////////////////////////////////////////////////////*/
.underlined .with-1-columns,
.underlined .with-2-columns,
.underlined .with-2-columns {
	border-bottom: 3px solid #FFF;
	margin: 0 0 24px 0;
	padding: 0 0 10px 0;
}

.boxed .with-1-columns,
.boxed .with-2-columns,
.boxed .with-3-columns {
}

.wide-content .boxed .with-1-columns,
.wide-content .boxed .with-2-columns,
.wide-content .boxed .with-3-columns {
	padding-bottom: 15px;
}

.wide-content .boxed .with-1-columns .block,
.wide-content .boxed .with-2-columns .block,
.wide-content .boxed .with-3-columns .block {
	display: block;
	float: left;
	width: 224px;
	position: relative;
}

.wide-content .boxed .with-3-columns .col-2 {
	margin: 0 5px;
}

.narrow-content .boxed .block {
	margin-bottom: 5px;
	float: none;
}


/* all columns same height */
#content #contact.wide-content {
	padding-right: 0;
	
}

#content #start.wide-content {
	padding-left: 0;
	padding-right: 0;
}

#start .boxed .with-3-columns .block {
	height: 200px;
}

* html #start .boxed .with-3-columns .block {
	overflow: hidden;
}

.boxed .with-1-columns .block,
.boxed .with-2-columns .block,
.boxed .with-3-columns .block {
	padding: 30px 30px 18px 30px;
	display: block;
	border: 3px solid #FFF;
	background: #f4f4f4 url(./images/column-bg-box.png) bottom left repeat-x;
}

.narrow-content .boxed .with-1-columns .block,
.narrow-content .boxed .with-2-columns .block,
.narrow-content .boxed .with-3-columns .block {
	margin-left: -30px;
	margin-right: -1px;
}

.with-2-columns.boxed-right .col-1 {
	width: 564px;
}

.with-3-columns h1,
.with-3-columns h2,
.with-3-columns h3,
.with-3-columns h4,
.with-3-columns h5,
.with-3-columns h6 {
	margin-bottom: 30px;
}


/*/////////////////////////////////////////////////////////////////////////////
// SIDEBOX
/////////////////////////////////////////////////////////////////////////////*/
#sidebox {
	background: #F4F4F4 url(./images/column-bg-box.png) repeat-x scroll left top;
	border: 3px solid #FFF;
	padding: 20px;
	width: 241px;
	float: right;
	margin: 30px 0;
}

#sidebox h1,
#sidebox h2,
#sidebox h3,
#sidebox h4,
#sidebox h5,
#sidebox h6 {
	margin-bottom: 20px;
}

#sidebox ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}
/*
#sidebox ul li:before {
	font-weight: bold;
	color: #667C8D;
	content: "> ";
	list-style: none;
}
*/

/*/////////////////////////////////////////////////////////////////////////////
// SIDEBOX CONTROLS
/////////////////////////////////////////////////////////////////////////////*/
.contact_type {
	
}

.contact_type_button {
	margin-top: 6px;
	background: 0;
	border: 0;
	margin: 0;
	padding: 0;
	color: #667c8d;
	text-decoration: none;
	display: block;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
}

.contact_type_button:hover {
	color: #000;
}

.jquery-selectbox { /* 16 */
	margin-bottom: 20px;
	width: 225px;
}


/*/////////////////////////////////////////////////////////////////////////////
// NEWSLETTER CONTROLS
/////////////////////////////////////////////////////////////////////////////*/

#newsletter .control {
	
}

#newsletter input {
	height: 20px;
	padding: 5px 0 0 5px;
	border: 2px solid #CCC;
	color: #999;
	width: 210px;
}

#newsletter input:focus {
	color: #333;
}

#newsletter .error-message,
#newsletter .info-message {
	font-size: 10px;
	font-weight: bold;
	line-height: 14px;
}

#newsletter .error-message {
	color: #ff3333;
}
#newsletter .info-message {
	color: #3333ff;
}

/*/////////////////////////////////////////////////////////////////////////////
// CONTACTFORM CONTROLS
/////////////////////////////////////////////////////////////////////////////*/
#contact .notice {
	color: #666;
}

#contact .control {
	background: none;
	clear: left;
	margin-bottom: 8px;
	color: #666;
	border: 0;
}

#contact .control.error {
	color: #F33;
	font-weight: bolder;
}

#contact .control label {
	display: block;
}

#contact .col-1 .control label {
	line-height: 30px;
	height: 30px;
	width: 100px;
	float: left;
}

* html #contact .col-1 .control {
	width: auto;
}

#contact .control.text input {
	margin-left: 60px;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	width: 279px;
	height: 22px;
	background: url(./images/form-bg-input.png) no-repeat;
	padding: 8px 8px 0 8px;
	font-size: 14px;
	font-family: Arial;
	color: #333;
}

#contact .control.error input {
	background: url(./images/form-bg-input-error.png) no-repeat;
}

#contact .control.textarea textarea {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	width: 379px;
	height: 134px;
	background: url(./images/form-bg-textarea.png) no-repeat;
	padding: 8px;
	font-size: 14px;
	font-family: Arial;
	color: #333;
}

#contact .control.error textarea {
	background: url(./images/form-bg-textarea-error.png) no-repeat;
}

#contact .control.radio label {
	color: #999;
	line-height: 16px;
	height: auto;
	padding-left: 40px;
	margin-bottom: 4px;
}

#contact .control.radio input {
	position: absolute;
	left: 15px;
	margin-top: 2px;
}


#contact .submit_de button {
	background: url(./images/form-de-submit.png);
	width: 115px;
	height: 35px;
	border: 0;
	margin: 10px 0 0 0;
	padding: 0;
}

#contact .submit_en button {
	background: url(./images/form-en-submit.png);
	width: 115px;
	height: 35px;
	border: 0;
	margin: 10px 0 0 0;
	padding: 0;
}

#respond {
	/*background: transparent url(./images/ebma-poststamp.png) no-repeat 732px 25px;*/
}

#contact .error-message {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: #FF6666;
	color: #FFF;
	padding: 4px 8px;
	margin-bottom: 16px;
	border: 1px solid #FF3333;
	width: 680px;
	font-weight: bolder;
}

#contact .jquery-selectbox { /* 16 */
	float: right;
	margin: 0;
	width: 291px;
}

* html #contact .col-1 .control label {
	width: 80px;
}

* html #newsletter .control {
	background: none;
}

/*
* html #contact .control input,
* html #contact .control textarea,
* html #contact .control input,
* html #contact .control textarea,
* html #contact .submit button,
	behavior: url(iepngfix.htc);
}
*/
* html #contact .jquery-selectbox {
	margin-right: 10px;
}

/*/////////////////////////////////////////////////////////////////////////////
// DECORATIONS
/////////////////////////////////////////////////////////////////////////////*/
div.divider {
	height: 2px;
	padding-top: 5px;
	margin-bottom: 15px;
	background: url(images/post-bg-underline.gif) repeat-x bottom;
}

div.divider-white {
	padding-top: 5px;
	margin-bottom: 15px;
	border-top: 3px #fff solid;
}

.post.underlined {
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(images/post-bg-underline.gif) repeat-x bottom;
}

.post.index-post {
	margin-bottom: 30px;
}