/* css document for darwin: 
   project: poltera holzbau ag
   author: radek (www.icipit.ch) */
   
/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Arial, sans-serif;
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

	a {
		color: #185DA0;
		background: inherit;
	}
	
	a:hover {
		color: #9EC068;
		background: inherit;	
	}
	
	a.title {
		color: #F93;
		background: #FFF;
	}
	
	h1 {
		font: bold 2em Arial, Sans-Serif;
		color: #5C4F18;
		letter-spacing: 2px; 
		padding: 7px 0 0 8px;
		margin: 0;
	}
	
	h1 a, h2 a {
		text-decoration: none;
	}
	
	h1 a:hover, h2 a:hover {
		color: #FF6600;
		background: #FFF;
	}
	
	
	h2 { 
		margin: 0px; 
		padding: 0; 
		font: bold 1.7em Arial, Sans-Serif; 
		letter-spacing: -1px;
	}
	
	h2 { 
		font-size: 16px;
		margin-bottom: 5px; 
		color: #185DA0; 
		background: inherit;
	}
	
	p {	
		margin: 0 0 5px 0;
		
	}
	
	ul { 
		margin: 0; 
		padding : 0; 
		list-style : none; 
	}

form { 
	margin: 0; 
}

	input.search { 
		width: 199px; 
		border: none;
		background: url(../images/input.gif); 
		padding: 4px; 
	}
	
	input.login { 
		width: 150px;
		border: none; 
		background: url(../images/logininput.gif); 
		padding: 4px; 
	}

/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 760px; 
}

.header { 
	height: 45px; 
}

.top_info {
	float: right;
	width: 570px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #eee;
}

	.top_info_left {
		width: 240px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;		
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

	 .logo {		
     	position: relative;
		margin: 0;
		float: left;
		width: 150px;	
		height: 44px;
		background: #fff url(../images/logosmall.png) no-repeat;
	}
	

	/*.key { font: bold 1.0em Arial, Sans-Serif; text-decoration: underline; }*/

.slogan {
	font-size: 1.0em;
	width: 90px;
}


.bar { 
	clear: both;
	font-size: 0.9em;
	height: 10px; 
	margin: 0px; 
}

	.bar li { 
		margin: 0; 
		padding: 0 0 0 5px; /*4px 10px 8px 10px;*/
		color: #808080;
		background: #FFF;
		float: left;
	}
	
	.bar li.active { 
		background: #FFF url(../images/bar.gif) no-repeat center bottom; 
		color: #9EC068;
		font-weight: normal; 
		padding-top: 4px; 
	}

	.bar a { 
		font-weight: normal;
		color: #4A8EBC; 
		background: inherit;	
	} 
	


.search_field { 
	background: #DCF2B8/*ECA83D*/ url(../images/barbg.gif) no-repeat; 
	color: #000;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	clear: both;
	text-align: center; 
	padding: 10px 0 5px 0;
}

.subheader {
	margin: 0 0 10px 0;
	padding: 3px 0 1px 0;
	background: #fff url(../images/subheader.gif) no-repeat;/*f4f4f4*/
	color: #808080;
	border-bottom: 1px solid #ccc;
}

/* left side
   --------- */

.left {
	float: left;
	width: 435px;
	margin: 0 0 10px 0;
}
	.left_articles {
		margin: 0 0 10px 0;
	}

	.left_links {
		border: 1px solid #eee;
		padding: 10px 10px 10px 15px;	
		margin: 0 0 10px 0;
	}
	
	.left_links:hover {
		border: 1px solid #ccc;
	}
	
	.left_message {
		border: 1px solid #eee;
		padding: 10px 0 12px 5px;
		margin: 0 0 10px 0;
		background: #fff url(../images/1questionmark.gif) no-repeat center left;
		color: #454545; 
	}
	
	.left_message:hover {
		border: 1px solid #ccc;
	}
	
		.left_side {
			float: left;
			width: 180px;
		}
		
		.right_side {
			float: right;
			width: 200px;
			border-left: 1px solid #eee;
			padding: 0 0 0 20px;
		}
		
	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
	}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 310px;
	margin: 0 0 10px 0;
}

	.right_login {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #A9D4F2;/*ECA83D;DCF2B8;*/
		color: #246088;
		border-top: 1px solid #4A8EBC;
		border-bottom: 1px solid #4A8EBC;
	}

	.right_articles {
		border: 1px solid #eee;
		padding: 8px;	
		margin: 0 0 10px 0;
	}
	
	.right_articles:hover {
		border: 1px solid #ccc;
	}
		
.image {
	float: left;
	margin: 0 9px 3px 0;
	border: 1px solid #999;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF;
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee;
}

.footer a {
	color: #9EC068;
	background: #fff;
}

/* contact 
   ------- */
   
.fieldset {
	border: 0px solid #ccc;
}

textarea.text { 
	height: 150px; 
	width: 100%; 
	border: 1px solid #ccc; 
	background: #fff; 
	color: #444;
}

textarea.text:hover { 
	border: 1px solid #bbb; 
	background: #f5f5f5; 
	color: #444;
}

input.field { 
	border: 1px solid #ccc; 
	background-color: #fff; 
	width: 150px; 
	color: #444;
}

input.field:hover { 
	border: 1px solid #bbb; 
	background: #f5f5f5; 
	color: #444;
}

input.button {
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	background: #f5f5f5; 
	color: #555;
	border: 1px solid #ccc;
}

/* extras
   ------ */

.comments { 
	padding: 10px 10px 8px 10px; 
	margin: 0 0 7px 0; 
	background: #f8f8f8; 
	color: #666;
}

.commentsbox { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #666;
}

.error {
	color: #EC0014;
	background-color: #fec;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #f60;
}
.error h2 {
	color: #EC0014;
	background: inherit;
	font-weight: normal;
	letter-spacing: -1px;
}

.success {
	color: #666;
	background: #f5f5f5;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #ccc;
}

.success h2 {
	color: #666;
	background: inherit;
	font-weight: normal;
	letter-spacing: -1px;
}