/**************** general styles ****************/

* {
margin: 0;
padding: 0;
border: none;
}
a:link {
color: #1E6984;
}
#main {
background: transparent url("images/jeanquartier_family.png") no-repeat 0px 0px;
clear: both;
color: #183F4D;
padding:1.2em;
width: 1240px;
border: 1px solid #92cdcd;
margin: 66px auto 0 auto;
height: auto;
min-height:800px;
padding-bottom:2em;
clear:both;
}
#main a:hover {
color: #84691E;
}
#main a:visited {
color: #2f7a95;
}
a img { border:none; }
body, html {
font-family: "Droid Sans", "Trebuchet MS", Arial, sans serif;
font-size:12px;
border: none;
margin: 0;
padding: 0;
text-align: center;
}

.sr-only {
  visibility: hidden;
  width: 0;
  text-indent: -99999;
}

body.jqc {
/*color: #183F4D;*/
background: transparent url("images/bg_gradient_top.png") repeat-x 0 0;
}

table, tr, td {
text-align: center;
border: none;
padding: 0;
margin: 0.5em 0em 0em 2em;
line-height: 1.2em;
padding-top: 10px;
}

/* ------------- main ---------------- */
/*
ul.globalnav { clear:both; height:66px; width:780px; margin: 0 auto;}
ul.globalnav li {
float:left;list-style:none;
width:380px;height:66px;
}
ul.globalnav li.privat {
background: transparent url("images/bg_tab_privat0.png") no-repeat -4px -2px;
}
ul.globalnav li.business {
background: transparent url("images/bg_tab_business0.png") no-repeat -4px -2px;
}
ul.globalnav li.privat:hover,
ul.globalnav li.privat.selected {
background-image: url("images/bg_tab_privat.png");
cursor:pointer;
}
ul.globalnav li.business:hover,
ul.globalnav li.business.selected {
background-image: url("images/bg_tab_business.png");
cursor:pointer;
}
*/
#main #title {
text-shadow: #b4dede 1px 1px, #fff -1px -1px
}
#main #title h1 {
font-size: 1.8em;
font-weight: bold;
line-height: 1.8em;
text-align: left;
}
#title h1 a {
font-style: normal;
text-decoration:none;
}
#main #title h2 {
font-size: 1.4em;
font-weight: bold;
line-height: 1.4em;
text-align: left;
}

/* ------------- menu ---------------- */
#main #menu {
/*background: transparent url("images/clickhere.gif") no-repeat 10px -5px;
margin: 3em;
padding-top: 92px;
margin-top: 110px;
text-align: left;
height:540px;
width:21em;*/
}
#main #menu h3 {
margin: 1em 0;
}
#main #menu hr {
margin-bottom: 0.5em;
}
#main #menu #jqc {
height:142px;
margin-top:1em;
}
#main #menu #jqc .jqc_title {
background: transparent url("images/jqc_logo_balken_orange.jpg") no-repeat 0px 100%;
padding-bottom: 10px;
vertical-align: top;
}
#main #menu #jqc a {
float: left;
}
#main #jqc img {
width:150; height:105;
}
#main #jqc * {
clear: both;
float: none;
}

/*
-----------------------------------------------
menu portraits Styles
-----------------------------------------------
*/
#menu #family_portraits {
height: 200px;
clear:both;
}
#menu #family_portraits #pics img {
cursor: pointer;
display:inline;
padding:6px;
border:none;
}
#menu #pics img:hover {
border:1px solid #d1ecec;
background: #d1ecec;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}
#menu #jqc:hover {
border:1px solid #d1ecec;
margin:-6px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}
/* portraits */
#menu {
padding-left:35px;
}
#menu a#alpj:hover, #menu a#anpj:hover, #menu a#clpj:hover,
#menu a#edpj:hover, #menu a#flpj:hover, #menu a#mapj:hover {
cursor:pointer;
}
#menu div a { display: block;}
#alpj {
width:200px; height:240px; position:absolute;
top:146px; margin-left:110px;
}
#alpj a {
width:200px; height:240px;
background: transparent url("images/highlight_alix.png") no-repeat 1px 1px;
}
#anpj {
width:210px; height:240px; position:absolute;
top:366px; margin-left:851px;
}
#anpj a {
background: transparent url("images/highlight_andre.png") no-repeat 1px 1px;
width:210px; height:240px;
}
#edpj {
width:200px; height:240px; position:absolute;
top:226px; margin-left:970px;
}
#edpj a {
width:200px; height:240px;
background: transparent url("images/highlight_edda.png") no-repeat 1px 1px;
}
#clpj {
width:180px; height:240px; position:absolute;
top:486px; margin-left:640px;
}
#clpj a {
background: transparent url("images/highlight_claire.png") no-repeat 1px 1px;
width:180px; height:240px;
}
#flpj {
width:180px; height:220px; position:absolute;
top:116px; margin-left:610px;
}
#flpj a {
background: transparent url("images/highlight_fleur.png") no-repeat 1px 1px;
width:180px; height:220px;
}
#mapj {
width:200px; height:240px; position:absolute;
top:156px; margin-left:270px;
}
#mapj a {
background: transparent url("images/highlight_martna.png") no-repeat 1px 1px;
width:200px; height:240px;
}

/* ------------- bottom ---------------- */
#main div#bottom {
width:36em;
margin: 0em auto;
margin-top:-10em;
width:34em;
margin-bottom: 4em;
position:absolute;
bottom: 3em;
}
div#bottom h3 {
line-height:1em;
padding:0;
margin:0;
}

/* ------------- downloads ---------------- */
#downloads {
       margin-top:-2em;

}

/* -------------- diverse classes -------------- */
.pdf {
background: transparent url("images/pdf.gif") no-repeat top left;
padding: 2px 0px 2px 18px;
line-height: 1.5em;
}
.block {display:block;}
.clear {clear:both;}


/* -------------- business -------------- */
div.business div h2 {
  margin-top: 3em;
  padding: 1em;
  border-top: 1px solid #2f7a95;
}
div.business div p {
  width: 32em;
  margin: 0.25em auto;
  text-align: jsutify;
}
nav .fleur-link{text-decoration:none;color:transparent !important;top:176px;position:relative;font-size:65px;letter-spacing:-10px;left:190px;}
nav .claire-link{text-decoration:none;color:transparent !important;top:256px;position:relative;font-size:65px;letter-spacing:-10px;left:61px;}
nav .andre-link{text-decoration:none;color:transparent !important;top:240px;position:relative;font-size:65px;letter-spacing:-10px;left:80px;}