/* CSS Document Goldcare.ch */

html, body {
	margin				: 0;
	padding				: 0;
	color				: #fff;
	height				: 98%;
	text-align			: center;
	font-family			: Trebuchet MS, Arial, Helvetica, sans-serif;
}

#container {
	position			: relative;
	width				: 760px;
	margin				: 20px auto;
	text-align			: left;
	background-color	: #fff;
	background-image	: url(../img/container_bg.gif);
	background-position	: left;
	background-repeat	: repeat-y; 
	min-height			: 98%; /* this is where inheritance stops */
}

/*\ Give to IE/Win but hide from IE/Mac - unfortuantely it won't support either min-height method */
* html #container {
	height				: 98%;
}
/* end hide */

/* trick to get compliant browsers to clear the (right) floated div if required */
#container::after{
	content				: ".";
	display				: block;
	height				: 0;
	line-height			: 0;
	font-size			: 1px;
	clear				: both;
	visibility			: hidden;
}

#header {
	top					: 0px;
	position			: absolute;
	z-index				: 100;
	left				: 50%;
	margin				: 0 0 0 -380px;
	padding				: 0;
	height				: 161px;
	width				: 760px;
	background			: #fff;
	background-image	: url(../img/header_ch_new.jpg);
	background-position	: top;
	background-repeat	: no-repeat;
}

#nav {
	position			: absolute;
	z-index 			: 150;
	left				: 50%;
	top					: 140px;
	width				: 760px;
	margin				: 0 0 0 -380px;
	padding				: 0px;
	}
#footer
{
	position			: absolute;
	left				: 50%;
	top					: 100%;
	margin				: 0 0 0 -380px;
	padding				: 0;
	height				: 50px;
	width				: 760px;
	background-color	: #fff;
	background-image	: url(../img/footer.jpg);
	background-repeat	: no-repeat;
	background-position	: bottom;
	color				: #012e80;
	font-size 			: 13px;
	
}
#left-col
{
	position			: relative;
	float				: left;
	margin				: 200px 0 50px 0;
	padding				: 0 0 60px 0;
	width				: 480px;
	color				: #012e80;
	background			: transparent;
}

#right-col
{
	position			: relative;
	float				: right;
	margin				: 200px 0 50px 0;
	padding				: 0 0 60px 0;
	width				: 250px;
	background			: none;
	color				: #012e80;
}

p {	margin				: 10px 20px;}


/* Navigation*/

#navlist ul {
	float: left;
	margin				: 0;
	padding				: 0;
	white-space			: nowrap;
	left				: 0px;
	top					: 1px;
	}
#navlist li{
	display				: inline;
	list-style-type		: none;
	letter-spacing		: 2px;	
	font-variant		: small-caps;
	font-size			: 14px;
	font-weight			: bold;
	margin				: 0px;
	padding				: 0px;
	}
#navlist a { 
	padding				: 0px 10px; 
		}
#navlist a:link, #navlist a:visited {
	color				: #012e80;
	text-decoration		: none;
		}
#navlist a:hover {
	color				: #eb4;
	text-decoration		: none;
	}

/*Ueberschriften*/
#left-col h1 {
	color				: #00379c;
	font-size			: 19px;
	margin		 		: 0 1px;
	padding				: 5px 0 0 20px;
	border-top			: 2px solid #aac8ff;
	background-image	: url(../img/h1.jpg);
	background-position	: bottom left;
	background-repeat	: repeat-y;
	border-right		: 1px solid #e9f1ff;
	}
#right-col h2 {
	color				: #00379c;
	font-size			: 19px;
	margin		 		: 0 1px;
	padding				: 5px 0 0 20px;
	border-top			: 2px solid #aac8ff;
	background-image	: url(../img/h1.jpg);
	background-position	: bottom left;
	background-repeat	: repeat-y;
	border-left			: 1px solid #e9f1ff;
	}
h2 {
	color				: #00379c;
	font-size			: 17px;
	margin-left			: 15px;
	margin-right		: 1px;
	padding-left		: 5px;}
h3 {
	color				: #00379c;
	font-size			: 16px;
	margin-left			: 15px;
	margin-right		: 1px;
	padding-left		: 5px;}
h4 {
	color				: #00379c;
	font-style			: italic;
	font-size			: 16px;
	margin				: 0 1px 0 15px;
	padding				: 0 0 0 5px;}

/*Hyperlinks*/
a:link, a:visited {
	color:#eb4;}
a:hover, a:active{
	color:#ce9b64;}

/* Rahmen*/
.img {
	margin				: 0;
	padding				: 0;
	border				: 1px solid #aac8ff;
		}
.imgright {
	margin				: 0 10px;
	padding				: 0;
	border				: 1px solid #aac8ff;
	float 				: right;}
.rahmen {
	margin				: 10px 20px;
	padding				: 10px;
	border				: 1px solid #aac8ff;
	background			: #fff;
	background-image	: url(../img/rahmen_bg.gif);
	background-repeat	: repeat-y;
	background-position	: top right;
	z-index				: 10;
		}
.small {
	font-size			: 0.8em;
	}
	
/* Galerie Startseite */
#galerie {
	width				: 475px;
	float				: left;
	margin-left			: 0px;
	z-index				: 15;
	}
#galerie dl {
	
	background-color	: #fff;
	margin-left			: 20px;
	padding				: 2px;
	float				: left;
	width				: 104px;
	border 				: 1px solid #aac8ff;
	}
#galerie dd {
	font-size			: 0.9em;
	margin-left			: 0px;
	padding				: 0 0 0 2px;
	color				: #00379c;
	}
#galerie dt {
	border				: 0;
	padding				: 0;
	margin				: 0;
	}
#galerie dt img {
	border				: 1px solid #fff;
	border-bottom		: 1px solid #aac8ff;
	}
#galerie dl:hover {
	background			: #e9f1ff;
	}