@charset "utf-8";
/* Pieper & Partner - CSS Document */

.home { background-image: url(home-body-bg2.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #f5f5f5; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
.content { background-image: url(content-body-bg.gif); background-repeat: repeat-x; background-position: 0px 0px; background-color: #f5f5f5; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }

/* LINKS */
a { outline: none; outline-style: none; border: none; }
a:focus { outline-style: none;}
a:hover, a:active { outline-style: none;}

/* HEADLINES */
h1 { color: #689107; font-size: 28px; font-style: italic; font-weight: normal; }
h3 { color: #c6c215; font-size: 18px; font-style: italic; font-weight: normal; }

/* HEADER */
#header { width: 960px; background-image: url(header-line.gif); background-repeat: repeat-x; background-position: 0px bottom; }
#logo { position: relative; float: left; display: inline; margin-top: 21px; margin-left: 15px; margin-bottom: 33px;}

/* FUNCTIONAL NAVIGATION */
#functional-nav { position: relative; float: right; width: 700px; display: inline; font-size: 11px; color: #999999; margin-top: 3px;}
#functional-nav ul{ position: relative; float: right; display: inline;}
#functional-nav ul li:first-child { border: none; }
#functional-nav ul li{ position: relative; float: left; display: inline; list-style-type: none; padding-left: 6px; margin-left: 6px; border-left-width: 1px; border-left-style: solid; border-left-color: #999999; }
#functional-nav ul li a{ color: #999999; text-decoration: none; }
#functional-nav ul li a:hover{ color: #666666; text-decoration: none; }

/* NAVIGATION */
#navigation { position: relative; float: right; display: inline; font-size: 13px; margin-top: 21px;}
#navigation ul.rex-navi1 { position: relative; float: left; display: inline;}
#navigation ul.rex-navi1 li{ position: relative; float: left; display: inline; list-style-type: none; margin-left: 16px;}
#navigation ul.rex-navi1 li a{ color: #4c4c4c; text-decoration: none;}
#navigation ul.rex-navi1 li a.rex-active { text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #4c4c4c; }
#navigation ul.rex-navi1 li.rex-current a{ text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #4c4c4c; }
#navigation ul.rex-navi1 li a:hover { color: #333333;}
#navigation ul.rex-navi1 li:hover a{}
#navigation ul.rex-navi1 li:hover ul { display: block;}
#navigation ul.rex-navi2 { display: none; position: absolute; left: 0px; top: 0px;  margin-left: 0px; padding-left: 0px; z-index: 2000; padding-top: 16px; }
#navigation ul.rex-navi2 li{ position: relative; float:left; display: block; width: 100%; background-color: #babab7; font-size: 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; white-space: nowrap; border-bottom-style: none !important; }
#navigation ul.rex-navi2 li a { display: block; color: #FFF; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; border-bottom-style: none !important; }
#navigation ul.rex-navi2 li a.rex-current { text-decoration: none; border-bottom: none; border-bottom-style: none !important;}
#navigation ul.rex-navi2 li a:hover {  background-color: #a2a29e; color: #fff; border-bottom-style: none !important;}

/* SEARCH */
#search { position: relative; float: left; display: inline; margin-top: 10px;}
#rexsearch_form legend { display: none;}
#rexsearch_form fieldset { border: none; margin: 0px; padding: 0px;}
#search-text { position: relative; float: left; display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; colior: #4c4c4c; border: none;  background-image: url(search-input-bg.gif); background-repeat: no-repeat; background-position: 0px 0px; margin-left: 20px; height: 22px; width: 100px; padding-bottom: 2px; padding-left: 18px; padding-right: 18px; }
#search-submit { position: relative; float: left; display: inline; width: 36px; height: 24px; border: none; background-color: #fff; margin: 0px; padding: 0px; background-image: url(search-submit-bg.gif); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer; }

/* STAGE */
#stage { width: 960px; height: 390px; margin-top: 30px; margin-bottom: 36px; background: none;  background-image: url(stage-shadow.gif); background-repeat: no-repeat; background-position: 0px bottom; overflow: hidden;}
#stage .bx-prev { position: absolute; top: 169px; left: 20px; width: 22px; height: 22px; z-index: 5; cursor: pointer; background-image: url(prev-button.png); background-repeat: no-repeat; background-position: 0px 0px; }
#stage .bx-next { position: absolute; top: 169px; right: 20px; width: 22px; height: 22px; z-index: 5; cursor: pointer; background-image: url(next-button.png); background-repeat: no-repeat; background-position: 0px 0px;}

#carousel { position: relative; float: left; display: inline; width: 960px; height: 360px; margin: 0px; padding: 0px;}
#carousel li{ position: relative; float: left; display: inline; width: 960px; height: 360px; }
#carousel li img { position: relative;}
#carousel li div{ position: absolute; float: left; display: inline; width: 380px; height: 280px; margin-left: 93px; margin-top: 40px; z-index: 1000; }
#carousel li div h1 { position: relative !important;}
#carousel li div h1 canvas { position: relative !important;}
#carousel .carousel-content { position: relative; float: left; display: inline; font-size: 14px; font-style: italic; color: #666666; line-height: 1.4em;}
#carousel .carousel-content a{ font-size: 14px; color: #577906; display: inline-block; margin-top: 15px; text-decoration: none; padding-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #577906; }
#carousel .carousel-content p { margin: 0px; padding: 0px;}
#carousel .carousel-content strong { font-weight: normal; color: #88ba14;}

/* TEASER */
#teaser { width: 960px; background-image: url(teaser-home-line.gif); background-repeat: repeat-x; background-position: 0px top; color: #4c4c4c; padding-top: 31px;}
#teaser h3 { position: relative; padding-left: 36px; padding-top: 0px; margin-top: 0px; padding-bottom: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ababab;}
#teaser a { color: #577906;}
#teaser a:after { content:"\00a0\00bb"; }
.was-wir-leisten { background-image: url(stift-icon.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.wer-wir-sind { background-image: url(frau-icon.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.resonanz { background-image: url(comment-icon.gif); background-repeat: no-repeat; background-position: 0px 0px; }

/* CONTENT HEADER */
.content-headline { padding-left: 20px; height: 151px; background-image: url(teaser-home-line.gif); background-repeat: repeat-x; background-position: 0px bottom;}
.content-headline  h1 { margin-top: 25px; margin-bottom: 10px;}
.content-subline { width: 700px; font-size: 14px; color: #666666;}

/* SUBNAV */
.subnav { margin-top: 34px; }
.subnav h3 { padding-bottom: 13px; padding-left: 36px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ababab; padding-top: 0px; margin-top: 4px; background-image: url(category-icon.gif); background-repeat: no-repeat; background-position: 0px 0px; }

.subnav ul { position: relative; float: left; display: inline; width: 100%; margin-left: 0px; margin-top: 0px; padding: 0px;}
.subnav ul li{ position: relative; float: left; display: inline; width: 100%; margin: 0px; color: #577906; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; background-image: url(rubriken-list-item.png); background-repeat: no-repeat; background-position: 4px 11px; }
.subnav ul li a{ color: #577906;}
.subnav ul li a:hover{ color: #435e05;}
.subnav ul li ul{ position: relative; float: left; display: inline; width: 100%; margin-top: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px;}
.subnav ul li ul li{ position: relative; float: left; display: inline; width: 100%; margin: 0px; color: #4c4c4c; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; padding-left: 20px; background-image: url(rubriken-list-item.png); background-repeat: no-repeat; background-position: 4px 11px; }
.subnav ul li ul li a{ color: #4c4c4c;}
.subnav ul li ul li a:hover {color: #333333;}

/* BACKLINK */
.backlink { position: relative; float: left; display: block; width: 100%;  padding-bottom: 13px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ababab; padding-top: 0px; margin-top: 4px; }
.backlink a { color: #c6c215; font-size: 18px; font-style: italic; font-weight: normal; text-decoration: none;}

/* CONTENT */
.main-content { margin-top: 21px; color: #4c4c4c; }
.main-content a {color: #577906;}


/* ARTICLE */
.main-article { position: relative; float: left; display: inline; margin-top: 21px; color: #4c4c4c; }
.main-article h1 { font-size: 18px; color: #577906; font-weight: normal; font-style: italic; margin-bottom: 15px; padding-bottom: 13px; padding-top: 5px;}
.main-article .article-text h1 { margin-top: 0px; position: relative; float: left; display: inline; width: 100%;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ababab; }
.main-article .article-text { }
.main-article .article-image {  position: relative; float: left; display: inline;}
.main-article .article-image img { position: relative; float: left; display: inline; padding: 8px; border: 1px solid #d1d1d1; margin-right: 30px; margin-bottom: 15px;}
.main-article .tinymcewysiwyg { position: relative; float: right; display: inline; width: 620px; }
.main-article .tinymcewysiwyg  a{ color: #577906;}
.main-article .video-container { position: relative; float: right; display: inline; width: 620px; margin-top: 30px;}

h1.article-headline { margin-top: 0px; position: relative; float: left; display: inline; width: 100%; margin-bottom: 15px; padding-bottom: 13px; padding-top: 17px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ababab; }

/* FULLSIZE IMAGE */
.fullsize-image {}
.fullsize-image img { position: relative; float: left; display: inline; padding: 8px; border: 1px solid #d1d1d1; margin-right: 30px; margin-bottom: 15px;}

/* DOWNALOD */
.download { position: relative; float: left; display: inline; width: 100%; padding-top: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #dedede; border-right-color: #d1d1d1; border-bottom-color: #d1d1d1; border-left-color: #d1d1d1; margin-top: 10px; }
.download a{ color: #577906;}

/* VIDEO PLAYER */
#video { position: relative; float: left; display: inline; padding: 8px; border: 1px solid #d1d1d1; margin-right: 30px; margin-bottom: 15px;}



/* KONTAKT */
#rex-xform { position: relative; float: left; display: inline; width: 100%; margin-top: 8px;}
#rex-xform fieldset { border: none; margin: 0px; padding: 0px;}
#rex-xform .formtext { position: relative; float: left; display: inline; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
#rex-xform .formtext label{ position: relative; float: left; display: inline; border: none; margin: 0px; padding: 0px; width: 130px !important; border: none !important;}
#rex-xform .formtext .text { position: relative; float: left; display: inline; border: 1px solid #ababab; margin: 0px; padding: 0px; width: 290px; padding: 4px; }
#rex-xform .formtextarea { position: relative; float: left; display: inline; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
#rex-xform .formtextarea label{ position: relative; float: left; display: inline; border: none; margin: 0px; padding: 0px; width: 130px !important; border: none !important;}
#rex-xform .formtextarea .textarea { position: relative; float: left; display: inline; border: 1px solid #ababab; margin: 0px; padding: 0px; width: 290px; padding: 4px; }

#rex-xform .formsubmit { position: relative; float: left; display: inline; width: 100%; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
#rex-xform .formsubmit .submit { position: relative; float: left; display: inline; border: 1px solid #ababab; margin: 0px; padding: 0px; width: 130px; padding: 4px; margin-left: 138px; }
 
.form_warning { position: relative; float: left; display: inline; width: 100%; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.form_warning li { position: relative; float: left; display: inline; width: 100%; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }

/* ACCORDION */
#accordion {}
#accordion .head{ position: relative; float: left; display: inline; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ababab; cursor: pointer;  }
#accordion .head h2 { font-size: 18px; color: #577906; font-weight: normal; font-style: italic; background-image: url(accordion-arrow.gif); background-repeat: no-repeat; background-position: 3px 6px; padding-left: 23px; }
#accordion .active  h2 {background-image: url(accordion-arrow-open.gif); background-repeat: no-repeat; background-position: 0px 10px; padding-left: 23px;}
#accordion .item{ position: relative; float: left; width: 100%; display: none; padding-top: 11px; padding-bottom: 30px;}
#accordion .item-active { display: block !important; visibility: visible !important;}
#accordion .item ul { position: relative; float: left; display: inline; width: 600px; margin-left: 20px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; padding: 0px;}
#accordion .item ul li{ position: relative; float: left; display: inline; width: 100%; list-style-type: none; margin-top: 0px !important; margin-bottom: 10px; padding: 0px; padding-bottom: 10px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dedede;}
#accordion .item ul li a{ color: #577906;}
#accordion .item ul li a:hover{ color: #435e05;}
#accordion .item ul li h3{ position: relative; font-size: 14px; color: #4c4c4c; font-weight: normal; margin-bottom: 15px; }
#accordion .item ul li h3 a{ color: #4c4c4c; text-decoration: none;}
#accordion .item ul li img { position: relative; float: left; display: inline;}
#accordion .item ul li p {position: relative; float: none; display: inline; margin-top: 0px; width: auto;}
#accordion .item ul li a.article-link { position: relative; float: none; white-space: nowrap; display: block; margin-top: 10px; margin-bottom: 10px;}
#accordion .item img { position: relative; float: left; display: inline; padding: 8px; border: 1px solid #d1d1d1; margin-right: 20px; margin-bottom: 15px;}

/* AERTICLE LIST */
.article-list {  position: relative; float: left; width: 100%;}
.article-list h2 { font-size: 18px; color: #577906; font-weight: normal; font-style: italic; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ababab; padding-bottom: 15px; }
.article-item { position: relative; float: left; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dedede; }
.article-item  h3 { position: relative; font-size: 14px; color: #4c4c4c; font-weight: normal; margin-bottom: 15px; }
.article-item h3 a{ color: #4c4c4c; text-decoration: none;}
.article-item img { position: relative; float: left; display: inline;}
.article-item p {position: relative; float: none; display: inline; margin-top: 0px; width: auto;}
.article-item a{ color: #577906;}
.article-item a:hover{ color: #435e05;}
.article-item a.article-link { position: relative; float: none; white-space: nowrap; display: block; margin-top: 10px; margin-bottom: 10px;}
.article-item img { position: relative; float: left; display: inline; padding: 8px; border: 1px solid #d1d1d1; margin-right: 20px; margin-bottom: 15px;}

/* SUCHE */
.searchresults {  position: relative; float: left; width: 100%; margin: 0px; padding: 0px;}
.searchresults li {  position: relative; float: left; width: 100%; list-style-type: none; padding-bottom: 10px;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dedede; }
.searchresults li h4 { color: #577906; font-weight: normal;}
.searchresults li h4 a{ text-decoration: none; color: #577906;}
.searchresults li .highlightedtext { margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.searchresults li .url{ margin: 0px; padding: 0px;}
.searchresults li .url a{ color: #577906;}

/* FOOTER */
#footer { position: relative; width: 960px; background-image: url(teaser-home-line.gif); background-repeat: repeat-x; background-position: 0px top; margin-top: 60px; margin-bottom: 60px; padding-top: 30px; font-size: 11px;}
#footer .rex-navi1 { position: relative; float: left; display: inline; color: #808080; margin-left: 11px; margin-top: 0px; padding: 0px;}
#footer .rex-navi1 li{ position: relative; float: left; display: inline; color: #808080; padding-right: 5px; padding-left: 5px; border-left-width: 1px; border-left-style: solid; border-left-color: #808080; }
#footer .rex-navi1 li:first-child { border-left: none;}
#footer .rex-navi1 li a{ color: #808080;}

#footer .footer-contact { position: relative; float: left; display: inline; width: 100%; color: #b2b2b2; margin-left: 15px;}

/* ADDTHIS */
.addthis_toolbox { position: absolute; right: 0px; top: 20px;}
.addthis_button_facebook {}
.addthis_button_twitter { margin-left: 0px;}
.addthis_button_email {}
.addthis_button_more {}