@charset "utf-8";
/* <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,500" rel="stylesheet"> */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../cormorant-garamond-v16-latin/cormorant-garamond-v16-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../cormorant-garamond-v16-latin/cormorant-garamond-v16-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* Kanzlei Boelke / layout.css
------------------------------------------------------------------------ 

    (c) 2010 projektvier | www.projektvier.de
    
    contents

    01. Body
    02. Header area (div#header)
    03. Nav area (div#main-nav)
    04. Content area (div#content-wrapper)
    05. Footer area (div#footer)

----------------------------------------------------------------------- */

/* 01. body
----------------------------------------------------------------------- */
html,body {
  height:100%;
}

body {
  background-color:#cfcfcf;
  font-size:75%;
  text-align:center;
  line-height:1;
  font-family:'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
}

#wrapper {
  width:970px;
  background:#fff url(../images/bg_wrapper.png) repeat-y top center scroll;
  border:0 solid #000;
  margin:0 auto;
}

.clear {
  clear:both;
  font-size:.1em;
  line-height:.1em;
}


/* 02. Header area (div#header)
----------------------------------------------------------------------- */
div#header {
  width:960px;
  margin-left:5px;
  background:#fefefe url(../images/bg_header.png) repeat-x top center scroll;
  text-align:center;
}


/* 03. Nav area (div#main-nav)
----------------------------------------------------------------------- */
div#topnav {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:820px;
  height:50px;
  border:0 solid green;
  margin-left:75px;
  background-color:#fff;
}

#topnav ul {
  position:relative;
  width:100%;
}

#topnav ul li {
  float:left;
  list-style-type:none;
  padding:0;
  border:0px solid blue;
  height:20px;
  margin-right:35px;
  margin-top:1px;
  padding-top:20px;
}

#topnav ul li a {
  font-family: 'Cormorant Garamond', serif;
  font-size:16px;
  font-weight:500;
  border:0px solid blue;
  background:transparent;
  background-image:url(../images/topnav_arrow.png);
  background-repeat:no-repeat;
  background-position:0 -50px;
  text-decoration:none;
  padding-top:20px;
  color:#000;
}

#topnav ul li.current a {background-position:50% 0;color:#810412;}
#topnav ul li a:hover {background-position:50% 0;}

/* default | rollover | active 
#topnav ul li#Home a {width:60px;background-position:0 0;}
#topnav ul li#Home a:hover {background-position:0 -50px;}
#topnav ul li#Home.current a {background-position:0 -100px;}
#topnav ul li#Home.section a {background-position:0 -100px;}

#topnav ul li#Konfliktmanagement a {width:169px;background-position:-60px 0;}
#topnav ul li#Konfliktmanagement a:hover {background-position:-60px -50px;}
#topnav ul li#Konfliktmanagement.current a {background-position:-60px -100px;}
#topnav ul li#Konfliktmanagement.section a {background-position:-60px -100px;}

#topnav ul li#Arbeitsfelder a {width:119px;background-position:-229px 0;}
#topnav ul li#Arbeitsfelder a:hover {background-position:-229px -50px;}
#topnav ul li#Arbeitsfelder.current a {background-position:-229px -100px;}
#topnav ul li#Arbeitsfelder.section a {background-position:-229px -100px;}

#topnav ul li#Referenzen a {width:105px;background-position:-348px 0;}
#topnav ul li#Referenzen a:hover {background-position:-348px -50px;}
#topnav ul li#Referenzen.current a {background-position:-348px -100px;}
#topnav ul li#Referenzen.section a {background-position:-348px -100px;}

#topnav ul li#Netzwerk a {width:98px;background-position:-453px 0;}
#topnav ul li#Netzwerk a:hover {background-position:-453px -50px;}
#topnav ul li#Netzwerk.current a {background-position:-453px -100px;}
#topnav ul li#Netzwerk.section a {background-position:-453px -100px;}

#topnav ul li#Zur_Person a {width:107px;background-position:-551px 0;}
#topnav ul li#Zur_Person a:hover {background-position:-551px -50px;}
#topnav ul li#Zur_Person.current a {background-position:-551px -100px;}
#topnav ul li#Zur_Person.section a {background-position:-551px -100px;}

#topnav ul li#Kontakt a {width:72px;background-position:-658px 0;}
#topnav ul li#Kontakt a:hover {background-position:-658px -50px;}
#topnav ul li#Kontakt.current a {background-position:-658px -100px;}
#topnav ul li#Kontakt.section a {background-position:-658px -100px;}
#topnav ul li#Kontakt {float:right;margin-right:0;}
*/

/* 04. Content area (div#content)
----------------------------------------------------------------------- */
#content-wrapper {
  width:820px;
  margin-left:75px;
  background:#fff;
  padding:20px 0;
  border:0px solid green;
}

#content-subnav {
  width:140px;
  float:left;
  border-top:1px solid #fff;
  margin-right:20px;
  background:#fff url(../images/bg_subnav.png) repeat-x top left scroll;
  text-align:left;
  display: block;
}

#content-subnav ul {
  border:0px solid red;
  margin:10px;
  padding:0 0 4em 0;
}

#content-subnav ul li a {
  padding:.4em 0;
  border:0px solid red;
  display:block;
  width:120px;

}

#content-body {
  width:380px;
  float:left;
  border:0 solid green;
  margin-right:20px;
  background-color:#fff;
  text-align:left;
}

#content-body-home {
  width:500px;
  float:left;
  border:0 solid green;
  margin-right:20px;
  background-color:#fff;
  text-align:left;
}

#content-sidebar {
  border:0px solid green;
  width:260px;
  float:left;
  background-color:#fff;
  text-align:left;
  color:#474747
}


/* 05. Footer area (div#footer)
----------------------------------------------------------------------- */
#footer {
  height:38px;
  background:#fff url(../images/bg_footer.png) repeat-x top left scroll;
  color:#fff;
  border-top:1px solid #dedede;
  margin:0 auto;
  display:block;
  width:960px;
  margin-top:5em;
}

#footer ul {
  border:0px solid blue;
  margin-top:1em;
  margin-left:70px;
}

#footer ul li {
  display:block;
  float:left;
  border:0px solid green;
  margin-right:1em;
  color:#999;
}

#footer ul li a {
  color:#848484;
}

#footer ul li a:hover {
  color:#810412;
  text-decoration:none;
}

#bg_content_shadow {
  background:#fff url(../images/bg_content_shadow.png) no-repeat bottom left scroll;
  height:10px;
}