/* GENERAL */
* { font-family: Verdana; font-size: 11px; color: #333333; line-height: 20px; }
html { height: 100%; margin: 0px; padding: 0px; overflow: -moz-scrollbars-vertical!important; }
body { height: 100%; margin: 0 0 0 -1px; padding: 0px; background: #fff url(../resources/gfx/bg_main.gif) repeat-y top center; }
:root { overflow-x: auto!important; }

#phAllCenter { width: 850px; min-width: 850px; margin: 0 auto 0 auto; }

sup { font-size: 9px; }

/* HEADER */
#phHeader { float: left; width: 850px; height: 112px; background: #db5a21 url(../resources/gfx/bg_top.gif) repeat-y top center;}
	#phLogo { float: left; width: 320px; height: 112px;  cursor: pointer;  }
	#phLanguage { float: right; margin: 7px 0 0 0px; width: 250px; height: 28px; }
		.phLanguageText {float: left; color: #ccffcc; font-size: 9px; margin: 0 3px 0 0;  width: 130px; }
		.phLanguageContent {float: left; color: #ccffcc; font-size: 9px; margin: 0 3px 0 0;}
	#phMenu { float: right; margin: 27px 0 0 0; width: 415px; height: 50px;}

/* BODY */
#phVisual { float: left; width: 850px; height: 270px;}
#phVisualSmall { float: left; width: 850px; height: 120px;}
#phColumns { float: left; width: 850px; background-color: #FFFFFF;  }
	.phColumn { float: left; width: 270px; min-height: 340px; margin: 0 0 0 10px;}
	.phColumnInside { float: left; width: 240px; margin: 0 0 0 20px;}
	#phColumn2 { float: left; width: 540px; margin: 0 10px; 0 10px;}
	.phColumnInside2 { float: left; width: 510px; margin: 0 0 0 20px;}
	#phColumnWide { float: left; width: 830px; margin: 0 10px 0 10px; }
	#phColumnWideInside { float: left; width: 790px; margin: 0 20px 0 20px; }


.phContactHeader	{ float: left; margin: 0px 0 8px 20px; padding: 10px; line-height: 15px; width: 180px; background-color: #f9eb97;   }
.phContact			{ float: left; height: 24px; width: 190px; margin: 0 10px 0 20px; padding: 0 0 0 20px; color: #666666; border-bottom: solid 1px #bababa;}
.phContactActive	{ float: left; height: 24px; width: 190px; margin: 0 10px 0 20px; padding: 0 0 0 20px; font-weight: bold; background: url(../resources/gfx/bg_contactactive.gif) repeat-x top left;  }
.phContactImage		{ float: left; margin: 0px 10px 0 0px; }

.marginLeft			{ margin-left: 15px; }
.floatLeft			{ float: left;}
.floatRight			{ float: right; }
.floatButton		{ float: left; width: 410px; margin: 10px 0 35px 5px; }

#div1				{ position: absolute; background-color: #f9eb97; width:235px; height: 95px; border-bottom: solid 2px #bababa; visibility: show; }
#div2, #div3, #div4 { position: absolute; background-color: #f9eb97; width:235px; height: 95px; border-bottom: solid 2px #bababa; visibility: hidden; }
	
/* FORMS */
.inputGrey			{ border: solid 1px #999999; width: 300px; line-height: 12px; padding: 4px; }
.inputError			{ border: solid 1px #f23231; width: 300px; line-height: 12px; padding: 4px; }
.areaGrey			{ border: solid 1px #999999; width: 400px; height: 120px; padding: 4px; }
.areaError			{ border: solid 1px #f23231; width: 400px; height: 120px; padding: 4px; }

/* FOOTER */
#phFooter			{ float: left; width: 850px; }
#phFooterCopy		{ float: left; margin: 10px 0 0 10px; color: #999999; font-size: 10px; line-height: 16px;}
#phFooterNaw		{ float: right; text-align: right; margin: 10px 10px 0 0;  color: #666666; font-size: 10px; line-height: 16px;	}

/* LINKS */
a:link				{ color: #cc6633; text-decoration: underline;}
a:visited			{ color: #cc6633; text-decoration: underline;}
a:hover				{ color: #993300; text-decoration: none; }
a.by				{ color: #999999; font-size: 10px; text-decoration: underline; }
a.by:hover			{ color: #cc6633; font-size: 10px; text-decoration: underline; }

/* BUTTONS */
a.home				{ width: 66px; height: 50px; display: block; background-image: url(../resources/gfx/but_home.gif); background-repeat: no-repeat; text-decoration: none; }
a.home:hover		{ background-image: url(../resources/gfx/but_home_over.gif); }
a.historie			{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_historie.gif); background-repeat: no-repeat; text-decoration: none; }
a.historie:hover	{ background-image: url(../resources/gfx/but_historie_over.gif); }
a.history			{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_history.gif); background-repeat: no-repeat; text-decoration: none; }
a.history:hover		{ background-image: url(../resources/gfx/but_history_over.gif); }
a.histoire			{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_histoire.gif); background-repeat: no-repeat; text-decoration: none; }
a.histoire:hover	{ background-image: url(../resources/gfx/but_histoire_over.gif); }
a.beurzen			{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_beurzen.gif); background-repeat: no-repeat; text-decoration: none; }
a.beurzen:hover		{ background-image: url(../resources/gfx/but_beurzen_over.gif); }
a.fairs				{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_fairs.gif); background-repeat: no-repeat; text-decoration: none; }
a.fairs:hover		{ background-image: url(../resources/gfx/but_fairs_over.gif); }
a.messen			{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_messen.gif); background-repeat: no-repeat; text-decoration: none; }
a.messen:hover		{ background-image: url(../resources/gfx/but_messen_over.gif); }
a.salons			{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_salons.gif); background-repeat: no-repeat; text-decoration: none; }
a.salons:hover		{ background-image: url(../resources/gfx/but_salons_over.gif); }
a.agenten			{ width: 87px; height: 50px; display: block; background-image: url(../resources/gfx/but_agenten.gif); background-repeat: no-repeat; text-decoration: none; }
a.agenten:hover		{ background-image: url(../resources/gfx/but_agenten_over.gif); }
a.agents			{ width: 85px; height: 50px; display: block; background-image: url(../resources/gfx/but_agents.gif); background-repeat: no-repeat; text-decoration: none; }
a.agents:hover		{ background-image: url(../resources/gfx/but_agents_over.gif); }
a.contact			{ width: 92px; height: 50px; display: block; background-image: url(../resources/gfx/but_contact.gif); background-repeat: no-repeat; text-decoration: none; }
a.contact:hover		{ background-image: url(../resources/gfx/but_contact_over.gif); }
a.kontakt			{ width: 92px; height: 50px; display: block; background-image: url(../resources/gfx/but_kontakt.gif); background-repeat: no-repeat; text-decoration: none; }
a.kontakt:hover		{ background-image: url(../resources/gfx/but_kontakt_over.gif); }
a.versturen			{ float: right; width: 99px; height: 38px; display: block; background-image: url(../resources/gfx/but_versturen.gif); background-repeat: no-repeat; text-decoration: none; }
a.versturen:hover	{ background-image: url(../resources/gfx/but_versturen_over.gif); }
a.send				{ float: right; width: 99px; height: 38px; display: block; background-image: url(../resources/gfx/but_send.gif); background-repeat: no-repeat; text-decoration: none; }
a.send:hover		{ background-image: url(../resources/gfx/but_send_over.gif); }
a.senden			{ float: right; width: 99px; height: 38px; display: block; background-image: url(../resources/gfx/but_senden.gif); background-repeat: no-repeat; text-decoration: none; }
a.senden:hover		{ background-image: url(../resources/gfx/but_senden_over.gif); }
a.envoyer			{ float: right; width: 99px; height: 38px; display: block; background-image: url(../resources/gfx/but_envoyer.gif); background-repeat: no-repeat; text-decoration: none; }
a.envoyer:hover		{ background-image: url(../resources/gfx/but_envoyer_over.gif); }

a.nl				{ width: 22px; height: 20px; display: block; background-image: url(../resources/gfx/but_nl.gif); background-repeat: no-repeat; text-decoration: none; }
a.nl:hover			{ background-image: url(../resources/gfx/but_nl_over.gif); }
a.en				{ width: 22px; height: 20px; display: block; background-image: url(../resources/gfx/but_en.gif); background-repeat: no-repeat; text-decoration: none; }
a.en:hover			{ background-image: url(../resources/gfx/but_en_over.gif); }
a.dui				{ width: 22px; height: 20px; display: block; background-image: url(../resources/gfx/but_dui.gif); background-repeat: no-repeat; text-decoration: none; }
a.dui:hover			{ background-image: url(../resources/gfx/but_dui_over.gif); }
a.fr				{ width: 22px; height: 20px; display: block; background-image: url(../resources/gfx/but_fr.gif); background-repeat: no-repeat; text-decoration: none; }
a.fr:hover			{ background-image: url(../resources/gfx/but_fr_over.gif); }

/* FONT */
.green				{ color: #336600; font-style: italic; }
.greenBig			{ color: #006600; font-size: 14px; font-weight: bold; }
.grey				{ color: #666666; font-style: italic; }
.greyBig			{ color: #333333; font-size: 15px; font-weight: bold; }
.red				{ color: #cc3300; font-weight: bold; }

.greyWidth			{ float: left; margin: 1px; width: 205px; height: 20px; border-bottom: solid 1px #CCCCCC;}
.greyRight			{ float: left; margin: 1px 10px 1px 1px; width: 125px; height: 20px; border-bottom: solid 1px #CCCCCC; text-align: right; size: 9px; color: #999999; }
.greyLeft			{ float: left; margin: 1px; width: 350px; height: 20px; border-bottom: solid 1px #CCCCCC;}
.greylight			{ float: left; margin: 1px; width: 205px; height: 24px; color: #999999; font-style: italic;}

/* IMAGES */
.contactpersonen	{ width: 53px; height: 68px; border: solid 1px #e5e5e5; display: inline;}
.contactpersonen:hover { width: 53px; height: 68px; border: solid 1px #CCCCCC; display: inline;}
.Image { float: left; margin: 0 40px 0 0; border: solid 2px #e5e5e5; display: inline; }