@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300italic,400italic,300,600,600italic,700,700italic,900,900italic);

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
html {font-size: 14px; color: #006293; background: #fff; font-family: 'Source Sans Pro', 'Lato', sans-serif;}
body {height: 100%; width: 100%;}
.wrapper-content {margin: 0 auto; width: 1040px; height: 100%; position: relative; z-index: 888;}
.clear {clear: both;}
*::-moz-selection {background: none repeat scroll 0 0 #05acff; color: #fff; text-shadow: none;}
::selection { background:#05acff; color:#fff; text-shadow: none; }

/*************
** Generals **
*************/
img, div {border: none;}
a 			{text-decoration: none; color: #006293; outline: 0; transition: color 0.1s; -moz-transition: color 0.1s; -webkit-transition: color 0.1s; -o-transition: color 0.1s; -ms-transition: color 0.1s; cursor: pointer;}
:focus	{outline: 0;}
a:hover	{text-decoration: none;}
b,strong	{font-weight: bold;}
i,em		{font-style: italic;}
ul 		{list-style: none;}
h2, h3 	{font-weight: normal; color: #006293; font-family:Arial, Helvetica, sans-serif}
h3 { font-weight:500}
h4 		{font-weight: 700; font-size: 14px;}
p        {line-height: 21px; margin-bottom: 20px; color: #666; font-family:Arial, Helvetica, sans-serif}
form, input, textarea  {border: none;}
#eXTReMe {display: none;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px}

/*************
** 	Logo 	**
*************/
#logo {float: left; margin-right: 30px;}
#logo h1 {margin: 0; font-size: 24px;}
#logo a {display: block; font-weight: 100; background: url(../img/ferro-logo.png) center no-repeat; width: 98px; height: 113px; text-indent: -9999px; margin-left:10px}
#logo a span {text-transform: uppercase;}
#logo a span.normal {text-transform: none;}
#logo a span.blue {}
#logo a:hover {color: #05acff;}
.logo-tease {float: left;}
.logo-tease h3 {font-weight: 900; font-size: 24px; line-height: 18px; text-transform: uppercase;}
.logo-tease h3 span {text-transform: none;}
.logo-tease h4 {font-weight: 900; font-size: 12px;}
.anfrage {float: right; margin-top: 2px;}
.anfrage h3 {text-transform: uppercase; font-size: 13px; font-weight: 400; padding-left: 10px; height: 25px; padding-top: 1px;}
.anfrage h3 strong {font-size: 15px; font-weight: 900; margin-left: 25px; margin-right:20px}

/*************
** 	Nav 	**
*************/
nav {float: left; list-style:none}
nav ul { list-style:none}
nav ul li {float: left; margin-right: 0px; margin-top: 7px; list-style:none}
nav ul.start li:first-child.active {margin-top: 4px;}
nav ul li:after {width: 4px; height: 4px; content: ""; background: #006293; background: rgba(0, 98, 147, .4); border-radius: 50%; display: block; float: left; margin: 6px 6px 6px 6px; behavior: url(pie/PIE.htc);}
nav ul li:first-child {background: url(../img/house1.gif) center no-repeat; margin-top: 5px;}
nav ul li:first-child:hover {background: url(../img/house2.gif) center no-repeat; margin-top: 4px;}
nav ul li:first-child a {text-indent: -9999px; width: 19px; display: block; margin-top: -6px; padding-top: 6px;}
nav ul li:first-child:after {margin: 0; background: none; width: inherit; height: inherit;}
nav ul li a {font-size: 15px; font-weight: 600; text-transform: uppercase; padding-top: 7px;}
nav ul li a:hover, nav ul li.active a {border-top: 2px solid #05acff; color: #05acff;}
nav ul.start li a:hover, nav ul.start li.active a {border-top: 2px solid #05acff; color: #05acff;}
nav ul li:first-child.active {background: url(../img/house2.gif) center no-repeat; margin-top: 4px;}

/*************
** 	Head 	**
*************/
#slider {position: fixed;	z-index: 1;	background-position: center center;	background-repeat: no-repeat; top: 0; height: 532px; width: 100%; margin: 0; background-size: cover; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 0px; border-style: solid;}
.top {border-bottom: 2px solid #494949; border-bottom: 2px solid #006293; float: right; display: block; width: 900px; padding: 12px 0 7px 0;}
.wrap-tease {width: 1040px; margin: 0 auto; position: relative;}
.rsABlock h2 {font-size: 24px; text-transform: uppercase; font-weight: 900; color: #fff; margin-bottom: 8px; text-shadow: 0 0 4px #424242;}
.rsABlock h3 {font-size: 19px; font-weight: 900; color: #fff; line-height: 22px; margin-bottom: 16px; text-shadow: 0 0 4px #424242;}
.rsABlock .button {background: #006293; color: #fff; font-weight: 900; font-size: 16px; padding: 4px 20px; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; cursor: pointer;}
.rsABlock .button:hover {background: #05acff;}
.head, .headsub {position: fixed; width: 1040px; margin: 0 auto;}

/*************
**	Sections	**
*************/
.container {position: relative; margin-top: 532px; float: left; z-index: 888; width: 100%; background: #fff;}
.container.sub {margin-top: 110px;}
.container.sub.boxes {margin-top: 175px;}

/* Box Settings */
#boxen {float: left; margin-top: -20px; border-bottom: 0px solid #cccccc; margin-bottom: 5px; padding-bottom: 5px;}
#boxen.sub {border: none; margin-top: 10px;}
.box {float: left; -moz-box-shadow: 0 0 3px #a0a0a0; -webkit-box-shadow: 0 0 3px #a0a0a0; box-shadow: 0 0 3px #a0a0a0; behavior: url(pie/PIE.htc); margin-right: 10px; margin-bottom: 10px; background: #fff; position: relative; display: block; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s;}
.box img {position: absolute; z-index: 1; border: 8px solid #fff; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s;}
/*.box:hover img {border: 8px solid #05acff;}*/
.box:hover {-moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000;}
.nested {box-shadow: inherit; -moz-box-shadow: inherit; -webkit-box-shadow: inherit; margin-right: 10px; margin-bottom: 10px; background: #fff; position: relative; display: block; float: left;}
.content {position: relative; z-index: 3;}
.big {width: 410px;}
.large {width: 515px;}
.small {width: 200px;}
.middle {width: 340px;}
.box.last {margin: 0;}
.one, .two, .three {height: 278px;}
.four, .seven {height: 480px;}
.five, .six {height: 235px; margin-bottom: 10px;}
.four, .five, .two {cursor: pointer;}
.overlay {background: url(../img/bg/box-overlay.png) center bottom no-repeat; position: absolute; z-index: 2; height: 96px; width: 396px; bottom: 8px; left: 8px;}
.overlaytwo {position: absolute; z-index: 20000; height: 94px; width: 326px; bottom: 8px; left: 8px;}
.overlaythree {background: url(../img/bg/overlay3.png) center bottom no-repeat; position: absolute; z-index: 2; height: 107px; width: 327px; bottom: 90px; left: 8px;}


/* Boxen Sub */
#boxen.sub .box {cursor: pointer;}
#boxen.sub .one, #boxen.sub .two {height: 280px; margin-bottom: 10px;} 
#boxen.sub .three, #boxen.sub .four, #boxen.sub .five {height: 280px;}
#boxen.sub h3 {font-weight: 900; font-size: 16px;}
#boxen.sub .three {background: #fff;}
#boxen.sub .five h3 {text-align: left;}
#boxen.sub .content {margin-top: 245px; margin-left: 8px;}

/* Box Styles */
.content ul {margin: 15px 0 0 20px;}
.content ul li {text-shadow: 0 1px 0 #fff;}
.content ul li h3 {font-weight: 900;}
.content ul li ul {margin: 0;}
.content ul li ul li {display: block; border-bottom: 1px solid #a4c2d0; width: 250px; padding: 2px 0;}
.content ul li ul li a {display: block;}
.content ul li ul li a:hover {color: #05acff;}
.content ul li ul li.last {border: none; margin-bottom: 3px;}
.content .left ul {margin: 5px 0 21px 40px;}
.content .left ul li {list-style: disc; margin-bottom: 5px;}
.two .content {margin: 30px 10px 0 8px;}
.two h3 {font-weight: 900; font-size: 16px; margin-bottom: 3px;}
.two p, .seven p {color: #006293; line-height: 17px;} 
.three {background: #CCC;}
.three ul {margin: 0;}
.carousel {float: left; width: 200px; background: url(../img/bg/circle.jpg) center no-repeat; height: 240px; margin-top: 20px;}
.caroufredsel_wrapper {margin: 0px auto !important; width: 150px !important;}
.three .carou {}
.carou li {display: block; float: left; text-align: center; height: 100%; font-size: 22px; font-weight: 900; margin-top: 25px; width: 151px;}
.carou li strong {font-size: 60px; line-height: 20px; margin-top: 13px; display: block;}
.fact {width: 151px; float: left; margin-top: 18px;}
.fact.rus {margin-top: 23px;}
.four .content {margin: 410px 0 0 8px;}
.four h3, .five h3, .six h3 {font-size: 24px; font-weight: 900;}
.four h4, .five h4, .six h4 {font-size: 14px; font-weight: normal; line-height: 12px;}
.five h4, .five h3, .six h3, .six h4 {text-align: center;}
.five .content, .six .content {margin-top: 20px;}
.six .content .button {margin: 0 auto; width: 170px; text-align: center; display: block; background: #006293; color: #fff; font-weight: 900; font-size: 16px; padding: 4px 0; margin-top: 116px; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; cursor: pointer;}
.six .content .button:hover {background: #05acff;}
.seven .content {margin: 360px 0 0 8px;}
.seven .content p {color: #006293;}
.seven .content p a {color: #05acff;}
.seven .content p a:hover {text-decoration: underline;}

/* Footer Text Styles */
#text { float: left; margin-bottom: 17px; /*padding-bottom: 16px; border-bottom: 2px solid #cccccc;*/}
.left {width: 515px; float: left; margin-right: 10px;}
.right {width: 515px; float: right;}
#text p {line-height: 17px; text-align: justify;}
#text h3 {color: #949494; font-weight: 900; margin-bottom: 10px; display: block;}

/* Detail */
#detail .left {width: 415px; float: left; margin-right: 10px;}
#detail .right {width: 615px; float: left;}
#detail.text .right {width: 520px; padding-right: 10px; float: right; margin-top: 68px;}
#detail.text .rightterm {width: 420px; padding-right: 10px; float: right; margin-top: 45px;}
#detail.text .left {width: 520px; padding-right: 10px; float: left; margin: 0;}
#detail.text p {text-align: justify; padding-right: 20px;}
#detail.text p a {color: #05ACFF;}
#detail.text p a:hover {text-decoration: underline;}

#detail .box {height: 365px; width: 520px; float: left; -moz-box-shadow: 0 0 3px #a0a0a0; -webkit-box-shadow: 0 0 3px #a0a0a0; box-shadow: 0 0 3px #a0a0a0; margin-right: 10px; margin-bottom: 10px; background: #fff; position: relative; display: block;}
#detail .box img {position: absolute; z-index: 1; border: 8px solid #fff; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s;}

#detail .boxterm {height: 254px; width: 360px; float: left; -moz-box-shadow: 0 0 3px #a0a0a0; -webkit-box-shadow: 0 0 3px #a0a0a0; box-shadow: 0 0 3px #a0a0a0; margin-right: 10px; margin-bottom: 10px; background: #fff; position: relative; display: block; margin-left:30px}
#detail .boxterm img {position: absolute; z-index: 1; border: 8px solid #fff; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s;}

.pathmenu {float: left; border-top: 1px solid #cccccc; display: block; width: 100%;  margin-bottom: 36px;}
.pathmenu ul {margin-top: 3px;}
.pathmenu ul li {float: left; background: url(../img/arrow.jpg) right 8px no-repeat; padding-right: 12px; margin-right: 7px;}
.pathmenu ul li.active {background: none; color: #05acff;}
.pathmenu ul li a {color: #949494; font-size: 12px;}
.pathmenu ul li.active a, .pathmenu ul li a:hover {color: #05acff;}
#detail h2 {font-weight: 700; font-size: 24px; text-transform: uppercase; margin-bottom: 10px;}
#detail h3 {font-weight: 900;}
#detail strong {color: #494949;}
#detail .content {float: left; margin-bottom: 30px;}

/* Kontakt */
.form {float: left;}
.form h2 {font-weight: 900; font-size: 26px; text-transform: uppercase;}
.form .box {box-shadow: inherit; -moz-box-shadow: inherit; -webkit-box-shadow: inherit;}
.form h3, .karte h3 {color: #949494; font-size: 16px; font-weight: 900; margin-bottom: 5px;}
.mainform .box {float: left; width: 340px; margin-right: 10px;}
.sumcontact {float: right; width: 340px; background: #f4f4f4; padding: 20px 20px 0px 20px; margin: 32px 0 50px 0;}
.sumcontact h3 {font-weight: 900; font-size: 18px; margin-bottom: 5px;}
.sumcontact p {color: #006293; line-height: 21px;}
.sumcontact a {color: #05acff;}
.sumcontact a:hover {text-decoration: underline;}
.karte {float: left; width: 100%; border-top: 1px solid #ccc; padding: 50px 0 0 0;}

/* TIPSY */
.tipsy { padding: 5px; font-size: 14px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../img/bg/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/*************
**		Form 	**
*************/
form, fieldset, input, textarea, select {border: none; color: #949494; background: none; font-family: 'Source Sans Pro', 'Lato', sans-serif;}
input, textarea, select {border: 1px solid #cccccc; width: 100%; margin-bottom: 10px; transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s;}
input,select {height: 35px; padding-left: 35px; font-size: 14px; line-height: 30px; color: #000;}
textarea {padding: 8px; overflow: auto; font-size: 14px;}
input:hover, textarea:hover, input:focus, textarea:focus, select:focus {border: 1px solid #006293;}
textarea {height: 170px; resize:none; color: #000;}
select {color: #949494; padding-top: 4px;}
select:focus {color: #000;}
.checkboxen {}
.checkboxen input {float: left; width: auto;}
.checkboxen span {float: left; margin: 7px 26px 0 7px;}
.submit {background: #3B5998; width: 200px; border: none; color: #fff; font-size: 16px; font-weight: 900; float: right; cursor: pointer; padding: 0 0 2px; height: 31px; line-height: 30px;}
.submit:hover {background: #05acff; padding: 0 0 2px; height: 31px;}
.form .one {background: url(../img/bg/1.jpg) left no-repeat; height: 35px;}
.form .inputtwo {background: url(../img/bg/2.jpg) left no-repeat; height: 35px;}
.form .inputthree {background: url(../img/bg/3.jpg) left no-repeat; height: 35px;}
.form .inputfour {background: url(../img/bg/4.jpg) left no-repeat; height: 35px;}
.form .inputfive {background: url(../img/bg/5.jpg) left no-repeat; height: 35px;}
.form .one:focus {background: url(../img/bg/1_.jpg) left no-repeat; height: 35px;}
.form .inputtwo:focus {background: url(../img/bg/2_.jpg) left no-repeat; height: 35px;}
.form .inputthree:focus {background: url(../img/bg/3_.jpg) left no-repeat; height: 35px;}
.form .inputfour:focus {background: url(../img/bg/4_.jpg) left no-repeat; height: 35px;}
.form .inputfive:focus {background: url(../img/bg/5_.jpg) left no-repeat; height: 35px;}

#success_page strong {color: #05acff;}
.error_message {border: 1px solid red; margin-bottom: 20px; background: #FBE3E4; padding: 15px; margin-right: 10px;}
.error_message p {font-weight: bold; font-size: 16px;}
.error_messages li {color: red;}
.box img.loader {float: left; border: none; position: relative;}

/*************
** Footer	**
*************/
footer, footer img, .footnav, .nummer {float: left;}
footer {margin-bottom: 5px; border-top: 0px solid #cccccc; padding-top: 0px; color:#000}
.footnav {width: 530px; margin-left: 5px; height: 50px;}
.footnav ul li {display: block; float: left; margin-bottom: 5px; margin-left:10px}
.footnav ul li a {color: #000000; text-transform: uppercase; display: block; font-size: 14px;}
.footnav ul li a:hover {color: #05acff;}
footer p {float: right;}
.nummer {padding-left: 5px; width: 200px; margin-left: 10px; margin-right:0px}
.nummer h5 {font-size: 17px; font-weight: 400; color: #000; line-height: 10px;}
.nummer h6 {font-size: 24px; font-weight: 900; color: #000;}


/*************
** Socials **
*************/

img.facebook {width: 55px; height: 55px; position: absolute; bottom: 55px; left: 109px; border: none;}
img.xing {width: 55px; height: 55px;  position: absolute; bottom: 55px; left: 144px; border: none;}
img.google {width: 55px; height: 55px;  position: absolute; bottom: 55px; left: 179px; border: none;}

.list {
	margin-left:10px;
	margin-top:10px}
	
.list2 {
	margin-left:2px;
	margin-top:2px}
	
#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
table { 
		width: 100%; 
		border-collapse: collapse;
		margin-bottom:20px
		
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left;
		color:#333
	}
	
	th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left;
	}
	
	.buttons {
	display: inline;
	height: 41px;
	width: 162px;
	text-indent: -9999px;
	margin: 46px 0 0 4px;
	float: left; }
	
	.buttons-en {
	display: inline;
	height: 41px;
	width: 211px;
	text-indent: -9999px;
	margin: 46px 0 0 4px;
	float: left; }


#btn-arajanlatkeres {
	background: url("../img/arajanlatkeres-button.png") no-repeat;
	margin: 6px 0 0 120px;
}

#btn-rfq {
	background: url("../img/rfq.png") no-repeat;
	margin: 6px 0 0 120px;
}

#btn-ange {
	background: url("../img/ange-button.png") no-repeat;
	margin: 6px 0 0 120px;
}


#btn-sajattermekek {
	background: url("../img/sajat-termekek-button.png") no-repeat;
	margin: 6px 0 0 120px;
}

#btn-self-pr {
	background: url("../img/self-pr.png") no-repeat;
	margin: 6px 0 0 120px;
}

#btn-self-pr2 {
	background: url("../img/self-pr2.png") no-repeat;
	margin: 6px 0 0 120px;
}


a.buttons:hover { background-position: bottom left!important; }

a.buttons-en:hover { background-position: bottom left!important; }

.buttons2 {
	display: inline;
	height: 41px;
	width: 262px;
	text-indent: -9999px;
	margin: 46px 0 0 4px;
	float: left;}

a.buttons2:hover { background-position: bottom left!important; }

#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#signup {

     width: 500px;
     padding-bottom: 2px;

    display:none;


    background: #FFF;
        border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
		margin-top:-160px
       
}

     

#signup-header { background: url(../img/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }

#signup-header  h2 { color: #444; font-size: 20px; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header  p { color: #444; font-size: 16px; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#signup .txt-fld { position: relative; width: 500px; padding: 10px 10px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }

#signup .txt-fld label { display: block; float: left; width: 130px; padding-top: 2px; color: #222; font-size: 1.3em; text-align: left;  }
#signup .txt-fld input { width: 244px; padding: 2px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input.good_input { background: #DEF5E1 url(../img/good.png) 236px center no-repeat; }
#signup .txt-fld input.error_input { background: #FDE0E0; }

p.error { position: absolute; bottom: 48px; right: 20px; width: 262px; color: #FFF; font-size: 1.1em; padding-bottom: 5px; background: url(../img/error-arw.png) 20px bottom no-repeat; text-align: left; margin: 0; text-shadow: none; }
p.error span { display: inline-block; background: #D43636; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }
        
button {
	float: right;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	background: #3B5998; 
	border: none;
  width: auto;
  overflow: visible;
  font-size: 1.4em;
  color: #FFF;
 padding: 7px 10px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);
 margin-left:300px}
        
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../img/modal_close.png); z-index: 2; }

.infoBox {
	background: #e5e5e5;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top,  #e5e5e5 0%,#ffffff 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );*/
	display: block;
	float: left;
	box-shadow: 0 0 3px #b0b0b0;
	margin-top:20px;
	width:100%;
}

/* box-shadow fix for IE */
.no-boxshadow .infoBox, .ie7 .infoBox 
{
    border: 1px solid #b0b0b0;
}
    
.infoBox blockquote { 
	background: url(/images/icons/quote-open.png) 0 3px no-repeat;
	font-size: 1.4em;
	margin: 0 16px 10px 0;
	padding: 0 0 0 12px;
	position: relative;
}

.infoBox blockquote:after {
	content: url(/images/icons/quote-close.png);
	margin-top: -5px;
	vertical-align: top;
}

.infoBox cite { 
	color: #d32e23;
	font-size: 1.4em; 
	font-style: normal;
	margin: 0 100px 5px 12px;
	display: block;
}

.callout {
	float: left;
	margin: 0 0 20px 0;
	width: 630px;
}
.callout .infoBox { width: 270px; margin: 0 0 0 30px; padding: 15px; }
.callout .first { margin: 0 0 0 0; }

.callout .infoBox img { float: left;  }
.callout .infoBox h5, #main .callout .infoBox p, .callout .infoBox a { margin: 0 0 0 105px; }
#main .callout .infoBox p { line-height: 20px; }
.callout .infoBox a { 
	background: url("../images/layout/arrow-right-sub-cta.png") no-repeat right 2px;
    color: #7D1315;
    font-family: 'ClobberGrotesk-DemiBold',arial,sans-serif;
    font-size: 1.4em;
    padding: 0 17px 0 0;
    line-height: 1em;
}

/* 
 * -----------------------------
 *  Overviews
 * -----------------------------
*/
.scOverview { float: left; width: 960px; }
.scOverview .infoBox { width: 960px; margin: 0 0 20px 0; }
.scOverview .infoBox img { display: block; float: left; }

.scOverview .infoBox p { font-size: 1.4em; line-height: 19px; margin: 30px 38px 12px 330px; }
.scOverview .infoBox p.cta { margin: 0 38px 0 330px; float: right; font-size: 1.8em; font-family: 'ClobberGrotesk-DemiBold', arial, sans-serif; line-height: 1em;}
	.scOverview .infoBox p.cta a { 
		background: url("../images/layout/arrow-right.png") no-repeat scroll right 0 transparent;
		color: #7D1315;
		display: block;
		height: 59px;
		padding: 4px 27px 3px 0;
	}
.scOverview .infoBox hr { width: 600px; margin: 0 0 12px 28px; float: left; }

.scOverview .rowHeader { 
	width: 300px;
	height: 182px;
	float: left;
	position: relative;
}

.scOverview .rowHeader img {
	position: absolute;
	top: 0;
	left: 0;
}
.scOverview .rowHeader h3 { 
	position: absolute;
	top: 15px;
	left: 15px;
	color: #fff;
	font-weight: normal;
	font-family: 'ClobberGrotesk-Light', arial, sans-serif;
	font-size: 2.8em;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: -1px; 
	line-height: 1em;
}

	.ie7 .scOverview .rowHeader h3 { line-height: 50px; top: -5px; }
	.ie7 .promoPanels h3 { line-height: 44px; top: 0; }

.infoBoximg {
	width:223px; float:left; margin-right:10px}
	
.infoBoximg img {
	display:block; margin-left:auto; margin-right:auto; max-width:230px; height:140px
	}
	
.langCor {
  float: left;
  margin: 0;
  margin-top: 0px;
  margin-left:40px;
  position:relative;
  top: 0px
}


.langCor .hu {
  background: url("../images/langIcon.png") no-repeat scroll -126px 0px transparent;
  float: left;
  height: 27px;
  width: 38px;
  margin-right: 5px;}
  
.langCor a.hu {  
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}

.langCor a.hu:hover {
  background: url("../images/langIcon.png") no-repeat scroll -126px 0px transparent;
  float: left;
  height: 27px;
  width: 38px;
  margin-right: 5px;
 -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}

.langCor .en {
  background: url("../images/langIcon.png") no-repeat scroll -168px 0 transparent;
  float: left;
  height: 27px;
  width: 38px;
  margin-right: 3px;
}

.langCor a.en {
 -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}

.langCor a.en:hover {
 background: url("../images/langIcon.png") no-repeat scroll -168px 0 transparent;
  float: left;
  height: 27px;
  width: 38px;
  margin-right: 3px;
   -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}

.langCor .de {
  background: url("../images/langIcon.png") no-repeat scroll -208px 0 transparent;
  float: left;
  height: 27px;
  width: 38px;
  margin-right: 5px;
}

.langCor a.de {
 -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}

.langCor a.de:hover {
 background: url("../images/langIcon.png") no-repeat scroll -208px 0 transparent;
  float: left;
  height: 27px;
  width: 38px;
  margin-right: 5px;
   -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}