/* -------------------------------------------------*/
/* ---- Coded by Manuel Alius <<<-----------*/
/* -----------------------------------------------*/
/* ---- Margin und Padding <<<----------*/
/*  top - right - bottom - left <<<----*/
/* --------------------------------------------*/
/* ----- CSS level 2.1 <<<-----------*/
/* ------------------------------------------*/

/* Global Layout
--------------------------------------------------------------------------------------- */
* {
	margin:0px;
	padding:0px;
}
body {
	background:#f2f5f7 url(../image/background.png) repeat-x;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Container Layout
--------------------------------------------------------------------------------------- */
#container {
	width:860px;
	margin:auto;
	text-align: left;
}
/* Header Layout
--------------------------------------------------------------------------------------- */
#header {
	background:url(../image/header.png);
	height:169px;
	width:860px;
}
/* Navigation Layout
--------------------------------------------------------------------------------------- */
#navi {
	background:url(../image/navi.png);
	height:71px;
	width:780px;
	padding:10px 0px 0px 80px;
}
/* Navigation List Layout
--------------------------------------------------------------------------------------- */
#navi li, #navi a {
	color:#FFF;
	display:block;
	float:left;
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 20px;
	text-decoration:none;
}
#navi li:hover, #navi a:hover {
	color:#000;
}
/* Content Layout
--------------------------------------------------------------------------------------- */
#content {
	background:url(../image/content.png) repeat-y;
	padding:15px;
	width:830px;
}
/* Content Layout
--------------------------------------------------------------------------------------- */
#boxes {
	height:200px;
	width:806px;
}
.box {
	background:#FFF;
	border:#c6cacd solid 1px;
	float:left;
	height:160px;
	margin:0px 0px 25px 20px;
	width:242px;
}
.box_head {
	background:#FFF url(../image/box_head.png) repeat-x;
	color:#FFF;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:22px;
	padding:2px 0px 0px 0px;
	text-align:center;
}
.box_content {
	padding:5px;
}
/* Footer Layout
--------------------------------------------------------------------------------------- */
#footer {
	background:url(../image/footer.png);
	color:#FFF;
	height:25px;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:4px 0px 0px 0px;
	text-align:left;
	width:860px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Form Layout
--------------------------------------------------------------------------------------- */
input, textarea {
	border:1px solid #abadb3;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:3px;
}
/* Headings and Text
--------------------------------------------------------------------------------------- */
h1 {
}
p {
	margin:0px 0px 10px 0px;
	font-size: medium;
}
/* Links
--------------------------------------------------------------------------------------- */
a:link {
}
a:visited {
}
a:focus {
	outline:none;
}
a:hover {
}
a:active {
	font-size: medium;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Sans-Serif;
	color: #00C;
}