/*

kruismediation.com

*/

/* for Firefox browsers */
html {
	height: 100%; 
	margin-bottom: 0.1px; 
	font-size: 100%;
}

body { 
	margin: 0;
	padding: 0; 
	background: #fff url(images/bgPage.jpg) repeat-x; 
	font: normal 11px Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 18px; 
	color: #333; 
	}

a { 
	color: #546F92; 
	background: inherit; 
	}
a:hover { 
	color: #808080; 
	background: inherit; 
	}

h1  { 
	font: bold 14px "Trebuchet MS", Helvetica, Sans-Serif; 
	}
h2  { 
	font: bold 14px "Trebuchet MS", Helvetica, Sans-Serif; 
	margin: 0; 
	color: #fff; 
	background-color:transparent; 
	}
h3 { 
	font-size: 14px; 
	color: #000; 
	background: #fff url(images/h3bg.gif) no-repeat left top; padding: 0 0 0 14px; 
	margin: 0;
	}
h3 a { 
	text-decoration: none; 
	background: none; 
	}
h4  { 
	font: bold 13px "Trebuchet MS", Helvetica, Sans-Serif; 
	background: noimage; 
	}
.blue { 
	color: #546F92; 
	background: inherit; 
	}
.image { 
	float: left; 
	border: 2px solid #e2e2e2; 
	padding: 3px; 
	margin: 0 15px 10px 0; 
	}
.indent { 
	margin: 0 0 15px 14px; 
	}
img { 
	border: 0; 
	}

/*	page layout */
#main { 
	width: 897px; 
	margin: 25px auto 0 auto; 
}
#left {
	float: left;
	width: 250px;
	margin: 0;
	background-color: #fff;
	}
#right {
	float: right;
	width: 641px;
	margin: 0 0 10px 0;
}
#center {
	text-align: center;
}

/*	left column */
#logo_left {
	border: 1px solid #ccc;
	padding: 8px 4px 8px 4px;
	margin: 0;
	text-align: center;
	}

#intro_left {
	clear: both;
	height: auto;
	background: #8D9CAF;
	color: #fff;
	margin: 0 0 7px 0;
	padding: 7px 15px 14px 15px; 
	}
#intro_left a { 
	color: #fff; 
	background: inherit; 
	}
#intro_left p { 
	margin: 0;
	}
#intro_left_blue {
	clear: both;
	height: auto;
	background: #C2CEDE;
	color: #333;
	margin: 0 0 7px 0;
	padding: 7px 15px 14px 15px; 
	}
#intro_left_blue a { 
	color: #333; 
	background: inherit; 
	}
	
#intro_left_blue { 
	margin: 0;
	}

#box_left {
	background: #fff;
	color: #546F92; 
	border: 1px solid #ccc;
	padding: 10px;
}
#menu_left { 
	float: left;  
	padding: 0; 
	border-bottom: 0 solid #ccc; 
	margin: 0 0 6px 0; 
}
#menu_left li { 
	list-style: none; 
	}
#menu_left li a { 
	display: block; 
	color: #3F5B7F; 
	background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
	width: 204px; 
	height: 21px; 
	padding: 7px 23px 7px 23px; 
	margin: 0 0 1px 0; 
	font-weight: bold; 
	text-decoration: none; 
}	
#menu_left li a:hover { 
	background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  
	}
#menu_left li .active { 
	background: #8D9CAF url(images/arrow.gif) no-repeat center left; color: #fff;  
	}



.box {
	border: 1px solid #ccc;
	margin-top: 5px 0 0 0;
	padding: 5px 15px 15px 15px;
}
.note {
	padding: 15px 15px  100px;
	border: 1px solid #CFCB66;
	margin: 0 0 5px 0;
	background: #FFFFAD url(images/package.gif) no-repeat;
	color: #585616;
}

/*	right column */
#intro_right {
	width: 641px;
	height: auto;
	color: #E5EAF2;
	padding: 0; 
	border: 0 solid #ccc; 
	margin: 0 0 5px 0; 
}
#intro_right h4 { 
	font-size: 14px; 
	color: #FFFFFF;
	position: absolute;
	text-align: center; 
	margin: 20px 0 0 300px;
}
#intro_right h2 { 
	font-size: 18px; 
	color: #FFFFFF;
	position: absolute;
	text-align: center; 
	margin: 40px 0 0 300px;
}
#intro_right .caption {
	position: absolute;
	text-align: center; 
	margin: 405px 0 0 400px;
	color: #fff;
	}
#intro_right .white { 
	color: #FFF; 
	background-color:transparent; 
	}
#intro_right .title {
	float: center; 
	margin:  0 0 0;
	padding: 0;
}
#box_right {
	padding: 5px 15px 15px 15px;
	height: auto;
	background: #ccc url(images/leftintrobg.gif) repeat-x;
	color: #333;
	margin: 5px 0 1px 0; 
}
#right .floating {
	float: right; 
	text-align: center; 
	margin: 0 0 15px 30px;
	padding: 0;
}
#right p { margin: 0 0 15px 14px; }

.floatright {
	float: right; 
	text-align: center; 
	margin: 0 0 15px 30px;
	padding: 0;
}


.leftcol { 
	float: left; 
	padding: 12px 15px;
	width: 285px; 
	border:#ccc 1px solid;
	text-align: justify;
	margin: 0 0 10px 0;
	}
.rightcol { 
	float: right; 
	padding: 10px 15px;
	width: 285px; 
	border:#ccc 1px solid;
	margin: 0 0 10px 0;
	}
.special {
	clear: both;
	margin: 0 0  0;	
	padding: 5px ;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	}

.quote {
	margin:  40px;	
	text-align: center;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

/*	footer */
#footer { 
	clear: both; 
	margin: 0 0  0;
	padding: 0 3px 0 3px;
	border-top: 0 solid #ccc; 
	border-bottom: 0 solid #ccc; 
	text-align: right;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	}

/*