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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-shadow: 0 0 none}
 body {line-height: 1}
 ol, ul {list-style: none}
blockquote, q {quotes: none}
  ins {text-decoration: none}
del {text-decoration: line-through}
 table {border-collapse: collapse; border-spacing: 0}
 .floatLeft {float: left; text-align: left}
img.floatLeft {margin: 0 10px 10px 10px}
.floatRight {float: right; text-align: right}
img.floatRight {margin: 0 10px 10px 10px}
.floatClear, .cleaner {clear: both}
br.floatClear {margin: -1px -1px 0px 0px; width: 1px; height: 1px; clear: both}
 .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.alignRight {text-align: right}
.alignCenter {text-align: center}
div.hr {clear: both; margin: 0; padding: 0;  }
div.hr hr {display: none}
.hide {display: none !important}
.bold {font-weight: bold}
.noBg {background: none !important}
.error {color: #f00; font-weight: bold}
:focus, a {-moz-outline-style: none;  outline: none !important;  }
.nb {border: 0;}

html {height: 100%; margin: 0px; padding: 0px; overflow-x: hidden;  }
html.home {overflow: hidden}

body {background: #fff url("../images/checker-board.gif") fixed left -1px; font-family: Verdana, Helvetica, sans-serif; color: #515253; margin: 0; padding: 0; font-size: 11px; height: 100%; */ }
body.home {overflow: hidden}

div#basic {display: block; position: relative; text-align: left; width: 952px; background-image: url("../images/columns.gif"); min-height: 100%; padding: 0px 0 60px 0}

div#col1 {width: 160px; padding: 113px 0 0 0px; position: fixed; _position: absolute; top: 0px}
div#col2 { width: 437px; margin: 0 0 0 196px; position: relative}
div#col3 { margin: 0 0 0 557px; width: 437px; position: fixed; _position: absolute; top: 0px}


p {line-height: 1.2em}

a {text-decoration: none; color: #982c22}
/*a:hover {color: #000}*/

div#col3 div#filters {height: 101px; position: relative; padding: 0;}
div#col3 div#filters ul {position: absolute; top: 24px}
div#col3 div#filters ul li {float: left; margin: 0 10px 0 0}
/*div#col3 div#filters ul li a {color: #515253; font-weight: normal; background: url("../images/checkboxes.gif") no-repeat 0 2px; padding: 0 0 0 12px}*/
/*div#col3 div#filters ul li a:hover, div#col3 div#filters ul li.current a {color: #000; background: url("../images/checkboxes.gif") no-repeat 0 -14px}*/
div#col3 div#filters ul li a {color: #515253; font-weight: normal; padding: 0}
div#col3 div#filters ul li a:hover, div#col3 div#filters ul li.current a {color: #000;}
div#col3 div#filters a#twitter {position: absolute; right: 14px; top: 25px}

body.isIE div#col3 div#filters a#twitter {position: absolute; right: 13px; top: 25px}

div#col3 h2.home {display: block; text-indent: -2000px; width: 351px; height: 196px; background: url("../images/welco.gif") 0px 0px no-repeat; margin: 12px 0 5px 11px}
div#col3 h2.richtblick {display: block; text-indent: -2000px; width: 351px; height: 196px; background: url("../images/welco.gif") 0px 0px no-repeat; margin: 12px 0 5px 11px}
div#col3 div.info {height: 211px; width: 327px; overflow: hidden; margin: 0 0 0 11px; position: relative}
div#col3 div.info p {margin: 0 0 12px 0}
div#col3 div.copy { width: 3000px; position: absolute}
div#col3 div.copy div.col1, div#col3 div.copy div.col2, div#col3 div.copy div.col3, div#col3 div.copy div.col4, div#col3 div.copy div.col5, div#col3 div.copy div.col6 {float: left; margin: 0 18px 0 0}
div#col3 div.copy div.col1 {margin: 0 16px 0 0}

body.isSafari div#col3 div.copy div.col2 {margin: 0 19px 0 0 !important}
body.isIE div#col3 div.copy div.col2, body.isIE div#col3 div.copy div.col4 {margin: 0 12px 0 0 !important}

div#col3 div.copy div.col1 p, div#col3 div.copy div.col4 p {margin: 0 0 12px 0}
div#col3 div.copy div.col1 p.no-margin {margin: 0px}
div#col3 div.copy div.col2 {margin: 0 11px 0 0px !important; width: }

body.isSafari div#col3 div.copy div.col2 {margin: 0 13px 0 0px !important}
body.isSafari div#col3 div.copy div.col4 {margin: 0 24px 0 0px}

div#col3 div.copy div.col3 {margin: 0 26px 0 0}
div#col3 ul#info-pagination {margin: 200px 0 0 0px}

div#col3 ul {  }
div#col3 ul li {float: left; margin: 0 3px 0 0}
div#col3 ul li.current a {color: #982c22; cursor: default}
div#col3 ul li a {color: #000; font-weight: bold; text-decoration: none}
div#col3 ul li a:hover {color: #982c22;}

div#contact {padding: 0 0 0 11px}
div#contact p {margin: 0 0 10px 0; line-height: 1.3em}
div#contact a {color: #982c22; text-decoration: none; font-weight: normal}
div#contact a:hover {color: #000}
div#contact a.light {color: #982c22}
div#contact a.light:hover {color: #982c22}
div#contact div.col1, div#contact div.col2 {float: left; width: 169px}
div#contact div.col2 h3 {margin: 2px 0 11px 0}

body.isSafari div#contact div.col2 h3 {margin: 1px 0 10px 0}

div#contact div.col2 ul {margin: 0px; padding: 0px}
div#contact div.col2 ul li {float: none; margin: 0 0 4px 0}
div#contact div.col2 ul li a {font-weight: normal}


div#mask-top {
	height: 74px;
	background: url(../images/bg_col2.gif) repeat-y;
	opacity: .75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 437px;
	cursor: pointer;
}
	
div#mask-top-solid-bg {
	height: 113px;
	background: url(../images/bg_col2.gif) repeat-y;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 437px;
}

div#mask-top-solid {
	height: 74px;
	background: url(../images/bg_col2.gif) repeat-y;
	position: absolute;
	left: 0px;
	top: 39px;
	width: 437px;
}

div#mask-bg {
	height: 0px;
	background: url(../images/bg_col2.gif) repeat-y;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 437px;
}

div#mask-bottom {
	height: 10000px;
	background: url(../images/bg_col2.gif) repeat-y;
	opacity: .75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);
	position: absolute;
	left: 0px;
	top: 599px;
	width: 437px;
	cursor: pointer;
}

div#mask-middle {
	height: 75px; background: url(../images/bg_col2.gif) repeat-y;
	position: absolute;
	left: 0px;
	top: 524px;
	width: 437px
}


div.articles {
	position: absolute;
}

div.article-group {
	padding-bottom:78px;
	height:411px;
	background:url(../images/bg_col2.gif) repeat-y;
	height:1%;
	padding-top:0px;
}

div.article-group.last {
	padding: 0px;
	background: none !important;
}

div.article {
	width: 218px;
	float: left;
}

div.articlenew {
	width: 218px;
	float: left;
}

div.articlenormal {
	width: 218px;
	float: left;
}

.adresse {
	margin-top:257px;
	margin-left:20px;
	font-size:9px;
}

*:first-child+html .adresse {	
						margin-top:254px;
					}

.treecone {
	font-family: Arial;
	font-size:9px;
}






div.hover {cursor: pointer}
div.article a img {*margin-bottom: -3px}
div.articlenew a img {*margin-bottom: -3px}
div.article div.info {background-color: #666; height: 71px; padding:7px}
div.articlenew div.infonew {background-color: #666; height: 71px; padding:7px}

div.hover div.info {background-color: #222;}
div.article div.info h3 {margin-bottom: 3px}
div.article div.info h3 a {color: #fff; font-weight: bold; text-decoration: none}
div.hover div.info h3 a {color: #982c22;}
div.article div.info p {color: #c0bfbf; margin-bottom: 3px}
div.articlenew div.infonew p {color: #c0bfbf; margin-bottom: 3px}
div.article div.info p.date {color: #fff;}

div.infonormal {background-color: #666; height: 71px; padding:7px}
