html, body {height:100%;}
body{
	background-image: url(bild/bg.jpg);
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#7d7d7d;
	position:relative;
	min-width:320px;
}

/*Structure*/
.corps {background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px auto 60px;
    padding: 0;
    position: relative;
    width: 960px;
}
.niveau1, .level5, .level55 {float: left; display: inline; margin-left: 10px; margin-right: 10px;}
.footer {float: left; display: inline;}
 .niveau2, .niveau22 {float: left; display: inline; margin-left: 10px; }
 .niveau55 {float: left; display: inline;  margin-right: 10px;}
.corps .niveau1 {width: 940px;margin-bottom: 10px;}
.footer {width: 960px;padding-left:0px; background:#339966;}
.corps .level5 {width: 300px;margin-bottom: 10px;margin-top: 10px;}
.corps .level55 {width: 590px;margin-bottom: 10px;}




	
/*tags*/	
h1{font: normal 24px/28px Arial, Helvetica, sans-serif; color:#191818;}
h2{font: normal 22px/26px Arial, Helvetica, sans-serif; color:#333333;}
h3{font:normal 18px/22px Arial, Helvetica, sans-serif; color:#bcbcbc;}

/*tabulation*/

header{width:100%;}
	#startseite header {width:100%; 
    padding-bottom: 0;}
header .startseite-haut{ height:150px; background: none repeat scroll 0 0 #FAFAFA;}
.link	 {float:right; width:960px;display:block; background:#339977;}
.logo {float:left; width:960px;display:block; height:60px; background:#C9EDDB; text-align:center;}
.logo h1 {font: normal 24px Arial, Helvetica, sans-serif; color:#808080;}
.logo a, .logo p {font: normal 24px Arial, Helvetica, sans-serif; color:#808080;}

nav {float:right; padding-right:20px; padding-top:20px;}
.link ul {margin:10px 0 0 50px; padding:0; height:30px}
.menu {list-style:none;}
.menu > li {position:relative;float:left;font:15px/19px Arial;margin-right:56px;}
.menu > li > a {color:#AD0917;text-decoration:none;}
.menu > li.sfHover > a,.menu > li > a:hover , .menu > li.current > a {text-decoration:none; color:#b45737;}
.menu .menu-arrow{display:none;}

/*Bandeau Photo startseite*/
.bandeau{background-image: url("bild/bandeau.jpg") ;background-repeat:no-repeat;height:200px;}


/*startseite*/
.corps .contenth {position: relative; width: 100%; margin: 0 auto; padding: 0;}
.contenth h3 {font:20px/24px Arial, Helvetica, sans-serif; color:#333333; }
.contenth p {font:normal 14px/18px Arial, Helvetica, sans-serif; color:#333333; }
.contenth .cadre-img{padding:0px 0px 0px 10px; border:none;}

.corps .contentb {position: relative; width: 100%px; margin: 0 auto; padding-top: 30px;padding-bottom: 30px;font:normal 14px/18px Arial, Helvetica, sans-serif; color:#5A5A5A;}
/*Cadre Image*/
.cadre-img{display:block;border:1px solid #cdcdcd;background:#fff;padding:5px;margin-top:20px}

/*Colonnes*/

.col1, .col2, .col3 {padding-right:10px;padding-left:10px;}


.contentb .col1,.contentb .col2,.contentb .col3 {background:#E6E6E6; height: 220px}
.contentb  .col1 {margin-left: 10px;}

/*page content*/
.corps .content {position: relative; width: 100%; margin: 0 auto; padding-top: 10px;}


/*Footer*/

.corps:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.contenth:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.contentb:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.content:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.niveau1:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.header:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;}

.footerhaut:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}