body         
{
background-image:url("fond-degrade4.jpg");
background-repeat:x-repeat;

}



@media (min-width: 768px) {

  .container {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .container {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .container {

    width: 1170px;

  }

}

a:hover
{

}

a:focus
{
font-weight:bold;
	
}

img
{
width:100%;
}

#image
{margin-top:5%;
}

#gold
{
margin-top:70px;
padding-bottom: 20px;
}

#Susanne
{
font-family: calibri;
font-size:2.7em;
position:absolute;
margin-top:-30px;
margin-left:65%;
}


#Susanne1
{
font-family: calibri;
font-size:2.5em;
position:absolute;
margin-top:-26px;
margin-left:55%;
}

#Susanne2
{
font-family: calibri;
font-size:2.5em;
position:absolute;
margin-top:-30px;
margin-left:50%;
}

#Susanne3
{
font-family: calibri;
font-size:2.2em;
position:absolute;
margin-top:-65px;
margin-left:10%;

}

#S-IA
{
margin-left:100px;
margin-top:-50pxpx;
position:absolute;
font-family:caliri,arial;
font-size:1.7em;
color:rgb(200,200,200);
}
#VSI0
{
margin-left:65%;
margin-top:15px;
position:absolute;
font-family:caliri,arial;
font-size:1.3em;

}
#VSI
{
margin-left:55%;
margin-top:10px;
position:absolute;
font-family:caliri,arial;
font-size:1.3em;

}

#S-IA2
{
margin-left:25px;
margin-top:0px;
position:absolute;
font-family:caliri,arial;
font-size:1.3em;
color:rgb(200,200,200);
}
#VSI2
{
margin-left:50%;
margin-top:5px;
position:absolute;
font-family:caliri,arial;
font-size:1.1em;

}

#S-IA3
{
margin-left:20px;
margin-top:0px;
position:absolute;
font-family:caliri,arial;
font-size:1.1em;
color:rgb(230,230,230);
}
#VSI3
{
margin-left:30%;
margin-top:0px;
position:absolute;
font-family:caliri,arial;
font-size:1.1em;



#A
{
margin-top:0px;
}

#A a
{
text-decoration:none;
color:rgb(70,70,70);
font-family:calibri, arial, serif;
font-size:1em;

}

#A a:hover
{
color:black;
}


#web a
{

font-family:gisha,arial,serif;
text-decoration:none;
font-size:0.7em;
color:rgb(100,100,100);
}

#web a:hover
{
text-decoration:underlign;
color:blue;
}

#pied
{
padding-bottom:15px;

}


#at 
{

font-family:calibri, arial, serif;
}

#at a
{
color:rgb(255,153,51);
text-decoration:none;
font-size:4em;
}

#at a:hover
{
color:black;
}
	
#bouton 
{
min-height:30px;
text-align:center;
font-family:calibri, arial, sans-serif;
}
	
#bouton a
{
min-height:30px;
text-align:center;
color:rgb(70,70,70);
font-family:calibri, arial, sans-serif;

}

#liste
{
margin-top:10px;
}

#listeXS 
{
	min-height:30px;
}

#loginXS
{
min-height:30px;
}

#loginXS a
{
	color:rgb(150,150,150);
	font-family:gisha, calibri, arial;
	min-height:50px;
    margin-left:40%;
}

#listeXS a
{
	color:rgb(150,150,150);
	font-family:gisha, calibri, arial;
	min-height:50px;
}

#liste a
{
	color:rgb(150,150,150);
	font-family:gisha, calibri, arial;
}

#login
{
		margin-top:10px;
}

#login a
{
	color:rgb(150,150,150);
	font-family:gisha, calibri, arial;
}

#body
{
	margin:5%;
}

#Dienstleist
{
	padding:5px;
}

#photos1
{
	padding:5%;
}

#xs
{
font-size:0.8em;
padding-top:5%;
padding-left:5%;
padding-right:5%;
}

#lg
{

padding-top:5%;
padding-left:5%;
padding-right:5%
}

#texte
{
font-size:0.9em;
}