/* copyright (C)2011 zappmedia(R) GmbH  [author: us]
screen styles www.zappmedia-de */

/*------------- ALL OVER ------------- */
html, body { margin:0; padding: 0; background-color: #E0E0E0;}
.wrapper {width: 976px; margin-left: auto; margin-right: auto;background:url(../_img/2011/bg/shadow_side.png) repeat-y;}
.bottom {background:url(../_img/2011/bg/shadow_bottom.png);margin-left:auto;margin-right:auto;width:976px;height:40px;margin-bottom:0px;}
a:link { COLOR: #3C78C8; TEXT-DECORATION: none; }
a:visited { COLOR: #3C78C8; TEXT-DECORATION: none; }
a:hover { COLOR: #DA6B00; TEXT-DECORATION: underline; }
a:active { COLOR: #B20231; TEXT-DECORATION: none; }
a:focus { COLOR: #B20231; TEXT-DECORATION: none; }
td, p, div, form { font-family:Verdana, Geneva, sans-serif;font-size: 11px; color: #333333; }
img { border: 0px;}
p { margin: 10px 0px -1px 0px; padding:0; }
.p-last { padding: 0px 0px 17px 0px;}
sup { font-size: 11px; }
/* rowspan */
td.row1 { height: 0px; }
td.row2 {  height:0px; }

/*--------document outline----------*/
h1 { color:white;font-size:13px;font-weight: bold;margin:0;letter-spacing:0.2em;}
h2 { font-size: 11px; font-weight: bold; margin-top: 0px; margin-bottom: 12px; }
h3 { font-size: 12px; margin-top:8px; margin-bottom:-5px;color: #333;}
h4 { font-size: 11px; margin: 0px; color: #333;}
h5 { color: #003F9D; font-size: 11px;display: block; padding: 0px 0px 2px 0px; margin: -10px 0px 5px 0px; }
h6 { color: #003F9D; font-size: 11px;display: block; padding: 3px 0px 5px 0px; margin: 0px 0px 3px 0px; }

/* ------------- MENU -------------*/
.devide1 {width:100%;height:1px; background:#6785B0;margin-top:10px;margin-bottom:10px;}
.devide2 {width:100%;height:1px; background:#6785B0;margin-top:8px;margin-bottom:8px;}
/* home link */
a.mh { text-indent: 12px; font-size: 11px;display: block; padding: 4px 0px 4px 0px; width: 170px; background: transparent; font-weight:bold;color:#dcdcdc;}
a.mh:hover { TEXT-DECORATION: none;background:url(../_img/2011/bg/b.gif) repeat-x;color:white;}

/* bold links */
a.m3 { text-indent: 12px; font-size: 12px;font-weight:bold;display: block; padding: 4px 0px 4px 0px; width: 170px; background: transparent;color:#dcdcdc;}
a.m3:hover { TEXT-DECORATION: none;background:url(../_img/2011/bg/b.gif) repeat-x;color:white;}
a.m3a { TEXT-DECORATION: none; text-indent: 14px; font-size: 10px; color: #CC0000; font-weight:bold;display: block; padding: 4px 0px 4px 0px; width: 170px;background:url(../_img/2011/bg/b.gif) repeat-x; }

/* office links */
a.m4 { text-indent: 12px;font-size: 13px;display: block; padding: 3px 0px 4px 0px; width: 170px; background: transparent;color:#dcdcdc;}
a.m4:hover { TEXT-DECORATION: none;background:url(../_img/2011/bg/b.gif) repeat-x;color:white;}
a.m41 { text-indent: 25px; font-size: 11px; color: #CC0000; display: block; padding: 4px 0px 4px 0px; width: 170px; background: white;background:url(../_img/2011/bg/b.gif) repeat-x; }

/* more... links - Index Page */
a.det2 { TEXT-DECORATION: none; font-size: 11px; }
a.det2:visited { TEXT-DECORATION: none; }
a.det2:hover { COLOR: #DA6B00;TEXT-DECORATION: underline; }
.more {position:relative;top:1px;}

/* ----------- TABLES----------- */
table {border-collapse:collapse;}
/* logo */
.logotab { margin: auto; padding: 0px; width: 910px; height: 160px;border: 0px; background-image:url(../_img/2011/head/bg_head_160.png);border:none;}
.logo { width:210px;padding-left:20px;}
.lang { width: auto;padding:7px 0px 0px 110px; }
.right { width: 200px; text-align: right; padding-top: 10px;}
.img-iso-9001{ background:url(../_img/2011/head/iso9001.png) no-repeat;display:block;border:none;float:left;width: 80px;height: 94px;text-decoration: none;margin-right:20px;}
.img-iso-9001:visited { background:url(../_img/2011/head/iso9001.png) no-repeat;}
.img-iso-9001:hover { background:url(../_img/2011/head/iso9001_active.png) no-repeat;}
.img-iso-27001{background:url(../_img/2011/head/iso27001.png) no-repeat;display:block;border:none;float:left;width: 80px;height: 94px;text-decoration: none; }
.img-iso-27001:visited { background:url(../_img/2011/head/iso27001.png) no-repeat;}
.img-iso-27001:hover { background:url(../_img/2011/head/iso27001_active.png) no-repeat;}

/* topic */
.topic { width: 910px; height: 24px; margin-left: auto; margin-right: auto;border:none; }
.tx1 { width: 170px; background:#41669C; }
.tx2 { width: auto; text-align: center; background: url("../_img/2011/bg/b2.gif") repeat-x; }
.tx3 { width: 170px; text-align:right; background:#41669C; }

/* ------ MAIN table ---------*/
table.maintab { width: 910px; margin-left: auto; margin-right: auto;padding: 0px;background:#41669C url(../_img/2011/bg/rowspan.gif) repeat-y top left;border:none; }
div#intro p {font-size:15px; padding:0px 0px 12px 10px;}
div#intro h2 {font-size:13px;padding:0px 0px 10px 10px;font-weight:normal;color: #333;}
/* ------ left side ---------*/
.td-left {width: 170px;padding-top:30px;background:#41669C;border:none;}

/* ------ middle ---------*/
.mid {background-color:#FAFCFE;padding: 34px 20px 20px 30px; border: 0px; line-height:16px;border:none;}
.mid-div-services {width:510px;padding-left:10px;}
.mid-div-languages {width:510px;margin-left:10px;}

/* ------ right side ---------*/
.td-right{width: 170px; padding: 28px 0px 0px 0px;background:#41669C;border:none; }
.languages {padding-left:10px;}
.languages h2{color:#fffae1;padding: 3px 0px 0px 0px;line-height:16px;}
.languages p{margin-top:-5px;margin-bottom:50px;color:#dcdcdc;line-height:17px;}
a.mr1 {color:#dcdcdc;}
a.mr1:hover { TEXT-DECORATION: none; color:#DA6B00;}
.devide3 {width:150px;height:1px; background:#6785B0;margin-top:10px;margin-bottom:10px;margin-left:10px;}

/* Copyright table */
.copytab { width: 910px; margin-left: auto; margin-right: auto; height: 37px;background:#41669C; }
.copy1 {width: 170px; padding-top: 3px; padding-left:10px;}
.mobile1, .mobile2 {display:none;}
.copy2 { text-align: center; width: auto;padding-top: 3px;}
.copy3 { text-align: center;width: 170px; padding-top: 3px;}
.social {float:left;margin-top:-100px;margin-left:45px;}

.imp { width: 170px; display: none; border: 0px;margin:0;padding:0; }
a.copy { color:#dcdcdc; }
a.copy:visited { color:#dcdcdc; }
a.copy:hover { TEXT-DECORATION: underline;color:#DA6B00; }
.freecall {width: 170px;display:none;} /* for smartphones only */
.smartphones {display:none;} /* for smartphones only */


/* ------------ IMAGES ------------ */
img.world { margin-left:-10px; }
img.flags { margin: 5px 0px 12px 0px; display: block;border:none; }
/* zappmedia ball icon - page: Presse */
.zm { float: left; width: 21px; height: 21px;border: none; margin-top:-5px;margin-left:0px;margin-right:7px;margin-bottom:0px; }

/* --------- some more styles --------- */
.white { color: #fff; }
.whitebold { color: #dcdcdc; font-weight: bold; }
.o-highlight {COLOR: #DA6B00;}
.sprachen-fachgebiete {width:480px;font-size:1em;}
td#fachgebiete {font-size:1em;font-weight:normal;color:#727272;padding-left:15px;line-height:190%;}

/* font table */
table.typeset { width: 500px; margin-left: -5px;  }
table.typeset tr { background-color: white;}
table.typeset td { border-bottom:1px solid #EAEAEA; Padding: 4px 8px 4px 10px; }

/*info-box*/
.infoblock /* left side */{width:160px;margin-left:3px;}
.info { display:none;width: auto; margin: 0px 0px 5px 6px; padding: 6px 0px 0px 4px; border-left: dotted 1px orange; vertical-align: top;color:#dcdcdc;}
.info_vis { width:140px; margin: 0px 0px 5px 8px; padding: 6px 0px 0px 4px;vertical-align: top;}
.infomen { margin: 5px 0px 5px 10px;}

fieldset#f1 { width: 210px; height: 95px; float: left; margin: 20px 0px 0px 0px; border: 1px solid #E3E3E8; background-color: transparent; border-top: 1px solid #CC0000; }
.devide4 {width:100%;height:1px; background:#6785B0;margin-top:0px;margin-bottom:10px;}
/* right td */
.country {line-height:130%;padding-left:10px;padding-right:10px;margin-top:12px;color:#dcdcdc; }
.country p {color:#dcdcdc; }
.ora1 { width: 4px; height: 4px; border: none;margin-left:2px; margin-right: 7px; position: relative; bottom: 2px; }
a.sm { color:#dcdcdc; }
a.sm:visited { color:#dcdcdc; } 
a.sm:hover { color:#DA6B00; }

.pully { width: 100%; height: 26px;margin-top:10px;margin-bottom:10px; }
.pulldown { margin-left: 12px; font-size:1.13em;color: #41669C; width: 140px; height: 20px; }

.headline { font-weight:bold; color:#444; margin-bottom: -15px;}
h3.headline  {margin-bottom:-5px;}
.H3-headline-services {color:#DA6B00;}
h4.headline  {margin-bottom:-5px;font-size:12px;}
.subtitle {margin-top:15px;margin-bottom:15px;font-size:12px;line-height:18px;font-style: ;}

.headlineborder {border-bottom:1px solid #C1CDDF;margin-left:-10px;margin-top:0px;margin-bottom:-3px;}

/* language pages */
h2.headline-lang {color:#333;font-size:15px;}
.pair1 {width:260px;position: relative; right:-320px; top:-25px;color:#333;font-size:13px;font-weight:normal;}
.pair2 {margin-left:320px;margin-top:-30px;color:#333;font-size:13px;font-weight:normal;}
.p-aerea1{margin:35px 0px 2px 0px;}
.p-aerea2, .p-aerea3, .p-aerea4 {margin:0px 0px 0px 0px;}
.inf-req {margin-left:4px;}
.p-iso { padding: 0px 0px 0px 5px;}
.dot-2 { font-size: 14px; color: #FF9F3F; padding-right: 5px; margin-right:0px;} /* orange bullet */
.dot-3 { font-size: 14px; color: #FF9F3F; padding-right: 0px; margin-right:0px;} /* orange bullet */
.history {width:490px;margin-top:15px;margin-left:-20px;padding:20px;background:#F1F2F4;}
.history p {color:#444444;margin-bottom:-3px;}
.history h3 {margin-top:0px;COLOR: #DA6B00;}
div.langs { width:490px; height: auto;margin-left:9px;}
p.langs{ text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif;font-size: 11px; color:#333;padding: 20px 20px 15px 2px;margin-top: 0px;}
a.footer-lang { font-size: 11px; line-height: 130%; }
.sonderzeichen {margin-top:25px;} /* H3 */
.normal {font-weight:normal;} /* Beispiel-Typo */

/* div Request - Phone - ISO @HOME */
.lefty {width:258px;float:left;margin-right:20px;margin-bottom:20px;padding-bottom:10px;background:url(../_img/2011/bg/text_bg_blueline_1px.png) top left repeat-x;}
.righty {width:258px;float:left;margin-bottom:20px;padding-bottom:10px;	background:url(../_img/2011/bg/text_bg_blueline_1px.png) top left repeat-x;}
.lefty p, .lefty h3, .lefty h4, .righty p, .righty h3, .righty h4 {	padding-left:10px;color: #4F5765;}

.servicetable {width:536px;margin-left:0px;margin-bottom:30px;background:#F1F2F4;}

/* req-tel-iso lib (@services pages) */
.req-tel-iso {margin-left:-10px;margin-bottom:25px;}
#rti {width:505px;margin-top:30px;margin-bottom:40px;}
/* req-tel-iso 2 lib (@language and audio pages) */
.req-tel-iso2 {margin-left:-10px;}
#rti2 {width:505px;margin-top:30px;margin-bottom:25px;}
/* req-tel-iso Backgrounds */
.anfrage{padding-left:10px;background:url(../_img/2011/bg/anfrage_bg.jpg) no-repeat;width:245px;height:73px;}
.anfrage:hover {padding-left:10px;background:url(../_img/2011/bg/anfrage_bg_active.jpg);}
.telefon{padding-left:10px;background:url(../_img/2011/bg/tel_bg.jpg) no-repeat;width:245px;height:73px;}
.telefon:hover {padding-left:10px;background:url(../_img/2011/bg/tel_bg_active.jpg);}

/* --------- DIV pages   ---------*/
div.left { float: left; margin: 0px; vertical-align: top; width: 170px;padding-top: 30px;border:none;}
.maindiv {width: 910px; margin:auto; background:#FAFCFE url(../_img/2011/bg/bg_blue_left.png) top left repeat-y;vertical-align: top;border:none;}
.contentdiv {float:left; width:480px; padding: 34px 30px 20px 30px;border:0px;line-height:16px;vertical-align: top;border:none;}
.rightdiv {float:right; width:730px; vertical-align: top;padding:0px;background:url(../_img/2011/bg/bg_blue_right.png) top right repeat-y;border:none;}

.impressum {height:490px;padding-top:110px;padding-left:35px;}
.iso-otm {float:right; width:100%;padding-top:20px;padding-right:25px;}

.copyrightdiv {height:500px;padding: 110px 0px 0px 25px;text-align:center;}

.sitemapdiv {padding-left:25px;padding-right:0px; width:90%;line-height:22px;}
div#dienste {float:left; margin-right:20px;border-top:1px solid #C1CDDF;padding-left:5px;}
div#office {float:left; width:130px;margin-right:20px;border-top:1px solid #C1CDDF;}
div#ressourcen {clear:right;float:left;width:200px;margin-right:10px;border-top:1px solid #C1CDDF;padding-left:5px;}
div#welt {float:left; width:140px;margin-right:20px;border-top:1px solid #C1CDDF;padding-left:5px;}
div#eu {float:left; width:130px;margin-right:20px;border-top:1px solid #C1CDDF;padding-left:5px;}
div#asien {float:left;width:200px;margin-right:10px;border-top:1px solid #C1CDDF;padding-left:5px;}

/*---------  Arbeitsproben  ---------*/
.samp {width: 150px; height: 22px; font-weight: bold; color: #003F9D;  margin-bottom:10px; padding-top:3px;padding-left:10px;
 background:url(../_img/2011/bg/rowspan.gif);
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ccccee,strength=2);
border:1px solid #cccccc;border-color:#efefef #cccccc #cccccc #efefef;}
.ora4 { float: left; width: 7px; height: 7px; margin: 6px 10px 0px -3px; border: none; }
.column-l {float:left;position:relative;left:50px;top:30px;}
.column-r {float:right;position:relative;right:50px;top:30px;}
.samp a {color:#dcdcdc;}
.samp a:hover {TEXT-DECORATION: none; color:#DA6B00;}
.head-sample h2{font-size:15px; color:#333;margin:0px 0px 20px 0px;}
.sample {width:400px;height:120px;padding:10px 15px;background-image:url(../_img/t_bg/b2.jpg);
border:1px solid #cccccc;border-color:#efefef #cccccc #cccccc #efefef;
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=silver,strength=3);}
.i-sample {float:right;border:none;margin:10px 5px 0px 5px;}
.sample-langs {width:102%;} /*Sprachen-Linkliste am Ende der Seite */
/* right side */
.sample-list {height:700px;margin-left:30px;float:left;width:150px;} /* minimale höhe */
.sample-list h3 {color:#dcdcdc;margin-left:5px;margin-bottom:5px;}
.ora2 { float: left; width: 5px; height: 5px; margin: 5px 7px 0px 5px; border: none; }
.ora3 { float: left; width: 5px; height: 5px; margin: 5px 7px 0px -5px; border: none; }
.list-sample2 {margin-bottom:8px;padding:0;}
.list-sample2 a {color:#dcdcdc;font-size:12px;}
.list-sample2 a:hover {TEXT-DECORATION: none; color:#DA6B00;}
/* kl. sprachenliste right */
.langsample {margin-left:5px;}
.langsample h4 {color:#dcdcdc;margin:8px 0px 4px 0px;}
a.det { TEXT-DECORATION: none; color: #dcdcdc; padding: 0px 1px;line-height:15px; }
a.det:visited { TEXT-DECORATION: none; color: #dcdcdc; }
a.det:hover { TEXT-DECORATION: underline; COLOR: #DA6B00;}

/* red now orange bullets */
.red { float: left; width: 7px; height: 7px; margin: 5px 10px 0px 0px; border: none; }

.inf { float: left;margin: 0px 7px 0px 1px; border: none; }

.dot { font-size: 11px; color: #666; padding-right: 5px;}

/* -------- Page: Abenteuer Sprache ------------- */
.two { width: 40em; line-height: 16px;font-size:11px; }
.two:first-letter { font-family:"Times New Roman", Times, serif;font-size: 18px; font-weight: normal; color: #003F9D;line-height:18px;margin-right:1px;}

/*blue set to #333 [us 17.10.2010 17:59] */
.blue { color: #333; font-weight: bold; }
.blue4 { font-size: 10px; color: #333; font-weight: bold; }
.blue5 { font-size: 10px; color:#666; font-weight: bold; }

/* -------- 7. REFERENCES -------------*/
.referenzen {margin-left:-30px;}
td.ref2td { width: auto; padding:0px 0px 0px 0px; /*change here*/ height: 180px; }
/* Ref Categories */
.refmentab { margin: 7px 0px 2px 20px; }
td.refmen { width: auto; padding: 3px 5px 1px 0px; }
a.rm { TEXT-DECORATION: none;font-size:11px; display: block; white-space: nowrap; width: 100%; padding: 0px 3px; }
.refimg {padding:5px;border:1px solid #cccccc;border-color:#efefef #cccccc #cccccc #efefef;}

/* Ref Results (DIV)*/
.ref { width: 290px; height: 111px; vertical-align: top; line-height: 120%; padding: 2px 0px 0px 10px; margin: 8px 0px 0px 0px;/* for Mozilla */ min-height: 117px; }
.pref { margin-top: 3px; }
/* Reference Logo Table */
.bigref { width: 95%; margin: 0; }
/* Testimonials - Language pages */
.testimonial {margin-left:-10px;margin-bottom:25px;}
/* Testimonials - Service pages */
.testimonial-s {margin-top:-15px;margin-left:-10px;margin-bottom:25px;}

/* Links Fachgebiete */
a.fg {COLOR: #333333; TEXT-DECORATION: none; }
a.fg:visited { TEXT-DECORATION: none; }
a.fg:hover { COLOR: #000179; TEXT-DECORATION: none; }
a.fg:active { TEXT-DECORATION: none; }
a.fg:focus { COLOR: #333333; TEXT-DECORATION: none; }


.blue3 { display: block; height: 18px; color: #003F9D; font-weight: bold; }

/* Korrektur / Lektoraf Aufzählung */
.ora5 { float: left; width: 4px; height: 4px; margin: 8px 8px 0px 8px; border: none; }
/*
.ora3 { float: left; width: 4px; height: 4px; margin: 0px 0px 0px 10px; border: none; }
*/