body { margin: 0 0 0 0; background-image: url(../img/bg.gif); background-repeat: repeat-x; background-color: #ededed; cursor:default }
div, td, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #595959; line-height: 160% }
img { border: 0 }
li { list-style-type: none }
ins { text-decoration: none }
p, h1, h2, h3, h4 { margin:0; padding: 0 }
ul { margin: 0 0 0 10px; padding: 0 }
form { margin: 0 }
.input { font-size: 11px; color: #595959; height: 17px; border: 1px solid #ccc; background: url(../img/bg_input.gif) top left repeat-x #fff }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #595959; border: 1px solid #ccc; background: url(../img/bg_input.gif) top left repeat-x #fff }
select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #595959; border: 1px solid #ccc; background: url(../img/bg_input.gif) top left repeat-x #fff }

/* Link allgemein */
a:link, a:visited { color:#595959; text-decoration: none; cursor: pointer }
a:hover, a:active { color:#595959; text-decoration: underline; cursor: pointer }

/* Link mit Pfeil */
.pfeil a:link, .pfeil a:visited { color:#595959; text-decoration: none; border-bottom: 0px; background: url(../img/link_pfeil.gif) no-repeat; background-position: 0 4px; padding: 0 0 0 10px }
.pfeil a:hover, .pfeil a:active { color:#595959; text-decoration: none; border-bottom: 1px dotted #ed1d24; background: url(../img/link_pfeil.gif) no-repeat; background-position: 0 4px; padding: 0 0 0 10px }

/* Link unterstrichen */
a.link:link , a.link:visited { color:#595959; text-decoration: none; border-bottom: 1px dotted #ed1d24; cursor: pointer }
a.link:hover, a.link:active { color:#595959; text-decoration: none; border-bottom: 1px solid #ed1d24; cursor: pointer }


.linie { background: url(../img/bg_linie.gif) repeat-y }
.dots_hor { background: url(../img/dots_hor.gif) center repeat-x; height: 51px }
.dots_ver { background: url(../img/dots_ver.gif) center repeat-y }
.dots_hor hr, .dots_ver hr { display: none }

.clear { clear: both }

#top { width: 980px; margin: 0 auto 0 auto }
#top #topbar { height: 30px; border-left: 1px solid #fff; border-right: 1px solid #fff }
#top #topbar .inner { padding:4px 20px 0 20px; float: right }
#top #topbar .inner .links a { margin: 0 12px 0 12px; color: #777; font-size: 11px }
#top #topbar .inner .links a:link , .top #topbar .inner .links a:visited { text-decoration: none; border-bottom: 0px; cursor: pointer }
#top #topbar .inner .links a:hover, .top #topbar .inner .links a:active { text-decoration: none; border-bottom: 1px dotted #ed1d24; cursor: pointer }
#top #topbar .inner .suche div { float: left }
#top #topbar .inner .suche .input { width: 120px; height: 16px; font-size: 11px; padding: 1px 0 0 4px; border: 1px solid #ccc; margin:0 6px 0 10px }
#top #topbar .inner .suche .lupe { margin:3px 0 0 0 }

#top #logoarea { height: 120px }
#top #logoarea #logo { margin: 38px 0 0 21px; float: left }
#top #logoarea #fachgruppenpics { float: right; margin: 21px 0 0 0 }
#top #logoarea #fachgruppenpics img { float: left; margin: 0 0 0 2px }

#top #menubar { clear: both; height: 63px }


.menu { background-image: url(../img/menu_bg.gif); background-repeat:no-repeat; width: 980px; float: left }
.menu, .menu * { margin: 0; padding: 0; list-style: none }
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active { text-decoration: none }

.menu li { float: left; position: relative; text-align:center; height: 63px }
.menu ul li { width: 100%; height: 100%; border-bottom: 1px solid #dd767b; text-align:left }
.menu ul li a { padding: 3px 10px 3px 10px; color: #595959 }
.menu ul li a.pfeil { padding: 3px 20px 3px 10px }
.menu ul li:hover, .menu ul li a:hover { background-color: #fac6c8 }

.menu a { display: block; height: 48px; position: relative; background: url(../img/menu_trenner.gif) repeat-y; padding-top: 15px; font-weight: bold; color: #f3f3f3; font-size: 12px; line-height: 140% }
.menu a.first { display: block; background: none }

.menu ul { position: absolute; left: 0; top: -999px; width: 180px; background-color: #fff; border: 1px solid #dd767b; border-bottom: 0px; z-index: 99; display: none }
.menu ul a { display: block; height: 100%; background: none; font-weight: normal }
.menu ul li ul { display: none }
.menu ul .pfeil { background-image: url(../img/link_pfeil.gif); background-repeat:no-repeat; background-position: 165px 8px }

.menu li:hover ul { top: 62px; display: block }
.menu li:hover ul ul,
.menu ul li:hover ul ul,
.menu ul ul li:hover ul ul,
.menu ul ul ul li:hover ul ul { display: none }
.menu ul li:hover ul,
.menu ul ul li:hover ul,
.menu ul ul ul li:hover ul,
.menu ul ul ul ul li:hover ul { left: 180px; top: -1px; display: block }

.m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8 { height: 63px }
.m1 { width: 141px }
.m2 { width: 137px }
.m3 { width: 127px }
.m4 { width: 96px }
.m5 { width: 97px }
.m6 { width: 137px }
.m7 { width: 133px }
.m8 { width: 112px }
.m4 a, .m5 a, .m6 a, .m7 a, .m8 a { height: 39px; padding-top: 24px; font-weight: bold; color: #f3f3f3; font-size: 12px; line-height: 140% }


#main { width: 978px; margin: 0 auto 0 auto; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }

#main img.border { border: 1px solid #ccc }
#main .untertitel { font-size: 11px; margin-top: 3px; text-align:center }
#main .trenner { height: 1px; background-color: #ccc; margin: 0 0 40px 0; clear:both }
#main .trenner hr { display: none }
#main .content { margin: 0 20px 40px 20px }
#main .contentRight { margin: 40px 20px 40px 20px }
#main .content h1 { font-size: 13px; font-weight: bold; padding: 0 0 5px 0 }
#main .content h2, #main .content h3, #main .content h4 { font-size: 12px; font-weight: bold; padding: 0 0 5px 0 }
#main li { background-image: url(../img/li.gif); padding-left: 20px; background-repeat: no-repeat; background-position: 0 6px }

#main .left .standort { font-size: 11px; padding: 7px 20px 15px 20px }
#main .left .standort .siesind { margin:0 5px 0 0 }
#main .left .standort_leer { padding: 0 0 40px 0 }
#main .left h1.headline { font-size: 14px; font-weight: bold; padding: 0 0 20px 0; color: #ee1d25 }

#main .right { width: 244px; background-image: url(../img/bg_linie.gif); background-repeat: repeat-y; font-size: 11px }
#main .right div { font-size: 11px }
#main .right h1 { font-size: 14px; font-weight: bold; padding: 0 0 20px 0 }

#main .mitgliedersuche { border-left: 1px solid #dd767b; border-bottom: 1px solid #dd767b; background-image: url(../img/bg_mitgliedersuche.gif); background-position: bottom; background-repeat: repeat-x }
#main .mitgliedersuche h1 { font-size: 14px; font-weight: bold; padding: 40px 20px 20px 20px }
#main .mitgliedersuche .suche { padding: 0 0 40px 20px }
#main .mitgliedersuche .suche .label { font-size: 11px; padding: 0 0 3px 0; font-weight: bold }
#main .mitgliedersuche .suche select { font-size: 11px; color: #595959; width: 203px; height: 20px; border: 1px solid #ccc; margin: 0 0 15px 0 }
#main .mitgliedersuche .suche input.stichwort { font-size: 11px; color: #595959; width: 198px; height: 17px; border: 1px solid #ccc; padding:1px 0 0 5px }
#main .mitgliedersuche .suche .btn { margin: 25px 0 0 0; cursor: pointer }


#main .newsletterQuit input { font-size: 11px; color: #595959; width: 198px; height: 17px; border: 1px solid #ccc; padding:1px 0 0 5px }
#main .newsletterQuit .btn { background:url(../img/btn_abbestellen.gif) top left no-repeat; width: 86px; height:20px; border: 0px; text-indent: -500px; cursor: pointer; margin: 15px 0 0 0 }


.shadow { width: 978px; margin: 0 auto 0 auto; height: 50px; background-image: url(../img/schatten_u.gif); background-repeat: no-repeat }
.shadow hr { display: none }

#bottom { width: 978px; margin: 0 auto 0 auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f9f9f9 }
#bottom .container .headline { color: #ed1d24; font-size: 12px; font-weight: bold; margin-bottom: 8px; padding: 18px 20px 0 20px }
#bottom .container .txt { color: #666; font-size: 11px; line-height: 160%; padding: 0 20px 20px 20px }

#copyright { height: 40px }
#copyright .inner { color: #999; font-size: 11px; padding: 11px 0 0 20px; position: relative }

#print { color: #999; font-size: 11px; position: absolute; top: 11px; right: 20px }


#googlemap { width:243px; height: 275px; overflow: hidden; margin:0 0 0 1px; border-bottom: 1px solid #ccc }

#main .mitgliederverzeichnis { padding: 0 10px }
#main .mitgliederverzeichnis h1.headline { padding-left: 10px }
#main .mitgliederverzeichnis .box { width:315px; height: 100px; position: relative; margin: 0 10px 20px 10px; float:left; border: 1px solid #ccc; padding: 10px }

#main .mitgliederverzeichnis .ergebnisanz { margin: 0 0 25px 10px; padding: 12px 0 0 0; font-weight: bold }
#main .mitgliederverzeichnis .searchstr { margin: 0 10px 10px 15px; float: right; text-align: center; line-height: 120% }
#main .mitgliederverzeichnis .searchstr .bez { font-size: 10px; text-transform: uppercase }
#main .mitgliederverzeichnis .searchstr .val { font-weight: bold }
#main .mitgliederverzeichnis .entfernen a { font-size: 10px; color: #ee1d25 }

#main .mitgliederverzeichnis h3 { font-size: 12px; margin: 0 0 10px 0 }
#main .mitgliederverzeichnis .anschrift { position: absolute; bottom: 0; left: 0; margin: 10px }
#main .mitgliederverzeichnis .anschrift .web { margin: 5px 0 0 0 }
#main .mitgliederverzeichnis .details { position: absolute; bottom: 0; right: 0; margin: 10px }

#main .mitgliederdetails { margin: 0 20px 40px 20px; position: relative }
#main .mitgliederdetails h3 { font-size: 12px; margin: 20px 0 10px 0; padding: 20px 0 0 0; border-top: 1px dotted #ccc }
#main .mitgliederdetails .logo { position: absolute; top: 50px; right: 100px }
#main .mitgliederdetails .fonfax { width: 50px; display: inline-block }


#main .aktuelles .box { position: relative }
#main .aktuelles .box .bild { margin: 0 15px 10px 0; float: left }
#main .aktuelles .box .bild img { border: 1px solid #ccc }
#main .aktuelles .box .bildedit { width: 100px; min-height: 50px; border: 1px solid #efefef; background-color: #fff; margin: 0 15px 0 0; position: relative; float: left }
#main .aktuelles .box .bildedit .livemodeLogo { right: 5px }
#main .aktuelles .box .titel { font-weight: bold }
#main .aktuelles .box .mehr { text-align: right }


#main .suche .link { margin: 5px 0 0 0; font-size: 11px }
#main .suche .link a { color: #aaa }
#main .suche .suchform div { float: left; margin: 0 0 15px 0 }
#main .suche .suchform .input { width: 120px; height: 16px; font-size: 11px; padding: 1px 0 0 4px; border: 1px solid #ccc; margin:0 6px 0 0 }
#main .suche .suchform .lupe { margin:3px 0 0 0 }
#main .suche .ergebnisanz { clear: both }
.suchergebnis { background-color: #ed1d24; color: #fff; padding: 0 2px; font-weight: bold }


#main .pressemitteilung li { position: relative }
#main .pressemitteilung .date { font-style: italic; padding:0 5px 0 0 }
#main .pressemitteilung .datum { width: 75px; display: inline-block; vertical-align: top }
#main .pressemitteilung .titel { width: 575px; display: inline-block }


#main .messekalender .bez { width: 45px; display: inline-block; font-weight: bold }
#main .messekalender .messe { clear: both }
#main .messekalender .logo { width: 120px; height: 120px; border: 1px solid #efefef; text-align: center; position: relative }
#main .messekalender .logo .livemodeLogo { right: 5px }
#main .messekalender .txt { padding: 0 0 0 20px; position: relative }
#main .messekalender table { margin: 0 0 15px 0 }
#main .messekalender .dots_hor { height: 31px; margin: 0 0 15px 0 }
#main .messekalender .month { margin: 0 0 10px 0 }


#main .sonderseite_rechts .dots_hor { height: 31px }
#main .sonderseite_rechts .month { margin: 0 0 10px 0 }


#main .clipping li { position: relative; margin: 0 0 15px 0 }
#main .clipping .bez { width: 50px; display: inline-block; font-weight: bold }
#main .clipping .datum { width: 75px; display: inline-block; vertical-align: top }
#main .clipping .titel { width: 575px; display: inline-block }
#main .clipping .dots_hor { height: 21px; margin: 0 0 15px 0 }
#main .clipping .month { margin: 0 0 10px 0 }


#main .sitemap .plusmin { float: left; width: 20px; height: 26px }
#main .sitemap .linkname { display: block; float: left; padding: 4px 0 0 5px }


#main .formular .bez { width: 290px; font-weight: bold; height: 20px; margin: 10px 0 0 0 }
#main .formular .bez_cb { width: 290px; font-weight: bold; height: 20px; margin: 25px 0 0 0 }

#main .formular .cb { display: inline-block; width: 25px; vertical-align:top }
* html #main .formular .cb { display: inline }
*:first-child+html #main .formular .cb { display: inline }

#main .formular .cb_label { display: inline-block; width: 280px; vertical-align:top }
* html #main .formular .cb_label { display: inline }
*:first-child+html #main .formular .cb_label { display: inline }

#main .formular .input { width: 290px }
#main .formular .input_plz { width: 70px; margin: 0 5px 0 0 }
#main .formular .input_ort { width: 211px }
#main .formular textarea { width: 290px; height: 152px }
#main .formular .col_l { float: left }
#main .formular .col_r { width: 320px; float: right; padding-left: 35px; background-image: url(../img/bg_linie.gif); background-repeat: repeat-y }
#main .formular input.absenden { background:url(../img/btn_anfrage_senden.gif) top left no-repeat; width: 110px; height:20px; border: 0px; text-indent: -500px; cursor: pointer; margin: 25px 0 0 0; font-size: 0; display: block; line-height: 0 }
#main .formular input.abonnieren { background:url(../img/btn_abonnieren.gif) top left no-repeat; width: 86px; height:20px; border: 0px; text-indent: -500px; cursor: pointer; margin: 25px 0 0 0; font-size: 0; display: block; line-height: 0 }
#main .formular input.registrieren { background:url(../img/btn_registrieren.gif) top left no-repeat; width: 91px; height:20px; border: 0px; text-indent: -500px; cursor: pointer; margin: 25px 0 0 0; font-size: 0; display: block; line-height: 0 }



.login { border: 1px solid #ccc; background-color: #f9f9f9 }
.login .content { padding: 10px }

.login .in { margin: 0 0 15px 0 }
.login .in .label { width: 100px; text-align: left; font-weight: bold; float: left; padding-top: 3px }
.login .in .value { text-align: right }
.login .in .value input { width: 200px; margin: 0; background: #fff url(../img/bg_input.gif) top left repeat-x; border: 1px solid #d6d6d6; font-size:11px; padding: 2px }

.login .msg { color: #f00; text-align: center }

.loginTitle { height: 25px; background: url(../img/bg_top2.gif) top left repeat-x; padding: 3px 0 0 10px; color: #595959; font-size: 12px; font-weight: bold }

.loginBtns { height: 28px; margin: 5px 0 0 0; text-align: center }
.loginBtns input.speichern { background:url(../img/bg_button.gif) top left repeat-x #090; height:25px; font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666; cursor: pointer; border: 1px solid #c0c0c0; padding: 0 10px; margin: 2px 0 0 0 }






.filebox .box { position: relative }
.filebox .box .files { margin: 15px 0 0 0; position: relative }
.filebox .box .files .file { padding: 2px 0px 2px 10px }
.filebox .box .files .file a { text-decoration: none }
.filebox .box .files .file:hover { background-color: #efefef }
.filebox .box .files .file .icon { width: 20px; text-align:center }
.filebox .box .files .file .title { margin: 0 0 0 5px; border-bottom: 1px dotted #ed1d24 }
.filebox .box .files .file .subtitle { padding: 0 0 0 28px; margin:0 0 10px 0; font-size: 11px }
.filebox .box .files .livemodeBtn { margin: 10px 0 0 10px }
.filebox .box .date { margin: 0 0 5px 0 }
.filebox .box .headline { font-weight: bold; margin: 0 0 5px 0; font-size: 14px }
.filebox .box .headline1 { font-weight: bold; margin: 0 0 5px 0 }

.filebox .box .files .file div { display: inline-block; vertical-align:top }
* html .filebox .box .files .file div { display: inline }
*:first-child+html .filebox .box .files .file div { display: inline }

.filebox .box .linkOpen { margin-top: 20px; font-weight: bold }
.filebox .box .linkOpen img { margin-right: 5px }