/* Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

html,body{
	line-height: 1;
	font: 12px/18px 'Trebuchet MS', sans;
	background: #fff;
	color: #1a1a1a;
	min-height: 100%;}

article, aside, figure, footer, header, hgroup, nav, section{
	display: block;}

nav ul, .nav ul{
	list-style: none;}

blockquote, q{
	quotes: none;}

blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;}

a{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

a:link, a:visited{
	color: #000;}

a:focus, a:hover, a:active{
	color: #6a7983;}

ins{
	background-color: #ff9;
	color: #1a1a1a;
	text-decoration: none;}

mark{
	background-color: #ff9;
	color: #1a1a1a;
	font-style: italic;
	font-weight: bold;}

del{
	text-decoration: line-through;}

abbr[title], dfn[title]{
	border-bottom: 1px dotted #1a1a1a;
	cursor: help;}
	
p, ul, ol, table{
	margin: 0 0 18px;}

table{
	margin-top: 6px;
	border-top: 1px solid #d4dbe0;
	border-collapse: collapse;
	border-spacing: 0;
	color: #6a7983;}
	
table a{
	color: #6a7983 !important;}
	
th{
	text-align: left;
	font-weight: bold;}
	
th,td{
	padding: .3em 3em .3em 0;
	border-bottom: 1px solid #d4dbe0;}

hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;}

input, select, img, object, textarea{
	vertical-align: middle;}

h2{
	margin: 0 0 27px;
	color: #a9b7c1;
	font-size: 24px;
	line-height: 27px;}

h3{
	margin: 0;}
	
ul, ol{
	padding: 0 0 0 1.5em;}

ul.no{
	padding: 0 0 0 1em;
	list-style: none;
	text-indent: -1em;}

blockquote{
	margin: 0;
	padding: 0;}

/* Layout */

#skip{
	position: absolute;
	left: -999em;}

/* Grid */

/*
gap	15px
1	50px		2	115px		3	180px
4	245px		5	310px		6	375px
7	440px		8	505px		9	570px
10	635px		11	700px		12	765px
13	830px		14	895px		15	960px
*/

/* Layout Base */

html, body{
	background: #fff url(../i/faux.gif) 0 0 repeat-y;}

#site{
	width: auto;
	color: #1a1a1a;
	padding: 0;}

#site, #top, #page, #end, #menu{
	position: relative;
	margin: 0;}

#page, #menu{
	overflow: hidden;
	width: 960px;}
	
#page{
	padding-bottom: 36px;}

#top{
	z-index: 10;
	position: absolute;
	width: 960px;
	padding: 0;
	background: #fff;}

#top p.claim{
	position: absolute;
	top: 45px;
	right: 0;
	font-weight: bold;
	font-size: 14px;}

#top blockquote{
	display: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	color: #6a7983;}

#top blockquote cite{
	font-size: 12px;
	font-style: normal;
	color: #1a1a1a;}

#end{
	position: relative;
	overflow: hidden;
	bottom: 0;
	width: 100%;
	background: #6a7983;
	color: #d4dbe0;
	border-top: 1px solid #fff;}
	
#end h2{
	margin: 0;
	padding: 9px 65px;}

#end h3{
	color: #fff;
	margin: 0 0 9px;}
	
#end li{
	list-style: none;}

#end a{
	color: #fff;}
	
#end a:hover{
	color: #a9b7c1;}

#end .box{
	margin: 0 25px 0 65px;
	padding: 0 0 18px;}

/* Layout Sub */

#menu{
	padding: 108px 0 0;
	background: #fff;}

#menu ul{
	overflow: hidden;
	width: 380px;
	margin: 0 15px 0 0;
	padding: 0 0 0 60px;
	background: #a9b7c1;
	border-bottom: 1px solid #fff;
	font-size: 11px;}

#menu li{
	display: block;
	float: left;
	margin-right: 2px;}

#menu li.first{
	margin-right: 0;
	float: right;}

#menu a,
#menu strong{
	height: 26px;
	line-height: 28px;
	float: left;
	display: block;
	padding: 0 5px;
	font-weight: normal;
	text-decoration: none;
	color: #fff;}

#menu li.first a,
#menu li.first strong{
	padding: 0 10px;}

#menu a:hover,
#menu strong{
	background: #6a7983;}

/* Elements Tableaux */

#page.tableaux{
	overflow: hidden;
	width: 960px;
	margin: 0 10px 0;
	padding: 108px 0 36px;
	list-style: none;}

#page.tableaux li{
	float: left;
	width: 240px;
	margin: 0 0 1px;
	text-align: right;}

#page.tableaux li,	
#page.tableaux a{
	vertical-align: top;
	display: block;
	position: relative;
	height: 125px;
	cursor: pointer;
	overflow: hidden;}

#page.tableaux a{
	text-decoration: none;
	background: #a9b7c1;
	color: #fff;
	border-right: 1px solid #fff;}

#page.tableaux .last a{
	border-right: 0;}

#page.tableaux .extra a{
	background: #b7ca5b;}

#page.tableaux a span.wrap{
	display: none;
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 240px;
	height: 0;
	margin: 0;
	background: #39618f;
	font-size: 20px;
	line-height: 26px;
	color: #a9b7c1;}

#page.tableaux span.wrap span{
	display: block;
	padding: 8px 12px;}

#page.tableaux strong,
.figure .dt strong,
.figure .dt h2{
	z-index: 5;
	position: absolute;
	bottom: 9px;
	right: 12px;
	display: block;
	text-align: right;
	font-size: 14px;}

/* Elements Sub */

.figure{
	position: relative;
	float: left;
	width: 440px;
	margin: 0 15px 0 0;
	padding: 108px 0 0;
	background: #a9b7c1;}

.figure .dt{
	z-index: 10;
	position: absolute;
	width: 100%;
	height: 107px;
	top: 0;
	left: 0;
	border-bottom: 1px solid #fff;}

.figure .dt strong{
	color: #fff;}

.figure .dt h2{
	margin: 0;
	padding: 0;
	color: #fff;}

.figure .dd{
	border-bottom: 1px solid #fff;}

.figure .dd p{
	height: 330px;
	margin: 0;
	padding: 25px 20px;
	background: #d4dbe0;
	font-size: 40px;
	line-height: 40px;
	font-weight: bold;
	text-align: right;
	color: #a9b7c1;}

.content{
	float: left;
	width: 505px;
	margin: 0;
	padding: 113px 0 0;}

.content p{
	background: #fff;}
	
.content p.accordion{
	margin-bottom: 10px;}

.jump{
	margin: 40px 20px 0 0;
	text-decoration: none;
	color: #b7ca5b;}

a.jump{
	margin: auto;}

a.jump, .jump a{
	color: #b7ca5b;
	text-decoration: none;}

.jump a{
	display: block;
	margin: 0;
	font-weight: bold;}

.jump span{
	display: block;
	color: #1a1a1a;
	text-decoration: none;}

/* Partnernetzwerk */

#partner{
	width: 765px;
	margin-left: 65px;
	padding: 108px 0 0;}

html body #partner li{
	position: relative;
	list-style: none;
	display: block;
	text-align: left;
	padding: 0 0 18px;}

#partner h3{
	float: left;
	width: 245px;}

#partner p{
	float: left;
	width: 440px;}

.partnernetzwerk{
	overflow: hidden;
	margin: 36px 0 0;
	padding: 0 0 0 65px;}

.partnernetzwerk h2,
.partnernetzwerk p{
	float: left;
	margin: 0 20px 0 0;
	font-size: 12px;
	line-height: 18px;}

.partnernetzwerk h2{
	font-size: 14px;}

.partnernetzwerk a{
	margin-right: 12px;}

/* End */

.vcard .fn, .vcard .country-name{
	display: none;}

.vcard .tel{
	margin: 0 0 9px;}
	
.push{
	margin-top: 3em;}
	
/* Clearfix */

.clearfix:after, #partner li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix, #partner li {
	display: inline-block;
}
 
html[xmlns] .clearfix, html[xmlns] #partner li {
	display: block;
}
 
* html .clearfix, * html #partner li {
	height: 1%;
}