/****************************************************************************************
B A S E   S E T T I N G S
*****************************************************************************************/
html	{
		margin: 0;
		padding: 0;
		height: 100%;
		text-align: left;
		}

body	{
		margin: 0;
		padding: 0; 
		height: 100%;
		font-size: 62.5%; 
		line-height: 62.5%;
		background: url("../img/bg_site.jpg") repeat-x #9fb2e1;	
		text-align: center; /* dient für IEs zur horizontalen Zentrierung */	
		}

div		{
		text-align: left;
		}
		

/****************************************************************************************
M A I N   P O S I T I O N I N G   I N   U S E D   S E Q U E N C E
*****************************************************************************************/
#header_print {
		display: none;
		}

#wrapper {
		width: 952px;
		margin: 0 auto; /* auto dient zur horizontalen Zentrierung */
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 1em;
		line-height: 1em;
		color: #505050;
		}

#header {
		width: 952px;
		height: 255px;
		background: url("../img/bg_header.jpg") no-repeat #fff;
		}

#homelink {
		float: left;
		width: 221px;
		height: 212px;
		}

#corestate {
		float: right;
		width: 681px;
		height: 157px;
		margin: 55px 50px 0 0;
		font: italic 1.9em "Times New Roman", Times, serif;
		color: #4448a0;
		letter-spacing: 0.05em;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */
		}

#nav_main {
		clear: both;
		float: left;
		margin-left: 32px;
		width: 920px;
		height: 38px;
		font-size: 1.4em;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */
		}

#page	{
		float: left;
		width: 950px;
		background-color: #fff;
		border-left: 1px solid #a5b9da;
		border-right: 1px solid #a5b9da;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */	
		}

* html #page { /* IE6 Bugfix: Pagelayer oben bündig mit Navlinie machen */
		margin-top: -3px;
		}

#nav_sub {
		clear: left;
		float: left;
		margin-top: 99px;
		width: 191px;
		font-size: 1.2em;
		line-height: 1.2em;
		text-align: right;
		}

#content {
		float: right;
		margin: 45px 32px 50px 0;
		width: 700px;
		min-height: 345px;
		display: inline; /* IE6 Bugfix: Hebt Verdoppelung des Marings auf */	
		font-size: 1.2em;
		line-height: 1.7em;
		letter-spacing: 0.05em;
		}

* html #content {
		height: 345px;
		}

#footer	{
		clear: both;
		float: left;
		width: 952px;
		height: 18px;
		background: url("../img/footer.gif") no-repeat;
		text-align: right;
		padding-top: 5px;
		}

#address {
		clear: both;
		float: left;
		width: 733px;
		height: 18px;
		margin: -60px 0 0 219px;
		font-size: 1.3em;
		line-height: 1.7em;
		letter-spacing: 0.05em;
		display: inline;
		}

#footer_print {
		display: none;
		}

/* clearfix zum Aufheben der Floatumgebung */
.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.clearfix {
		display: inline-block;
		}

/* Hides from IE-mac \*/
* html .clearfix {
		height: 1%;
		}
		
.clearfix {
		display: block;
		}
/* End hide from IE-mac */
		

/****************************************************************************************
H T M L   E l e m e n t s   i n   a l p h a b e t i c a l   o r d e r 
*****************************************************************************************/

/*** Address Components ******************/
#address a.footer, #content a.footer:visited {
		color: #505050;
		text-decoration: none;
		}

#address a.footer:hover {
		color: #4b4fa8;
		}

#address p.footer, #content p.small {
		margin: 0 0 1em 0;
		padding: 0;
		font-size: 85%;
		line-height: 1.5em;
		}


/*** Content Components ******************/
#content a, #content a:visited, #content a.active {
		color: #4b4fa8;
		text-decoration: none;
		}

#content a:hover {
		text-decoration: underline;
		}

#content form {
		margin: 0;
		padding: 0;
		}

#content h1, h2, h3 {
		margin: 0;
		padding: 0;
		}
		
#content h1 {
		font-size: 171%; 
		font-weight: normal; 
		line-height: 148%;
		color: #4448a0;
		margin-bottom: 20px;
		letter-spacing: 0.05em;
		}
		
#content h2 {
		margin-bottom: 10px;
		font-size: 100%; 
		font-weight: bold;
		line-height: 160%;
		color: #4448a0;
		}
		
#content h3 {
		font-size: 100%; 
		font-weight: normal;
		line-height: 100%;
		text-transform: uppercase;
		}

#content hr,
#content_gallery hr {
		background-color: #505050; 
		color: #505050; 
		border: #505050; 
		height: 1px; 
		margin-top: 0.7em; 
		margin-bottom: 17px;
		}

#content img, #content a img {
		border: none;
		}

#content input, textarea, select {
		font-family: Arial, Helvetica, sans-serif;  
		font-size: 100%;
		}

#content input.border {
		border: 1px solid #505050;
		}

#content p {
		margin: 0 0 13px 0;
		padding: 0;
		font-size: 100%;
		}

#content p.poet {
		font: italic 95% "Times New Roman", Times, serif;
		margin-bottom: 0;
		padding-bottom: 0;
		}

#content p.quotation {
		font: italic 123% "Times New Roman", Times, serif;
		line-height: 133%;
		margin-top: -2px;
		margin-bottom: 0.3em;
		}
		
#content p.small {
		margin: 0 0 1em 0;
		padding: 0;
		font-size: 85%;
		line-height: 1.5em;
		}

#content p.error {
		margin: 0 0 0.8em 0;
		padding: 0;
		font-size: 100%;
		color: #4b4fa8;
		}

#content span.klein {
		font-size: 80%;
		}

#content td {
		font-size: 100%;
		}

#content ul {
		margin: 0;
		padding: 0 0 0 15px;
		list-style-type: disc;
		}



/*** Corestate ******************/
#corestate p {
		line-height: 1.25em;
		margin: 0;
		padding-bottom: 0.5em;
		}


/*** homelink ******************/
#homelink img, #homelink a img {
		border: none;
		}


/********************************************/
/*** Navigation Components ******************/
/********************************************/


/*** Main Navigation ************************/

/*** IE6 Workaround in screen_ie6.css ******/

#nav_main ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
#nav_main li {
		float: left;
		height: 33px;
		background: url("../img/tab_left.gif") no-repeat;
		margin: 5px 10px 0 0;
		padding: 0 0 0 8px;
		}

#nav_main li:hover {
		float: left;
		height: 48px;
		background: url("../img/tab_lefthover.gif") no-repeat;
		margin: 0 10px 0 0;
		padding: 0 0 0 8px;
		cursor: pointer;
		}

#nav_main li.active {
		height: 38px;
		margin: 0 10px 0 0;
		background: url("../img/tab_leftactive.gif") no-repeat;
		}

#nav_main a, #nav_main a:visited {
		float: left;
		display: block;
		height: 33px;
		background: url("../img/tab_right.gif") no-repeat;
		background-position: right top;
		padding: 6px 12px 2px 4px;
		font: 100% Arial, Helvetica, sans-serif;
		letter-spacing: 0.05em;
		text-decoration: none;
		color: #4448a0;
		}

#nav_main a:hover {
		color: #4448a0 !important;
		}
		
#nav_main a.active {
		background: url("../img/tab_rightactive.gif") no-repeat  !important;
		background-position: right top !important;
		color: #f6f9fc !important;
		}
		
		
/*** Sub Navigation ************************/

/*** IE6 Workaround in screen_ie6.css ******/

#nav_sub ul	{
		margin: 0 0 0 1px;
		padding: 0;
		}
		
#nav_sub li {
		list-style-type: none;
		padding-bottom: 0.5em;
		}

#nav_sub li.active {
		background-color: #fff;
		}

#nav_sub a, #nav_sub a:visited, #nav_sub a:hover {
		padding-left: 31px;
		font: 100% Arial, Helvetica, sans-serif;
		text-decoration: none;
		}

#nav_sub a, #nav_sub a:visited {
		color: #4448a0 !important;
		}

#nav_sub a:hover {
		padding-left: 31px;
		color: #4448a0 !important; 
		font-weight: bold !important;
		}

#nav_sub a.active {
		padding-left: 31px;
		color: #4448a0 !important; 
		font-weight: bold !important;
		}