/*Default*/
html{height:100%;}
body {margin: 0px; font-family: verdana, arial, helvetica; font-size:75%; height:100%; background-image:url(../images/shared/bgBody.jpg); background-repeat:repeat-x; background-position:0 -21px; color:#333333;}

.left{float:left;text-align:left;}
.right{float:right;text-align:right;}
.justify p{text-align:justify; margin-bottom:14px;}

.smallCaps{font-variant:small-caps;}
.uppercase{text-transform:uppercase;}
.caps {text-transform:uppercase}
.expanded{font-stretch:expanded;}
.ultra{letter-spacing:10 em;}
.condensed{font-stretch:condensed;}

.small{font-size:95%;}
.xsmall{font-size:90%;}
.xxsmall{font-size:85%;}
.xxxsmall{font-size:80%;}

.center{text-align:center;}
.clear{ clear:both;}

h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;}
h1{font-size:130%; color:#ff3333; padding-bottom:7px; width:365px;}
h2{font-size:130%; color:#666666; border-bottom:solid #dcdcdc 1px; padding-bottom:7px; margin-bottom:7px; width:365px; }
h3{font-size:100%; color:#777777; }
h4{font-size:130%; color:#666666;padding-bottom:0px; margin-bottom:3px;}
h5{font-size:100%;}
h6{font-size:100%;}
p{font-size:90%;}

ul{margin-top:0px;}

.breadcrumb{font-size:85%;color:#999999; margin:0px;}


.footer p{padding: 0px 0px 10px 0px;}

a {color:#666666;outline: none;}/*outline none will remove the dotted line on active*/
a:hover {text-decoration:none;}
img {border:none;}
img .left{float:left;}

.clearBottom{margin-bottom:0px; padding-bottom:0px;}

table#content {margin-left:auto; margin-right:auto; width:760px; border:0; color:#666666; font-size:90%;}
td {border:none;}
td.leftcell{width:80px; text-align:left; padding-right:15px;}
td.rightcell{width:200px;}

/* *************
* FORM
*************** */
input, textarea{ color:#666666; font-size:100%; letter-spacing:0.1em; border:solid #dcdcdc 1px; margin:0px 0px 3px 0px; padding-left:2px; padding-right:10px; line-height:1.2; background:url(../images/shared/bgInputfields.jpg) no-repeat top right}
input.required{background-image:url(../pattex/images/green/icoRequired.gif); background-position:right; background-repeat:no-repeat; background-attachment:fixed;}
select, option {background-color:#ffffff;}


/** turn off the border on radio and checkboxes in IE                 **/
/** necessary because IE defines the border as a box around the radio **/
/** or the checkbox, not the actual button                            **/
input.radio {border:none;}
** turn the border back on for radio and checkboxes for Mozilla based browser **/
/** necessary because these define the border as the actual radio or checkbox  **/
/** IE 5+ ignores this CSS 2 definition                                        **/

input[type="radio"], input[type="checkbox"] {
		background-color: #FFFFFF !important;
		border:solid 1px #999999 !important;
}
input[type="button"] {
	text-transform: uppercase;
	color: #336699;
	background-color:#CCCCCC;
  		}

#jobform{color:#666666; font-size:95%; letter-spacing:0.1em;}
.function{font-weight:bold; color:#88c743; border:none;}
.streetnumber{width:4em;}
.place, .street{width:16em;}
.pc{width:4em;}
.email, .name, .firstname, .function{width:21em;}
.tel{width:10em;}
.gsm{width:10em;}
.motivation{width:24em; height:120px; font-size:100%;font-family:Arial,Verdana,Helvetica,sans-serif; letter-spacing:0.1em;}
.btn, .btnFile{cursor:pointer; border:solid #dcdcdc 1px; font-size:90%; margin-top:7px; margin-bottom:0px; padding-bottom:0px;}
 .btn{ background:url(../images/shared/btnBgGrey.jpg) repeat-x; color:#666666; text-transform:lowercase; padding:2px; width:6.3em; }
.btnHover{background:url(../images/shared/btnBgYellow.jpg) repeat-x; color:#666666; text-transform:lowercase; padding:2px; width:5.7em; }
 .btnFile{ border:solid #d8e4ca 1px; width:22em;}

.opacity{
	opacity: .5;
	filter: alpha(opacity=50);
}