/* CSS Document */
/* div {border: 1px solid pink} */
* {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif}
a img {border: 0 !important}
body {background: #fff url(bg_header.png) top left repeat-x}
html, body, #wrapper {
	min-height: 101%;
	width: 100%; 
	height: 100%;
}
/*
* The "height" above is a hack for IE5+/Win.  Below we adjust
* it using the child selector to hide from IE5+/Win
*/
html>body, html>body #wrapper {
	height: auto;
}
/*
* Without this, Moz1.0 adds a vertical scrollbar
*/
body {margin: 0; padding: 0}

a, .ul {text-decoration: none; border-bottom: 1px solid #ccc; color: #000}
a:hover {border-bottom: 1px solid #ccc; color: #000}
.nb, .nb a, .nb img {border: 0 !important}
.nbg, .nbg a, .nbg img {background: none !important}
.fll {float: left}
.flr {float: right}
.hide {visibility: hidden; display: none}
.thumb {margin: 0 10px 15px 0; display: inline-block; float: left}
#head h2 {color: #fff; text-align: right; position: absolute; right: 10px; top: 84px; font-size: 16px}
h1, h2, h3 {font-weight: normal}
h1 a, h2 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover {border: 0}
h2 a, h3 a {color: #6D8705}
h1 {display: block; position: absolute; overflow: hidden; left: 0; top: 0; text-indent: -2500px; width: 209px; height: 118px; background: transparent url(bg_consultec_logo.png) top left no-repeat}

#wrapper {display: block; text-align: left; clear: both; position: absolute; top: 0; left: 0; padding: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
left: 50%;
	width: 50%;
	margin-left: -25%;
*/
}
#wrapper {/* old: position: relative; width: 775px; text-align: left; margin: 0 auto 0 auto*/}
#head {width: 800px; position: relative; margin: 0 auto 0 auto}

#menuwrapper {position: absolute; left: 0; /*left: 14px; */ top: 142px; height: 36px; width: 100%}
#menuwrapper ul li {display: inline; list-style-type: none; font-size: 14px}
#menuwrapper a {text-decoration: none; border: 0}
#menuwrapper a:hover {color: #000 /* -moz-opacity:.75; filter: alpha(opacity=75); opacity: 0.75; */}
li.topAli {position: relative; display: inline; float: left; width: auto; /*border-left: 1px solid pink; border-right: 1px solid pink*/}
li.topAli a {color: #fff; display: inline; overflow: hidden; position: relative; float: left; height: 36px; width: auto; padding: 12px 10px 0 15px}
li.subAli, ul.subA {}
li.topAliactive {padding: 0 5px 0 0; background: transparent url(bg_topAliactive_r.png) top right no-repeat}
li.topAliactive a {color: #86A10B; background: transparent url(bg_topAliactive.png) top left no-repeat}
li.topAliactive a:hover {color: #86A10B !important}
li.topAliactive ul {position: absolute; left: 0; top: 30px}
ul.subA {position: absolute; margin-top: 2px; left: 0; width: 400px}
ul.subA a {color: #666 !important; font-size: 12px}
li.subAli, li.subAli a {background: transparent; background-image: none}
li.subAliactive a {color: #86A10B !important}
.articlewrappertoggle 		{width: 526px; float: left; display: inline; margin: 0 0 15px 0; padding: 0 0 30px 0; background: transparent url(bg_content_footer.png) bottom left no-repeat} /*  */
.articlewrapper 			{width: 526px; float: left; display: inline; margin: 0 0 15px 0; padding: 0 0 30px 0; background: transparent url(bg_content_footer.png) bottom left no-repeat} /*  */
.articlewrapperdocuments 	{width: 526px; float: left; display: inline; margin: 0 0 15px 0; padding: 0 0 30px 0; background: transparent url(bg_content_footer.png) bottom left no-repeat} /*  */
.articlewrapperrow {float: left; width: 526px; text-align: justify; background: transparent url(bg_articleframe.png) top left repeat-y}
.articlewrapperpadding {padding: 10px 30px 0 10px;}
.articlewrapper a {padding: 0 1px}
.articlewrapper a:hover {background: #f0f0f0; color: #000; border: 0 /*color: #86A00B*/}


#content {width: 800px; position: relative; /* display: inline-block; */ margin: 230px auto 0 auto; padding: 0 0 100px 0; line-height: 140%; height: auto; overflow: auto; min-height: 600px}



#main {margin-bottom: 5em; height: auto; padding: .5em} 


/* Column A (linke Spalte)) */
#contentRowCColA {top: 0; width: 526px; font-size: 13px}
#contentRowCColA h2 {width: auto; overflow: hidden; color: #5D7009 !important; font-weight: normal; font-size: 18px; background: transparent url(bg_content_h3.png) top left no-repeat; padding-left: 10px}
#contentRowCColA h2.multi {padding-top: 5px; padding-bottom: 5px}
#contentRowCColA h2.single {padding-top: 8px; padding-bottom: 8px}
#contentRowCColA h2.minus {padding-top: 10px; padding-bottom: 10px}
#contentRowCColA h2.plus {padding-top: 6px; padding-bottom: 6px}
#contentRowCColA span.h2_title {color: #86A304; font-weight: normal; font-size: 16px; display: block; clear: both}
#contentRowCColA h3 {width: auto; overflow: hidden; color: #5D7009 !important; font-weight: normal; font-size: 18px; padding: 0 0 10px 10px}
.sitemap h3 {padding-left: 0 !important}
.sitemap h3.indent {padding-left: 10px !important}
.sitemap ul.indent {margin-left: 10px !important}
#contentRowCColA p, #contentRowCColA ul {padding: 0 0 10px 0}
#contentRowCColA p.important {color: #6D8705}
#contentRowCColA ul li {list-style-type: none; padding: 0 0 10px 20px; background: transparent url(bg_bullet_bracket.png) 0 6px no-repeat; margin-left: 10px; text-align: left}
#contentRowCColA ol li {list-style-type: decimal; margin: 0 0 10px 20px; list-style-position: outside; text-align: left}
.headlineaftertitle {padding-top: 0 !important}

span.fwd {border-bottom: 1px solid #ccc; color: #000}
span.fwd2 {border-bottom: 1px solid #ccc; color: #86A304}
.toggler {color: #86A304; font-weight:bold; text-align: right; padding: 0; line-height: normal}
.toggler {cursor:pointer}
div.news p {padding-bottom: 0 !important; margin-bottom: 0; display: inline}
a.news, a.rightmore, .green {color: #6D8705}
a.newsb {color: #000}
a.newsb:hover, a.newsb:hover span {color: #000}
a.rightmore:hover {color: #000}
.references {line-height: 250%} 

/* FORMS */

label {display: block; width: 100%; font-size: 10px; color: #666; line-height: 100%; margin: 0 0 3px 0; clear:both; float: left}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 1px; margin: 0 0 10px 0}
input:hover, textarea:hover {background: #EEFAB8}
input:focus, textarea:focus {background: #F3FCCD; border: 1px solid #86A10B}
input.text, textarea {border: 1px inset #666; width: 95%}
input.inputbutton {border: 1px solid #87A10C; background: #fff; color: #87A10C; font-weight: bold; padding-left: 10px; padding-right: 10px; margin-top: -5px}
input.text:hover, textarea:hover {border: 1px solid #86A10B}
.contactform textarea {height: 150px}
select {width: 40%; border: 1px inset #666;}
#order, #cancel {position: absolute; top: 3px; left: 0}


/* FORMS END */

#partner {padding-top: 50px; display: inline-block; clear: both; float: left; color: #999}
#partner img {/*float: left; margin: 0 10px 10px 0*/}

.paginate, .paginateplus {float: left; color: #999; position: relative; left: 0; bottom: -30px; width: 520px; line-height: 110%; clear: both}
.paginate a, .paginateplus a {border: 0; font-size: 12px; color: #999}
.paginate a.active, .paginateplus a.active {color: #333; background: #D9E1B3}
.paginate a:hover, .paginateplus a:hover {color: #333; background: transparent}
.paginate_l, .paginate_r {position: absolute; top: 0; padding: 0 0 0 10px}
.paginate_l {left: 0}
.paginate_l a.active, .paginate_l a.passive {padding: 0 3px; border: 1px solid #ccc}
.paginate_r {right: 10px; text-align: right; width: 380px}

a#toplink {padding: 0 10px 0 0; border-right: 1px solid #ccc /*background: transparent url(bg_top.png) 0 50% no-repeat*/}
a#bwd {padding: 0 0 0 10px}
a.pageanchor {border: 0; background: 0; display: none}
/* Colum-B (right) */	
#contentRowCColB {position: absolute; top: 0; right: 0; width: 241px; min-height: 440px; font-size: 13px; background: transparent url(bg_contextbox_content.png) top left repeat-y; padding-bottom: 18px}
#contentRowCColB h2 {color: #86A10B; font-size: 12px; padding: 8px 0 8px 10px; margin: 0 0 5px 0; background: transparent url(bg_contextbox_h3.png) top left no-repeat; line-height: normal}
#contentRowCColB h2.contextboxsub {background: transparent url(bg_contextbox_h3sub.png) top left no-repeat !important}
#contentRowCColB p {padding: 0 0 12px 10px}
#contentRowCColBfooter {position: absolute; bottom: 0; left: 0; width: 241px; height: 31px; background: transparent url(bg_contextbox_footer.png) top left repeat-y}
img.cboxthumb {float: left; margin: 5px 5px 0 0}
a.mediadownload {display: block; height: 20px !important; width: 100%; clear: both; padding: 3px 0 0 30px; background: transparent url(bg_icon_pdf.png) 0 50% no-repeat !important; border: 0; margin: 0 0 10px 0}
a.mediadownload:hover, a.mediadownload:active {display: block; width: 100%; height: 20px; clear: both; padding: 3px 0 0 30px; background: transparent url(bg_icon_pdf.png) 0 50% no-repeat !important; border: 0 !important}
a.mediadownload small {color: #999; font-size: 10px}
a.focus {font-weight: bold}
.abstract {padding: 0 0 15px 0}
.abstract p {display: block; margin: -5px 0 0 0 !important; padding: 0 0 0 5px !important}
.abstract p a {font-style: normal}
a.abstractdownload {display: block; width: 100%; border: none !important}

/* Sitemap */
.sitemapcategory {margin: 0 0 15px 0}

#footer {position: absolute; bottom: 0; background: #AFC15E; width: 70%; /* See note below */ height: 50px; text-align: center; padding: 0 15%; overflow: hidden}
#footerlinkswrapper {position: relative; margin: 0 auto 0 auto; width: 800px}
#footerlinks {background: transparent url(bg_footerlinks_m.png) top left repeat-x; font-size: 12px; position: absolute; top: -1px; left: 0; height: 23px; width: auto; padding: 0 20px; width: 150px}
#footerlinks_l, #footerlinks_m, #footerlinks_r {height: 23px}
#footerlinks_l, #footerlinks_r {position: absolute; width: 18px; top: 0}
#footerlinks_l {left: 0; background: transparent url(bg_footerlinks_l.png) top left no-repeat}
#footerlinks_m {background: transparent url(bg_footerlinks_m.png) top left repeat-x}
#footerlinks_r {right: 0; background: transparent url(bg_footerlinks_r.png) top left repeat-x}
#footerlinks a {color: #7A7A7A; text-decoration: none; border: 0; padding: 0 5px}
#footer_cp {position: relative; margin: 25px auto 0 auto; width: 800px; text-align: left; font-size: 11px; color: #fff}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
\width: 100%;
w\idth: 70%;
}
#footer {/*width: 775px; margin: 0 auto 0 auto; border: 1px solid pink; text-align: left*/}

#gmapsframe {margin: 0}
#gmapsframe a {font-size: 11px; padding: 0 10px 0 0; border: 0}

#betalabel {width: 69px; height: 68px; background: transparent url(betalabel.png) top right no-repeat; position: fixed; right: 0; top: 0}
/* http://sonspring.com/journal/removing-dotted-links _> */
a:focus, a:active {outline: none !important}
#menuwrapper a:focus, #menuwrapper a:active {color: #000}
#content a:focus, #content a:active {background: #f0f0f0}

#gallery {float: left; width: 100%; display: block !important}
#gallery em {display: block}
.galthumb {width: 50px; height: 50px; overflow: hidden; display: block; float: left; margin: 0 5px 5px 0}

.extrabox {padding: 3px 0 0 0}
div.alert {color: #FF0000; padding: 5px 0 10px 0}