/* STYLE SHEET: BFE - SPARKAMPAGNE */


/*--------------------------------------------------------------------------------------*/
/*PRINCIPAL-----------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
*{
margin:0px;
border:0px;
padding:0px;
font-family: Verdana, Helvetica, Helvetica,Arial, sans-serif;
}
body{
background-color:black;
font-size:13px;
color:#FFFFFF;
background-image:url(img/band.png);
background-repeat:repeat-x;
background-position:0px 51px;
width:100%;
margin: 0 auto;
}
/*Div global*/
#global {
width:900px;
margin: 0 auto;
}

/*--------------------------------------------------------------------------------------*/
/*GLOBAL--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
/*--LOGO------------*/
#logo{
width:162px;
height:162px;
margin-left:-10px;
float:left;
margin-right:10px;
}
#content{
width:510px;
float:left;
margin-top:81px;
border-right:3px solid #FFFFFF;
float:left;
padding-bottom:100px;
height:100%;
}
p{
margin-bottom:10px;
}
a{
color:#000000;
text-decoration:none;
}
a:hover{
outline:none;
}

/* --------------------------- */
/* TITELS
/* --------------------------- */

/*--h1=logo------*/

/*--Titre Page------*/
h2{
font-size:19px;
font-weight:bold;
margin-top:40px;
color:#de501e;
}
/*--Sous-Titre Page-*/
h3{
font-size:14px;
padding-top:2px;
font-weight:bold;
color:#de501e;
}
/*--Titres Categories Tipps-*/
h4{
font-size:13px;
font-weight:bold;
color:#de501e;
margin-top:3px;
}
/*--Titres des tipps------*/
h5{
font-size:13px;
font-weight:100;
margin-top:2px;
}
h5 a{
color:white;
}
h5 a:hover{
color:#de501e;
}
/*--Liens des Tipps vers l'exterieurs--*/
h6{
color:white;
font-size:13px;
margin-bottom:10px;
margin-top:25px;
}
/*--"Weitere Links"--*/
#moreInfos{
display:block;
font-size:13px;
font-weight:bold;
margin:35px 0px 5px 0px;
color:#FFFFFF;

}
#moreInfos2{
display:block;
font-size:13px;
font-weight:bold;
margin:35px 0px 5px 0px;
color:#FFFFFF;

}
.backLink{
padding-top:10px;
font-size:10px;
margin-left:-21px;
}
.backLink a{
color:#de501e;
font-weight:bold;
}
/* ------------------------------------------------------ */
/* MENU
/* ------------------------------------------------------ */
#menu{
float:left;
width:200px;
height:360px;
margin-top:65px;
}
#menu img{
margin-bottom:15px;
}
#lg_menu {
margin-bottom:30px;
}
#menu a{
color:#FFFFFF;
font-size:11px;
}
#menu a:hover{
color:#de501e;
}
#lg_menu a{
color:#333333;
font-weight:bold;
font-size:10px;
text-decoration:none;

}
#lg_menu a:hover{
color:#de501e;
}

/* ------------------------------------------------------ */
/* HOME
/* ------------------------------------------------------ */
#home_txt{
margin-top:20px;
padding-left:170px;
}
#home_affe{
margin-top:0px;
padding-bottom:200px;
}
/* ------------------------------------------------------ */
/* CONTENT 1 ---  Les petits trucs
/* ------------------------------------------------------ */
#content_allTipp{
width:360px;
margin-top:20px;
padding-bottom:40px;
}
.tippBlock{
float:left;
padding-bottom:20px;
}
.picto{
width:55px;
float:left;
}
.tippList{
float:left;
width:300px;
border-top:solid 2px #FFFFFF;
margin-top:14px;
}
/* --------------------------- */
/* CONTENT 1b ---  Tipp
/* --------------------------- */
#content_tipp{
width:440px;
margin-top:20px;
margin-bottom:40px;
}
#links{
margin-bottom:30px;
}
#content_tipp h3{
margin-bottom:20px;
}
#content_tipp h4{
color:#FFFFFF;
margin-bottom:15px;
font-size:15px;
}
#content_tipp a{
color:#de501e;
display:block;
margin-bottom:2px;
}
#content_tipp a:hover{
color:white;
}
.docBlock{
margin-top:10px;
margin-bottom:20px;

}
.docBlock img{
float:left;
padding-right:15px;
width:80px;
margin-bottom:5px;
}
.docBlock a{
float:left;
width:440px;
padding-bottom:20px;
}
/* ------------------------------------------------------ */
/* CONTENT 2 ---  Les videos
/* ------------------------------------------------------ */

#content_videos{
width:460px;
margin-top:20px;

}
#content_videos p{
width:380px;
}
.videoBlock{
margin-top:30px;
margin-bottom:50px;
height:160px;
}

/* --uberschrift video */
.videoBlock h4{
width:183px;
margin-left:0px;
background-color:#de501e;
padding:2px 2px 2px 6px;
color:#FFFFFF;
margin-bottom:4px;
font-size:12px;
}
/* --thumbnail video */
.videoBlock img{
float:left;
}
/* --Description à droite de l'image */
.videoPlay{
width:200px;
float:left;
margin-top:50px;
padding-left:10px;
}
.videoPlay a p{
float:left;
padding-left:5px;
font-size:12px;
}
.videoPlay a:hover p{
color:white;
}

/* --"Voir la video" */
.watch{
margin-bottom:3px;
color:#de501e;
font-weight:bold;
}
/* --Titel video */
.white{
color:#FFFFFF;
}

/* --------------------------- */
/* CONTENT b2 ---  Play video
/* --------------------------- */
#content_Video{
height:550px;
}

#video{
width:450px;
height:300px;
margin-top:10px;
}

.backLink a:hover{
color:white;
font-weight:bold;
}
.savoirPlus{
font-size:11px;
display:block;
color:#de501e;
font-weight:bold;
}
.savoirPlus:hover{
color:white;
font-weight:bold;
}


/* ------------------------------------------------------ */
/* CONTENT 4 ---  energyday
/* ------------------------------------------------------ */
#content_energy{
width:360px;
margin-top:20px;
padding-bottom:40px;
height:550px;
}
#content_energy a{
color:#de501e;
display:block;
margin-bottom:2px;
}
#content_energy a:hover{
color:white;
}
/* ------------------------------------------------------ */
/* CONTENT 5 ---  infos
/* ------------------------------------------------------ */
#content_infos{
width:360px;
margin-top:20px;
padding-bottom:40px;
}
#content_infos a{
color:#de501e;
display:block;
margin-bottom:2px;
}
#content_infos a:hover{
color:white;
}

/* ------------------------------------------------------ */
/* SPECIAL
/* ------------------------------------------------------ */
div .clearbloc{
clear:both;
height:0px;
background-color:#000000;
}
/* ------------------------------------------------------ */
/* FOOTER
/* ------------------------------------------------------ */
#footer{/*Ligne horizontale bas*/
width:100%;
height:80px;
position:fixed;
bottom: 0px; 

background-color:#FFFFFF;
background-repeat:repeat-x;
}
#links_extern{
padding-right:140px;
width:900px;
margin: 0 auto;
}
#urlBFE a{
text-decoration:none;
color:#333333;
font-size:11px;
}
#urlBFE a:hover{
color:#de501e;
}
#links_extern div{
float:right;
}
#urlBFE, #mail{
margin-top:34px;
}
#mail{
letter-spacing:-2px;
}