/*
- Concept, design and implementation by
- Geberit Verwaltungs AG
- Schachenstrasse 77
- 8645 Jona
- Switzerland
- http://www.geberit.com
-
- Creater: Rolf Züger
- Date: 13.3.2008
-
- Title: CSS for the Bauherren Service Startpage
*/


/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

#printheader {
	display:none;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

/* page */

#page {
	background: url(../../../files/sys-gra-bg_content_home.gif/$file/bg_content_home.gif) left top repeat-y;	
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */

#headvisual {
	height:220px;
	border-bottom: 1px solid #d0d0d0;		
}


/*bis und mit IE 6 Hack*/
*html #page #mainnavigation{	
	margin-top:0px;
	ma\rgin-top:-3px;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
	
/* functionbar */

#functionbar {
	float:right;
	padding-top:25px;
	margin-right:1px;	
	width:180px;
	height:auto;
	display:inline;
}

	
#functionbar #search {
	background-color:#d0d0d0;
}	

#functionbar #search div.box {
	margin-top:-1px;	/* hack: top and bottomline of boxes fall together.... */
	border-top:1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	height:68px;
	background-color: #ffffff;
}
	
#functionbar #search div.box span.title {
	display:block;
	height:16px;
	background-color:#d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	
	padding-top:2px;  
	padding-left:14px;
	margin-bottom:14px;	
}

#functionbar #search div.box input {
	width:103px;
	margin-left:15px;
	border:1px solid #82a4b6;
	font-size:11px;
	color: #000000;
}
	
#functionbar #search div.box input.searchButton {
	width:50px;
	height:18px;
	margin-left:5px;
	border:1px solid #b2b2b2;
	font-size:11px;
	color:#626262;
	background-color:#ffffff;
	text-align:center;		
}

#functionbar #picture {
}	

#functionbar #picture img{
	border:0px;
	width:180px;
}		
		
	#functionbar .item{
		position:relative;
		margin-top:10px;	
		padding-bottom:10px;	
		width:180px;
		height:auto;
		background-color:#d0d0d0;
	}	
	
	#functionbar .item .title{
		padding-top:8px;	
		padding-left:10px;	
		width:160px;
		font-weight:bold;
		color:#000000;		
	}	
	
	#functionbar .item img{
		padding-top:8px;		
		padding-left:10px;	
		pa\dding-left:15px;				
		width:160px;		
	}		
	
	#functionbar .item .text{
		padding-top:8px;		
		padding-left:10px;			
		width:160px;			
		color:#000000;		
	}		
	
	#functionbar .item ul{
		padding-top:5px;				
		margin-left:-15px;
		width:150px;			
		color:#000000;	
		list-style-type:disc;
		list-style-position:outside;			
	}	
	
/*bis und mit IE 6 Hack*/
*html #functionbar  .item ul{	
		margin-left:10px;
		ma\rgin-left:10px;
		padding-left:15px;	
		pa\dding-left:15px;			
}	
	
	#functionbar .item .link{
		padding-top:15px;	
		padding-left:10px;		
		width:160px;			
		color:#000000;		
	}						
		
		
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */	
	
/* content */

#content {
	float:left;	
	padding-left:30px;		
	padding-right:50px;		
	padding-top:20px;
	width:702px;
	height:100%;
	color:#000000;
	border-left:1px solid #d0d0d0;
	margin:0px;

}
/*bis und mit IE 6 Hack*/
*html #page #content{
	clear:both !important;
}
	
#content h1 {
	position:relative;
	font-size:20px;
	color:#0081C4;
	margin-bottom:20px;
}

#content h1 span.subTitle {
	display:block;
	font-size:20px;
	color:#919191;			
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */


/* footer */
#content #footer {
		margin:0  0px;
		padding-top:20px;
		width:702px;
		color:#000000;

		border-top: 1px solid #d0d0d0;
		border-bottom: 1px solid #d0d0d0;
		padding-top:1px;
		height:16px;

	}
	
	
	/* copyright */
	
#content #copyright {
		margin:0  0px;
		padding-top:2px;
		width:702px;
		color:#919191;
	}	
	
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
			
/* homeboxes */
			
#content .homeboxes {
	float:left;	
	width:700px;
	height:auto;	
}

/* ////////////////////////////////////////////////////   #homeboxes #boxLeft   */	

#content .homeboxes .boxLeft {
	float:left;
	width:430px;	
}

#content .homeboxes .boxLeft div.title {
	font-size:11px;
	font-weight:bold;
	color:#000000;
	height:20px;
	padding-top:3px;
}
	
#content .homeboxes .boxLeft div.news {
	padding-top:5px;
	border-top: 1px solid #d0d0d0;
}

#content .homeboxes .boxLeft div.news a {
}

#content .homeboxes .boxLeft div.news span.text {
}

/* ///////////////////////////////////////////////////////   #homeboxes #boxRight   */		

#content .homeboxes .boxRight {
	float:left;
	width:250px;		
	background-color:efefef;
	color:#000000;
	margin-left:20px;
	margin-top:22px;
	text-align:right;
}

#content .homeboxes .boxRight img {
	border:0px;
	width:250px;
}

#content .homeboxes .boxRight a {
}