@charset "utf-8";


body {
	margin: 0;
	padding: 0;
	background: #c7c7c7 url('../pic/layout/bgBody.gif') repeat-x left top;
}

#body {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	background: url('../pic/layout/bgBody.jpg') no-repeat center top;
}


/**
 * view
 */
.view {
	min-width: 925px;
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 15px;
}


/**
 * header
 */
#header {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #707070;
	background: #bebebe url('../pic/layout/bgHeader.gif') repeat-x left top;
}

#header2 {
	background: url('../pic/layout/bgHeader.png') no-repeat center top;
}

#header .view {
	overflow: hidden;
	height: 52px;
	padding-right: 0;
}

/* menu */
#header ul.menu {
	margin: 20px 10px 0 10px;
	padding: 0;
	font-size: 0.7em;
	list-style: none;
	vertical-align: middle;
}

#header ul.menu li {
	display: inline;
	margin: 0;
	padding: 0 5px;
}

#header ul.menu li a {
	color: #646464;
	text-decoration: none;
}

#header ul.menu li a:hover,
#header ul.menu li.active a {
	color: #3c3c3c;
}


/**
 * lang
 */
#lang {
display: none;
	float: right;
}


/**
 * search
 */
#search {
	float: right;
	margin: 16px 0;
}

#search input {
	display: block;
	float: left;
	margin: 0;
	padding: 0 2px;
	color: #464646;
	background: white;
	border-width: 1px;
	border-style: solid;
	font-size: 0.7em;
	border-top-color: #707070;
	border-bottom-color: #919191;
	vertical-align: middle;
}

#search #pattern {
	width: 120px;
	height: 14px;
	padding: 3px 0 3px 2px;
	border-right: none;
	border-left-color: #707070;
}

#search #start {
	width: 20px;
	height: 22px;
	border-left: none;
	border-right-color: #919191;
	background-image: url("../pic/layout/bgSearch.gif");
	background-repeat: no-repeat;
	background-position: center center;
}


/**
 * nav
 */
#nav {
	float: right;
}


/**
 * sobo
 */
#sobo {
	margin: 9px 0 0 0;
	padding: 0;
	list-style: none;
}

#sobo li {
	display: inline;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

#sobo li a {
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

#sobo li.news a,
#sobo li.twitter a,
#sobo li.xing a {
	margin-bottom: 5px;
}

#sobo li.news    a { width: 104px; height: 14px; background-image: url("../pic/layout/news.png"); }
#sobo li.feed    a { width: 34px;  height: 33px; background-image: url("../pic/layout/feed.png"); }
#sobo li.twitter a { width: 78px;  height: 18px; background-image: url("../pic/layout/twitter.png"); }
#sobo li.xing    a { width: 62px;  height: 27px; background-image: url("../pic/layout/xing.png"); }
#sobo li.fb      a { width: 34px;  height: 33px; background-image: url("../pic/layout/fb.png"); }

#sobo li.news    a:hover { background-position: left -14px; }
#sobo li.feed    a:hover { background-position: left -33px; }
#sobo li.twitter a:hover { background-position: left -18px; }
#sobo li.xing    a:hover { background-position: left -27px; }
#sobo li.fb      a:hover { background-position: left -33px; }


/**
 * footer
 */
#footer {
	position: relative;
	clear: both;
	margin-bottom: 10px;
	padding: 0;
	color: #575757;
	font-size: 0.7em;
}

#footer a {
	color: #4b4b4d;
	color: #646464;
	text-decoration: none;
}

#footer a:hover {
	color: #3c3c3c;
}

/**
 * ads
 */
#ads {
	width: 484px;
	margin: 0 auto;
	padding: 0 56px 0 0;
	overflow: hidden;
}

#ads p {
	margin: 5px 0;
}

#ads .banner {
	margin: 0;
	height: 60px;
	padding: 0 0 0 16px;
	background: url('../pic/layout/annonce.gif') no-repeat 2px 1px;
}

#ads .banner * {
	width: 468px;
	height: 60px;
	margin: 0;
	padding: 0;
}

#ads .banner a * {
	border: none;
}

/**
 * copy
 */
#copy {
	position: absolute;
	left: 15px;
	bottom: 0;
}


/**
 * bg
 */
#bg {
	position: absolute;
	right: 15px;
	bottom: 0;
	text-align: right;
}


/**
 * button
 */
.button {
	margin: 0;
	padding: 0;
	color: #464646;
	font-size: 0.7em;
	font-weight: bold;
	list-style: none;
	text-transform: uppercase;
}

.button li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

.button li a {
	display: block;
	width: 155px;
	height: 19px;
	overflow: hidden;
	margin: 0;
	padding: 6px 0 0 0;
	color: #464646;
	background: url("../pic/layout/bgBtn.png") no-repeat left top;
	text-align: center;
	text-decoration: none;
}

.button li a:hover {
	background-position: left -25px;
}

/* job */
.button .jobs a {
	width: 145px;
	padding-left: 10px;
	background-image: url("../pic/layout/bgBtnJobs.png");
	text-align: left;
}

.button .jobs a span {
	float: right;
	display: inline-block;
	width: 36px;
	height: 14px;
	margin: 0 6px 0 0;
	padding: 0;
	overflow: hidden;
	color: white;
	text-align: center;
	vertical-align: middle;
}


/**
 * intern
 */
#intern {
	float: left;
}


/**
 * extern
 */
#extern {
	float: right;
}

#extern .button li {
	margin-left: 10px;
	margin-right: 0;
}

#extern .button li a {
	width: 114px;
	padding-left: 10px;
	background-image: url("../pic/layout/bgBtnExt.png");
	text-align: left;
}


/**
 * main
 */
#main {
	position: relative;
}


/**
 * menu1
 */
#menu1 {
	clear: both;
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
	font-size: 1.35em;
	font-weight: bold;
	text-transform: uppercase;
}

#menu1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu1 ul li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

#menu1 ul li a {
	margin: 0;
	padding-left: 25px;
	color: #828282;
	background: url('../pic/layout/bgItem1block.gif') no-repeat left 6px;
	text-decoration: none;
}

#menu1 ul li a:hover,
#menu1 ul li.active a {
	color: #464646;
}


/**
 * logo
 */
#logo {
	position: absolute;
	right: 15px;
	margin-top: 4px;
}


/**
 * menubar
 */
#menubar {
	position: absolute;
	left: 15px;
	width: 189px;
	margin: 0 20px 0 0;
}


/**
 * menu2
 */
#menu2 {
	font-size: 0.75em;
}

#menu2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu2 ul li {
	margin: 0 0 1px 0;
	padding: 0;
}

#menu2 ul li a {
	display: block;
	height: 22px;
	width: 187px;
	margin: 0;
	padding: 10px 0 0 0;
	border: 1px solid #919191;
	color: #383838;
	background: url('../pic/layout/bgItem2.gif') repeat-x left top;
	text-decoration: none;
}

#menu2 ul li a span {
	padding-left: 32px;
	background: url('../pic/layout/bgItem2block.gif') no-repeat 12px center;
}

#menu2 ul li a:hover,
#menu2 ul li.active a {
	background-position: left -32px;
}

#menu2 ul li.active .footer {
	height: 7px;
	border: 1px solid #919191;
	background: url('../pic/layout/bgMenu3footer.gif') repeat-x left bottom;
}

#menu2 ul li ul {
	display: none;
}

#menu2 ul li.active ul {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #919191;
	border-top: none;
	background: url('../pic/layout/bgMenu3.gif') repeat-x left center;
	list-style: none;
}

#menu2 ul li.active ul li {
	margin: 0;
	padding: 0;
}

#menu2 ul li.active ul li a {
	display: block;
	height: auto;
	width: 175px;
	margin: 0;
	padding: 3px 0 3px 12px;
	border: none;
	color: #383838;
	background: transparent;
}

#menu2 ul li.active ul li a:hover,
#menu2 ul li.active ul li.active a {
	background: #ffee9b;
}


/**
 * content
 */
#content {
	width: 540px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #d1d1d1 url('../pic/layout/bgContent.gif') repeat-x left top;
}

#content a {
	padding-right: 10px;
	color: #f5821f;
	font-weight: bold;
	text-decoration: none;
	background: url('../pic/layout/lkIntern.gif') no-repeat right 4px;
}

#content a.extern {
	background-image: url('../pic/layout/lkExtern.gif');
}

#content a.mail {
	padding-right: 18px;
	background-image: url('../pic/layout/lkMail.gif');
}

#content a.down {
	padding-right: 12px;
	background-image: url('../pic/layout/lkDown.gif');
}

#content .header {
	height: 8px;
	margin: 0;
	padding: 0;
	border: 1px solid #3e3e3e;
	border-bottom: none;
	background: url('../pic/layout/bgContentHeader.gif') repeat-x left top;
}

#content .body {
	height: 500px;
	overflow: auto;
	margin: 0;
	padding: 20px 25px 10px 25px;
	border: 1px solid #919191;
	border-top-color: #828282;
}

#content .box {
	float: right;
	width: 180px;
	margin: 0 0 2px 5px;
	padding: 2px 10px;
	border: 1px solid #919191;
}

#content .box a {
	padding-right: 0;
	background: none;
}

/* contact */
#content .contact li div {
	width: 365px;
	overflow: hidden;
}