/***********************************************/
/* 150 Jahre Bruckmann css                      */
/* designed by *105 - Multimediabüro            */
/* http://www.stern105.de                       */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/*********************************************+*/ 

html, body { height:100%; }

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#58585a;
	background: url(../images/bg.gif) center repeat-y #fff;
	margin: 0px;
	padding: 0px;
	line-height:1.6;
		
	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
    SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
    SCROLLBAR-ARROW-COLOR: #58585a; 
    SCROLLBAR-BASE-COLOR: #58585a; 
	SCROLLBAR-DARKSHADOW-COLOR: #000;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
}


/***********************************************/
/* Text Divs                                   */
/***********************************************/

a {color:#78872e;	text-decoration:none; font-weight:bold;}
a:hover {color:#78872e; text-decoration:underline; font-weight:bold;}

hr {margin-top: 8px; margin-bottom: 8px;}

* HTML #hack {width: 955px; w\idth: 906px;}
/* with n height HACK (neccessary for margin n padding */

h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}

h1 {font-size:125%; margin-bottom:20px; margin-top:20px; color:#58585a;}
h1.first {font-size:125%; margin-bottom: 30px; margin-top:0px;  color:#58585a;}
h2 {font-size:115%; margin-bottom: 13px; margin-top:20px; color:#58585a;}
	
UL, LI {margin:0; padding:0;}
LI { list-style:square outside;}
UL {margin:2px 0 10px 13px;}

.green {color:#a6c800;}
.darkGreen {color:#95ac24;}
.grey {color:#58585a;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

DIV#totalarea{position:relative; min-height:100%;}

DIV#header {position:absolute; left:50%; z-index:80;
	width:980px; height:176px;
	left: 50%; top: 0px;
    margin-left: -490px;}

DIV#contentarea {
	position:absolute; left:50%; top:177px; z-index:100;
	width:980px;
	margin-left: -490px; padding-top:10px; }

DIV#footer {
	position:absolute; left:50%; bottom:0; z-index:50;
	width:532px; margin-left:-43px;}


/***********************************************/
/* Component Divs                              */
/***********************************************/

/************* #nav styles ************************/
DIV#nav {
	position:absolute; top:117px; left:168px;
	width:710px;}
DIV#impressum {position:absolute; top:117px; left:880px;}

/************* #content styles **************/
DIV#content {position:relative; float:left; width:520px; }
DIV#content.pad {padding-left:175px;}
DIV#content.home {width:430px;}
DIV#content.zeitleiste {width:980px; padding-left:0px;}
	
/***********************************************/
/* Content Divs                                */
/***********************************************/

.legende {font-size: 88%; line-height:1.2;}
#contentarea #content IMG {padding:6px 10px 0 0;}

/***********************************************/
/* Form Divs                                   */
/***********************************************/
input, textarea, select {font-size:1em; width:180px; text-align:left; margin:4px 0; padding:2px; border: 1px solid #58585a;}
.shorterInput {width:35px;}
.error {border: 1px solid #95ac24;}
.csc-mailform-check {width: 15px; border: 0px;}
input.csc-mailform-submit{
	width:110px; padding:3px 0;
	color:#fff; background-color:#58585a; font-weight:bold; text-align:center; text-align:center;
	cursor:hand;}

	
DIV#footerLink {position:relative; clear:both; padding:20px 30px; text-align:right; }
DIV#footerLink A{color:#58585a; text-decoration:none; font-weight:bold;}
DIV#footerLink A:HOVER{color:#95ac24; text-decoration:none; font-weight:bold;}
#footerLink IMG {margin:0; padding:0;}

/***********************************************/
/* MOV HACK		                               */
/***********************************************/

/* class to hide nested objects in IE otherwise the second container is shown empty*/
/* hides the second object from all versions of IE */
* html object.hiddenObjectForIE { display: none; }

/* display the second object only for IE5 Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/