@CHARSET "UTF-8";



input.submitbtn {
	background-color: #153B63;
	text-align: left;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	cursor: pointer;
	border: none;
}

input#submit {
	border: none;
	background-color: #153B63;
	color: #fff;
}

.head {
	font-size: 1.1em;
	/*font-weight: bold;*/
	text-align: left;
	color: #153B63;
    padding-top: 2px;
    padding-bottom: 2px;
}

/*
 * Kontaktformular
 */
div.headerTop {
	background-color: #13446F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.35em;
	line-height: 28px;
	text-align: left;
	height: 28px;
	color: white;	
	padding: 4px;
	padding-left: 8px;
}

div.headerBottom {
	background-color: #EAEBED;
	background-image: url('../images/rb_logo_small.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	height: 32px;
	padding: 4px;
}
	
table#sKontaktForm {
	margin-top: 20px;
	width: 520px;
	border-collapse: collapse;
	margin-left: 0px;
}

table#sKontaktForm td {
	font-size: 11px;
	font-weight: bold;
	color: #153B63;
	vertical-align:middle;
	text-align: left;
}

table#sKontaktForm td.first_col {
	vertical-align: middle;
	background-color: #FAFAFA;
	padding-top: 4px;
	padding-bottom: 4px;
}

table#sKontaktForm td input[type=text]{
	border: 0.1em solid #CCC;
	color: #555;
	font-size: 11px;
	vertical-align: middle;
	height:auto;
	width: 200px;
}

table#sKontaktForm td input[type=checkbox]{
	border: 0px;
	color: #555;
	font-size: 11px;
	height:auto;
	width: 20px;
}

table#sKontaktForm td textarea{
	border: 0.1em solid #CCC;
	color: #555;
	font-size: 11px;
	vertical-align: middle;
	height:80px;
	width:100%;
}

table#sKontaktForm td.head {
	background-color: #D6DFE8;
	height: 11px;
	font-size: 11px;
	font-weight: bold;
}

div#KontaktFooter {
	text-align: center;
	margin-top: 20px;
}

table#CourseRegistration {
	width: 370px;
	border-collapse: collapse;
}

table#CourseRegistration td {
	border-top: 1px solid #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #153B63;
	vertical-align:middle;
	text-align: left;
}

table#CourseRegistration td.first_col {
	vertical-align: middle;
	background-color: #D4DBE3;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	width: 150px;
}
table#CourseRegistration td input{
	border: 0.1em solid #CCC;
	color: #555;
	font-size: 11px;
	vertical-align: middle;
	height:auto;
	width: 220px;
}

table#CourseRegistration td .AGB, table#CourseRegistration .AGB input{
	width: 22px;	
	border: 0px;
}

table#CourseRegistration td.head {
	background-color: #D4DBE3;
	height: 11px;
	font-size: 11px;
	font-weight: bold;
	padding-left: 2px;
}

input.buttonS, button.buttonS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('../../images/button.gif');
	background-repeat: no-repeat;
	border: none;
	height: 19px;
	background-color: #B4C6D9;
	width: 60px;
	margin:0px;
	cursor:pointer;
}

table.BookingGrid {
	margin-top: 10px;
	margin-left: 0px;	
	width: 524px;
}
	
table.BookingGrid th {
	background-color: #B6C7D9;
    color: #16385D;
    margin-bottom: 6px;
	padding: 4px;
}

table.BookingGrid td {
	/*border-top: 6px solid #FFFFFF;*/
	color: #16385D;
	/*background-color: #F5F5F5;*/
	font-size: 10px;
	width: 100px;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.BookingGrid tr.on {
	background-color: #f1f6fa;
	border-bottom: 1px solid #f1f6fa;
}

table.BookingGrid tr.off {
	background-color: #e8ecf0;
	border-bottom: 1px solid #e8ecf0;
}

table.BookingGrid td.courseRegistrationButton {
	text-align:right;	
	width: 80px;
}

table.BookingGrid a
{
    padding-left: 0;
    padding-top: 0.1em;
	text-decoration: none;
	/*background-image: url("../images/dreieck_db.gif");
	background-repeat: no-repeat;
	background-position: top left;*/
	background-image: none;
	font-size: 11px;
	color: #16385D;
	font-weight: normal;
}

table.BookingGrid td.courseName {
	width: 400px;
	word-wrap: break-line;
}

table.BookingGrid td.courseDuration {
	width: 50px;
	word-wrap: break-line;
}

table.BookingGrid td.courseName p.courseLabelCategory {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 4px;	
}

table.BookingGrid td.courseName p.indented {
	padding-left: 20px;
}

table.BookingGrid td.courseName a.indented {
	padding-left: 20px;
}

table.BookingGrid td.courseDuration {
	text-align: right;
}

table.BookingGrind .courseDurationHeader {
	text-align: right;
}

#BookingGridTabs {
    background-color: #DFE9F4; 
    width: 524px;
    margin-bottom: -12px;
    line-height: 23px;
}

#BookingGridTabs a {
    background-color: #DFE9F4;
    padding-left: 12px;
    padding-right: 16px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-position:4px 4px;
}

#BookingGridTabs a.selected {
    background-color: #B6C7D9;        
}

#JobGrid {
	margin-top: 10px;
	margin-left: 0px;	
	width: 43.8em;
}

#JobGrid td {
	padding: 4px;
}

#JobGrid .header td {
	background-color: #DFE9F3;
}

#JobGrid .rowContent {
	border-bottom: 1px solid #DFE9F3;

}

#JobGrid .firstCell {
	border-left: 1px solid #DFE9F3;
	vertical-align: top;
}

#JobGrid .lastCell {
	border-right: 1px solid #DFE9F3;
	text-align: right;
	vertical-align: top;
}

#JobGrid td.footer {
	background-color: #DFE9F3;
	text-align: left;
}

.jobError {
	color: #8E2228; 
	font-weight:bold;
}

p.orderHint 
{
    font-size: 0.9em;
    color: #000000;
    padding-bottom: 50px;
}

#mainmenu a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url("../images/pf_white3.gif");
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	font-size: 11px;

}

#mainmenu ul li.main ul li span.fourthlevel {
	margin-left: 3em;
	width: 12em; /* +1em margin reduces width -1em */
}

#bottommenu .webassistantBox {
	color:#153B63;
	margin: 0 0 1.4em 0.8em;
}

#bottommenu .webassistantBox .webassistantHeadline  {
	font-family: arial;
	font-size: 1.1em;
	font-weight:bold;
	color:#153B63;
}

#bottommenu .webassistantBox .webassistantInputLabel {
	height:1.5em;
	margin-top:0.4em;
}

#bottommenu .webassistantBox .webassistantInputLabel a {
	padding-left: 0em;
	background-image: none;
}

#bottommenu .webassistantBox input {
	font-size:1.1em;
	background-color:#DFE9F3;
	padding:0;
	line-height:1.18em;
	width: 7em;
	color:#153B63;
	margin:0;
	height:1.1em;
}

#bottomfinish a{
	background-image: url("../images/dreieck_db.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 1.1em;
	padding-left: 0.9em;
	padding-top: 0.2em;
       margin-left: 2px;
	color: #153B62;
	text-decoration: none;
}

table#data {
	border-collapse: collapse;
}

table#data td.first_col {
	padding: 0.2em 0.5em;
	font-weight: bold;
	background-color: #D4DBE3;
	color: #153B63;
	border-bottom: 0.1em solid #fff;
}



#PrintSymbol {
	background-image: url("../images/print.gif");
	background-repeat: no-repeat;
	background-position: left bottom;       
	position: absolute;
	bottom: 10px;
	right: 0px;
	padding: 0px;
	padding-left: 24px;
	padding-top: 10px;
	cursor: pointer;
	color: #193963;
}

/* Erweiterung wegen PrintSymbol */
.contentRowBig 
{
	margin-bottom: 20px;
}

.contentRowSmall 
{
	margin-bottom: 20px;
}

/* Anpassungen für Kontaktformulare im Popup */
#popup {
	font-size: 1.2em;
	text-align: center;
	padding:0;
	margin:0;
}

#popup form {
	
}

#popup input[type=text] {
       width: 200px;       
}

#popup table {
	/*width: 380px;*/        
}

#popup table#data td {
	text-align: left;        
}


#popup .contentRowBig {
	padding-left: 0px;
	margin-left: 0px;
	width: auto;
	text-align: center;
}

#popup .contact {
	margin-top: -10px;
	margin-left: 2px;
	padding-left: 10px;
	padding-right: 10px;
}


#popup .courseRegistration {
	margin-top: -10px;
	margin-left: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

#popup .contactNote
{
    margin-top: 10px;
    font-weight: bold;
}


#popup #Message
{
	margin-top: 10px;
	margin-left: 20px;
}

#popup #PopupFooter
{
    position: absolute;
    bottom: 30px;
    left: 200px;    
    width: 10em;
	padding-left: 0px;
	margin-left: 0px;
}

.singleButton {
	background-color: #13446F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFFFFF;	
	border: none;
	height: 19px;	
	width: 70px;
	margin:0px;
	cursor:pointer;
}

#popup #Content
{
    margin: 0px;
    padding: 0px;    
    background-image: url("../images/rb_logo_small.gif");
	background-repeat: no-repeat;
	background-position: right top;   
}

#popup .contentRowBig h2
{
    text-align: left;
    padding-left: 10px;
    
}

#popup .contentRowBig #Buttons
{
    margin-top: 10px;
    margin-bottom: 10px;
	position: absolute;
    bottom: 10px;
    right: 0px;    
    width: 100%;
    height: 1.5em;
}

#popup .contentRowBig #Buttons #NextBtn
{
    background-image: none; 
    padding: 0; 
    margin: 0;
    padding-left: 12px;
    padding-top: 1px;
    background-image: url("../images/next.gif");
    background-repeat: no-repeat;
	background-position: left top; 
}

#popup .contentRowBig #Buttons #PreviousBtn
{
    background-image: none; 
    padding: 0; 
    margin: 0;
    padding-right: 12px;
    padding-top: 1px;
    background-image: url("../images/previous.gif");
    background-repeat: no-repeat;
	background-position: right top; 
}

#popup .Footer
{  
    position: absolute;
    bottom: 0px;
    right: 0px; 
    background-color: #829DBA;
    padding-right: 10px;
    width: 100%;
    height: 1.5em;
    text-align: right;
    vertical-align:middle;
    color: #ffffff;
}

#popup .Footer #Close
{
    cursor: pointer;
        
}

#popup .contentRowBig #ViewImageWrapper
{
    overflow:hidden;
    height: 375px;
}

/* table from dieselnews used here */
table.dieselnews {
	padding:0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

table.dieselnews tr.on {
	background-color: #DFE9F4;
	border-bottom: 1px solid #DFE9F4;
}

table.dieselnews tr.off {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

table.dieselnews tr.on a, table.dieselnews tr.off a {
	font-size: 0.9em;
	font-weight: normal;
	color: #466689;
	line-height: 1.6em;
	padding-left: 0.8em;
}

table.sitemap {
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}

table.sitemap tr.head {
	background-color: #153B63;
	color: #FFFFFF;
	font-weight: bold;
}

table.sitemap tr.on {
	background-color: #DFE9F4;
	border-bottom: 1px solid #DFE9F4;
}

table.sitemap tr.off {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

table.sitemap tr.head td {
	padding-left: 5px;
}

table.sitemap td {
	border-left: 1px solid #FFFFFF;
}

table.sitemap td.firstlevel {
	padding-left: 1.1em;
}

table.sitemap td.secondlevel {
	padding-left: 1.72727em;
}

table.sitemap td.thirdlevel {
	padding-left: 2.63627em;
}

table.sitemap td.fourthlevel {
	padding-left: 3.7em;
}

table.sitemap td a {
	font-size: 0.9em;
	font-weight: normal;
	color: #466689;
	line-height: 1.6em;
	padding-left: 0.8em;
}

/**
 *  Here come the definitions for the Jobbörse Seite
 */

/**
 * The headline above the page image
 */
#contentHeadline 
{
    background-color: #829CB9;
    width: 528px;
    line-height: 48px;
}

/**
 * The html table containing the form fields
 * to preselect the search criteria passed to BOSCH Jobs
 */
#JobsTable 
{
    margin-left: 0px;
    width: 340px;
    border: 0;
}

/**
 * Cell definition gives padding and top border
 * to each cell
 */
#JobsTable td
{
    padding: 4px;
    border-top: 1px solid #DFE9F3;
}

/**
 * These cells have an additional border
 * at the left
 */
#JobsTable td.left
{
    border-left: 1px solid #DFE9F3;
}

/**
 * These cells have no borders at all - 
 * needed for the checkboxes cells and 
 * the "Freitext" description
 */
#JobsTable td.inner
{
    border-top: 0;
    border-bottom: 0;
}

/**
 * These cells have an additional border
 * at the bottom, but none at the top -
 * needed for the last row cells of the
 * checkboxes
 */
#JobsTable td.bottom
{
    border-top: 0;
    border-bottom: 1px solid #DFE9F3;
}

/**
 * These cells have a smaller font -
 * these cells contain the "Freitext" description:
 * "Physiker" and so on...
 */
#JobsTable td.small
{
    font-size: 0.9em;
}

/**
 * These cells center their content - 
 * the submit button
 */
#JobsTable td.center
{
    text-align: center;
}

/**
 * These controls have a smaller font and
 * a specified width of 160px.
 */
#JobsTable input, #JobsTable select 
{
    font-size: 0.9em;
    width: 160px;
}

#JobsTable select
{
    font-size: 0.9em;
    width: 166px;
}

/**
 * Special class for checkboxes since
 * the definitions above would widthen 
 * them so define their width here.
 */
#JobsTable .checkBox
{
    width: 20px;
}

#Content #Buttons #Close {
    position:absolute;
    height:16px;
    width:523px;
    bottom:-20px;
    left:0px;
    text-align:right;
    background-color: #829DBA;
    color:#FFF;
    padding-right:10px;
    vertical-align:middle;
    cursor: pointer;
}