/* BG:#ffffff; Content-BG:#5b005c; content-color:#ffffff; cols:#d70032 (highlight); highlightbox:#9a0024 
* col dark: #BE002C
*/

/*TD { border:1px solid #88ff00; }*/
.debug TD { border:1px solid #88ff00; }
.debug DIV { border:1px solid #aaaaff; }

/* Markierung fehlender Texte ::ms:: */
.missing {background-color: yellow; color:#333;}

#dummymain{width:956px; margin: 0 auto;}
#maincontainer {position:relative; top:0px; left:0px; margin:0}
#logo {position:absolute; top:39px; left:0px;}

BODY { padding:0px; margin:0px; background-color:white; }

BODY, TABLE, A, INPUT, TEXTAREA { font-family:Verdana; font-size:11px; color:white; text-decoration:none; line-height:16px; }
OL {padding:0px; margin:0 0 0 40px;}


/* ---------------- Hauptnavigationen -------------- */

#langnav {position:absolute; top:0px; left:595px; }
DIV.lang { text-align:left; background:url(../images/layout/bluete.gif) left top no-repeat;  height:90px; }
DIV.lang A.de { background:url(../images/layout/lang_de.gif) right top no-repeat; padding:5px 6px 5px 108px; }
DIV.lang A.deActive { background:url(../images/layout/lang_de_active.gif) right top no-repeat; padding:5px 6px 5px 108px;  }
DIV.lang A.en { background:url(../images/layout/lang_en.gif) left top no-repeat; padding:5px 50px 5px 7px; }
DIV.lang A.enActive { background:url(../images/layout/lang_en_active.gif) left top no-repeat; padding:5px 50px 5px 7px; }

Div.lang A:link{padding-bottom:50px; line-height:23px}
Div.lang A:visited{padding-bottom:50px; line-height:23px}


#submenue  {position:absolute; top:114px; left:399px; }
 
.submenue,
.submenue A { color:#5b005c; }

.submenue A.active { color:#d70032; }
.submenue A:hover {  color:#d70032; text-decoration:none; }

DIV.menue A { padding: 5px 0px 5px 0px; }
DIV.menue SPAN { padding:0px 15px 0px 0px; }
/* weiter in de.css/en.css */




/* ----------------  content ----------------  */

#main {position:relative; left:0px; top:133px;}
TABLE.frame { width:956px; text-align:left;}
TD.content { height:460px; background-repeat:no-repeat; vertical-align:bottom; }

/* requestlink = z.B. Link in linker Box "Preise auf Anfrage" */
.small,
.requestlink,
.requestlink a { font-size:10px; }


.text a:link,
.text a:visited, 
.requestlink a:link,
.requestlink a:visited {text-decoration: underline }

.noul {text-decoration:none}

/* gesamter Inhaltsbereich */
/*TABLE.cols { padding:0px; margin:0px 46px 26px 42px; }*/ /* ::ms:: Ränder haben nicht gestimmt */
TABLE.cols { padding:0px; margin:0px 50px 26px 44px; }
TABLE.cols TD { background-color:#d70032; }

/* Abstand zwischen den boxen */
table.cols td.smallSpace,
TABLE.cols TD.space { width:11px; height:11px; background-color:transparent; }
table.cols td.smallSpace {height:8px;}

/* Alle boxen insgesamt mit Standardbreite ::ms:: FireFox ist die Standardbox aber 282px */
TABLE.cols TD.box { padding:0px; width:280px; border:0; /*background-color:#ff8800;*/ overflow:auto; vertical-align:top;}



H2.name {font-weight:bold; font-size:12px; margin-bottom:0px; margin-top:10px;}

/* ::ms:: warum braucht haeline2 10px mehr Rand? */
TABLE TD.box DIV.headline2 {margin-left:25px;}

TABLE TD.box DIV.headline, 
TABLE.cols TD.box DIV.text { margin-left:15px; }
TABLE.cols TD.box DIV.text1 { margin-left:120px; }
/** HTML TABLE.cols TD.box DIV.text { margin-bottom:0px; }*/


TABLE TD.box DIV.headline,
TABLE TD.box DIV.headline2 { height:28px; font-weight:bold;}

TABLE TD.box DIV.headline  { margin-bottom:4px; margin-top:8px; font-size:16px; line-height:22px;}

TABLE TD.box DIV.headline2 { margin-bottom:0px; margin-top:12px; font-size:13px;  }



/* Standardhoeh des Text-Container in einer Box - ueber diesen Paramter wird die Hoehe einer Box insgesamt eingestellt */
TABLE.cols TD.box DIV.text { height:192px;  }



/* --------- special box derivatives */


TABLE.cols TD.thirdheight DIV.headline, 
TABLE.cols TD.halfheight DIV.headline { font-size:12px; padding-top:13px; height:27px; margin-top:-3px; margin-bottom:0px; }
TABLE.cols TD.thirdheight DIV.headline {padding-top:4px; padding-bottom:0px;margin-bottom:0px; line-height:18px; height:24px}
table.cols td.thirdheight div.text {height:22px; margin-top:0px; padding-top:0px; }
table.cols td.thirdheight a.moreinfo{margin-bottom:1px;}
TABLE.cols TD.halfheight DIV.text { height:54px; }

TABLE.cols TD.double { width:571px; }


TABLE.cols TD.noButton { /*border:1px solid #ffff00;*/ }
TABLE.cols TD.noButton DIV.text { height:219px;  margin-top:0; padding:0; }
 
/* -------- layout: 2 cols */

TABLE.twocols { padding:0px 15px 0px 10px; height:100%; }
TABLE.twocols TD { vertical-align:top; }
TABLE.twocols TD.second { padding-left:5px;  }
TABLE.twocols TD.footer { vertical-align:bottom; overflow:visible; height:auto; }



/*  --------  checklist */

/* ::ms:: wenn der Content eine Mischung aus checkliste und Text enthaelt wie auf der Seite ..Training und Analyse.. dann muss man die Abstaende korrigieren */
.withtext {  margin-top:6px; }

UL.checklist { list-style-image:url(../images/layout/checklist_bullet.gif); padding-left:20px; /*background-color:#ffaa00;*/ }
UL.checklist LI { margin-bottom:2px;  }

TABLE.highlightbox UL.checklist LI { line-height:16px; margin-bottom:5px; }
/*TABLE.highlightbox UL.checklist LI { line-height:16px; margin-bottom:5px; }*/

/* ::ms:: die Liste auf der Startseite darf keine Abstaende haben, da sonst zu lang*/
TABLE.cols TD.home_left UL.checklist LI { margin-bottom:0px; }

TABLE.cols TD.menue_faq OL LI {margin:8px 0px 8px 0px;}
TABLE.cols TD.menue_glossary UL { margin-top:0px; margin-bottom:0px;}


/*  --------  footer */

TABLE.frame TR.footer TD { padding:8px 0px 0px 0px; }
TABLE.frame TR.footer, TABLE.frame TR.footer A { color:#5b005c; }
TABLE.frame TR.footer TD.left { text-align:left; }
TABLE.frame TR.footer TD.right { text-align:right; }
TABLE.frame TR.footer A.active { color:#d70032; }
TABLE.frame TR.footer A:hover { color:#d70032; }


/*  --------  edges */

TABLE.highlightbox { width:294px; }
TABLE.tiny_highlight { width:218px; }
TABLE.wide_highlight { width:388px; }

TABLE.full_height { height:230px; }
TABLE.highlightbox TD { background-color:#9a0024; }
TABLE.highlightbox   TD.box { padding:0px 10px 0px 10px; }
TABLE.full_height    TD.box { height:100%; }
TABLE.wide_highlight TD.box { width:auto; /* line-height:150%; */ } /* keine prozentualen Angaben - ist ein fixes Layout */

TABLE.edges TR.border TD { height:5px; overflow:hidden; }
TABLE.edges TD.border { width:52px; overflow:hidden; }  /* Wo wird dieser Style verwendet */
TABLE.edges TD.ul { text-align:left; vertical-align:top; }
TABLE.edges TD.ur { text-align:right; vertical-align:top; }
TABLE.edges TD.ll { text-align:left; vertical-align:bottom; }
TABLE.edges TD.lr { text-align:right; vertical-align:bottom; }

TABLE.edges TD.ul, 
TABLE.edges TD.ur, 
TABLE.edges TD.ll, 
TABLE.edges TD.lr { background-color:transparent; width:5px; height:5px; }  

TABLE.highlightbox tr.border td {background-color:#9a0024;}


/* ----------------  menues und buttons ----------------  */


/* Standardmenue */
TABLE.cols TD.box DIV.wide A { display:block; background:url(../images/layout/wideLink.gif) left top no-repeat; /*margin-top:8px;*/ padding:8px 0px 8px 15px; }
TABLE.cols TD.box DIV.wide A.active:hover {background:url(../images/layout/wideLink.gif); }
TABLE.cols TD.box DIV.wide A:hover { background-image:url(../images/layout/wideLink_hover.gif); }


/* Eigenes nummeriertes Menue fuer die Fragen und Antworten Seite */
TABLE.cols TD.box A.menue_faq,
TABLE.cols TD.box A.menue_faqactive,
TABLE.cols TD.box A.menue_faqactive:hover,
TABLE.cols TD.box A.menue_faq:hover {padding:0px}

TABLE.cols TD.menue_faq OL LI A:link, 
TABLE.cols TD.menue_faq OL LI A:visited { margin:0; padding:0}

TABLE.cols TD.box A.menue_faq:hover{ text-decoration:underline; }


/* Eigenes Menue fuer die glossary Seite */
TABLE.cols TD.box DIV.wide A.menue_glossary,
TABLE.cols TD.box DIV.wide A.menue_glossaryactive,
TABLE.cols TD.box DIV.wide A.menue_glossaryactive:hover, 
TABLE.cols TD.box DIV.wide A.menue_glossary:hover { display:block; padding:4px 0px 4px 15px; background-image:none;}

TABLE.cols TD.box DIV.wide A.menue_glossary:hover { background-color:#BE002C; }

/* Aktive Menuezustand, wenn ausgewaehlt fuer alle Menues*/
TABLE.cols TD.box DIV.wide A.active, 
TABLE.cols TD.box A.menue_faqactive,
TABLE.cols TD.box DIV.wide A.menue_glossaryactive { font-weight:bold;  }


/* Bildmenue fuer Team */
TABLE.cols TD.box DIV.person A { display:block; background-repeat:no-repeat; background-position:left top; padding:33px 0px 8px 72px; margin-bottom:2px; }
TABLE.cols TD.box DIV.person1 A { background-image:url(../images/layout/person1_button.gif) }
TABLE.cols TD.box DIV.person1 A:hover { background-image:url(../images/layout/person1_button_hover.gif); }
TABLE.cols TD.box DIV.person1 A.active { background-image:url(../images/layout/person1_button_hover.gif); }
TABLE.cols TD.box DIV.person1 A.active:hover { background-image:url(../images/layout/person1_button_hover.gif); }
TABLE.cols TD.box DIV.person2 A { background-image:url(../images/layout/person2_button.gif) }
TABLE.cols TD.box DIV.person2 A.active { background-image:url(../images/layout/person2_button_hover.gif); }
TABLE.cols TD.box DIV.person2 A.active:hover { background-image:url(../images/layout/person2_button_hover.gif); }
TABLE.cols TD.box DIV.person2 A:hover { background-image:url(../images/layout/person2_button_hover.gif); }
TABLE.cols TD.box DIV.person3 A { background-image:url(../images/layout/person3_button.gif) }
TABLE.cols TD.box DIV.person3 A:hover { background-image:url(../images/layout/person3_button_hover.gif); }
TABLE.cols TD.box DIV.person3 A.active { background-image:url(../images/layout/person3_button_hover.gif); }
TABLE.cols TD.box DIV.person3 A.active:hover { background-image:url(../images/layout/person3_button_hover.gif); }

/* moreinfo button ist ausgelagert in die Sprachversionen der CSS-Dateien */


/* back button */



A.back { background:url(../images/layout/back.gif) right center no-repeat; padding:4px 10px 5px 20px; margin-bottom:4px; text-align:right; display:block; }
A.back:hover { background-image:url(../images/layout/back_hover.gif); }


/* browse buttons */
#browse { position:absolute; left:847px; text-align:right; width:55px }
#browse A {line-height:25px; padding:5px 10px 5px 10px; background-repeat:no-repeat; background-position:top left; cursor:default }
#browse A:link { text-decoration:none; }
#browse A:visited { text-decoration:none; }

#browse A.left { background-image:url(../images/layout/browse_left_inactive.gif); }
#browse A.left_active { background-image:url(../images/layout/browse_left.gif); }
#browse A.left_active:hover { background-image:url(../images/layout/browse_left_hover.gif); cursor:pointer }
#browse A.right { background-image:url(../images/layout/browse_right_inactive.gif); }
#browse A.right_active { background-image:url(../images/layout/browse_right.gif); }
#browse A.right_active:hover { background-image:url(../images/layout/browse_right_hover.gif); cursor:pointer}

.services_import_zollmanagement #browse { top:393px }
.services_import_optimising #browse { top:393px }
.services_import_organisation #browse { top:393px }
/*
DIV.browse { text-align:right; }
 DIV.browse A {line-height:25px; padding:5px 10px 5px 10px; background-repeat:no-repeat; background-position:top left; cursor:default }

DIV.browse A:link { text-decoration:none; }
DIV.browse A:visited { text-decoration:none; }

DIV.browse A.left { background-image:url(../images/layout/browse_left_inactive.gif); }
DIV.browse A.left_active { background-image:url(../images/layout/browse_left.gif); }
DIV.browse A.left_active:hover { background-image:url(../images/layout/browse_left_hover.gif); cursor:pointer }
DIV.browse A.right { background-image:url(../images/layout/browse_right_inactive.gif); }
DIV.browse A.right_active { background-image:url(../images/layout/browse_right.gif); }
DIV.browse A.right_active:hover { background-image:url(../images/layout/browse_right_hover.gif); cursor:pointer}*/



/* ----------------  Spezielle Angaben fuer die Homepage ----------------  */
TABLE.cols TD.home_left { /*width:280px;*/ } /* ::ms:: doppelt, da es der Standardbreite entspricht */
TABLE.cols TD.home_right { width:392px; }

TABLE.cols TD.home_left DIV.text, 
TABLE.cols TD.home_right DIV.text { height:70px; }

TABLE.cols TD.home_left DIV.headline, 
TABLE.cols TD.home_right DIV.headline { margin-bottom:-8px; /*background-color:#aaff00;*/ }

/* firefox bug: liste hat oben einen abstand.  */ /* ::ms:: Kein Bug sondern eine unterschiedliche Einstllung fuer Default-Abstaende
Workaround: Am Anfang des CSS Abstaende erst mal gleich einrichten.
*/
TABLE.cols TD.home_left DIV.headline { margin-bottom:-20px; }

/* Kleines Teaserbild - eingeführt für Publikationen-Teaser */
img.teaserImageSmall {
   float:left;
   margin-top:3px;
   margin-left:7px;
   margin-right:7px;
   border:0;
}


/* ----------------  Spezielle Angaben fuer den Bereich Leistungen/Services ----------------  */

/* ::ms:: Aenderung: Die Import-Export-Menue-Hintergrundgrafiken kommen nur noch auf der Uebersichtsseite vor - alternativ gibt es jetzt die CSS-Klasse menue_generic */
TABLE.cols TD.service_import, 
TABLE.cols TD.service_export, 
TABLE.cols TD.menue_generic { background-position:left 40px; background-repeat:repeat-x; background-image:url(../images/layout/menue_neutral.gif); }

TABLE.cols TD.service_import DIV.text, 
TABLE.cols TD.service_export DIV.text, 
TABLE.cols TD.menue_generic DIV.text { margin-top:30px; height:70px; }


TABLE.cols TD.service_import { background-image:url(../images/layout/services_import_bg.gif); }
TABLE.cols TD.service_export { background-image:url(../images/layout/services_export_bg.gif); }



/* feinschliff für box höhen... siehe auch de.css und en.css für spezialfällen in den einzelnen sprachen */

BODY.services_overview TD.service_import DIV.text, 
BODY.services_overview TD.service_export DIV.text { margin-top:25px; /*background:#ff0088;*/ }

BODY.services_overview TD.halfheight DIV.text { margin-top:0px; /*background:#ff8800;*/ }
BODY.services_overview TD.halfheight DIV.headline2 {margin-top:5px; margin-left:15px;}

BODY.services_import_zollmanagement TABLE.highlightbox TD.box UL { margin-bottom:0px; margin-top:0px; }

BODY.services_import_zollmanagement TD.menue_generic DIV.text,
BODY.services_import_optimising TD.menue_generic DIV.text,
BODY.services_import_zollmanagement TD.menue_generic DIV.text,
BODY.services_import_organisation TD.menue_generic DIV.text { height:65px; /*background:#ff8800;*/ }




BODY.services_export_exportmanagement TABLE.highlightbox TD.box UL { margin-bottom:0px; margin-top:0px; }

BODY.services_export_exportmanagement TD.menue_generic DIV.text, 
BODY.services_export_documentation TD.menue_generic DIV.text, 
BODY.services_export_organisation TD.menue_generic DIV.text { height:65px; /* background:#ff8800; */}


BODY.services_intrahandel TABLE.cols TD.double DIV.text { padding-top:10px; }
BODY.services_intrahandel TABLE.highlightbox TD.box UL.checklist { margin-bottom:0px; margin-top:0px; }
BODY.services_intrahandel TABLE.highlightbox TD.box UL LI { margin-left:-3px;  }
BODY.services_intrahandel TD.left DIV.text { margin-bottom:-1px;}


BODY.services_training TABLE.highlightbox TD.box UL { margin-bottom:0px; margin-top:0px; }
BODY.services_training TD.left DIV.text { margin-bottom:-1px; }
BODY.services_training TD.double DIV.text { margin-top:12px; }



BODY.services_export_documentation TABLE.cols TD.box TD.second,
BODY.services_export_exportmanagement TABLE.cols TD.box TD.second,
BODY.services_export_organisation TABLE.cols TD.box TD.second,
BODY.services_import_zollmanagement TABLE.cols TD.box TD.second,
BODY.services_import_optimising TABLE.cols TD.box TD.second,
BODY.services_import_organisation TABLE.cols TD.box TD.second,
BODY.services_intrahandel TABLE.cols TD.box TD.second,
BODY.services_training TABLE.cols TD.box TD.second
{width:230px; padding-left:15px; padding-right:15px;}




/* ----------------  Spezielle Angaben fuer den Bereich Unternehmen/company ----------------  */


TABLE.cols TD.company_left DIV.text,
TABLE.cols TD.company_middle DIV.text,
TABLE.cols TD.company_right DIV.text,
TABLE.cols TD.company_philosophy DIV.text,
TABLE.cols TD.company_press_left DIV.text,
TABLE.cols TD.company_pub_left DIV.text,
TABLE.cols TD.company_about_left DIV.text {height:191px;}



BODY.company_about TABLE.cols TD.double DIV.text {margin-top:12px; }

TABLE.cols TD.company_left, 
TABLE.cols TD.company_middle, 
TABLE.cols TD.company_right { background-position:left 37px; background-repeat:repeat-x; }
/*TABLE.cols TD.service_import DIV.text, TABLE.cols TD.service_export DIV.text { margin-top:40px; height:70px; }*/
TABLE.cols TD.company_right { background-image:url(../images/layout/company_left_bg.gif);  background-position:left 26px; }
TABLE.cols TD.company_middle { background-image:url(../images/pub_im_ex_teaser_bg.jpg);  background-position: left 41px;}
TABLE.cols TD.company_left { background-image:url(../images/layout/company_right_bg.gif); }

TABLE.cols TD.company_about_left { background-position:left 20px; background-repeat:repeat-x; background-image:url(../images/layout/company_about_content_bg.gif); }

TABLE.cols TD.company_philosophy { background-position:left 38px; background-repeat:repeat-x; background-image:url(../images/layout/company_philosophy_bg.gif); }


TABLE.cols TD.company_team_left DIV.text { height:14px; }



BODY.company_team_person1 TD.double DIV.text, 
BODY.company_team_person2 TD.double DIV.text, 
BODY.company_team_person3 TD.double DIV.text { height:240px; margin-top:9px; /*background:#0000ff;*/ }

BODY.company_about TABLE.cols TD.double TABLE.twocols{padding-left:0px}
BODY.company_about TABLE.cols TD.double TABLE.twocols TD.first
{width:250px; padding-right:2px;}
BODY.company_about TABLE.cols TD.double TABLE.twocols TD.first .box
{width:100%; }

BODY.references TABLE.cols TD.double DIV.text { height:220px; }

BODY.references TABLE.cols TD.box DIV.headline2 {margin-left:15px;}


a.downloadLinkContent:link,
a.downloadLinkContent:visited{
text-decoration:none;
}

a.downloadLinkContent:hover .underline {
text-decoration:underline;
}

.press p.link {
font-weight:bold;
margin-bottom:0px;
}

.press p.link a:link,
.press p.link a:visited{
text-decoration:none;
}


.press p.link a:hover .underline{
text-decoration:underline;
}


.press p.desc {
padding-left:13px;
margin-top:0px;
margin-bottom:16px;
}

#orderButton {
position:absolute; top:533px; left:760px; text-align:right; width:146px
}

.press p.first {
margin-top:13px;
}


/* ----------------  Spezielle Angaben fuer Kontakt/Contact ----------------  */


FORM.contact {margin:0; padding:0; }
TABLE.cols TD.contact_left TABLE.twocols { width:550px; padding:0px; margin:0px; } 
TABLE.cols TD.contact_right DIV.text {height:223px;}
TABLE.cols TD.contact_left DIV.text {height:215px; }

FORM.contact INPUT, 
FORM.contact TEXTAREA { background-color:white; color:black; border:0px; }

FORM.contact INPUT { width:168px; padding:0px; margin:0px 7px 8px 0px;  height:20px; }
FORM.contact INPUT.zip { width:46px; }
FORM.contact INPUT.city { width:115px; }
FORM.contact TEXTAREA { width:288px; height:151px; margin-bottom:10px; }

/* sendmessage button */

FORM.contact INPUT.sendmessage{width:179px; height:22px;}

BODY.contact TABLE.cols TD.box DIV.headline2 {margin-left:15px; margin-top:9px;}



/* ----------------  Spezielle Angaben fuer MetaSeiten ----------------  */





TABLE.cols TD.menue_glossary DIV.text { height:72px; }
TABLE.cols TD.menue_glossary DIV.headline { height:56px; }


TABLE.cols TD.imprint DIV.text {height:208px;}

TABLE.cols TD.menue_imprint DIV.text,
TABLE.cols TD.menue_links DIV.text { height:220px; }


TABLE.cols TD.glossary DIV.text  {padding-right:60px; overflow:visible;}
 

TABLE.cols TD.imprint,
TABLE.cols TD.faq,
TABLE.cols TD.links,
TABLE.cols TD.press,
TABLE.cols TD.glossary,
TABLE.cols TD.legalnotes{ background-color:#BE002C; }

TABLE.cols TD.faq DIV.text,
TABLE.cols TD.faq DIV.headline2,
TABLE.cols TD.links DIV.text,
TABLE.cols TD.links DIV.headline2,
TABLE.cols TD.imprint DIV.text,
TABLE.cols TD.imprint DIV.headline2,
TABLE.cols TD.glossary DIV.text,
TABLE.cols TD.glossary DIV.headline2,
TABLE.cols TD.legalnotes DIV.text,
TABLE.cols TD.legalnotes DIV.headline2{ margin-left:30px; }


TABLE.cols TD.faq DIV.headline2,
TABLE.cols TD.links DIV.headline2,
TABLE.cols TD.imprint DIV.headline2,
TABLE.cols TD.glossary DIV.headline2,
TABLE.cols TD.legalnotes DIV.headline2{ margin-top:12px; }

.links p 
{margin-bottom:0px; margin-top:10px;}

/* ---------- Mutmacher Initiative ----------- */

#mutmacher {background-color:#9a0024; }
#mutmacher.text {margin-left:0px; height:103px; margin-top:25px; margin-bottom:67px;}
#mutmacher.text img {margin-top:7px; margin-left:10px; margin-right:9px; float:left; padding-top:0;border:0;}
#mutmacher.text p {padding-top:6px; }