@import url("navigation.css");
@import url("modules.css");
@import url("input.css");

/************************* RESET **********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
}

/************************* HTML BODY **********************/

html {
	background: #0f3a1c url(/web/grafik/bg_html.jpg) repeat-x top;
	height: 100%;
}

body {
	background: url(/web/grafik/bg_body.jpg) no-repeat top center;
	color: #363636;
	font: 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/************************* STRUCTURE **********************/

#container {
	background: url(/web/grafik/bg_container.png);
	margin: 0 auto 15px auto;
	padding: 0 5px 5px 5px;
	position: relative;
	width: 980px;
}

	#annonce930x180 {
		background: url(/web/grafik/bg_annonce930x180.gif) no-repeat 15px 10px;
		height: 180px;
		padding: 10px 10px 10px 40px;
		width: 930px;
	}

	#header {
		overflow: hidden;
		padding: 0;
		width: 980px;
	}
		
		#mainnav {
			background: url(/web/grafik/bg_mainnav.gif) repeat-x 0 18px;
			overflow: hidden;
			padding: 18px 0 14px 0;
			width: 980px;
		}

	#content {
		background: #fff;
		overflow: hidden;
		padding: 0 0 20px 0;
	}

		#col1,
		#col2 {
			float: left;
		}
		
		#col1 {
			width: 640px;
		}
		
			#col1 .box {
				border: 1px #c0c0c0 solid;
				display: inline;
				float: left;
				margin: 16px 0 4px 20px;
				overflow: hidden;
				padding: 1px;
				width: 296px;
			}
			
				.box h2 a {
					background: url(/web/grafik/bg_box_h2.gif) no-repeat;
					color: #fff;
					display: block;
					font: normal 11px/11px "Trebuchet MS", Arial, Helvetica, sans-serif;
					line-height: 25px;
					padding: 0 10px 0 10px;
					text-decoration: none;
					width: 276px;
				}
			
				.box ul li {
					list-style:none;
				}
				
				.box ul a {
					float:left;
					border-bottom: 1px #c0c0c0 solid;
					color: #000;
					display: block;
					line-height: 24px;
					text-decoration: none;
					width: 244px;
					white-space: nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
				
				.box ul div {
					border-bottom: 1px #c0c0c0 solid;
					color:#949494;
					line-height: 24px;
					padding-left: 10px;
					float:left;
					width:42px;
				}
				
				.box p {
					border-bottom: 1px #c0c0c0 solid;
					color: #000;
					display: block;
					line-height: 24px;
					padding: 0 10px 0 10px;
					margin:0;
					width: 276px;
				}
				
				.box p a {
					background: url(/web/grafik/bg_link_arrow.gif) no-repeat left center;
					border: 0;
					color: #000000;
					margin: 0 0 0 0px;
					padding: 0 0 0 10px;
					text-decoration:none;
				}

				.box p a:hover{
					text-decoration:underline;
				}

				.box a.more {
					background: url(/web/grafik/bg_link_arrow.gif) no-repeat left center;
					border: 0;
					color: #b4b4b4;
					display: block;
					float: left;
					margin: 0 0 0 10px;
					padding: 10px;
				}
		
				.box a.site {
					border: 0;
					display: block;
					padding: 10px;
					float: right;
				}
		
			#text {
				padding: 0 0 0 20px;
				width: 620px;
			}
			
			#text h1 {
				margin-left: 0;
			}
		
			#text ul, #text ol {
				padding: 0 0 0 30px;
			}
			
			#text2 {
				float: left;
				padding: 0 0 0 20px;
				width: 300px;
			}
			
			#text2 h1 {
				margin-left: 0;
			}
		
			#text2 ul, #text2 ol {
				padding: 0 0 0 30px;
			}
			
			#text3 {
				float: left;
				padding: 0 0 0 20px;
				width: 300px;
			}
			
			#text3 h1 {
				margin-left: 0;
			}
		
								
		#col2 {
			padding: 0 20px 0 20px;
			width: 300px;
		}
		
		#col2 #facebook {
			height:35px;
		}
		
		#col2 #annoncer {
			margin:2px 0 24px 0;
		}
		
		#col2 img, #col2 a, #sidebanner1, #sidebanner2 {
			margin: 0 0 14px 0;
		}
	
	#footer {
		background: #e5e4e5 url(/web/grafik/bg_footer.gif) repeat-x top;
		margin: 20px 0 0 20px;
		overflow: hidden;
		width: 940px;
	}
	
		#footer .col {
			float: left;
			list-style: none;
			padding: 19px 0 19px 47px;
			width: 250px;
		}
	
			#footer h1 {
				border: 0;
				color: #6c6c6c;
				font-size: 16px;
				margin: 0 0 10px 0;
				padding: 0;
			}
		
			#footer ul {
				list-style: none;
			}
			
			#footer li {
				border-bottom: 1px #c9c9c9 solid;
			}
			
			#footer ul a {
				color: #545454;
				line-height: 20px;
				text-decoration: none;
			}

/************************* TEXT **********************/

h1, h2, h3, h4, h5, h6 {
	line-height: normal;	
}

h1 {
	border-bottom: 1px #d6d6d6 solid;
	font: normal 20px/24px Tahoma, Geneva, sans-serif;
	margin: 11px 0 10px 20px;
	padding-bottom: 6px;
}

#text h2 {
	font: normal 16px/normal Tahoma, Geneva, sans-serif;
	margin: 20px 0 0 0;
}

#text h3 {
	font: bold 12px/normal Tahoma, Geneva, sans-serif;
	margin: 20px 0 0 0;
}

p {
	margin: 9px 0 9px 0;
}

/************************* LINKS **********************/

a {
}

a:hover {
}

a:focus {
}

a:visited {
}

/************************* TABLES **********************/

table {
}

table th {
}

table td {
}

/************************* OTHERS **********************/

.logo {
	display: inline;
	float: left;
}

.clear {
	clear: both;
}

.noshow {
	display: none;
}

#obs {
	color:#EE0D0D;
}