/*
 * Cascading Style Sheet
 *
 * Website:   www.toennjes.de
 * Author:    Rene Fehrmann (AI-Designer.de)
 * Copyright: AI-Designer.de 2009
 *
 */

#wrapper {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */

* {margin: 0; padding: 0; border: 0;}
html { min-height: 100%; margin-bottom: 1px; }
img  { display:block; }
h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;}

.form_adm {
float: left; 
width: 100px;
}

html {
  background:url('../images/site/container-background.gif') repeat-y;
}

body {
  background:url('../images/site/body-background.gif') repeat-x white;
}

#wrapper { 
  text-align:left;
  width:993px; 
  background:url('../images/site/container-background.gif') repeat-y;
}

#header {
  position:relative;
  width:993px;
  height:128px;
  background:url('../images/site/header-background.png') left top no-repeat;
}

#header .logo {
  position:absolute;
  left:0;
  top:0; 
}

#container {/* right faux column tab */
	background: url(sidebar.gif) repeat-y 100% 0;	
	width: 100%;
}


#container:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
		height: 0px;
    clear: both; 
    visibility: hidden;
}

#main {	
}

#main .inside {
	margin:0 0 20px 20px;
}

/***** modules *****/

#left .mod_customnav {
	padding-top:40px;
}

.mod_navigation ul, #left .mod_customnav ul {
  list-style-type:none;  
}

.mod_navigation ul.level_1 li, #left .mod_customnav ul li {  
  background:url('../images/site/left-navigation-listitem.gif') 10px 9px no-repeat #af1b2b;
  border-top:2px solid white;
}

.mod_navigation ul.level_1 li.last, #left .mod_customnav ul li.last {
  border-bottom:2px solid white;
}

.mod_navigation ul.level_1 li.active, #left .mod_customnav ul li.active {  
  background:url('../images/site/left-navigation-listitem-active.gif') 10px 9px no-repeat #e0dfe4; 
}

.mod_navigation ul.level_1 li.active span, #left .mod_customnav ul li.active span {  
  padding:6px 0 6px 28px;
}

.mod_navigation ul.level_1 li a, #left .mod_customnav ul li a {
  display:block;
  padding:6px 0 6px 28px;
  text-decoration:none;
  font:normal normal bold 11px Verdana;
  color:#c6a874;
  border-right:13px solid #c13a49;
}

.mod_navigation ul.level_1 li a:hover, #left .mod_customnav ul li a:hover {
  color:#DFC08B;
}

.mod_navigation ul.level_1 li span, #left .mod_customnav ul li span {
  display:block;  
  text-decoration:none;
  font:normal normal bold 11px Verdana;
  color:#454449;
}

.mod_navigation ul.level_1 li.trail {  
  text-decoration:none;
  font:normal normal bold 11px Verdana;
  color:#454449;
  background:url('../images/site/left-navigation-listitem-active.gif') 10px 9px no-repeat #e0dfe4; 
}

.mod_navigation ul.level_1 li.trail a {
  color:#454449;
  border-right:none;
}

.mod_navigation ul.level_1 li.trail a:hover {
  color:black;
}

.mod_navigation ul.level_2 li {
  background:url('../images/site/left-navigation-listitem-submenu.gif') 24px 10px no-repeat #e0dfe4;  
  border-top:1px solid white;
}

.mod_navigation ul.level_2 li.last {
  border-bottom:none;
}

.mod_navigation ul.level_2 li.active {       
  background:url('../images/site/left-navigation-listitem-submenu-active.gif') 24px 10px no-repeat #e0dfe4;
}

.mod_navigation ul.level_2 li.active span {
  padding-left:39px;
}

.mod_navigation ul.level_2 li a {
  display:block;
  padding:6px 0 6px 39px;
  text-decoration:none;
  font:normal normal normal 11px Verdana;
  color:#454449;
  border:none;
}

.mod_navigation ul.level_2 li.trail {
  border-top:1px solid white;
  background:url('../images/site/left-navigation-listitem-submenu-active.gif') 24px 10px no-repeat #e0dfe4;	
}

.mod_navigation ul.level_2 li.trail a {
  font:normal normal bold 11px Verdana;
  padding:6px 0 6px 39px;
  background:none;
}

.mod_navigation ul.level_2 li a:hover {
  color:#000000;
}

.mod_navigation ul.level_3 li {    
	background:#e0dfe4;	
}

.mod_navigation ul.level_3 li.active span {
  padding:6px 0 6px 49px;
  font:normal normal bold 11px Verdana;
  background:white; 
}

.mod_navigation li.trail ul.level_3 li a {  
  padding:6px 0 6px 49px;
  font:normal normal normal 11px Verdana;  
}  

#header .mod_customnav {
	position:absolute;
	left:625px;
	top:114px;
	font:normal normal normal 11px verdana;	
}

#header .mod_customnav a, #header .mod_customnav span {
	text-decoration:none;
	color:#C6A874;
}

#header .mod_customnav a:hover {
	color:#DFC08B;
}

.mod_changelanguage {
	margin:0;
	position:absolute;
	left:838px;
	top:115px;
}

.mod_changelanguage ul {
	list-style-type:none;
}

.mod_changelanguage li {
	float:left;
	margin-right:20px;
}

div.mod_breadcrumb {
	float:left;
	padding:6px 0;
	font:normal normal normal 11px verdana;
	color:#7C7D7F;
}

div.mod_breadcrumb a {	
	text-decoration:none;
	color:#7C7D7F;
}

.mod_article a {
  text-decoration:underline;
  color:#454548;
}

.mod_sitemap a {	
	font:normal normal normal 11px/18px verdana;
	color:#454548;
}

.mod_sitemap ul {
	list-style-type:none;
}

.mod_sitemap ul.level_1 {
	display:block;
	padding-left:0;	
}

.mod_sitemap ul.level_2 {
	display:block;
	padding-left:20px;	
}

.mod_sitemap ul.level_3 {
	display:block;
	padding-left:20px;
}

/***** content elements *****/

.ce_text {
	font:normal normal normal 11px/18px verdana;
	color:#454548;
}

.ce_text img {
  padding:2px;
  margin-right:10px;
  border:1px solid gray;
}

.ce_text ul {
  padding-left:40px; 
}

.ce_image img {
	padding:2px;
	border:1px solid gray;
}

.ce_download {  
	padding:2px 0;
}

.ce_download img {
	float:left;
	padding:0 4px 0 20px;
}

.ce_download a {
	display:block;
	float:left;
	text-decoration:none;
	font:normal normal normal 11px verdana;
	color:#454548;
}

.ce_download p {
	clear:both;		
}

.ce_list {
	padding-left:40px;
	font:normal normal normal 11px/18px verdana;
	color:#454548;	
}

.ce_form {
  font:normal normal normal 11px verdana;	
  color:#454548;
}

.ce_form label {
	clear:both;
	float:left;	
	padding:5px 10px;
	width:100px;
	text-align:right;
}

.ce_form input, .ce_form textarea {
	float:left;
	padding:3px 0;
	margin:2px 0;
	width:200px;
	border:1px solid gray;
}

.ce_form select {
	float:left;
	padding:3px 0;
	margin:2px 0;
	width:202px;
	border:1px solid gray;	
}

.ce_form input.error, .ce_form select.error, .ce_form textarea.error {
	border:1px solid red;
}

.ce_form p.error {
	display:none;
}

.ce_form div.submit_container {	
	clear:both;
	padding:4px 0 0 120px;
}

.ce_form div.submit_container input {	
	width:120px;	
}

.ce_form div.error {
	display:block;
	padding:0 0 10px 120px;
	width:200px;
	color:red;
}


.mod_login {
  font:normal normal normal 11px verdana;	
  color:#c6a874;
  padding-left: 28px;
}

.mod_login label {
	clear:both;
	float:none;	
	padding:0px
	width:100px;
	text-align:left;
}

.mod_login input, .mod_login textarea {
	float:none;
	padding:3px 0;
	margin:2px 0;
	width:100px;
	border:1px solid gray;
}

.mod_login select {
	float:none;
	padding:3px 0;
	margin:2px 0;
	width:75px;
	border:1px solid gray;	
}

.mod_login input.error, .mod_login select.error, .mod_login textarea.error {
	border:1px solid red;
}

.mod_login p.error {
	display:none;
}

.mod_login div.submit_container {
	text-align: left
	float:left;
	clear:both;
	padding:4px 0 0 0px;
}

.mod_login div.submit_container input {	
	width:100px;	
}

.mod_login div.error {
	display:block;
	padding:0 0 10px 0px;
	width:100px;
	color:red;
}


.ce_ce_lightbox4ward {	
	font:normal normal normal 11px/18px verdana;
}

/***** tags *****/

h1 {
	clear:both;
	padding:40px 0 20px 0;
	font:normal normal bold 14px verdana;
	color:#454548;
	border-top:1px solid #7C7D7F;
}

#mbImage h1 {
	clear:none;
	padding:0 0 20px 0;
	border:none;
}

h2 {
	padding:0 0 10px 0;
	font:normal normal bold 11px verdana;
	color:#454548;
}


/***** classes *****/

div.pdf_link {
	float:right;	
	padding:6px 0;
	font:normal normal normal 11px verdana;	
}

div.pdf_link a {	
	text-decoration:none;
	color:#7C7D7F;
}

div.lightbox4wardInline {
	padding:20px;
}

/***** history *****/

div.history {
  position:relative;
  display:block;
  width:720px;
  height:800px;  
}

div.history.de {
	background:url('../images/site/history-de.png') no-repeat;
}

div.history.en {
	background:url('../images/site/history-en.png') no-repeat;
}
 
div.hovers span {
  position:absolute;    
  display:none;
  padding:10px;
  font:normal normal normal 11px/18px verdana;
  border:10px solid #AF1B2A;
  background:white;
}

div.years { position:absolute; display:block; }
div.years:hover span { display:block; top:8px; width:400px; }

div.y1832  { left:59px;  top:94px; height:8px; width:9px; }
div.y1846  { left:142px; top:94px; height:8px; width:9px; }
div.y1890  { left:405px; top:94px; height:8px; width:9px; }
div.y1890:hover span { left:-220px; }
div.y1909  { left:519px; top:94px; height:8px; width:9px; }
div.y1909:hover span { left:-431px; }
div.y1914  { left:549px; top:94px; height:8px; width:9px; }
div.y1914:hover span { left:-431px; }
div.y1921  { left:591px; top:94px; height:8px; width:9px; }
div.y1921:hover span { left:-431px; }
div.y1928  { left:633px; top:94px; height:8px; width:9px; }
div.y1928:hover span { left:-431px; }

div.y1936  { left:96px; top:267px; height:8px; width:9px; }
div.y1950  { left:180px; top:267px; height:8px; width:9px; }
div.y1954  { left:204px; top:267px; height:8px; width:9px; }
div.y1962  { left:253px; top:267px; height:8px; width:9px; }
div.y1962b { left:264px; top:267px; height:8px; width:9px; }
div.y1971  { left:303px; top:267px; height:8px; width:9px; }
div.y1971:hover span { left:-220px; }
div.y1971b { left:314px; top:267px; height:8px; width:9px; }
div.y1971b:hover span { left:-220px; }
div.y1975  { left:330px; top:267px; height:8px; width:9px; }
div.y1975:hover span { left:-220px; }
div.y1981  { left:366px; top:267px; height:8px; width:9px; }
div.y1981:hover span { left:-220px; }
div.y1985  { left:390px; top:267px; height:8px; width:9px; }
div.y1985:hover span { left:-220px; }
div.y1990  { left:411px; top:267px; height:8px; width:9px; }
div.y1990:hover span { left:-220px; }
div.y1990b { left:420px; top:267px; height:8px; width:9px; }
div.y1990b:hover span { left:-220px; }
div.y1990c { left:429px; top:267px; height:8px; width:9px; }
div.y1990c:hover span { left:-220px; }
div.y1990d { left:438px; top:267px; height:8px; width:9px; }
div.y1990d:hover span { left:-220px; }
div.y1996  { left:457px; top:267px; height:8px; width:9px; }
div.y1996:hover span { left:-431px; }
div.y2001  { left:497px; top:267px; height:8px; width:9px; }
div.y2001:hover span { left:-431px; }
div.y2004  { left:544px; top:267px; height:8px; width:9px; }
div.y2004:hover span { left:-431px; }
div.y2004b { left:560px; top:267px; height:8px; width:9px; }
div.y2004b:hover span { left:-431px; }
div.y2007  { left:592px; top:267px; height:8px; width:9px; }
div.y2007:hover span { left:-431px; }



/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}