/* RESET ======================================================================================= */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

html            { overflow-y:scroll; }
.ie7 img        { -ms-interpolation-mode:bicubic; }

/* Headings **********************************************/
h1,h2,h3, 
h4,h5,h6        { font-weight:bold; }
h1              {  }
h2              {  }
h3              { font-family: "DIN"; font-size: 22px; font-weight: bold; line-height: 24px; margin: 0 0 10px; }
h4              { font-size: 16px; margin-bottom: 10px; }

/* Content ***********************************************/
a:hover,
a:active,
a:focus         { outline:none; }
p, strong       { line-height: 22px; }
strong          { font-weight: bold; }

/* Tables ************************************************/
table           { border-collapse:collapse; border-spacing:0; }
td              { vertical-align:top; }

/* Font Normalisation ************************************/
body            { font:13px/1.231 sans-serif; *font-size:small; }
body            { font-family: "DIN"; font-size:16px; font-weight: normal; }
select,input, 
textarea,button { font:99% sans-serif; }
input, select   { vertical-align: middle; }

/* Lists *************************************************/
ul,ol           { margin-left:2em; }
ol              { list-style-type:decimal; }
ul,li           { margin:0; list-style:none; list-style-image:none; }
ul.list         { margin-bottom: 20px; }
.list li        { list-style-type: disc; line-height: 1.5; margin-left: 20px; }

/* Forms *************************************************/
label, 
input[type="button"], 
input[type="submit"], 
input[type="image"], 
button                      { cursor:pointer; }
input,select                { vertical-align:middle; }
textarea                    { overflow:auto; }
input[type="radio"]         { vertical-align:text-bottom; }
input[type="checkbox"]      { vertical-align:bottom; }
button,input,
select,textarea             { margin:0; }
button                      { width:auto; overflow:visible; }

/* IE Forms */
.ie6 legend,.ie7 legend     { margin-left:-7px; } 
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input                  { vertical-align:text-bottom; }

/* Selection *********************************************/
::-moz-selection            { background:#177eba; color:#fff; text-shadow: none; }
::selection                 { background:#177eba; color:#fff; text-shadow: none; }
a:link                      { -webkit-tap-highlight-color:#177eba; }
div:focus                   { outline:none; }

/* Base Styles ******************************************/
body            {  }
body,select,
input,textarea  { color:#4B4B4D; }
a,a:active,
a:visited       { color:#4B4B4D; -webkit-transition:color .7s; -moz-transition:color .5s; }
a:hover,a:focus { color:#177eba; -webkit-transition:color .1s; -moz-transition:color .1s; }
/* ============================================================================================ */


/* TOOLS ====================================================================================== */
/* Fonts */
@font-face {
    font-family:'DIN';
    src: url('fonts/din-reg.eot');
    src: url('fonts/din-reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-reg.woff') format('woff'),
         url('fonts/din-reg.ttf') format('truetype'),
         url('fonts/din-reg.svg#webfontDO7TFWFj') format('svg');
    font-weight:normal; font-style:normal;
}

@font-face {
    font-family:'DIN';
    src: url('fonts/din-bold.eot');
    src: url('fonts/din-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold.woff') format('woff'),
         url('fonts/din-bold.ttf') format('truetype'),
         url('fonts/din-bold.svg#webfontuAKqQPAj') format('svg');
    font-weight:bold; font-style:normal;
}

/* Sticky Footer */
html, body {height:100%;}
#container {min-height:100%;}
#content {overflow:auto; padding-bottom:30px;}
footer { position:relative; margin-top:-30px; padding-top:8px; height:167px; clear:both;}
body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }
/* ============================================================================================ */


/* LAYOUT ===================================================================================== */
#container { margin:0 auto; width:989px; }

header { padding:16px 0 45px; position:relative; }
#content { padding-top:35px; }
header + #content { padding-top:60px; } /* wenn der Teaser fehlt */

#main { float:left; overflow:hidden; width:989px; }
aside { float:left; width:260px; }

.column { float:left; margin:0 35px 35px 0; width:305px; }
.column.last{ float:left; margin:0 0 0 0; width:305px; }

.block { position:relative; float:left; margin:0 35px 35px 0; padding:0 0 20px; width:305px; }

.blockU.inbound , .block.inbound { background:url(/gfx/inbound-btn.png) 0 6px no-repeat; }
.blockU.outbound , .block.outbound { background:url(/gfx/outbound-btn.png) 0 6px no-repeat; }
.blockU.bpo , .block.bpo { background:url(/gfx/bpo-btn.png) 0 6px no-repeat; }
.blockU.aboutBtn { background:url(/gfx/about-btn.png) 0 6px no-repeat; }

.contactBtn{height:37px;margin:0 35px 35px 0;background:url(/gfx/contact-btn.png) 0 6px no-repeat; }

.blockU{float:left; margin:0 35px 0 0; padding:0; width:305px;}

.block p { margin:0 0 10px; padding:0;font-size:14px; }
.block strong { display:block; margin:0 0 15px; }
.en .block .more { background:url(/gfx/btn-more.png) no-repeat; float:left; height:32px; width:125px; }
.block .moreES { background:url(/gfx/btn-more-es.png) no-repeat; float:left; height:32px; width:125px; }

.shadow {
    -moz-box-shadow: 1px 1px 7px #c4c4c4;
	-webkit-box-shadow: 1px 1px 7px #c4c4c4;
	box-shadow: 1px 1px 7px #c4c4c4;
    /* Versatz links - Versatz oben - Unschärfe - Schattenradius - Farbe */
}

.block .btn {
	position:absolute;
	top:200px;
	left:0px;
}

.block .btnES {
	position:absolute;
	top:220px;
	left:0px;
}

/* ============================================================================================ */


/* GLOBAL SYLES =============================================================================== */
body { background: #EDEDED url(/gfx/bg.png) repeat-x; }

header + #content { background:none; } /* wenn der Teaser fehlt */

#main h3 { margin:0 0 28px 40px;color:#177eba;line-height: 20px; }
#main h3 span { font-size:13px;line-height:0px; }

#main p { margin-bottom: 20px; padding-right: 0;text-align:justify ; }
/* ============================================================================================ */


/* HEADER ===================================================================================== */
#logo { background-image:url(/gfx/logo.png); float:left; height:123px; width:368px; }

/* Sprachwähler ******************************************/
#language { position:absolute; right:0; top:10px; }
#language li { display:inline; float:left; margin-left:10px; }
#language span, #language a { display:block; height:11px; text-indent:-999em; width:16px; }
#language .spain { background:url(/gfx/es.gif) no-repeat; }
#language .spain.active { background:url(/gfx/es-active.gif) no-repeat; }
#language .english { background:url(/gfx/gb.gif) no-repeat; }
#language .english.active { background:url(/gfx/gb-active.gif) no-repeat; }

/* Navigation ********************************************/
nav { bottom: 37px; position: absolute; right: 0;}
nav li { float: left; }
nav li::after { content: "•"; }
nav li:last-child::after { content: ""; padding: 0; }
nav li a { display: inline-block; padding: 5px 7px; text-decoration: none; }
nav li.active a, nav li a:hover { color: #177eba; }
nav li:last-child a { padding-right: 0; }

/* IE ****************************************************/
/* .ie6 nav li a, .ie7 nav li a, .ie8 nav li a { border-right: 1px solid #4B4B4D; padding: 0 7px; }
/* ============================================================================================ */


/* TEASER & SLIDER ============================================================================ */
#teaser, div.anythingSlider { height: 280px; overflow: hidden; width: 989px; background-image: url(/gfx/bg-slider.png); }

/* Teaser ************************************************/
.teaserContent { float: right; margin-top: 60px; width: 410px; }
#teaser h2 { height: 43px; margin-bottom: 20px; width: 100%; }
#teaser p { color: #177eba; font-size: 14px; line-height: 16px; }

/* Contact */
#teaser.navContact { background: url(/gfx/mood-contact.png) 0 0 no-repeat; }

/* BPO */
#teaser.navBpo { background: url(/gfx/mood-bpo.png) 0 0 no-repeat; }

/* Outbound */
#teaser.navOutbound { background: url(/gfx/mood-outbound.png) 0 0 no-repeat; }

#teaser.navDebtcollection { background: url(/gfx/mood-debt.jpg) 0 0 no-repeat; }

/* About Us */
#teaser.navAbout { background: url(/gfx/mood-aboutus.png) 0 0 no-repeat; }

/* Inbound */
#teaser.navInbound { background: url(/gfx/mood-inbound.png) 0 0  no-repeat; }


/* Fallback */
.no-js #teaser li {    height: 235px}
.no-js .thumbNav li {    height: auto !important}
.no-js #teaser li div {    display: none}
.no-js .ceo {    display: block !important;    height: 280px;    background: url(/gfx/slides/slide01.png) 9px 7px no-repeat}
.no-js .ceo div {    display: block !important}

.no-js .ceoES {    display: block !important;    height: 280px;    background: url(/gfx/slides/slide01-es.png) 9px 7px no-repeat}
.no-js .ceoES div {    display: block !important}



/* Slider ************************************************/
.anythingSlider { position: relative; }
.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
.anythingSlider .anythingControls { font-size: 16px; position: absolute; bottom: 20px; right: 0; }
.anythingControls a.start-stop { display: none; }

/* Slider Navigation */
ul.thumbNav li { float: left; margin:0 0 -20px; }
ul.thumbNav a { background: url(/gfx/slider-button.png) no-repeat; color: #FFF; display: block; font-weight: bold; padding: 4px 3px 6px 0; text-align: center; text-decoration: none; width: 22px; }
ul.thumbNav a.cur { background: url(/gfx/slider-button-active.png) no-repeat; }
ul.thumbNav li a span{	visibility: hidden !important;}

/* Slider Content */
.slideContent { float: right; margin-top: 40px; width: 410px; }
#slider .slideContent p { color: #177eba; font-size: 14px; line-height: 16px; }
#slider .slideContent h2 { height: 43px; margin-bottom: 20px; width: 100%; }

/* Slides Backgrounds EN*/
.anythingSlider .ceo   { background: url(/gfx/slides/slide01.png) 9px 7px no-repeat; }
.anythingSlider .executive-secratary  { background: url(/gfx/slides/slide02.png) 9px 7px no-repeat; }
.anythingSlider .business-manager      { background: url(/gfx/slides/slide03.png) 9px 7px no-repeat; }

/* Slides Backgrounds ES*/
.anythingSlider .ceoES   { background: url(/gfx/slides/slide01-es.png) 9px 7px no-repeat; }
.anythingSlider .executive-secrataryES  { background: url(/gfx/slides/slide02-es.png) 9px 7px no-repeat; }
.anythingSlider .business-managerES      { background: url(/gfx/slides/slide03-es.png) 9px 7px no-repeat; }


/* anythingSlider base UL */
.anythingBase 								{ background: transparent; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; }
.anythingBase li.panel 					{ background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; }


/* ============================================================================================ */

/* CONTACT ==================================================================================== */
form              { margin:0 0 20px 0; }
form .column      { width:230px; }
form .full        { width:495px; clear:both; }
form div div,
.full             { padding:0 0 20px 0; position:relative; }
input.text        { width:218px; }
textarea          { width:483px; min-width:483px; max-width:483px; }
label             { display:block; margin:0 0 5px 0; }

/* Styles */
input.text,
textarea                { padding:6px 5px; border:1px solid #cdcdcd; color:#868688; outline:none; }
input.text:focus,
textarea:focus          { color:#4B4B4D; }
.required label::after  { content:"*"; color:#FB4B4B; }

input.submit            { background:url(/gfx/btn-send.png) no-repeat; float:left; height:32px; width:50px;cursor: pointer;border:none;font-size: 0;margin:0 0 35px 0;}
input.submitES          { background:url(/gfx/btn-send-es.png) no-repeat; float:left; height:32px; width:55px;cursor: pointer;border:none;font-size: 0;margin:0 0 35px 0;}



form small              { font-size:11px; font-style:italic; color:#666; padding:0 3px 0 0; }
form small span         { color:#FB4B4B; }

/* Error */
input.text.error,
textarea.error          { border-color:#FB4B4B; color:#FB4B4B; }
label.error             { position:absolute; font-size:12px; right:0; top:58px; }
.full label.error 		{ bottom:20px; top:auto; }
label.error::after      { content:none; }

/* Success */
.formSuccess            { display:none; background:url(/gfx/btn-success.png) no-repeat; float:left; height:52px; width:325px;border:none;font-size: 0;margin:0 0 35px 0; }
.formSuccessES          { display:none; background:url(/gfx/btn-success-es.png) no-repeat; float:left; height:52px; width:325px;border:none;font-size: 0;margin:0 0 35px 0; }

/* ============================================================================================ */


/* FOOTER ===================================================================================== */
footer { background:#FFFFFF ; font-size:12px; text-align:left; }
footer a { color:#4B4B4D; text-decoration:none; }
footer #wrapper {	margin: 0 auto;    width: 992px;	}
footer .imp {	margin:66px 30px 0 0;	float:left;}
footer img {	margin:66px 0 0 0;	float:right;}
/* ============================================================================================ */


/* HELPER ===================================================================================== */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* ============================================================================================= */