/* menu */
@import url("menu.css");

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
margin: 0; 
padding: 0; 
}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { 
font-size: 1em; 
font-weight: normal; 
font-style: normal; 
}
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
.clear { clear: both; }
.clearer { 
clear: both; 
display: block; 
margin: 0; 
padding: 0; 
height: 0; 
line-height: 1px; 
font-size: 1px; 
}

img { border: 0; }
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }

#main { 
width: 780px; 
margin:0 auto;
/*position: relative; */
}
#content { 
background: url("../images/arriere.gif") top left repeat-y;
padding: 18px 50px; 
position: relative; 
color: #333;
}
#spaltenhalter { 
background: url("../images/arriere.gif") top left repeat-y;
padding: 18px 50px; 
position: relative; 
color: #333;
}
#spaltenhalter2 { 
background: url("../images/arriere.gif") top left repeat-y;
padding: 18px 50px; 
position: relative; 
color: #333;
}
#content2 { 
background: url("../images/arriere.gif") top left repeat-y;
padding: 18px 50px; 
position: relative; 
color: #333;
}
.maincap { 
height: 7px;
left:0;
width:780px;
z-index:5; 
}
.maincap.top { top: 0; background: transparent url(../images/content-top2.png) no-repeat; }
.maincap.bottom { bottom: 0; _bottom: -1px; background: url(../images/content-bottom2.png) no-repeat 0 100%; }
.bottom {
	margin-bottom: 15px;
}

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 2%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }
.deuxcol {
	padding-top: 15px;
}
.marghaut {
	margin-top: 90px;
}
#deuxcol h3.large {
clear:both;
color:#333;
font-size:12px;
font-weight:bold;
}
p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }

#main .secondcol { 
position:relative; 
width:722px; 
min-height:209px; 
_height:215px; 
margin-left:-50px; 
margin-right:-50px; 
padding:0 29px 20px; 
}
#main .secondcol .column { 
position:relative; 
min-height:275px; 
_height:275px; 
padding-top:25px; 
background:url(../images/footer_bg.gif) no-repeat 100% 0; 
}
#main .secondcol .column img.alig {
	position:absolute;
	bottom:0;
	margin:0 30px;
}
#main #spaltenhalter p.alig {
	position:absolute;
	bottom:10px;
	left: 30px;
}
#main .secondcol .column img.outer { margin:0 65px; }
#main .secondcol .column.last { background:none; }
#main .secondcol h4 { font-size:12px; font-weight:normal; color:#666; }
#main .secondcol h3 { font-size:13px; font-weight:bold; color:#333; }
#main .secondcol p { padding-right:3%; }

body { 
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background: #fff url(../images/global.gif) top left repeat-x; 
color: #333; 
}

a { color: #08c; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(../images/arrow.gif) no-repeat 100% 50%; zoom: 1; }
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 20px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin: 10px 0 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
p.intro { font-weight: bold; }
.more { text-align: right;}
p.grand {
	font-weight: bold; 
	font-size: 20px; 
	line-height: 36px;
	color: #888;
}
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }

.last { margin-bottom: 0; }
.center {
	text-align: center;
}

/*--- Footer ---*/
#footer {
color:#888;
font-size:10px;
margin:0 auto 15px;
padding-bottom:36px;
text-align:left !important;
width:780px;
position: relative;
border-bottom: 1px solid #d0d0d0; 
}
#footer a { color: #08c; }
#footer ul.langues a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #d0d0d0; }
#footer .droite {
float:right;
margin-bottom:5px;
margin-left:0;
margin-right:3px;
margin-top:3px;
}
.langues {
display:block;
}
.langues li {
display:inline;
float:left;
}
#howtolist {

}
.howtolink {
background:transparent url("../images/arrowhowto.gif") 100% 48% no-repeat;
float:left;
font-size:14px;
margin-bottom:9px;
margin-right:6%;
width:95%;
}
a.external-link {
	background: url(../images/external.gif) center left no-repeat;
	padding-left: 13px;
}
a.mail {
	background: url(../images/mail.gif) center left no-repeat;
	padding-left: 20px;
}