/* general stuff */

* {
    margin:0;
    padding:0;
}

li {
	margin-left: 4em;
}

ul {
	margin-top: 1em;
	margin-bottom: 1em;
}

html, body {
    height:100%;
}

a {
    color: black;
    text-decoration: none;
}   

a:link, a:visited {
}

a:hover, a:active {
}

p {
	margin-bottom: 1em;
}

img {
	border: 0px;
}

body {
    font-size: 12px;
    text-align: left;
    color: #FFFFFF;
    background-color:#A3A3A3;
    margin: 0px;
    padding: 0px;
    font-family: Helvetica, Arial, Tahoma;
}

/* needed for vertical centering */

div#centerHelper { 
    width:1px;
    height:50%;
    background-color:#A3A3A3;
    margin-bottom:-300px;
    float:left;
}

/* container -> 1000px x 600px, holds everything, will be centered vertically by JS */ 

div#container {
    margin:0 auto;
    position:relative;
    width: 1000px;
    height: 600px;
    overflow: hidden;
    background-color: #FFFFFF;
    clear:left;
}

/* main layout, inside #container (no margins, summed up heights must match #container's height */ 

/* start with the header, 100px */

div#header {
	background: #A3A3A3 no-repeat top url(../../images/header.gif);
	width: 1000px;
    height: 100px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

/* the top-level menu, 20px, see menu/default.css */

/* the main content, 440px, containing
    - the second-level menu, height: 20px, see menu/default.css
    - the two main floats (left/right, each 420px) */

div#contentBackgrounder {
    width: 1000px;
    height: 440px;
    background: url(/fileadmin/images/backgrounds/index.jpg) no-repeat;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

/* the footer, 40px */

div#footer {
    clear: both;
    background: #A3A3A3 no-repeat url(../../images/footer.gif) 0px 20px;
    width: 1000px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

/* done */

/* divide the main content in left/right floats */

div#contentLeftFloat {
    clear: both;
    float: left;
    width: 350px;
    height: 424px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}   

div#contentRightFloat {
    float: right;
    width: 650px;
    height: 424px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    overflow: hidden;
}

/* main layout completed */

/* 
    now, we divide the left and the right float into 2 divs each (top/bottom) 
    by default, the top-divs will occupy all the height and the bottom will be
    of height 0
    
    if more than 2 rows are needed, use richt-text-editor and add <div>-elements
    as needed and include a css file for layouting.
    
    typo3-mapping:
    "left" => contentLeftTop
    "normal" => contentRightTop
    "right" => contentRightBottom
    "border" => contentLeftBottom
    
*/

div#contentLeftTop {
    font-size: 18px;
    margin: 20px 20px 0px 20px;
    color: #FFFFFF;
    height: 424px;
    overflow: hidden;
}

div#contentLeftBottom {
    height: 0px;
    display: none;
    font-size: 18px;
    line-height: 1.25em;
    text-align: right;
    color: #FFFFFF;
    overflow: hidden;
}

div#contentRightTop {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding: 20px 40px 20px 60px;
    color: #FFFFFF;
    overflow-y: auto;
    height: 384px;
    line-height: 1.5em;
    text-align: left;
}

div#contentRightBottom {
    height: 0px;
    display: none;
    color: #FFFFFF;
    padding: 0px 40px 0px 60px;
    overflow: hidden;
}

 div#contentLeftTop a, div#contentLeftBottom a {
	color: #FFF;
}

div#contentRightTop a, div#contentRightBottom a {
	color: #FFF;
		border-bottom: 1px solid #FF8A00;
}

contentRightBottom a:hover, div#contentRightBottom a:active, 
div#contentRightTop a:hover, div#contentRightTop a:active {
	color: #FF8A00;
		border-bottom: 1px solid #fff;
}

a:hover, a:active {
}


div#contentRightTop a , div#contentRightBottom a {
	color: #FFF;
		border-bottom: 1px solid #FF8A00;
}

div#contentLeftBottom {
    margin: 20px 20px 0px 20px;
}

/* 

  menu bottom:
   - should align to the left with ernst logo (padding-left)
   - should align to the right with right-aligned content in contentLeftFloat (padding-right) 

*/

div#menuBottom {
	width: 940px; /* 350-padding-left/right */
	height: 20px;
	margin: 0px;

	padding: 0px 40px 0px 10px;
	overflow: hidden;
	font-size: 11px;
}

div#menuLanguages {
    float: left;
    	margin: 0px 0px 0px 20px; 
}

div#menuImprint {
    	margin: 0px 20px 0px 20px;
    float: left;
}

/* this is only the helper to make the logo clickable (the logo is in header.gif) */

div#logoTop {
    width: 160px;
    height: 70px;
    float: left;
    margin-left: 40px;
    margin-top: 10px;
}

div#footerRemoveResizeGlitchHelper {
	background-color: #FFFFFF;
	padding-top: 10px;
} 

div#chat {
	width: 230px; /* 350-padding-left/right */
	height: 20px;
  float:right;
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	overflow: hidden;
	font-size: 11px;
}


div#newsletter {
	width: 150px; /* 350-padding-left/right */
	height: 20px;
   float:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	overflow: hidden;
	font-size: 11px;
}


.bcell {
		border: 0px hidden #000;
     
}