/***************************************************/
/*
/*	Common Pagelayout Styles
/*						
/*	date: 08/13/2007
/*	author: Ingo Dorissen (db-central)										
/*	last changes: Ahmet Ayabil (db-central), 05-27-2008
/*
/*	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 {
	padding: 0;
	margin: 15px 0 0 3px;
	background-image: url("../_images/body_bg.gif"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/body_bg.gif*/);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	text-align: center;
}


#wrapper {
	width: 994px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	height: 595px;
}

#page {
	position: relative;
	width: 980px;
	height: 563px;
	margin: 0; /* centers the page in modern browsers */
	padding:0;
	text-align: left; /* realign the text to the left */
	background-color: #FFFFFF;
}

#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: 115px;
}

#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: 0px;
	padding: 0px;
	height: 45px;
	background-image: url("../_images/navi_bg.jpg"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/navi_bg.jpg*/);
	background-repeat: no-repeat;
	position: relative;
}


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

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

#leftCol, #rightCol {
	width: 180px;
	border: 0;
}

#content {
	width: 980px; 
	padding: 0 15px;
	background-color: #ffffff;
}

#contentMeta {
	width: 965px; 
	padding-left: 15px;
	background-color: #ffffff;
}

#contentZuechter {
	width: 670px; 
	padding-left: 0px;
	background-color: #ffffff;
}

#contentHome {
	width: 980px; 
	padding: 0 10px;
	background-color: #ffffff;
}

#contentProduct {
	width: 980px; 
	padding: 0 15px 10px 15px;
	background: #FFF;
}

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

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


/* Right Columm Elements */
#loginBox,#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 */

#searchPositionDiv {
	position: absolute;
	top: 10px;
	right: 34px;
}

#searchBox {
	width: 220px;
}

#searchHeadline {
	padding: 4px 7px 0 0;
	width: 39px;
	height: 9px;
	float: left;
}

#searchFormDiv {
	float: left;
}

#searchButtonDiv {
	padding: 4px 0 0 9px;
	float: left;
}

.searchForm {
	background: url("../_images/search_formBg.gif"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/search_formBg.gif*/) no-repeat;
	width: 125px;
	height: 16px;
	border: 0;
}

.searchButton {
	background: url("../_images/search_button.gif"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/search_button.gif*/) no-repeat;
	width: 29px;
	height: 9px;
	border: 0;
}


/* 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.5em 0;
}

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

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

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

#contentScroll {
	width: 668px;
	height: 341px;
	padding-left: 0;
	padding-right: 0;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 43px 0 0 0;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Iframe Home */
.homeIframe {
	width: 330px;
	height: 150px;
}

.iframeSpacer {
	margin-left: 3px;
	float: left;
	clear: both;
}

.iframeBorderTop {
	background-image: url("../_images/iframeBorderTopBG.jpg"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/iframeBorderTopBG.jpg*/);
	height: 3px;
	width: 339px;
	clear:both;
}

.iframeBorderLeft {
	background-image: url("../_images/iframeBorderLeftBG.jpg"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/iframeBorderLeftBG.jpg*/);
	height: 150px;
	width: 3px;
	float: left;
}

.iframeBorderRight {
	background-image: url("../_images/iframeBorderRightBG.jpg"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/iframeBorderRightBG.jpg*/);
	height: 150px;
	width: 6px;
	float: left;
}

.iframeBorderBottom {
	background-image: url("../_images/iframeBorderBottomBG.jpg"/*tpa=http://www.meradog.com/appc/templates/meradog/_images/iframeBorderBottomBG.jpg*/);
	background-repeat: no-repeat;
	height: 8px;
	width: 339px;
	clear: both;
}

.FlashDrMandelPageContainer {
	position: absolute;
	top: -1px;
	z-index:99;
}