/***************************************************/
/*
/*	Common Pagelayout Styles
/*						
/*	date: 08/13/2007
/*	author: Ingo Dorissen (db-central)										
/*	last editor: Sebastian Verweyen (db-central)
/*
/*	Description: This file contains the main ids and
/*	classes to define the framework. And is not used 
/*  to define colors or font-sizes. This settings can
/*  be done with the design assistant.
/*																		
/***************************************************/

/* 	Main & Common definitions */

body#cmsbody, body#popupPage {
	margin: 1em 0; /* Margins for the Body of an CMS Page, can differ to the eLearning Body. */
	text-align: center; /* centers the page in IE6 */
	font-size: 12px;
}

#page {
	position: relative;
	width: 1000px; 
	margin: 0 auto; /* centers the page in modern browsers */
	text-align: left; /* realign the text to the left */
}

#main {
	display: table-row;
	border-collapse:separate;
	background: #fff;
	min-height: 500px;
}

/* Efa Fontsizer */

#efa_fontsize {
	width: 83.3em;
	max-width: 100%;
	margin: 0 auto;
	text-align: right;
	padding: 0.5em 0;
}

#efa_fontsize h4 {
	display: inline;
	margin: 0;
	font-size: 12px;
}

#efa_fontsize p {
	display: inline;
}

#efa_fontsize p a {
	padding: 0 0.5em;
}


/* Header */

#headerImages {
	height: 155px;
}

#header #logo {
	float: left;
	width: 180px;
	margin-right: -180px; /* Forces the Headvisual to follow, this makes Life easier for IE / FF reasons */
}

#header #headVisual {
	float: right;
}

#header #headVisual img {
	margin-right: -3px;
}

/* Navigation Wrapper */

#naviWrapper {
	margin-top: 1.25em;
	min-height: 25px;
}


/* content columns */
#simulateTable {
	display: table;
}

#leftCol, #content, #contentWithoutTeaser, #rightCol {
	display: table-cell;
}

#leftCol, #rightCol {
	width: 180px;
	border: 0;
	vertical-align: top;
}

#content {
	width: 610px; 
	padding: 0 15px 10px 15px;
	background: #FFF;
}

#contentWithoutTeaser {
	width: 790px; 
	padding: 0 15px 10px 15px;
}

#content #breadcrumbNavigation {
	margin-top: 10px;
}

/* Definition: PopUp Windows 'page_tpl_PopUp_xy.htm' */

#popup {
	position: relative;
}

#popup #popupPage {
	padding: 2em 1em;
	background-color: #FFF;
	text-align: left;
	margin-bottom: 0;
}

.popupCloseButton {
	padding: 0.83em;
	text-align: center;
}

/* Right Columm Elements */
#loginBox,#searchBox,#teaserBox {
	padding-top : 1.25em;
}

/* LoginBox in the right column of the page */

#loginBox form {
	margin: 0;
}

#loginBox form .row {
	margin-bottom: 0.4em;
}

#loginBox form label {
	display: block;
	float: left;
}


/* TeaserBox */

#teaserBox .teaserBoxContent {
	padding: 4px;
}

/* SearchBox in the right column of the page */

#searchBox form {
	margin: 0;
	padding: 0.6em 0.4em;
}

#searchBox label {
	display: none;
}

#searchBox input.formbox {
	float: left;
	width: 85%;
}

#searchButton {
	float: left;
	margin-left: 0.5em;
}

/* Often used definitions */

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}

.floatNone {
	float: none;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.bold {
	font-weight: bold;
}

.block {
	display: block;
}


/* Clearing class, insert a div with this class 
   below floating elements but within a bounding div */

.clear {
	height: 1px;
	clear: both;
	overflow: hidden;
}


/* Class for accessibility */

.access {
	position: absolute;
	top: -9999px;
	left: -9999px;
	height: 0;
	width: 0;
	overflow: hidden;
}

div.noPaddingLeft {
	padding-left: 0;
}

.noPaddingRight {
	padding-right: 0;
}

.noPaddingBottom {
	padding-bottom: 0;
}

.noPaddingTop {
	padding-top: 0;
}

.noPadding {
	padding: 0;
}

.popUpLexiconModule {
	margin: 0; 
	padding: 0;
}

.contentImage{
	margin: 0 0 1em 0;
}

.captionLightbox p {
	font-weight: normal;
	font-size: 11px;
	color: #666666;
}

hr {
	border: 0;
	height: 1px;,
	margin: 0;
}