@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 03.04.08
**  File     : myOwnStyles.css, renamed into galileo.css
**  Function : This file is not part of the YAML-CSS-Framework.
*/

@media all
{
    /* @group Globals */
	/* Global settings*/    
	html * {font-size:101.51%} 
	body {background: #C8C8C8; color: #265184;  padding: 0; font-family:  Arial,Geneva, sans-serif;}
	#page {	border: none; margin: 0 auto 0 auto; width: 900px;  font-size: 11px; background: #fff;}
	#header { height: 100px; }
	#header div.tx-macinasearchbox-pi1 form input { border: solid 1px #01A4E9;; color:#01A4E9; background: #fff; }
	#nav { margin: 0; padding: 0; background:#fff url(../img/topmenu_borderbottom.jpg) repeat bottom left; width:100%; height: 35px; border-top:1px solid #D57F28;}
	#nav ul {margin-left: 0;}
	#submenu {margin-top: 0;}

	h1 { color: #EE6528; font-size: 13px;}
	h2 { color: #EE6528; font-size: 12px;}
	h3 { color: #EE6528; font-size: 12px;}
	a { color: #EE6528; text-decoration: underline;} 
	a:hover { color: #1E549C; text-decoration: underline;}
	#teaser {background-color: #01A4E9; }
	.rootline, .rootline a, .aktDatum { color: #fff;}
	#footer { background-color: #01A4E9; border-top: solid 5px orange; color: #fff;} 
	#footer a {color: #EE6528;} 
	#footer a:hover {color: #fff;} 	
	
	p.align-center {text-align: center;}
	p.align-justify {text-align: justify;}
	p.indent {text-indent: 20px;}
	
	/* bullets */    
    #col1_content ul , #col2_content ul , #col3_content ul { list-style-type: none; padding: 0px; margin: 0px; margin-bottom: 10px;}
    #col1_content ul li, #col2_content ul li, #col3_content ul li { background-image: url(/fileadmin/img/bullet-li.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 14px; margin: 0; }
	
	/* frames  for backgrounds */
	.csc-frame-frame1, .csc-frame-frame2 { background: #E5E5E5;  padding: 10px 8px 8px 10px;}	
	
	/*fixes for NAW */
	#col1 #col1_content { padding: 0; }
	#col1 #col1_content .csc-frame-indent p { padding: 10px; }
	#col1 #col1_content	.csc-frame-frame1 { background: transparent url(/fileadmin/img/uitsnede-cirkel.png) top left no-repeat; color: #fff; }	
	#col1 #col1_content	.csc-frame-frame1 a { color: #fff;}
	#c1169, #c1984, #c1172 { height: 280px;}
	#c1169 h1, #c1984 h1, #c1172 h1{ color: #fff;}
	/* end fixes for NAW */
	
	.csc-frame-frame2 { font-size: 95%;	}
	#col2_content .csc-frame-frame1 { background: #E5E5E5; line-height: 1.25em; margin-bottom:10px;  padding-bottom: 10px;}
	#col2_content .csc-frame-frame1 p { background: #E5E5E5; padding: 0 5px 0 5px; line-height: 1.25em; }
	#col2_content .csc-frame-frame1 h1 { background: #E5E5E5; padding: 5px 10px 0 5px; }
	#col2_content .csc-frame-frame1 h2 { background: #E5E5E5; padding: 5px 10px 0 5px; font-size: 11px; }
	
	/*mailform */
	form#mailform fieldset { border:none; margin:0 10px 0 0px; background:transparent; padding-top:0;}
	.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset { border: 0; }
	.csc-mailform-field { margin: 10px 0px 10px 0px; }
	.csc-mailform-field label { display: block; color: #000; background:transparent;}
	.csc-mailform-radio label { display: inline; color: #000; }
	.csc-mailform-radio legend { display: none; }
	form#mailform fieldset span.csc-mailform-radio fieldset { margin: 0; padding: 0 0 0 10px; }
	fieldset.csc-mailform .csc-mailform-field label {width:6em; font-weight:bold; padding-left:0; padding-right:0; background:transparent;}
	fieldset.csc-mailform .csc-mailform-field input, fieldset.csc-mailform .csc-mailform-field select, fieldset.csc-mailform .csc-mailform-field textarea { padding-left:0; width:25em; }
	fieldset.csc-mailform .csc-mailform-field input.csc-mailform-submit, fieldset.csc-mailform .csc-mailform-field input.csc-mailform-reset {float:right; width:5em; color:#fff; font-weight:bold;}
	fieldset.csc-mailform .csc-mailform-field input.csc-mailform-submit { margin-right:20px; *margin-right:12px; margin-top:-20px; *margin-top:-30px;}
	fieldset.csc-mailform .csc-mailform-field input.csc-mailform-reset { margin-right:100px; *margin-right:102px; margin-top:10px; }
	input#mailformformtype_mail { background:#2E96DF; border:none;}
	input#mailformformtype_mail:hover { background:#2E96DF; border:none; color: #000; }

    /* Rulers before and after CEs */
    .csc-frame-rulerBefore { background: #265184; height: 1px;}
    .csc-frame-rulerAfter { background: #265184; height: 1px; margin: 5px 0 15px 0;}

	.csc-frame-indent {font-family:  Arial,Geneva, sans-serif; font-size:11px;}
	.csc-frame-indent p {font-family:  Arial,Geneva, sans-serif; font-size:11px;line-height: 1.5em;}

	/* Content element "table" track record page*/
	table.contenttable {width:auto; margin:0 0 10px 0; font-size:1em;  }
	table.contenttable tr.tr-odd {background: none;}
	table.contenttable tr.tr-even {background: none;}
	table.contenttable td {height:auto; width:auto; padding:2px 20px 2px 10px; border:none; text-align:left; font-weight:normal; vertical-align: top;}
	table.contenttable td.td-0 {width:100px;}
	table.contenttable td p { line-height: 1.1em; }
	table.contenttable th {height:2.0em; color: #265184; font-weight:bold;background:none; padding:2px 7px 10px 0; border:none;}

	 .carousel { margin-top:125px; } 
	
	/* @end */	

	
    /* @group Page Specific */	
	/*Add page-specific CSS, based on class in body-tag */
	/* Settings are "home-specific" !!!*/
	
	.body_home #col1, .body_home #col1_content {	margin: 0; }
	.body_home #col1 .csc-textpic-imagewrap { background: #fff; }
	.body_home #col2_content {position: absolute; width: 170px; margin-left: 30px; font-size: 89%;}
	.body_home #col3 { padding: 0; margin-right: 0; background: #fff;  height: 534px; }
	.body_home #col3_content {  padding: 0; margin-right: 0; }
	
	/* Settings are "cases-specific" !!!*/	
	.body_cases #col2 {  width: 171px; }	
	.body_cases #col3 {  width: 500px; *width: 480px; margin-right: 181px;}
	.body_cases #col3_content img { margin-bottom: 10px;}

	.body_evidence h2, .body_cases	h2 { color: #EE6528; font-size: 18px;}
	.body_evidence h3, .body_cases	h3 { color: #265184; font-size: 18px; text-align: right;}	
	.body_cases	h4 { color: #EE6528; font-size: 14px;}
	.body_cases dl.csc-menu-4  {	 margin-left: 0;}
	.body_cases dl.csc-menu-4 dd {	padding-left: 0; margin-left: 0;}
	.body_cases #col2_content h1 {	padding-left: 0; padding-bottom: 10px;}
		
	/* What clients say */
	.child_uid_159 #col3_content {background: transparent url(../img/bg_what_clients_say.jpg) top right no-repeat; }
	.child_uid_159 .c25l {width:10%; background: none;}
	.child_uid_159 .c75r {width:90%; background: none;}	
	.child_uid_159 .c75r p {width:380px; margin: 1.5em 0 0.5em 0;}		
	
	.child_uid_159 .c75r .clients-say { width:380px; font-size: 11px; font-style: italic; border-bottom: 1px solid #D57F28;  }
	.child_uid_159 .c75r .clients-case { font-size: 10px; }
	.child_uid_159 .csc-frame-rulerAfter { background: #265184; height: 1px; margin: 5px 0 15px 0; width: 360px;}	
	.child_uid_159 .c75r div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {position: absolute; right: 0; margin-right: 46px;}
	
	.body_cases #col2 {width:201px; *width:191px;}    
	.body_cases .c25l {width:20%;}
	.body_cases .c75r {width:80%; }	
	
	/* Right solution -section */
	.body_rightsolution #col3 { margin-right: 180px;}	
	.body_rightsolution .c25l {width:5%; background: none;}
	.body_rightsolution .c75r {width:95%; background: none;}	
	.body_rightsolution .c75r h2 { color: #EE6528; font-size: 18px;}
	.body_rightsolution .c25l h2 { color: #265184; font-size: 18px; text-align: right; margin-top: 0px;}

	
	/* How we work-section */
	.body_howwework #col3 { margin-right: 180px;}	
	.body_howwework  .c25l {width:5%; background: none;}
	.body_howwework  .c75r {width:95%; background: none;}	
	.body_howwework .c75r h2 { color: #EE6528; font-size: 18px;}
	.body_howwework .c25l h2 { color: #265184; font-size: 18px; text-align: right; margin-top: 0px;}	

	
    /* different backgrounds */ 
    .child_uid_166 #main { background: transparent url(../img/mainbg/mainbg-work-implementation_cost.jpg) top right no-repeat;}
    .child_uid_198 #main, .child_uid_197 #main { background: transparent url(../img/mainbg/mainbg-work-implementation_cost_alt.jpg) bottom right no-repeat;}   
    .child_uid_164 #main { background: transparent url(../img/mainbg/mainbg-work-value_based_prop.jpg) bottom right no-repeat;}
    .child_uid_194 #main { background: transparent url(../img/mainbg/mainbg-work-tight-resources.jpg) bottom right no-repeat;}
    .child_uid_163 #main, .child_uid_165 #main { background: transparent url(../img/mainbg/mainbg-work-think_the_other_way_around.jpg) bottom right no-repeat;}
    .child_uid_162 #main { background: transparent url(../img/mainbg/mainbg-work-stay_a_winner.jpg) bottom right no-repeat;}
    .child_uid_165 #main {background: transparent url(../img/mainbg/mainbg-safeguarding.jpg) bottom right no-repeat; }
    /* building the right solution page */
     .child_uid_269  #main { background: transparent url(../img/mainbg/mainbg-career.jpg) bottom right no-repeat;}
     .child_uid_270  #main { background: transparent url(../img/mainbg/mainbg-career.jpg) bottom right no-repeat;}
    
    .body_career  #main { background: transparent url(../img/mainbg/mainbg-career.jpg) bottom right no-repeat;}
    /* People section*/ 
    .body_people #main { min-height: 550px; background: transparent url(../img/mainbg/mainbg-people.jpg) top right repeat-y;}
    .body_people #col2 { width: 200px;}
    .body_people #col2_content { color: #fff;}
    .body_people #col2_content a { color: #ccc;}
    .body_people #col2_content a:hover { color: #fff;}
	/* bullets */
    .body_people  #col2_content ul li { list-style-type: none; background: url(/fileadmin/img/bullet-li-white.gif) top left no-repeat;  margin: 0; padding-left: 10px;}
    .body_people #col3_content .subcolumns {padding-left: 2em; ;width:400px;}
    .body_people #col3_content .subcl { padding:0 0 0 3em; font-size: 11px;}
    .body_people #col3_content .subcr { padding:0 0 0 1em; font-size: 11px;}

	.body_people h1 { color: #EE6528; /*font-size: 18px;*/}
	.body_people h2 { margin:  0 0 10px 0;}
    
    /* Career section*/ 
    .body_career #col2 { width: 200px;}
	.body_career .c75r h2 { color: #EE6528; font-size: 18px;}
	.body_career .c25l h3 { color: #265184; font-size: 18px; text-align: right;}	
	
    /* Contact section*/ 
    .body_contact #col2 { width: 200px;}    
    .body_contact #col3 { margin-left: 250px; margin-right: 20px;}    
    .body_contact #main { background: transparent url(../img/mainbg/mainbg-contact.jpg) bottom right no-repeat;}
	.body_contact .c75r h2 { color: #EE6528; font-size: 18px;}
	.body_contact .c25l h3 { color: #265184; font-size: 18px; text-align: right;}			
	
	
	/* @end */		
	
	.subcl h2 { position: absolute; top: 10px; left: 10px;} 

}