/* ------ Reset part ------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}

/* ------ Custom Styles ------ */

html { background: #fff url(../img/bg-page.jpg); overflow-y: scroll; }
body { color: #737373; font-family: verdana, arial, sans-serif; font-size: 14px; line-height: 20px; }

html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#wrap { background: url(../img/bg-content-2lines.png) repeat-y; margin: 0 auto; width: 996px; position: relative; } 
#page2Col #wrap { background: url(../img/bg-content-1line.png) repeat-y; margin: 0 auto; width: 996px; position: relative; }

a { color: #6bac18; text-decoration: none; }

/* ------ Page Header ------ */

#header { position: relative; height: 347px; margin: 0 auto; }
#header img { float: right; padding-right: 30px; }

a.headerImagePrev { visibility: hidden; background: url(../img/arrow-left.png); width: 41px; height: 45px; position: absolute; right: 114px; bottom: 22px; }
a.headerImagePrev:hover { visibility: hidden; background: url(../img/arrow-left-hover.png); }
a.headerImageNext { visibility: hidden; background: url(../img/arrow-right.png); width: 41px; height: 45px; position: absolute; right: 60px; bottom: 22px; }
a.headerImageNext:hover { visibility: hidden; background: url(../img/arrow-right-hover.png); }
a.headerImagePrev span,
a.headerImageNext span { visibility: hidden; display: none; }

/* ------ Navigation ------ */

#navMain { width: 284px; position: absolute; left: 31px; top: 0; z-index: 5; }
#navMain li { float: left; }
#navMain span { display: none; }
#navMain .item1 a { background: url(../img/nav01.jpg); display:block; height: 146px; width: 284px; }
#navMain .item1 a:hover,
#navMain .item1 a.active { background-position: 0 146px; }
#navMain .item2 a { background: url(../img/nav02.jpg); display:block; height: 80px; width: 284px; }
#navMain .item2 a:hover,
#navMain .item2 a.active { background-position: 0 80px; }
#navMain .item3 a { background: url(../img/nav03.jpg); display:block; height: 60px; width: 284px; }
#navMain .item3 a:hover,
#navMain .item3 a.active { background-position: 0 60px; }
#navMain .item4 a { background: url(../img/nav04.jpg); display:block; height: 56px; width: 284px; }
#navMain .item4 a:hover,
#navMain .item4 a.active { background-position: 0 56px; }
#navMain .item5 a { background: url(../img/nav05.png); display:block; height: 94px; width: 284px; }
#navMain .item5 a:hover,
#navMain .item5 a.active { background-position: 0 94px; }

#navInfo { font-size: 10px; margin-left: 10px; }
#navInfo li { list-style-type: none; float: left; }
#navInfo a { color: #737373; display: block; float: left; padding: 1px 6px 0 6px; }
#navInfo a:hover, #navInfo a.active { color: #000; text-decoration: underline; }

/* ------ Layout ------ */

#mainContentOuterWrapper { width: 966px; padding: 0 0 24px 30px; }
#navbarContent { float: left; width: 245px; padding: 104px 20px 0 20px; }
#mainContentWrapper { background: url(../img/bg-content-tuerschatten.png) no-repeat; float: right; width: 681px; padding-top: 30px; }
#mainContent { float: left; width: 422px; padding: 0 38px 0 27px; }
#page2Col #mainContent { width: 600px; padding: 0 54px 0 27px; }
#sidebarContent { float: right; width: 194px; }
#footer { clear: both; margin: 0 auto; margin-top: -24px; height: 24px; position: relative; width: 935px; }

/* ------ Content ------ */

#mainContentOuterWrapper h1 { font-size: 24px; font-weight: bold; line-height: 30px; margin-bottom: 14px; }
#mainContentOuterWrapper p { margin-bottom: 14px; }
#mainContentOuterWrapper a:hover { text-decoration: underline; }

#mainContentOuterWrapper ul { margin-bottom: 14px; }
#mainContentOuterWrapper ul li { background: url(../img/list.gif) 0 4px no-repeat; padding-left: 18px; }
#mainContentOuterWrapper ul ul { margin-bottom: 0; }
#mainContentOuterWrapper ul li li { background: url(../img/list.gif) 0 4px no-repeat; }

#mainContentOuterWrapper a.more { background: url(../img/arrow-green.gif) 0 4px no-repeat; padding-left: 12px; }

/* ------ Box-Elements ------ */

.boxQuote { width: 195px; padding-left: 25px; margin-bottom: 14px; }
.boxQuoteImage { background: url(../img/quote.gif) no-repeat; float: left; height: 79px; width: 114px; }
.boxQuoteContent { background: url(../img/quote-bg.gif); font-size: 10px; line-height: 13px; padding: 8px 5px 0 28px; }
.boxQuoteContent p { margin: 0 !important; }
.boxQuoteFooter { background: url(../img/quote-footer.gif); height: 32px; width: 195px; }

.boxInfo { width: 168px; padding-left: 39px; margin-bottom: 14px; }
.boxInfoContent { background: url(../img/infobox-bg.gif); font-size: 10px; line-height: 13px; padding: 192px 5px 0 8px; }
.boxInfoContent p { margin: 0 !important; }
.boxInfoFooter { background: url(../img/infobox-footer.gif); height: 31px; width: 168px; }

.sidebarBoxBN { padding-left: 40px; margin-bottom: 14px;}
.sidebarBoxBN a { background: url(../img/bn-baum.png); display: block; height: 104px; width: 84px;}
.sidebarBoxBN span { display: none; }
.sidebarBoxBN a:hover { background-position: 0 104px; }

.sidebarBoxApply { padding-left: 6px; margin-bottom: 14px; }
.sidebarBoxApply a { background: url(../img/btn-bewirb-dich.png); display: block; height: 110px; width: 188px; }
.sidebarBoxApply span { display: none; }

.sidebarBoxWide { text-align: right; margin-bottom: 14px; }
.sidebarBoxContent { padding: 0 44px 0 14px; margin-bottom: 14px; }

/* ------ Formular ------ */

.mailform { font-size: 10px; }
.mailform-feld { background: #e2e2db; border-bottom: 1px solid #f1f0e8; width: 600px; }
.mailform-feld label { background: #d3d3cd; border-right: 1px solid #f1f0e8; display: block; float: left; width: 112px; padding: 4px 4px; margin-right: 5px; }
.mailform-feld label.labelInner1,
.mailform-feld label.labelInner2 { background: none; border-right: 0; display: inline; float: none; }
.mailform-feld select { border: 1px solid #a3a3a3; padding: 3px; margin-top: 3px; }
.mailform-feld input { border: 1px solid #a3a3a3; padding: 3px; margin-top: 4px; width: 100px; }
.mailform-feld input.klein { width: 20px; }
.mailform-feld input.mittel { width: 40px; }
.mailform-feld .mailform-radio { border: 0; vertical-align: bottom; margin-bottom: 4px; width: 20px; }
.mailform-feld #anmerkungen { width: 300px; height: 120px; padding: 4px; margin: 4px 0; }
.mailform-feld .labelAnmerkungen { height: 132px; }
.mailform-feld-submit { background: 0; border-bottom: 0; }
.mailform-feld .mailform-submit { width: 655px; background: url(../img/btn-ab-die-post.png) no-repeat; width: 186px; height: 52px; border: 0; margin-left: 468px; text-indent: -999px; font-size: 0px; display:block; line-height: 0px; }
.mailform-feld:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.mailform-feld {display:inline-block;}
.mailform-feld .captcha { float: left; margin-bottom: 5px; }
/* Hide from IE Mac \*/
.mailform-feld {display:block;}
/* End hide from IE Mac */

/* ------ Helper ------ */

div.divider { background: url(../img/divider.gif) repeat-x; border: 0; /* border-top: 1px solid #C7CED0; */ clear: both; height: 4px; margin: 14px 0; line-height: 0; font-size: 0; }

.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear {display:inline-block;}
/* Hide from IE Mac \*/
.clear {display:block;}
/* End hide from IE Mac */

