/**********************************************************************************
	created by:		Newmedia http://www.newmedia.ch
	project:		PROJEKTNAME
	date:			Januar/2010, Marianne Luck
	version:		0.1
	file:			layout.css
	function:		Gerüst der Webseite
**********************************************************************************/

/* GENERAL SETTINGS -------------------------------------------------------------*/
/* ------------------------------------------------------------------------------*/
@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;	
}

body
{
	height: 100%;
}

body 					{ 
						font-family: Verdana, Arial, Helvetica, sans-serif; 
						font-size: 62.5%; 
						line-height: 62.5%;
						color: #333333;
						background-color:#7F7F7F;
						margin-top: 0px; 
						margin-left: 0px; 
						margin-right: 0px; 
						margin-bottom: 0px; 
						padding-left: 0px;
						padding-right: 0px;
						padding-top: 0px;
						padding-bottom: 0px;
						}
						*{
						font-size:1em;
						line-height: 1em;
						}
						
#main_center
{
	background-image:url(../html/img/background.png);
	background-repeat:repeat-y;
	margin: 0px; 
	padding: 0px;	
	width: 994px;
	position: relative;
	margin: 0 auto 0 auto;	
}						

#main_center_header_shadow
{
	height:17px;
	width: 994px;	
	background-color:##7F7F7F;
	background-image:url(../html/img/background_header_shadow.png);
}

#main_center_footer_shadow
{
	height:17px;
	width: 994px;	
	background-color:##7F7F7F;
	background-image:url(../html/img/background_footer_shadow.png);
}

					
/* SCROLLBAR---------------------------------------------------------------------*/
html, body, textarea, div 
{
	scrollbar-base-color:#000000;
	scrollbar-arrow-color:#999; 
	scrollbar-highlight-color:#999; 
}

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

#header
{
	height:86px;
	background-color:#FFFFFF;
	background-image:url(../html/img/background_header.png);
	background-repeat:repeat-x;
}

	#header_service_navigation
	{
		margin-top:52px;
	}

#header_image_navigation
{
	background-color:#000000;
	float:left;
	width:100%;
	height:300px;
}

	#header_image {
		z-index:1;
		position:absolute;
	}
	
	#header_navigation {
		position:absolute;
		background-image:url(../html/img/background_header_navigation.png);
		width:240px;
		height:270px;
		z-index:2;
		margin-left:640px;
		padding-top:30px;
	}

/* PRINT -------------------------------------------------------------------*/
#print
{
	float:right;
	border-left:1px solid #333333;
	padding-left:5px;
	text-decoration:none;
	line-height:11px;
	font-size:1.1em;
}


/* LOGO -------------------------------------------------------------------------*/
#logo
{
	margin-top:30px;
	float:left;
}
#logo a img
{
	border:none;
}

/* IE 6.0 - PNG Hack */
* html #logo 
{
	background-image:url(../html/img/logo.gif);
	margin: 0 auto 0 auto;	
	margin-top:30px;
	width:427px;
	height:35px;
	float:left;
	position: relativ;
}	

* html #logo a img
{
	display:none;
}

/* CONTENT_HEADER ---------------------------------------------------------------*/
/* ------------------------------------------------------------------------------*/
#content_header
{
	float:left;
}

#quicksearch
{
	width:100%;
	float:left;	
	padding-top:6px;	
}

.quicksearch_text
{
	width:180px;
	float:left;
	line-height:13px;
	margin-right:5px;
	border:1px solid black;
	padding:1px;*
	padding:1px;	
	padding-left:4px;
}

.quicksearch_submit
{
	float:left;
	width:17px;
	height:17px;
	line-height:17px;
	border:0px;
	cursor:pointer;
}
/* CONTENT ----------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------*/
#content
{
	padding-top:50px;
	float:left;
	background-image:url(../html/img/background_content.png);
	background-repeat:repeat-x;
	width:960px;
}

/* FOOTER -----------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------*/
#footer
{
	height:55px;
	background-color:#FFFFFF;
	background-image:url(../html/img/background_footer.png);
	background-repeat:repeat-x;
}

/* FOOTER SITEMAP ---------------------------------------------------------------*/
#footer_sitemap
{
	background-color:#F5F5F5;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	float:left;
	width:100%;
	margin-bottom:20px;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:20px;
	font-size:11px;
}

#footer_sitemap h2
{
	margin:0px;
	padding:0px;
	line-height:20px;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
	text-transform:uppercase;
}

#footer_sitemap ul,
#footer_sitemap li
{
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
	float:left;	
}

#footer_sitemap li
{
	height:20px;
	line-height:20px;
	width:100%;
	float:left;
	border-bottom:1px solid #ccc;
}

#footer_sitemap a,
#footer_sitemap a:link
{
	text-decoration:none;
	height:20px;
	line-height:20px;
	display:block;
}

#footer_sitemap a:hover,
#footer_sitemap a:focus,
#footer_sitemap a:active
{
	background-color: #CCCCCC;
}
/* COPYRIGHT -------------------------------------------------------------------*/
#copyright
{
	float:left;
	line-height:20px;
	height:20px;
	margin-top:28px;
	color:#7F7F7F;

}
/* BRAND -------------------------------------------------------------------*/
#newmedia
{
	position:absolute;
	right:0;
	bottom:18px;
}

/* SPACER -------------------------------------------------------------------*/
.background_spacer_home {
	background-image:url(../html/img/background_spacer_home.png);
	background-repeat:repeat-y;
	min-height:300px;
}
.background_spacer_content {
	background-image:url(../html/img/background_spacer_content.png);
	background-repeat:repeat-y;
	min-height:300px;
}