/**************** 
--== General ==--
****************/
div#wrapper     								{ position: absolute; width: 970px; left: 50%; margin-left: -485px; }
a 												{ text-decoration: underline; color: #073847 }

/*************** 
--== Header ==--
***************/
body h1, body h2, body h3, body h4, body h5, body h6 							{ font-family: Verdana, sans-serif; }
//h2											{ font-size: 18px ;color: #666; text-align:right; }
body h2 												{ font-size: 13px; color: #666; text-align: left; }
body h3												{ font-size: 11px ;color: #666; font-weight: bold; }

div#header										{ height: 320px; position: relative; }

#header div.leftcolumn img								{ position: absolute; top: 60px; left: 0px; }
div#keyvisual									{ position: absolute; top: 60px; left: 0px; }
div#logo        								{ position: absolute; top: 60px; left: 805px; width: 162px; height: 39px; }
#logo h1 a             							{ background: url('../gfx/reutax.gif') no-repeat top left; display: block; width: 162px; height: 26px; }
#logo h2, #logo p     							{ background: url('../gfx/pure_skills_powerful_solutions.gif') no-repeat top left; width: 162px; height: 13px; margin-top: 1px; }
#logo h1 a, #logo h2, #logo p 					{ overflow: hidden; text-indent: -9999px; }

.leftcolumn     								{ float: left; width: 482px; margin-right: 10px; }
.rightcolumn    								{ float: right; width: 460px; }




/***********************
--== Tab navigation ==--
***********************/
div#topnav										{ height: 33px; background: url(../gfx/tabs/bg.gif) no-repeat top left; margin-top: 6px; padding-left: 5px; }
#topnav ul      								{ float: left; height: 33px; list-style-type: none; overflow: visible; padding-left:3px; position:relative; left: -3px; margin-right: -3px }
#topnav ul li    								{ float: left; display: block; font-family: Verdana, sans-serif; overflow: visible; margin-left: -3px; }
#topnav ul li a									{ text-decoration: none; display: block;  width: 100px; height: 18px; padding-top:15px;  text-align: center; }
#topnav ul li a:hover							{ font-weight: bold; padding-top: 7px; height: 26px; width: 100px; background: url(../gfx/tabs/active.gif) no-repeat top left; }
#topnav ul li.active a							{ font-weight: bold; padding-top: 7px; height: 26px; width: 100px; background: url(../gfx/tabs/active.gif) no-repeat top left; }
#topnav ul.level1 li.trail a					{ font-weight: bold; padding-top: 7px; height: 26px; width: 100px;  background: url(../gfx/tabs/active.gif) no-repeat top left; }



/****************** 
--== Countries ==--
******************/

#countries ul									{ position: absolute; top: 110px; left: 800px; 
												  background: url('../gfx/map.gif') no-repeat top left;
				  								  width: 225px; height: 85px; padding-top: 10px}
#countries ul li a								{ display: block; margin-bottom: 5px; text-decoration: none }
#countries ul li								{ background: url('../gfx/bullet.gif') no-repeat center left; padding-left: 15px; vertical-align: center; }
#countries ul li.trail,
#countries ul li.active							{ display: none; }
//ul#countries li a#reutax_schweiz				{ background: url('../gfx/typo/reutax_ag_schweiz.gif') no-repeat top left; width: 99px; height: 12px; overflow: hidden; text-indent: -9999px; }
//ul#countries li a#reutax_oesterreich			{ background: url('../gfx/typo/reutax_ag_oesterreich.gif') no-repeat top left; width: 109px; height: 13px; overflow: hidden; text-indent: -9999px; }
//ul#countries li a#reutax_usa					{ background: url('../gfx/typo/reutax_corp_usa.gif') no-repeat top left; width: 91px; height: 12px; overflow: hidden; text-indent: -9999px; }
//ul#countries li {display: none;}

/**********************
--== Subnavigation ==--
**********************/
#subnav ul					{ position: absolute; bottom: 100px; left: 510px;}
#subnav ul					{ width: 225px; background: url('../gfx/dotted_line.gif') no-repeat right bottom; }
#subnav ul li				{ width: 200px;  border-bottom: 1px solid #bdbdc6; background: url('../gfx/subnav.gif') no-repeat left center; }
#subnav ul li a				{ padding-left: 10px; text-decoration: none; overflow: hidden; height: 19px; width: 100px; }
#subnav ul li:hover			{ background-color: #bdbdc6; }
#subnav ul li.hover			{ background-color: #bdbdc6; }
#subnav ul li.active		{ background-color: #bdbdc6; }
#subnav ul li.trail			{ background-color: #bdbdc6; }
#subnav ul li strong		{ font-weight:normal;  }

#reflection										{ display: block; position: absolute; top: 250px; left: 510px; width: 285px; height: 42px; }

/*************** 
--== Footer ==--
***************/

div#footer      								{ float: left; clear: both; margin-top: 20px; }
div#footer .footerbar 							{ width: 942px; height: 19px; padding: 8px 20px; color: #fff; margin-bottom: 20px; }
div#footer .footerbar p							{ float: left; color: #fff; }
div#footer ul									{ list-style-type: none; float: right; margin-right: 0px; }
div#footer ul li								{ float: left; margin-right: 20px; }
div#footer ul li a								{ text-decoration: none; color: #fff; }
div#footer ul ul								{ display: none; }

div#footer div.references									{ width: 940px; color: #999; padding-left: 22px; }
div#footer div.references ul 								{ float: none; list-style-type: none; margin-top: 10px; height: 100px; }
.uplink {color:#fff;font-weight:bold;text-decoration:none;margin-right:40px; padding-left:15px; background: url('../gfx/uplink.gif') no-repeat center left;}

/***********************
--== Postalcode box ==--
***********************/

ul.postal_codes									{ position: absolute; right: 0px; top: 50px; width: 98px; height: 80px;
												  background: url('../gfx/postal_codes.gif') no-repeat top left; padding: 10px; padding-right: 0px; z-index: 200; }
ul.postal_codes li 								{ display: block; float:left; width: 26px; margin-right: 5px; border:none; }
ul.postal_codes li a							{ color: #fff; font-weight: bold; width: 26px; border:none; text-decoration: none; }

/***************
--== Listen ==--
***************/

ul.subsubnav			{ margin-left: 20px; list-style-image:url(../gfx/bullet.gif);}

ul.section 				{ padding: 0px; list-style-type: none; list-style: none; }
.leftcolumn ul.section					{ width: 480px; }
.rightcolumn ul.section					{ width: 459px; }

ul.section li 			{ position: relative; border-bottom: 1px solid #d5d5d7; padding: 0px; background:  url(../gfx/bullet-bold.gif) no-repeat 20px 16px; }
ul.section li:hover 	{ background-color: #eff4f7;  }
ul.section li.hover 	{ background-color: #eff4f7;  }
.invert ul.section li	{ background:  url(../gfx/bullet-bold-white.gif) no-repeat 20px 16px;}
.leftcolumn ul.section li				{ width: 480px; }
.rightcolumn ul.section li				{ width: 459px; }
ul.section li.info		{ background-image: none; }

ul.section li a 		{ text-decoration: none; font-weight: bold; display: block; padding: 10px 0px 10px 40px; }
ul.section li a:hover 	{ text-decoration: underline; }
.leftcolumn ul.section li a				{ width: 400px; }
.rightcolumn ul.section li a			{ width: 379px; }




span.ort, span.datum { display: none; }
ul.section li.info a { visibility: hidden; }
ul.section li.info span.ort,
ul.section li.info span.datum { display: block; position: absolute; top: 0px; z-index: 1; padding: 10px 20px; color: #666; }
span.info { display: block; width: 12px; height: 12px; padding: 10px; position: absolute; top:0px; right:10px; cursor: pointer; }

.cmstext ol,
.cmstext ul							{ width: 100%; padding-top: 10px; }
.cmstext ul							{ list-style-type: disc; }
.cmstext ol							{ list-style-type: none; }
.cmstext ol li						{ background: url(../gfx/bullet.gif) no-repeat 6px 5px; }
.invert .cmstext ol li				{ background: url(../gfx/bullet-white.gif) no-repeat 6px 5px; }

.invert .cmstext ul					{ color:#fff; }

.cmstext ul li						{ margin-left: 20px; margin-bottom: 10px; }
.cmstext ol li 						{ padding-left: 20px; margin-bottom: 10px; }
.invert .cmstext ol	li				{ display: block; width:200px; float:left; }


.teaser h3 				{ margin-top: 0px; }
.teaser a 				{ text-decoration: none; }
.teaser 				{ height: 100px; }
.teaser a:hover 		{ text-decoration: underline; }
.date 					{ color: #999; }
.date a 				{ color: #999; text-decoration: none; }
.date a:hover 			{ text-decoration: underline; }


/*****************
--== Sections ==--
*****************/

.section										{ background-color: #fff; float: left; border-left: 1px solid #d5d5d7; border-right: 1px solid #d5d5d7;
												  float: left;  padding: 7px 20px; border-top: 1px solid #d5d5d7; float: left; clear: both; 
												  border-left: 1px solid #d5d5d7; border-right: 1px solid #d5d5d7; float: left; 
												  padding: 7px 20px; border-top: 1px solid #d5d5d7; float: left; clear: both; }
.section.bottomline		 	 						{ border-top: none; border-bottom: 1px solid #d5d5d7;}

.section.noline		 	 						{ border-top: none; }
.nolineinside .section					{ border-top: none; }

.section.dottedline		 	 						{ background: #fff url(../gfx/dotted_line_top.gif) no-repeat top center; border-top: none; }

/******************
--== Right Tab ==--
******************/

ul.tabtop li	{ display: block; float: left; width: 91px; height: 30px; }
ul.tabtop li a	{ display: block; padding-top: 10px; width: 81px; height: 20px; text-align: center; text-indent: 0px; text-decoration: none; }
ul.tabtop li.active { width: 99px; }
ul.tabtop li.active a	{ width: 99px; font-weight: bold; background: transparent url(../gfx/tabs/right_tab_active.gif) no-repeat left top; }
ul.tabtop		{ width: 200px; height: 41px; background: transparent url(../gfx/tabs/right_tab_bg.gif) no-repeat left top; }
ul.tabtop li.tab1	{ padding-left: 9px; width: 82px; }
ul.tabtop li.tab1.active	{ padding-left: 0px; width: 99px; }
div.tabbox div.topcorners { height: 41px; } 
div.tabbox div.popbox { margin: 0px; padding: 0px; }
div.tabbox div.popbox .topcorners {display: none;}
div.tabbox div.popbox .bottomcorners {display: none;}
div.tabbox h3 { padding-bottom: 5px; padding-top: 5px; }
div.tabbox div.popbox .section.noline { border-top: 1px solid #d5d5d7; }
div.tabbox .cmstext { margin-top: 27px; }

/**************************
--== Content & Columns ==--
**************************/

.leftcolumn .section					{ width: 440px; }
.rightcolumn .section					{ width: 419px; }


.cmstext img						{ margin: 5px; }

.leftcolumn div.topcorners,
.leftcolumn div.bottomcorners					{ width: 482px; height: 12px; position: relative; float: left;}
.leftcolumn div.topcorners						{ background: url('../gfx/corners/left/top.gif') no-repeat bottom left;}
.leftcolumn div.bottomcorners					{ background: url('../gfx/corners/left/bottom.gif') no-repeat top left; }

.subheading										{ float: right; height: 42px; }
.backlink										{ float: right; color: #073847; top: 0px; position: relative; }
.backlink:hover									{ text-decoration: underline; }
.backlink.hover									{ text-decoration: underline; }

/*************** 
--== Popbox ==--
***************/

div.popbox										{ float: left; width: 461px; clear: both; margin-bottom: 15px; }
.rightcolumn div.topcorners,
.rightcolumn div.bottomcorners					{ width: 461px; height: 12px; position: relative; float: left;  }
.rightcolumn div.topcorners						{ background: url('../gfx/corners/right/top.gif') no-repeat bottom left; }
.rightcolumn div.bottomcorners					{ background: url('../gfx/corners/right/bottom.gif') no-repeat top left; }
.rightcolumn h3									{ margin:0px; padding: 0px; padding-bottom:10px; } /*~ float: left; */
.rightcolumn .popbox h3									{ float: left; padding-top: 6px; }
.rightcolumn div.popcut							{ float: left; width: 400px; }
div.popbox.current_projects							{ position: relative; }

/***********************
--== Popbox buttons ==--
***********************/

div.popbox a.popout,
div.popbox a.popin								{ float: right; height: 16px; width: 16px; overflow: hidden; text-indent: -9999px; margin-top: 7px; }
div.popbox a.popout								{ background: url('../gfx/button_popout_white.jpg') no-repeat top left; }
div.popbox a.popin								{ background: url('../gfx/button_popin_white.jpg') no-repeat top left; }
div.popbox fieldset								{ border: none; margin-top: 10px; float: left; }

/*************************
--== Special Popboxes ==--
*************************/

div.popbox.newsletter h3						{ margin-right: 10px; }
div.popbox.newsletter fieldset					{ float: left; position: relative; top: -2px; }


/************** 
--== Forms ==--
**************/

input.text										{ background-color: #fafafa; border: 1px solid #ccc; color: #114051; font-size: 11px; padding: 2px 3px; }
input.submit									{ overflow: hidden; text-indent: -9999px; width: 12px; height: 12px; border: none;
												  background: url('../gfx/bullet-bold.gif') no-repeat top left; margin: 5px 0px 0px 7px; }



/******************
--== Loginform ==--
******************/

//.login											{ float:left; width: 170px;  background: url('../gfx/dotted_line.gif') no-repeat right 55%; }
.login input									{ float: left; }
.login .text									{ margin-bottom: 10px; }
input.button									{ float: right; border: none; width: 20px; height: 20px; background: #fff url('../gfx/bullet-bold.gif') no-repeat center center; }

/*****************
--== Linklist ==--
*****************/

.links											{ float: left; position: relative; left: 15px; top: 20px; }
.links li										{ margin-bottom: 2px; }
.links li a.highlight							{ background-color: #ffff00; }

/*****************
--== Sections ==--
*****************/

div#content .rightcolumn .section.jobs			{ padding: 0; width: 459px; }
div.postal_code									{ margin-top: 10px; margin-left: 30px; float: left; }
.jobs li										{ border-bottom: 1px solid #ccc; padding: 5px 80px 5px 20px; float: left; width: 359px; }
.jobs li a										{ font-weight: bold; }
//.jobs li span									{ float: left; }
.jobs li span.date								{ float: right; color: #999999; }
.jobs li.last									{ border-bottom: none; }

/**************************
--== Buttons & Options ==--
**************************/

.button 										{ display: block; overflow: hidden; text-indent: -9999px; }

.options										{ float: right; position: relative; top: 3px; }
.options .button								{ float: left; margin-right: 5px; position: relative; }
.button.rss										{ width: 24px; height: 24px; top:5px; background:url('../gfx/button_rss.gif') no-repeat top left; }
.button.rss.start								{ width: 39px; height: 30px; background:url('../gfx/button_rss_big.png') no-repeat top left; }
a.button.postal_code							{ width: 53px; height: 25px; background:url('../gfx/button_postal_code_de.gif') no-repeat right left; }
a.button.postal_code.de							{ width: 53px; height: 25px; background:url('../gfx/button_postal_code_de.gif') no-repeat top left; }
a.button.postal_code.en							{ width: 53px; height: 25px; background:url('../gfx/button_postal_code_en.gif') no-repeat top left; }
a.button.postal_code.cz							{ width: 53px; height: 25px; background:url('../gfx/button_postal_code_cz.gif') no-repeat top left; }
a.button.postal_code.pl							{ width: 53px; height: 25px; background:url('../gfx/button_postal_code_en.gif') no-repeat top left; }

.all_projects									{ float: left; }
.sort											{ float: right; position: relative; margin-top: 5px; left: -10px; }
.sort .button									{ float: left; margin-left: 10px; }
.button.desc									{ width: 7px; height: 9px; background:url('../gfx/button_desc.gif') no-repeat top left; }
.button.asc										{ width: 7px; height: 9px; background:url('../gfx/button_asc.gif') no-repeat top left; }



/**************
--== Tabs ==--
*******

#content ul.tabtop								{ width: 299px; height: 39px; background: url('../gfx/tabs/teaserbox_startpage.gif') no-repeat top left; list-style: none; margin:0px; padding:0px; }
#content ul.tabtop li {display: block; float: left; }
#content ul.tabtop li a										{ height: 39px; width: 100px; display: block; float: left; }
#content ul.tabtop li a										{ height: 39px; display: block; overflow: hidden; float: left; text-align: center; text-decoration: none; margin:0px; padding:0px;  text-indent: -9999px; }
#content ul.tabtop li.news	a								{ width: 100px; }
#content ul.tabtop li.jobtab a								{ width: 58px; }
*******/


/*************************
--== left colum split ==--
*************************/

.leftsection										{ padding-right: 30px; margin-right: 30px; background: url('../gfx/dotted_line.gif') repeat-y right 55%; }
.leftsection, .rightsection							{ width: 190px; float: left; }

/*********************
--== Projektliste ==--
*********************/

.rightsection 										{ position: relative; }

/***************
--== Listen ==--
***************/



#lightbox { position: absolute; z-index:299; width:100%; height:100%; background-image: url('../gfx/ie7bg.png'); }
#org { position: absolute; z-index:300; width:100%; height:100%; }
.orgA { background: transparent url('../img/org/agency.gif') no-repeat center center; }
.orgB { background: transparent url('../img/org/temp.gif') no-repeat center center; }
.orgC { background: transparent url('../img/org/solutions.gif') no-repeat center center; }
.orgD { background: transparent url('../img/org/skills.gif') no-repeat center center; }


input									{ height: 18px; border: 1px solid #cccccc; }


/*************** 
--== Forms  ==--
***************/
.popcut input.text {width: 160px; margin-right:10px}
.popcut input.submit { vertical-align: middle; }

form.contentForm {
	width: 420px;
	padding: 5px 6px 0 10px;
}


form.contentForm div.field {
	clear: both;
	width: 100%;
	height: auto;
	padding: 5px 0;
}

form.contentForm label {
	float: left;
	display: inline;
	width: 110px;
}

form.contentForm label.gender {
	width: 50px;	
}

form.contentForm input.textField {
	float: left;
	display: inline;
	width: 230px;
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
}

form.contentForm input.uploadField {
	height: auto;
	float: left;
	display: inline;
	width: 230px;
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
}

form.contentForm input.textField25 {
	float: left;
	display: inline;
	width: 50px;
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
}

form.contentForm input.textField75 {
	float: left;
	display: inline;
	width: 180px;
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
}

form.contentForm input.radioField {
	float: left;
	display: inline;
	border: none;
	margin: 0 10px;
}

form.contentForm textarea {
	float: left;
	display: inline;
	width: 230px;
	background-color:#FAFAFA;
	border: 1px solid #CCCCCC;
}

form.contentForm button {
	float: right;
	width: 100px;
	margin-bottom: 5px;
	border: 1px solid #243253;
}

form.contentForm p {
	clear: none;
	font-size: 9px;
	color: #999;
	float: left;
	display: inline;
	width: 110px;
}

form.contentForm label.long {
  width: 200px;
}

form.contentForm input.submit {
background:#FFFFFF url(../gfx/button_submit.gif) no-repeat scroll center;
border:none;
	float: left;
	display: inline;
height:20px;
width:20px;
vertical-align: baseline;
}
form.contentForm label.submit {
	font-weight: bold;
	padding: 6px;
	width:200px;
}

#skillsBox { margin-left: 50px; }
#solutionsBox { margin-left: 50px; }
#agencyBox { margin-left: 50px; }
#tempBox { margin-left: 50px; }

/*************** 
--== Forms output ==--
***************/
div.contenttext ul.error {
	padding: 10px;
}

div.contenttext ul.error li {
	color: red;
	font-weight: normal;
}

h4.error {
  font-size: 12px;
}

div.contenttext dl.datalist {
	clear: both;
	width: 300px;
	height: auto;
	font-size: 0.8em;
	padding: 5px 0 0 0; 
}

div.contenttext dl.datalist dt {
	clear: left;
	float: left;
	display: inline;
	width: 100px;
	padding: 0 0 5px 0; 
	font-weight: bold;
}

div.contenttext dl.datalist dd {
	float: left !important;
	display: inline;
	width: 200px;
	height: auto;
	padding: 0 0 5px 0;
}

.rightcolumn .section.jobs { position: relative; height: 200px; overflow: auto;
  scrollbar-base-color:#d5d5d7;
  scrollbar-3d-light-color:#d5d5d7;
  scrollbar-highlight-color:#fff;
  scrollbar-arrow-color:#000;
  scrollbar-darkshadow-color:#999;
  scrollbar-shadow-color:#d5d5d7;
  scrollbar-face-color:#FFF;
  scrollbar-track-color:#d5d5d7;
}
.rightcolumn .section.jobs li { width: 339px; }
.rightcolumn ul.section.jobs li				{ width: 439px; }
.rightcolumn ul.section.jobs li a			{ width: 359px; }

.rightcolumn .presse ul.section { position: relative; height: 200px; overflow: auto;
  scrollbar-base-color:#d5d5d7;
  scrollbar-3d-light-color:#d5d5d7;
  scrollbar-highlight-color:#fff;
  scrollbar-arrow-color:#000;
  scrollbar-darkshadow-color:#999;
  scrollbar-shadow-color:#d5d5d7;
  scrollbar-face-color:#FFF;
  scrollbar-track-color:#d5d5d7;
}
.rightcolumn presse ul.section li { width: 339px; }
.rightcolumn .presse ul.section li				{ width: 439px; }
.rightcolumn .presse ul.section li a			{ width: 359px; }

div.sort {display:none}

div#footer div.references ul li { margin-bottom: 10px }