/**
 * CSS 
 * __________________________________________________________________
 *
 * @date		14.09.2005
 * @modified		29.12.2005
 * @version		1.0
 * @author	 	Roland Schaer, 3w-publishing.ch
 */


html {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
}

#maincontainer {
	margin: 0px auto;
	width: 975px;
	min-height: 100%;

	/* Browser compatibility hack */
	[height:100%;							/*necessary to hide from Mozilla*/
	height:100%;							/*read by Safari*/
	]height:100%;							/*only read by IE6*/

	text-align: left;
	/*border-left: 1px solid #666;
	border-right: 1px solid #666;*/
}

/*
Header
_________________________________________________
*/
#header {
	margin: 0px 0px 0px 0px;
	width: 975px;
	height: 175px;
	text-align: left;
	border: 1px solid #666;
	/*background-color: #00144A;*/
         background-image:url('http://www.herz-zu-herz.ch/img/header.jpg');
         background-repeat:no-repeat;
}

#print_header	{
		display:none;
}
#headerLogo {
	float: right;
	margin: 32px 0px 0px 80px;

	/* Browser compatibility hack */
	[							/*necessary to hide from Mozilla*/
	margin: 32px 0px 0px 80px;				/*read by Safari*/
	]margin: 32px 0px 0px 62px;				/*only read by IE6*/

	width: 172px;
}
#headerImg {
	float: left;
	margin: 0px 0px 0px 0px;
}
#headerImg2 {
	float: right;
}

/*
Left boxes
_________________________________________________
*/

#navigationBox {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 165px;
	height: 260px;
	background-image: url(../img/layout/navigation/03_nav_illu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* Horizontal Drop Down */
#navigation {
	position: relative;
	margin-top: 155px;
	/*top: 1px;*/
	left: 10px;
	width: 100%;
}

















#navigation {
	float:left;
	width:910px;
	height:25px;
/*	margin:28px 0 2px 0; */
	z-index:900;
}

 /* common styling */

#navigation ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
#navigation ul li {
	float:left;
	position:relative;
}

#navigation ul li a, #navigation ul li a:visited {
	display:block; 
	text-decoration:none; 
	color: #fff;
	width:170px; 
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #888 #555 #bbb;
	font: bold 11px/16px arial, helvetica, sans-serif;
	font-weight: bold;
	background: #000;
	padding: 1px 3px;
	margin-top: 2px;
	text-align: left;
}

* html #navigation ul li a, #navigation ul li a:visited {
	/*width:100px; */
}
#navigation ul li ul {
	display: none;
}
table {
	border-collapse:collapse;
	font-size:11px;
}

#navigation ul li.last, #navigation ul li.last a {
	border-right: none;
}

/* specific to non IE browsers */
#navigation ul li:hover a,
#navigation ul li a:hover {
	color: #a00;
	background: #fff;
}

#navigation ul li:hover ul,
#navigation ul li a:hover ul {
	display:block; 
	position:absolute;
	left:0; 
	width:170px;
}
* html #navigation ul li a:hover ul {
	margin-top:0;
}

#navigation ul li:hover ul li ul,
#navigation ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	width:105px;
}

#navigation ul li:hover ul li a,
#navigation ul li a:hover ul li a {
	display:block; 
	/*height:24px;
	line-height:20px; */
	padding: 3 0 0 5px;
	margin: -1px 0 0 0;
	width:170px;
	font: bold 11px/16px arial, helvetica, sans-serif;
	color: #000;
	background: #efefef;
	text-decoration: none;
	/*border-right: none; */
	border: 1px solid #000;
}
* html #navigation ul li a:hover ul li a {
	width:140px;
}


#navigation ul li:hover ul li a:hover,
#navigation ul li a:hover ul li a:hover {
	color: #a00;
	background: #fff;
}


























/* End Navigation */

#navigationFooter {
	margin: 5px 0px 0px 0px;
}
#navigationImpressum {
	margin: 20px 0px 0px 0px;
	text-align: right;
}
#navigationImpressum a{
	font-size: 9px;
	color: #504E53;
}

/**/

/*
Content
_________________________________________________
*/
#content {
	float: left;
	margin: 0px 0px 0px 10px;
	width: 950px;
	border: 1px solid #666;
}

#contentHeader {
	float: left;
	width: 950px;
	/*background-color: #ccc;*/
         background-color: #FFFFFF;
}
#tools{
	margin: 0px 10px 0px 10px;
}
#tools img {
	margin: 5px 0px 0px 0px;
}
#breadcrumbs {
	float: left;
	margin: 5px 10px 5px 10px;
}
#breadcrumbs ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
#breadcrumbs ul a {
	padding: 0px 10px 0px 10px;
	background-image: url(../img/layout/navigation/level2-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#breadcrumbs ul span {
	padding: 0px 10px 0px 10px;
	background-image: url(../img/layout/navigation/level2-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#breadcrumbs li {
	display: inline;
	width: 130px;
	padding: 5px 0px 0px 0px;
	color: #504E53;
}


#contentText {
	float: left;
	width: 920px;

	/* Browser compatibility hack */
	[										/*necessary to hide from Mozilla*/
	width: 930px;							/*read by Safari*/
	]width: 920px;							/*only read by IE6*/

	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	/*background-color: #EDEEEF;*/
         background-color: #FFFFFF;
}

#footer {
	float: left;
	margin-top: 10px;
	padding-top: 3px;
	width: 920px;
	text-align: center;
	font-size: 10px;
	border-top: 1px solid #666;
}

/*
Left boxes
_________________________________________________
*/
#functions{
	float: left;
	width: 150px;
	font-size: 9px;
	line-height: 12px;
	border: 1px solid #666;

}
#functions h3 {
    font-size: 11px;
	padding: 0px 4px 0px 4px;
}

#functions p {
	margin: 0px;
	padding: 0px 4px 0px 4px;
}
/**/
#functionBoxFirst {
	width: 148px;
	height: 185px;
	background-color: #FFFBDA;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
#functionBoxFirst h3 {
	background-color: #666;
	line-height: 28px;
	color: #fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#functionBoxFirst form {
	margin: 5px;
}
#functionBoxFirst input {
	width: 120px;
	margin: 0px 0px 5px 0px;
}

/**/
.functionBox {
	width: 148px;
	margin: 15px 0px 0px 0px;
	background-color: #FFFBDA;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
.functionBox h3 {
	background-color: #F5F5F5;
	line-height: 28px;
	color: #504E53;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.functionBox form {
	margin: 5px;
}
.functionBox img {
	margin: 0px 4px 0px 0px;
}
.functionBox table {
	margin: 10px 5px 10px 5px;
}