/*
	Master Stylesheet
	created: 29.09.2005
	changed: 25.11.2005
	
	Background Color:
	#FFFFFF		Framework
	#ECEFEF		Main Menu, News Bar (Sidebar)
	#F5F4EE		Content Imagearea

	Text-Color:
	#3F3F3F		Content Textcolor
	#27485F		blue-grey, Main Menu (Link Color)
	#EA4947		red, Main Menu (Link Color Highlight)
	#292425		blue-grey, Content
	#003373		blue, news textcolor
	
	CONTENT SIZES:
	1024px	framework (total width)
	1024px	Header (H: 155px)
	158px 	col1: Mainnavi
	704px	col2: content
	142px	col3: NewsBox
*/

	body 
	{
		text-align: center;
		background-color:#E8E8E8;
	}
	body, td, form, p, div , textarea, input
	{
		font: 0.94em Arial, sans-serif, Verdana;
		padding:0px; margin:0px;
		text-align: left; 
		text-indent:0px;
		color:#3F3F3F; 
	}
	em { color:#EA4947; font-style:normal; }

	/* LINK & PAGE NAVIGATION */
	/*
	a:link { color:#27485F; }
	a:visited { color:#27485F; }
	a:active { color:#27485F; }
	*/
	a  { color:#27485F; }
	a:hover{ color:#EA4947; }
	h1 {
		font: 18px bold Arial, sans-serif, Verdana;
		font-style: italic;
		color: #3F3F3F;
	}
	h2, h3, h4, h5, h6 {
		font: 13px bold Arial, sans-serif, Verdana;
		margin: 0px;
		padding: 15px 0px 10px 0px;
		font-weight:bold;
	}
	p {
	  text-indent:0px;
	  /*padding: 5px 20px 10px 0px;*/
	}
	
	div 
	{
		position:relative; margin:0px; padding:0px; border:0px;
	}
 
	input 
	{
		margin-right: 20px;
	}
 
  /* GLOBAL EIGENSCHAFTEN  -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	.red { color:#EA4947 }

  /* LAYOUT ELEMENTE  -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	#framework {
		position: relative;
		width: 1000px;
		margin: auto;
		padding:0 5 0 5px; 
		border: 0px solid #000;
		background-color: #FFFFFF;
		background: url(default/page_bg.gif) 0px 0px no-repeat #FFFFFF;
		height:100%;
	}
	html>body #framework {
		width:1024px;
} 	}
	#maincontent {
		position: relative;
		top:0px; left:0px;
		height: auto;
		margin: 0px; padding:0px;
		border: 0px solid #FFF;
		background-color: #FFFFFF;
		text-align: left;
	}

	/* HEADER -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	#pageheader {
		position:relative;
		margin:0px; padding:0px; border:0px;
		background:url(default/page_header.gif) 0px 0px no-repeat;
		height:155px; width:1024px;
		color: #FFF;
	} 

	#subheader_homelink {
		position:absolute;
		top: 90px;
		left: 0px;
	} 
	#subheader_homelink img{
		border: 0px;
	} 
	#subheader {
		position:absolute;
		height: 25px;
		top: 130px;
		right: 34px;
		font-size: 0.88em;
		font-weight: bold;
	} 
	#subheader a{
		padding:0px;
		margin:0px;
		border: 0px solid;
		padding-right:7px;
		padding-left:7px;
		text-decoration: none;
	}
	#subheader a.hi{
		color: #EA4947;
	}

	/* MAIN NAVIGATION -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	#navigation {
		top: 26px;
		width: 158px;
		float: left;
	}
	#navigation ul {
		width: 148px;
		margin:0px;
		padding:0px;
	}
	#navigation ul li{
		display: block;
		width: 150px;
		height: auto; 
		line-height: 27px;
		padding-left: 6px;
		margin-top: 5px;
		background: #ECEFEF;
	}
	#navigation a{
		text-decoration: none;
	}
	#navigation a:hover { text-decoration:none; }
	#navigation a.hi{
		font-weight: bold;
	} 
	#navigation a.hi strong{
		color: #EA4947;
	}
	#navigation span.sub {
		display: block;
		font-size: 0.85em;
		text-indent: 30px;
		margin-top: 0px;
		line-height: 10px;
		height: 18px; 
	}
	#navigation span.sub a.hi{
		font-weight: bold;
		color: #EA4947;
	}
	#navigation li.bottom {
		margin-top: 285px;
	}
	
	/* NEWSBAR -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	#newsbar{ 
		/* content box 50% width */
		top: 31px;
		left:22px;
		width: 153px;
		height: auto;
		float: left;
		padding-top: 5px;
		padding-left: 8px;
		color:#003373;
		background:#ECEFEF;
		line-height:1.4em;
	}
	#newsbar h3 {
		width: 130px;
		margin: 0px;
		padding: 0px;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 1px;
	}
	#newsbar hr {
		margin: 0px;
		padding: 0px;
		width: 90%;
		margin-left: 5px;
		border: 0px solid;
		border-bottom: 1px solid;
	}
	#newsbar p {
		color : #003373;
		font-size : 0.80em;
		font-weight: normal;
		margin: 10px 14px 5px 0px;
		padding: 5px 0px 0px 0px;
		line-height: 1.4em;
		border: 0px solid;
		border-top: 1px solid;
	}
	#newsbar p a {
		text-decoration: none;
		font-weight: normal;
		margin-right: 5px;
	}
	#newsbar img {
		margin: 0px;
		padding: 0px;
		margin-top: 5px;
		margin-bottom: 0px;
	}

	/* CONTENT -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	/* set the content styles */
	.page_content {
		font-size : 1.0em;
		line-height: 1.5em;
		color: #292425;
		margin-left: 5px;
	}
	.page_content h1 {
		margin: 0;
		padding: 0;
		margin-top: 28px;
		margin-left: 0px;
		margin-bottom: 0.9em;
		font-style: normal;
		/*color: #292425;*/
	}
	.page_content hr {
		margin: 0;
		padding: 0;
		width: 90%;
		margin-left: 5px;
		border: 0px solid;
		border-bottom: 1px solid;
	}
	.page_content p  {
		margin-top: 1em;
		margin-bottom: 0em;
		line-height: 1.45em;
	}
	.page_content .link {
		margin-top: 0em;
	}
	.page_content ol{
		list-style-type:none;
		border : 0px solid;
		padding-left: 0px;
		margin: 0px;
		margin-bottom: 0.5em;
	}
	.page_content ol p {
		width : 90%;
		margin: 0px;
	}
	.page_content li {
		font-weight: bold;
		margin: 0px;
		margin-bottom:15px;
		padding-left: 15px;
	}
	.page_content li.red {
		padding:0px 0px 0px 15px;
		/*background:url(default/link_bullet_red.gif) no-repeat;*/
		/*list-style-image:url("default/link_bullet_red.gif");*/
	}
	.page_content li.blue {
		padding:0px 0px 0px 15px;
		/*background:url(default/link_bullet_blue.gif) no-repeat;*/
		/*list-style-image:url("default/link_bullet_blue.gif");*/
	}
	.page_content li p {
		font-weight: bold;
	}
	.page_content li a {
		font-weight: normal;
	}
	.page_content a {
		text-decoration: none;
		margin-right: 5px;
		color: #27485F;
	}
	.page_content a:hover{
		text-decoration: underline;
	}
	.page_content a img{
		border: 0px;
		margin-left: 5px;
	}

	.keyvisual{ 
		top : 31px;
		left: 30px;
		height: 480px;
		margin-bottom: 40px;
	}

	#galery {
		top : 31px;
		left: 50px;
		width: 285px;
		height: 530px;
		float:left;
		margin:0px; padding:0px;
		margin-bottom: 40px;
		} 
	#galery img { 
		border: 0px;
		margin: 0px;
		padding: 0px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#galery a{
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	input {
		height: 13px;
	}
	input, textarea {
		width: 270px;
		border: 1px solid #292425;
		margin-bottom: 10px;
	}

	span.label {
		float: left;
		width: 80px;
	}
	span.labelX {	/* inactive label */
		float: left;
		width: 80px;
		display: none;
	}
	
	/* set the content dimensions */

	#content {
		left: 8px;
		float:left;
		width: 670px;
		color:#292425;
		background-color:#FFF;
		margin:0px; padding:0px;
	} 

	#content div.column_both { 
		/* content box 100% width */
		left:0px;
		width: 670px;
		height: 530px;
		background:#F5F4EE;
		line-height:19px;
	}
	#content p.content_link, p.content_link a{
		color:#333366;
	} 

	/* CONTENT-DETAIL */

	#content_detail{
		left: 8px;
		width: 816px;
		height: 100%;
		float: left;
		color: #292425;
		border: 0px solid;
		margin: 0px; padding: 0px;	
		margin-bottom: 0px;
		background:#F5F4EE;
	}
	#content_detail div.column_1 { 
		/* content box 50% width */
		left:0px;
		width: 360px;
		height: 100%;
		float: left;
		background:#F5F4EE;
		line-height:19px;
	}
	#content_detail div.column_2 { 
		/* content box 50% width */
		left:0px;
		width: 406px;
		height: 100%;
		float: left;
		padding-left:10px;
		background:#F5F4EE;
		line-height:19px;
	}

	/* FOOTER -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */

	#pagefooter { 
		position: relative;
		width: 466px;
		height:20px;
		left: 50%;
		color:#333;
		clear:both;
		border: 0px solid;
		font-size: 0.7em;
		text-align: left;
		vertical-align: top;
		margin:0px; padding:0px;	
		margin-top: 0px;
		margin-left: -312px;
		border: 0px solid;
		border-top: 15px #FFFFFF solid;
	}
	#pagefooter a{
		text-decoration: none;
		line-height: 15px;		/* wird vom IE ignoriert! */
		margin-right: 21px;
		border: 0px solid;
	}
	#pagefooter a:hover { color:#EA4947; }
	#pagefooter img{
		margin-right: 5px;
		padding-top: 2px;
		vertical-align: top;
	}
