/*** style sheet for it-people
	 r-tistix · thorsten kreuger
	 28.10.2009                       ***/

/*** GENERAL ***/

body {
	background-color: #fff;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #222;}
.clearBoth {
	clear: both;}
.clearLeft {
	clear: left;}
.wrapper {
	width: 800px;
	margin: 0 auto;}
	
/*** HEADER ***/

.header {
	float: left;
	width: 800px; height: 111px;}
.img_logo {
	float: left;
	width: 227px; height: 111px;
	background: transparent url(../images/bg_logo.jpg) no-repeat;}
.home {
	float: left;
	width: 227px; height: 111px;}
.img_people {
	float: left;
	width: 573px; height: 111px;
	background: transparent url(../images/bg_people.jpg) no-repeat;}
.blueline {
	clear: left;
	width: 800px; height: 15px;
	background-color: #00529f;}
.copyrighttext {
	font-size: 0.6em;
	color: #ccc;
	text-align: right;
	padding: 1px 11px 0 0;}

/*** NAVIGATION ***/

.navigation {
	float: left;
	width: 158px; height: 630px;
	background: transparent url(../images/bg_navi.jpg) no-repeat;}
.navigation ul {
	margin: 45px 0 0 1px; padding: 0;
	border-top: 1px solid #c8c8c8;}
.navlevel1, .navlevel2, .navlevel3 {
	list-style-type: none;
	width: 156px; height: 22px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #c8c8c8;}
.button1, .button1_active,
.button2, .button2_active,
.button3, .button3_active {
	line-height: 19px;
	font-size: 12px;
	color: #00529f;
	text-decoration: none;
	padding: 0px 0px 2px 22px;
	background: transparent url(../images/arrow_dark.jpg) no-repeat 10px 1px;}
.button2, .button2_active {
	background: transparent url(../images/arrow_dark.jpg) no-repeat 22px 1px;}
.button3, .button3_active {
	background: transparent url(../images/arrow_dark.jpg) no-repeat 34px 1px;}
.button2, .button2_active {
	padding-left: 34px;}
.button3, .button3_active {
	padding-left: 46px;}
a:hover.button1, a:hover.button2, a:hover.button3 {
	color: #2eaed1;}
a.button1_active {
	background: transparent url(../images/arrow_bright.jpg) no-repeat 10px 1px;
	cursor: default;}
a.button2_active {
	background: transparent url(../images/arrow_bright.jpg) no-repeat 22px 1px;
	cursor: default;}
a.button3_active {
	background: transparent url(../images/arrow_bright.jpg) no-repeat 34px 1px;
	cursor: default;}

/*** CONTENT ***/

.contentwrapper {
	float: left;
	width: 642px; min-height: 633px;
	margin-top: 0px;}
.content {
	float: left;
	width: 616px; min-height: 633px;
	padding: 12px 10px 10px 15px;}
.contentcolumn1 {
	float: left;
	width: 466px; min-height: 633px;
	padding: 12px 10px 10px 15px;}
.contentcolumn2 {
	float: left;
	width: 131px; min-height: 324px;
	padding: 34px 7px 10px 12px;
	background: transparent url(../images/bg_stripegrey.jpg) left no-repeat;}
.contentright {
	float: left;
	width: 1px; min-height: 633px;
	background: transparent url(../images/bg_contentright.jpg) right no-repeat;
	margin-top: 0px;}

		
/*** STYLES ***/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 19px;
	color: #00529f;}
p, span, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;}
.contentcolumn2 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #00529f;
	text-decoration: none;}
a:hover {
	color: #2eaed1;}
.contentcolumn2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #00529f;
	text-decoration: none;}
.contentcolumn2 a:hover {
	color: #2eaed1;}
a.stellen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #00529f;
	text-decoration: none;
	line-height: 20px;
	background: transparent url(../images/arrowsmall_dark.jpg) no-repeat 0px 2px;
	padding-left: 12px;}
a:hover.stellen {
	color: #2eaed1;
	background: transparent url(../images/arrowsmall_bright.jpg) no-repeat 0px 2px;}
.big {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	font-size: 2em;
	font-weight: normal;
	color: #666;}

/*** FORMULARE ***/

.formrow {
	margin-bottom: 6px;}
.formleft {
	float: left;
	width: 130px;}
.formleftoffer {
	float: left;
	width: 180px;}
.formleftlong {
	float: left;
	width: 375px;}
.forminput_text {
	width: 323px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #222;}
.forminput_textoffer {
	width: 275px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #222;}
textarea {
	width: 323px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;}
.textareaoffer {
	width: 275px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;}
.choice1 {
	width: 281px;}
.choice2 {
	width: 329px;}