/* Layout.css */
/* Contains positioning rules */
/* Base ideas from http://www.websemantics.co.uk/tutorials/useful_css_snippets/#leveller */


/*==================================================================================================================*/
/* Part 1: The main ROOMS of the Masterpages = the big DIVisions header, navbar, breadcrumzone, content zone, footer*/
/*==================================================================================================================*/

/*  Set the Window height (used in combination with min-height prop in the body*/
html {height:100%}

/* Body contains the complete page(wrapper) which is centered */
body
	{
	position: relative; 
	text-align: center; 
	margin: 0px auto; 
	padding: 0;
	min-height:101%;	/* Sets the minimum page height to greater than the window height to force Netscape & Firefox to display vertical scrollbars, */
						/* thereby preventing content jumping on fixed width pages. IE doesn't understand min-height and totally ignores this setting. */
	}
.srch-WPBody
{
margin-right:10px;
}
   
/* Pagewrapper DIV is needed to be able to center the page in the body container*/
#PageWrapper
	{
	position: relative;
	width: 770px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}
   
/* Base layout for the other Div zones besides the content Div zone*/
#HeaderPhoto
	{
	 position: relative;
	 Height: 153px;
	 width: 100%;
	 margin: 0;
	 }
/* Horizontal Tabbed Menu Zone under Header */
#NavBar
	{ 
	position: relative; 
	width: 100%;
	margin: 0;
	}
	
/* White zone under tabbed NavBar for breadcrum et al */
.BreadCrumZone
	{
	 position: relative;
	 width: 100%;
	 margin: 0px 0px 5px 0px;
	 height: 1.2em;				/* must be present: otherwise div does not show, even with content in de contained divs */
	 border-bottom: solid 1px #e5e6e6;
	} 
	
	

.Footer
	{
	position: relative;
	width: 100%;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #CCC;
	}    


/* Base layout for the outer content Div Containers: Main Content and Red Banner below = 2 rows of each 3 columns*/
/* Note: IE6 hack in LTE-IE6.css (conditionally linked CSS file) */
.ContentContainer { position: relative; width: 100%; margin: 0; } 


/* For the Inman Clearance script to work, we work with nested containers on which the script will calculate the tallest at render time */
.LeftAndMiddleContentContainer { position: absolute; top: 0; left: 0px; width: 578px;  } 

/* Layout rules for the 3 Colums in the Main Content zone & the Red Banner zone */
.LCLayout        { position: absolute; top: 0; left: 0px;    width: 192px; }  /* LC1 = LeftColum of First Content Row */
.MCLayout        { position: absolute; top: 0; left: 192px;  width: 386px; }  /* MC1 = LeftColum of First Content Row */
.RCLayout	     { position: absolute; top: 0; left: 578px;  width: 192px; }  /* RC1 = LeftColum of First Content Row */
 
.LC1 h2
{
	margin-left:5px;
	margin-right:5px;
}
.LC1 p
{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
}

.MC1 p
{
	margin-bottom:5px;
}

/*.LC1 a
{
	margin-bottom:5px;
}*/
 
.ms-sbtable-ex /*Overrule the standard css classes for the search box*/
{
	margin-bottom:5px;
}
.ms-sbtable
{
	padding-left:0px;
	margin-left:0px;
}
/*  Inman Clearance Rules driving the si-clear-children.js */
/* the script is called right before the closing </body> tag */
/* Do not put it befor the closing </form> tag */
/* for more info see http://www.shauninman.com/archive/2006/05/22/clearance_position_inline_absolute */
.cc_tallest { position: relative; } 
.clear_children { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */
   

/*==================================================================================================================*/
/* Part 2: The FURNITURE of the Masterpages = the inner elements of the big DIVisions (Rooms)                       */
/*==================================================================================================================*/

/* =Header Furniture */
#HeaderLogo
	{
	position: absolute;
	left: 15px;
	top: 14px;
	width: 108px; /* SETCa-BBTK logo on the web pages is 108x108px */
	height: 126px;
	}

/* Note: due to bottom positioning props do not work correctly in any browser, it was decided to use an image for the header slogan */
#HeaderSlogan
	{
	position: absolute;
	left: 136px;
	top: 95px;     /* 108px to align slogan on bottom line SETCa logo-97px to align with SETCa text in logo*/
	width: 500px; 
	height: 50%;
	margin: 0;
	padding:0;
	vertical-align:bottom;
	}

/* Language choice zone in the header */
#HeaderFeatures  
	{
	position: absolute;
	left: 136px;
	top: 5px;
	width: 300px; 
	height: 1.5em;
	text-align: Left;
	padding: 0;
	}

/* =TabBar: Horizontal Tabbed Menu under Header in NavBar div */
#TabBar
	{ 
	height: 32px;
	float: left;
	margin: 0;
	font-size: 15px;
	line-height:normal;
	}

#TabBar ul
	{
	margin:0;
	padding:6px 10px 0px 14px; /* the 14px left align the first letter of first menu item vertically with the first letter in the logo */
	list-style:none;
	}

#TabBar li
	{
	display:inline;
	margin:0;
	padding:0;
	}
	
#TabBar a
	{
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	cursor: pointer;
	}
	
#TabBar a span
	{
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
	cursor:pointer;					/* For IE6, wich otherwise shows Text Cursor on hover */
	}


/* =FooterContent div within Footer Div */
#FooterContent
	{ 
	height: 1.5em;
	margin: 0;
	line-height:normal;
	text-align:center;
	}

#FooterContent ul
	{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	list-style: none;
	}

#FooterContent li
	{
	display:inline;
	margin:0;
	padding:0px 10px 0px 10px;
	}
	
#FooterContent a
	{
	text-decoration:none;
	}


#FooterContent a:hover
	{
	}


/* Layout rules for the 2 Colums in the Breadcrum zone */
.BreadCrZ1  { position: absolute; top: 0; left: 24px;   width: 554px;}  /*  */
.BreadCrZ2  { position: absolute; top: 0; left: 583px;  width: 187px;}  /*  */




/*==========================================================================================*/
/* Part 3: Layout style rules exclusively for the CONTENT pages (=not for the master pages) */
/*==========================================================================================*/

/* Layout rules for the 3 columns of the Main Content Zone (between horizontal NavBar menu and Red Banner zone */
#cZoneMainLeftCol  { margin: 3px 5px 5px 5px }
#cZoneMainMidCol   { margin: 3px 5px 5px 5px }
#cZoneMainRightCol { margin: 0px }

/* Rules for layouting the 3 columns of the Red Banner zone (between Main Content zone and footer zone */
#cZoneRedBannerLeftCol  { margin: 3em 5px 2em 5px }
#cZoneRedBannerMidCol   { margin: 3em 5px 2em 5px }
#cZoneRedBannerRightCol { margin: 5em 5px 2em 5px }

/*HomePage Left Column Unordered list boxes */
#HomeLeftBox
	{
	margin:0;
	padding:0px;
	}
	
#HomeLeftBox ul
	{
	list-style:none;
	}

#HomeLeftBox li
	{
	border-width:1px;
	border-style:double;
	margin-bottom:15px;
	padding:0px 5px 10px 5px;
	}
	
#HomeLeftBox a
	{
	text-decoration:none;
	}
	
#HomeLeftBox a:hover
	{

	}

.MoreMain
	{
	margin-bottom:20px;
	margin-right:5px;
	}

div.MainPhotoContainer 
	{
	text-align:center;
	border-color: #dedfdf;
	border-style: double;
	border-width: 1px;
	margin-top:0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top:5px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;

	}
		
img.MainPhoto
	{
	}


img.RightBox
	{
	margin-bottom: 15px;
	text-align:center;
	}


.Maffilier
	{
	background-image:none;
	margin-bottom: 5px;
	}

.Newsletter
{
	background-image:none;
	margin-bottom: 5px;
}

img.Regionale
	{
	margin-bottom: 15px;
	text-align:center;
	}


.SearchZone
	{
	margin-bottom: 15px;
	text-align:center;
	}
	
.SectionSelector
{	
	height:45px;
	margin-bottom: 5px;
}

.SectionSelectorDD
{
	margin-top:55px;
	margin-left:17px;
	width:138px;
	text-align:center;

}
.MC1 .link-item A:link 
{
font-family: Verdana, Helvetica, sans-serif;

	font-size: 100%;
}
.MC1 .link-item A:active 
{
font-family: Verdana, Helvetica, sans-serif;

	font-size: 100%;
}
.MC1 .link-item A:hover
{
font-family: Verdana, Helvetica, sans-serif;

	font-size: 100%;
}
.MC1 .link-item A:visited
{
font-family: Verdana, Helvetica, sans-serif;

	font-size: 100%;
}
.MC1.ms-PartSpacingVertical
{
	margin-bottom: -15px;
}
#footer
{
	height:0px;
}