/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
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,em,strong,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;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.cb { clear:both; }
.cl { clear:left; }
.cr { clear:right; }
.tr { text-align: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.fr { float:right; }
.fl { float:left; }
img, a { outline:none; }

/* Farben

Schrift grün
2B350C

Schrift grün heller
80856D

Schrift Seitenüberschrift
80866D
*/

/* Layout */
html { background:#FBFCFD; overflow-y: scroll; } 
body { background:#FBFCFD; min-height:600px; background: transparent url(/img/bg-1-b.png) 0 0 repeat-x; }

.wrapper_1 { width:954px; padding:0 28px; margin:0 auto; background: transparent url(/img/bg-2-a.jpg) 0 0 no-repeat; }
.wrapper_2 { width:926px; padding:14px 14px 0 14px; background:#ffffff; }

#header { height:274px; }
#banner { position:absolute; top:220px; left:0;  height:35px; width:100%; border: 1px solid #ffffff; border-width:1px 0 1px 0; background-color:#2B350C; text-align:center; color:#ffffff; font-size:17px; line-height:35px; letter-spacing:0.8px; }
#banner span { display:block; width:257px; height:20px; margin:0 auto; margin-top:8px; overflow:hidden; text-indent: -999999px; background: #2B350C url(/img/banner-title-c.png) 0 0 no-repeat; }
#footer { height:31px; width:954px; margin:0 -14px; border-top: 1px solid #AFACA7; }

/* Schriften */
body { color:#2B350C; font-family: Georgia,'Times New Roman',Times,serif; font-size:13.3px;  }
h1, h2, h3, h4 { font-weight:bold; }
strong { font-weight:bold; }

a { color:#680D0E; text-decoration: none; }
a:hover { color:#D28600; text-decoration:underline; }

/* Navi */
#navi { height:50px; width:100%; position:relative; }
#navi a#link_home { position:absolute; top:3px; right:0; font-size:12.75px; color:#80856D; font-style: italic; }
#navi a#link_home.on { color:#2B350C; }
#navi a#link_home:hover { color:#2B350C; text-decoration:none; }

#navi ul.lvl1 { overflow: hidden; }
#navi ul.lvl1 li { float:left; height:26px; background: transparent url(/img/navi-bg-off.png) 0 0 repeat-x; }
#navi ul.lvl1 li a { display:block; color:#ffffff; font-style: italic; font-weight:bold; font-size:13px; line-height:22px; }
#navi ul.lvl1 li a:hover { color:#2B350C; text-decoration: none; }
#navi ul.lvl1 li.on { background: transparent url(/img/navi-bg-on.png) 0 0 repeat-x; }
#navi ul.lvl1 li.on a { color:#2B350C; font-style: italic; font-weight:bold; font-size:13px; line-height:22px; }
#navi ul.lvl1 li.first { width:21px; background: transparent url(/img/navi-first-off.png) 0 0 no-repeat; }
#navi ul.lvl1 li.first.on { width:21px; background: transparent url(/img/navi-first-on.png) 0 0 no-repeat; }
#navi ul.lvl1 li.last { width:30px; background: transparent url(/img/navi-last-off.png) 0 0 no-repeat; }
#navi ul.lvl1 li.last.on { width:30px; background: transparent url(/img/navi-last-on.png) 0 0 no-repeat; }
#navi ul.lvl1 li.middle.offoff { width:30px; background: transparent url(/img/navi-middle-off-off.png) 0 0 no-repeat; }
#navi ul.lvl1 li.middle.offon { width:30px; background: transparent url(/img/navi-middle-off-on.png) 0 0 no-repeat; }
#navi ul.lvl1 li.middle.onoff { width:30px; background: transparent url(/img/navi-middle-on-off.png) 0 0 no-repeat; }


#navi ul.lvl2 { margin:5px 0 0 0; }
#navi ul.lvl2 li { display:inline; }
#navi ul.lvl2 { margin-left:21px; }
#navi ul.lvl2 li { color:#61674F; font-style: italic; font-size:12px; line-height:23px; }
#navi ul.lvl2 li a { color:#61674F; text-decoration: none; }
#navi ul.lvl2 li a:hover { color:#2B350C; text-decoration: none; }
#navi ul.lvl2 li.on a { color:#2B350C; font-weight:bold; }


/* Body, Content */
#body { min-height:250px; padding:25px 72px 42px 72px; }
#body p { line-height:17px; margin-bottom:17px; font-size:13.3px; }
#body .pageheadline { font-size:23px; font-weight:bold; font-style: italic; margin-bottom:12px; color:#80866D; }

#body .content a { color:#80856D; text-decoration:none; font-style: italic;}
#body .content a:hover { color:#2B350C; text-decoration:none; }

#body .content img { display:block; margin:20px 0; }

#body .content ul { margin-bottom:17px; }
#body .content ul li { line-height:17px; margin-left:15px; padding-left:30px; list-style-type: circle; }

.kontakt #body { background:transparent url(/img/map-a.png) 290px -40px no-repeat; }

table.mitgliedschaften td { padding:2px; }
table.mitgliedschaften td.label { width:360px; }
table.mitgliedschaften td.date { width:110px; }
table.mitgliedschaften td.city { width:110px; }

/* Footer */
#footer.ver1 { background: transparent url(/img/bg-footer1-a.jpg) 0 0 no-repeat; }
#footer.ver2 { background: transparent url(/img/bg-footer2-a.jpg) 0 0 no-repeat; }
#footer.ver3 { background: transparent url(/img/bg-footer3-a.jpg) 0 0 no-repeat; }
#footer.ver4 { background: transparent url(/img/bg-footer4-a.jpg) 0 0 no-repeat; }
#footer span { float:left; margin: 7px 0 0 10px; padding-left: 10px; background: transparent url(/img/dot-a.png) 0 7px no-repeat; color:#ffffff; }
#footer span.name { background-image:none; letter-spacing: 0.8px; }

#footer  a { color:#ffffff; text-decoration:none; font-style: italic;}
#footer  a:hover { color:#80856D; text-decoration:none; }