@charset "UTF-8";
/***************************************************************
*  
*  CSS2.1-Definitionen für Rabobank
*  
*  
*  Letzte Aktualisierung:	25.02.2009
*  Letzte Validierung:		25.02.2009
*   (http://jigsaw.w3.org/css-validator/validator-uri.html)
*
***************************************************************/

	body {
		text-align: center;
		padding:0;
		margin:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color:#333;
		background-color:#003980;
		background-image:url(../images/bg_root.gif);
		background-repeat:repeat-x;
		background-position:left top;
	}
		
	
	.root {
		text-align: left; 
		width: 908px;
		margin-left: auto; 
		margin-right: auto;
		padding:0px;	
    background-color:transparent;
    padding-left:4em;
	}		
		
	#container {
		background-color:transparent;
		color:#333;
		background-image:url(../images/background_shadow.png);
		background-repeat:repeat-y;
		background-position:left top;
		width:660px;
		margin-left:64px;
	}

	#rechts {
		background-color:transparent;
		color:#10222B;
		padding-bottom:115px;
		padding-top:15px;
	}
	
	span.textHighlight {
    font-weight:bold;
    font-style:italic;
  	color: #EE7E00;
		background-color:transparent;
		padding-right:0.3em;
  }
	
	div.bg_footer_home {  
		background-image:url(../images/bg_footer_home.jpg);
		background-repeat:no-repeat;
		background-position:5px bottom;
		padding-bottom:160px !important;
  }
  
	
	div.bg_footer_test {  
		background-image:url(../images/bg_footer_test.jpg);
		background-repeat:no-repeat;
		background-position:5px bottom;
  }
  
  
	div.bg_footer_werkt {  
		background-image:url(../images/bg_footer_werkt.jpg);
		background-repeat:no-repeat;
		background-position:5px bottom;
  }
  

	div.footer1_wrapper {
		text-align:left;
		background-color:transparent;
		background-image:url(../images/footer_part.png);
		background-repeat:no-repeat;
		background-position:left top;
    height:204px;
    width:750px;
    margin-left:5px;
	}
	  

	#rechts, #innen2, #innen2-rechts {
		position:relative;
	}

	/*.clearer { display:block; height:0; font-size:0; clear:both; }

	.clearer { display:none; }*/

	.clearer {
		display:block;
		height:0;
		clear:both;
	}


	fieldset {
		border: 0;
		padding: 0;
		margin: 0;
		display: inline;
	}

	img {
	/* Opera img fix*/
		padding:0; 
		margin:0;
		border-width:0;
	}
	
	form {
		margin:0;
		padding:0;
		display:inline;
	}
	
	td {
		font-size: 0.8em;
	}

	
	
	div.headmenue_wrapper {
		color: #fff;
		background-color:transparent;
		background-image:url(../images/top_image.jpg);
		background-repeat:no-repeat;
		background-position:left top;
    height:100px;
    width:908px;
    padding-left:29px;
    padding-bottom:311px;
	}

	div.flashSlogan {    
    margin-left:40px;
    padding-bottom:258px;
  }
	div.headline_wrapper {
		color: #fff;
		background-color:transparent;
	}
	
	div.csc-header {
		background-color:transparent;
    padding-left:96px;
  }
	
  h1.csc-firstHeader {
  	color: #EE7E00;
		background-color:transparent;  	
		font-size:1.1em;
		margin-left:55px;
		margin-top:38px;
  }
  
  strong.orangeSubHead {
  	color: #EE7E00;
		background-color:transparent; 
  }
  
  p {
		color: #444;
    padding-top:1.6em;
    padding-left:1.5em;
    font-size:0.85em;
    letter-spacing:0.05em;
		font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  }
  
  p.home_paragraph {
    padding-right:1.5em;
  }

  p.common_paragraph {
    padding-right:1.5em;
  }



	
	
	
	#rechts ul, #rechts ol {
		font-size:0.8em;		
	}
	
	#rechts ul {		
		list-style-type:square;
	}
	

	.hidden, dfn {
		visibility: hidden;
		display: none;
	}



  /* Listen */
  
  ol,
  ul,
  li {
		color: #444;
		font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  }

  ul {
      list-style-image: url(../images/bulletpoint_list.gif);
  }

  li {
      padding-top:0.3em;
      padding-bottom:0.3em;
  }
	
	/* Text */
	
	a {
		text-decoration:underline;
	}
	a:hover {
		text-decoration:none;
	}
	a:active {
		text-decoration:none;
	}
	a:focus {
		text-decoration:none;
	}
  	
	a.extLink {
		text-decoration:none;
	}
	
	.head_languages {
		font-size: 0.75em;
		line-height:  1.5em;
	}
	
	.suchebutton {
		font-size: 0.75em;
	}

	.i_normal {
		font-size: 0.8em;
	}
	
	input {
		font-size: 1em;
	}
	
	textarea {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:  1em;
	}
	
	select {
		font-size:  1em;
	}	
	

	h1.hidden {
		display:none;
		margin:0px;
		padding:0px;
	}
	
	.hidden {
		display:none;
		margin:0px;
		padding:0px;
	}

	h1,h2,h3,h4,h5,h6 {
		text-align:left;
		margin:0px;
		padding:0.1875em 0 0.1em 0em;
	}

	h1 {
		padding:0.6875em 0 0.375em 0em;
		font-size: 1.3em;
	}
	
	h2 {
		padding:0.1875em 0 0.375em 0em;
		font-size: 1.15em;
	}	
		
	h3 {
		font-size: 1em;
	}
			
	h4 {
		font-size: 0.9em;
	}
		
	h5 {
		font-size: 0.8em;
	}
			
	h6 {
		font-size: 0.7em;
	}
	
	p {
		margin-top:0em;
		padding-top:0em;
		margin-bottom:0.75em;
		font-size: 0.8em;
		
	}
	
	p.inline {
		display: inline;
		margin-top:0em;
		padding-top:0em;
		font-size: 0.8em;
	}
	
	
	.klein {
		font-size: 0.75em;
	}
	
	.normal {
		font-size: 0.8em;
	}
	
	.gross {
		font-size: 1.2em;
	}
	
	ul.quiz {
   background-color:#EC7E00; 
   list-style-type:none !important;
   list-style-image:none !important;
   list-style-position:inside;
   margin:0 5px 0 0;
   padding:0;
  }
  
  div.quizWrapper { 
    margin-left:17px;
    margin-bottom:30px;
    margin-top:30px;
    padding-left:3px;  
    height:300px;
    width:616px;
    background-color:#fff; 
  }

  div.resultQuiz_wrapper {
    width:170px;
    height:170px;
    background-color:transparent; 
		background-image:url(../images/plan_yes.png);
		background-repeat:repeat-y;
		background-position:left top;
    margin-left:285px;
    margin-top:-120px;
    visibility:hidden;
    cursor:pointer;
  }
  
  table.quiz {
   background-color:#EC7E00;
   padding:0;
   width:611px;
   border-spacing:0;
  }
  
  tr.trQuiz {
   color:#fff; 
   font-style:italic;
   font-weight:bold;
  }
  
  td.tdQuizBetween,
  tr.trQuizBetween {
    height:1px;
    line-height:1px;
    padding:0;
    margin:0;
   background-color:#fff;
  }
  
  table td.quizQuestions {  
   padding:0.4em 0 0.4em 0.8em;
   width:363px;
   background-color:#EC7E00;
  }
  
  table td.quizAnswers {  
   background-color:#EC7E00;
   padding:0.4em 0 0.4em 0.8em;
   width:201px;
   text-align:right;
  }

	
	img.ja_image,
	img.ne_image {
    vertical-align:bottom;
    cursor:pointer;
  }
	
	img.ja_image {
    margin-left:10px;
  }
	
	/* Navigation */


	ul.menue,
  ul.menue li {
    display:inline;
		list-style-type:none;
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  }
	
	
/* Reihenfolge der Pseudoklassen ist relevant */
	ul.menue li a,
	ul.menue li a:link,
	ul.menue li a:visited {
	  font-size:0.75em;
		color: #fff;
		font-weight:bold;
		background-color:transparent;
		text-decoration:none;	
		margin:0;
		padding:0.9em 1.6em 0.8em 0em;
	}
	

	ul.menue li a:focus,
	ul.menue li a:hover,
	ul.menue li a:active {
	  font-size:0.75em;
    color: #EE7E00;
		background-color:transparent;
		text-decoration:none;	
		font-weight:bold;
		margin:0;
		padding:0.9em 1.6em 0.8em 0em;
	}

  ul.menue li.firstEntry {
    padding-left:0.9em !important;
  }
  ul.menue li.firstEntryAct {
    padding-left:1.25em !important;
  }

	
	ul.menue li.menueAct {
	  font-size:0.75em;
		background-image:url(../images/navi_tab_overlay.png);
		background-repeat:no-repeat;
		background-position:right top;
		color: #023882;
		background-color:transparent;
		text-decoration:none;	
		font-weight:bold;
		margin:0;
		padding:0.9em 1.6em 0.8em 0.85em;
	}
	
	
	ul.menue li.menueActWerktTest {
		background-image:url(../images/navi_tab_overlay_werkt.png) !important;
	}
	
 	
	ul.menue li.menueActPrijs {
		background-image:url(../images/navi_tab_overlay_prijs.png) !important;
	}
	
  .leftAncestor {
    padding-right:0.75em !important;
  }	
	
	/***  Cleaner, um missliebige Floats zu beseitigen  ***/
	.cleaner {
		clear: both;
		visibility: hidden;
		height: 0;
	}
	
	.unsichtbar {
		display: block;
		position: absolute;
		left: -3000px;
		height: 0;
		width: 0;
		margin: 0;
		padding: 0;
	}
	
	/* ######################################################################################################
	** ### CSS-Hacks ########################################################################################
	** ######################################################################################################
	*/
	
	/* Clearfix-Hack siehe: http://jassesnee.de/easyclear/ */
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-table;}
	
	/* Hides from IE-mac wegen dem backslash >\*/
	
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	/* => alle anderen Browser setzen .clearfix auf block */
	
	
	
	/* Cleafix-Hack zum Clearen der eingeschlossenen Float-Umgebungen "floatbox" */
	.floatbox:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.floatbox {
		margin:0px;
		padding:0px;
		float:left; 
		width: 100%; 
		display: inline-table; 
	}
