/* ---------- Defaults -------------- */ 
/* 
  Links: #cccc66
*/

.clear{
  clear:both;
}


/* ---------- Structure -------------- */
html{
 
}
body{
  width:100%;
  position:relative;
  font-family: Georgia, Arial, Geneva, sans-serif;
  background-attachment: fixed;
  background-position:center 0;
  background-image:url(../_image/jolimont/kachel.jpg);
  color:#ffffff;
}
.wrapper{
  position:relative;
}
.center{
  position:relative;
  width:740px;
  margin:0px auto 15px auto;
}
.header{
  position:relative;
  text-align:center;
  padding-top:10px;
  height:220px;
  font-size:10pt;
}
.header-img{
  position:absolute;
  left:-120px;
  top:0px;
}
.header a{
  color:#ffffff !important; 
}
.logo a:hover, .logo a:active{

}
.content-wrapper{
}

.home-link{
  height:125px; 
  display:block;
}



/* ---------- global classes -------------- */
a:link, a:visited{
  text-decoration: none;
  color:#cccc66;
 }
a:hover, a:active{
  text-decoration: none; 
  color:#ffffff;
}


/* ---------- hauptnav-------------- */


.nav-main{
  overflow:hidden;
  position:absolute;
}
.nav-main .nav-0{
	
}
.nav-main .nav-0 li{
  margin:0;
  padding:0;
  float:left;
  height:37px;
  width:148px;
  background-repeat:no-repeat; 
}
.nav-main .nav-0 #nav-4{
  border:none; 
  padding-left:0;
}
.nav-main .nav-0 li a{
  position:relative;
  font-size:10pt;
  font-weight:bold;
  text-transform:uppercase;
  top:10px;
  letter-spacing:1.3px;
}
.nav-main .nav-0 li .nav-sep{
  display:none;
}


.nav-main .nav-1{
	padding:10px 0;
	background-image:url(../_image/jolimont/nav_baseline.png);
	background-repeat:no-repeat;
	background-position:0px 30px;
	height:50px;
}
.nav-main .nav-1 li{
  float:left;
  border-right:1px solid #cccc66;
  padding: 0 10px; 
}
.nav-main .nav-1 li a{
  position:relative;
  font-size:10pt;
  font-weight:bold;
  top:-2px;
  letter-spacing:1.3px;
}

.nav-0 li:last-child{
  width:140px;
}
.nav-1 li:last-child{
  border:none;
}
.nav-1 li:first-child{
  padding-left:0px;
}


	
#active a, .active a{
  color:#ffffff !important;  
}





/* ---------- navigation -------------- */

#nav-meta{
  height:45px;
}
#nav-meta ul{
  padding-top:20px;
  text-align:right;
}
#nav-meta li{
  margin:0 0em 0 0px;
  padding:12px 0px 0 0em;
  display:inline;
}
#nav-meta a{
  font-size:12pt;
  color:#ffffff; 
}
#nav-meta a:hover, #nav-meta a:active{
  font-size:12pt;
  color:#ff0000;
}
#nav-meta a:link, #nav-meta a:visited{
  font-size:12pt;
  color:#ffffff;
}
#nav-meta .nav-sep{
  color:#ffffff;
  padding:0 15px;
}





/* -----------------Inhalt--------------------- */
.content{
  position:relative;
  margin-top:100px;
  border-radius:12px;
  padding:35px 24px 24px 236px;
  /*
  opacity:0.27;
  background-color:#ffffff;
  */
  background: rgb(111, 111, 111);
  background: rgba(255, 255, 255, .27);
}

.breadcrumb{
  text-transform:uppercase;
  font-weight:bold;
  font-size:9pt;
  letter-spacing:1.3px;
}

h1{
  font-weight:normal;
  font-size:22pt;
  padding:5px 0 20px 0;
  background-image:url(../_image/jolimont/unterstreichung_titel.png);
  background-repeat:no-repeat;
  background-position:0 37px;
  letter-spacing:1.1px;
}
.dir{
  text-transform: uppercase;
  font-size:20pt;
}
p{
  font-size:12pt;
  line-height:140%;
  padding-top:9px;
  letter-spacing:.5px;
}

.content-img{
  margin:15px 0 7px 0;
}


/* Übersichtsseite */
.article{
  position:relative;
  height:159px;
}
.image{
  position:absolute;
  top:15px;;
  left:-212px;
}
.text{

}


/* Startseite HOME */
.home-holder{
  position:relative;
  left:-212px;
  text-align:center;
}
.home-holder img{
  width:692px;
}
.home-holder h1{
  font-size:18pt;
  width:692px;
  text-align:center;
  font-weight:normal;
  background-image:none;
  padding: 0 0 12px 0; 
}
.home-holder h2{
  font-size:18pt;
  width:692px;
  font-weight:bold; 
  text-align:center;
  padding: 0 0 28px 0;
}

.home-holder a{
  /*position:absolute;*/
  left:0px;
}




.row{
  position:relative;
  clear:both;
}
.left{
  float:left;
  width:425px;
}
.left-wrapper{
  padding:0 0 0 25px;
}
.left-wrapper img{
  border-radius:15px;
}
.right{
  float:left;
  width:425px;
}
.col{
  float:left;
  width:333px;
  margin:50px 0 0 0;
}
.col1{
  background-image:url(../_image/img1.png);
  background-repeat:no-repeat;
}
.col2{
  background-image:url(../_image/img2.png);
  background-repeat:no-repeat;
}
.col3{
  background-image:url(../_image/img3.png);
  background-repeat:no-repeat;
}

.col h2{
  padding:0 0 10px 80px;
  font-size:130%;
  font-style:italic;
  line-height:110%;
}
.col p{
  padding-left:93px;
}
.link-more-right, .link-more-left{
  text-align:right;
  padding: 0 15px 0 0; 
  font-weight:bold; 
  font-style:italic;
}
.link-more-left{
  /*text-align:left;*/
}



.content-row{
  clear:both;
  padding:25px 0 0px 0;
}
.content-left{
  float:left;
  width:425px;
}
.content-left img{
  border-radius: 15px;
  margin-left:25px;
}
.content-right{
  float:left;
  width:425px;
}
.text-wrapper{

}
h1.content{
  padding:0 0 9px 0;
  margin:0;
  border:none;
}
.content-right p{
  
}
.file{
  padding:15px 0 0 0;
}
.file li{
  padding:10px 0 0 0;
}
.file li img{
  position:relative;
  top:2px;
  padding:0px 10px 0 0;
}

.f-icon{
  position:absolute; 
  right:0;
  top:330px;
}

/* -----------footer--------------------------- */
.foot{
  clear: both;
  padding: 0 0 35px 0;
  margin: 25px 0 0 0; 
  text-align:right;
}
.foot ul{
  padding: 5px 0 0 15px; 
}
.foot ul li{
  float:left;
}
.foot ul li a{
  padding: 0 15px;
}

.foot img{
  position:relative;
  left:35px;
}

/* ----------------- specials --------------------- */

/* Small Screens */
@media only screen and (max-width: 615px){

}

/* Big Screens */
@media only screen and (min-width: 616px){

}



@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}