/* Standard */
html, body{ height: 100%; }
*{ padding: 0; margin: 0; }
a img{ text-decoration: none !important; border-width: 0; }
a{ outline-color: invert; outline-style: none; outline-width: medium; }
body{ text-align: center; background: #fff url('menu.png') repeat-x 50% 66px; }
div#main{ margin: 10px auto; width: 780px; text-align: left; }

/* Navigation */
#navi{ height: 33px; clear: both; background: transparent url('menu.png') repeat-x; font: 13px/120% "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; }
#navi li a{ display: block; width: 103px; height: 33px; cursor: default; }
#navi li#navi_upload a, #navi li#navi_verwaltung a, #navi li#navi_sonstiges a, #navi li#navi_bildmelden a, #navi li#navi_adminbild a, #navi li#navi_hosted a, #navi li#navi_zurueckmp a, #navi li#navi_galerie a, #navi li#navi_galeriebild a, #navi li#navi_bildvor a, #navi li#navi_bildzurueck a, #navi li#navi_bildvor2 a, #navi li#navi_bildzurueck2 a, #navi li#navi_zurueckdir a{ text-indent: -9999px; }
#navi li#navi_upload a{ background: transparent url(/images/navi/menu_upload.png) 0 0 no-repeat; }
#navi li#navi_upload a:hover{ background-position: 0 -33px; }
#navi li#navi_verwaltung a{ background: transparent url(/images/navi/menu_verwaltung.png) 0 0 no-repeat; }
#navi li#navi_verwaltung a:hover{ background-position: 0 -33px; }
#navi li#navi_sonstiges a{ background: transparent url(/images/navi/menu_sonstiges.png) 0 0 no-repeat; }
#navi li#navi_sonstiges a:hover{ background-position: 0 -33px; }
#navi li#navi_bildmelden a{ background: transparent url(/images/navi/menu_bildmelden.png) 0 0 no-repeat; }
#navi li#navi_bildmelden a:hover{ background-position: 0 -33px; }
#navi li#navi_adminbild a{ background: transparent url(/images/navi/menu_adminbild.png) 0 0 no-repeat; }
#navi li#navi_adminbild a:hover{ background-position: 0 -33px; }
#navi li#navi_galerie a{ background: transparent url(/images/navi/menu_galerie.png) 0 0 no-repeat; }
#navi li#navi_galerie a:hover{ background-position: 0 -33px; }
#navi li#navi_galeriebild a{ background: transparent url(/images/navi/menu_galeriebild.png) 0 0 no-repeat; }
#navi li#navi_galeriebild a:hover{ background-position: 0 -33px; }
#navi li#navi_bildzurueck a{ background: transparent url(/images/navi/menu_bildzurueck.png) 0 0 no-repeat; }
#navi li#navi_bildzurueck a:hover{ background-position: 0 -33px; }
#navi li#navi_bildvor a{ background: transparent url(/images/navi/menu_bildvor.png) 0 0 no-repeat; }
#navi li#navi_bildvor a:hover{ background-position: 0 -33px; }
#navi li#navi_bildzurueck2 a{ background: transparent url(/images/navi/menu_bildzurueck2.png) 0 0 no-repeat; }
#navi li#navi_bildvor2 a{ background: transparent url(/images/navi/menu_bildvor2.png) 0 0 no-repeat; }
#navi li#navi_zurueckmp a{ background: transparent url(/images/navi/menu_zurueck_multipic.png) 0 0 no-repeat; }
#navi li#navi_zurueckmp a:hover{ background-position: 0 -33px; }
#navi li#navi_zurueckmp a, #navi li#navi_zurueckmp{ width: 133px; }
#navi li#navi_zurueckdir a{ background: transparent url(/images/navi/menu_backdir.png) 0 0 no-repeat; }
#navi li#navi_zurueckdir a:hover{ background-position: 0 -33px; }
#navi li#navi_zurueckdir a, #navi li#navi_zurueckdir{ width: 133px; }
#navi, #navi ul{ list-style: none; list-height: 1; }
#navi a.daddy{ background: transparent url('menu_pfeil.png') no-repeat !important; }
#navi a.daddy:hover{ background: transparent url('menu_pfeil_hover.png') no-repeat !important; }
#navi li{ float: left; width: 103px; }
#navi li li{ width: 188px; }
#navi li ul{ position: absolute; width: 138px; left: -999em; border: 1px solid #92BED1; border-left-width: 3px; z-index: 999; }
#navi li ul li.hr{ height: 7px; font-size: 1px; background: transparent url('menu_hr.png') no-repeat !important; }
#navi li li a{ display: block; text-indent: 0 !important; background: #EDF2FC none !important; height: 25px; line-height: 25px; width: 125px; text-decoration: none; color: #595959; padding-left: 13px; font-size: 11px; }
* html #navi{ margin-top: -5px; }
* html #navi li li a{ width: 138px; }
#navi li li a:hover{ background: #dce3ed url('menu_hover.png') no-repeat !important; }
#navi li ul ul{ margin: -17px 0 0 138px; }
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li.sfhover ul ul, #navi li.sfhover ul ul ul{ left: -999em; }
#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li.sfhover ul, #navi li li.sfhover ul, #navi li li li.sfhover ul{ left: auto; }

/* Design */

/* Logo */
h1#tit, h1#tit a{ width: 270px; height: 56px; }
h1#tit{ background: transparent url('logo.png') no-repeat; float: right; }
h1#tit a{ display: block; text-indent: -99999px; text-decoration: none; overflow: hidden; }

/* Formulare */
.input{ font-size: 13px; font-family: 'Trebuchet MS', sans-serif; padding: 2px; }

/* Loginform */
#loginbar{ float: left; width: 312px; height: 28px; margin-top: 28px; background: #f6f6f6 url('loginbar.png') no-repeat; border-width: 0; }
#loginbar legend{ display: none; }
#loginbar form{ margin: 3px 0 0 5px }
#loginbar .input{ border: 1px solid #307DA1; width: 130px; color: #307DA1; padding: 1px; font: 11px/120% Verdana, Helvetica, sans-serif; vertical-align: middle; }
#loginbar button{ background-color: #98C0E0; vertical-align: middle; border-width: 0; }
#loginbar .msg{ padding: 6px 8px; color: #fff; font: 12px/120% Verdana, Helvetica, sans-serif; }
#loginbar .msg a{ color: #fff; }
#passcont{ display: inline; }

/* Inhalt */
div#content{ margin-top: 10px; color: #000; font-family: 'Trebuchet MS', sans-serif; }
div#content h1{ border-bottom: 1px solid #aaa; /*#307DA1; */ padding-bottom: 4px; margin-bottom: 10px; font: bold 18px/22px 'Trebuchet MS', sans-serif; color: #555; /*#25627E;*/ }
div#content h2{ font: normal 16px/20px 'Trebuchet MS', sans-serif; margin-bottom: 6px; margin-top: 17px; border-left: 20px solid #5C8196; color: #3A7B9A; padding-left: 6px; }
div#content p{ font: 14px/20px 'Trebuchet MS', sans-serif; margin-bottom: 6px; }
div#content a{ color: #173D4F; text-decoration: none; }
div#content a:hover{ text-decoration: underline; }
div#content div.cont1{ background-color: #BDCED7; padding: 10px; margin-bottom: 10px; }
.nobott{ margin-bottom: 0; }

/* Karteireiter Menue */
.navi-verwaltung{ padding: 3px 5px; margin-left: 0; margin-top: 1px; margin-bottom: 0; font-size: 12px; font-family: Verdana; list-style-type: none; text-align: left; }
.navi-verwaltung li{ display: inline; margin: 0; }
.navi-verwaltung li a{ text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; }
.navi-verwaltung li a:visited{ color: #2d2b2b; }
.navi-verwaltung li a:hover{ text-decoration: underline; color: #2d2b2b; }
.navi-verwaltung li.selected{ position: relative; top: 1px; font-weight: bold; }
.navi-verwaltung li.selected a{ border-bottom-color: white; }
.navi-verwaltung li.selected a:hover{ text-decoration: none; }
.navi-verwaltung li.selected a{ background-color: #fff; }
.navi-verwaltung{ margin: 0 !important; padding: 0 5px !important; }
.navi-verwaltung li{ font-size: 11px; }
div.navi-verwaltung-cont{ border: 1px solid gray; padding: 10px; margin-bottom: 15px; }

/* Tabellen */
table.paddingtable{ width: 70%; }
table.paddingtable td{ padding: 4px; font-size: 14px; }

/* Listen */
#content ul, #content ol{ margin-left: 20px; font-size: 14px; line-height: 19px; margin-bottom: 6px; }
#content ul li, #content ol li{ margin-bottom: 3px; }

/* Galerie */
div.pic{ background: #ddd url('transp.png'); padding: 10px; margin-bottom: 10px; text-align: center; }
table.gal{ width: 100%; }
table.gal td{ padding: 1px; vertical-align: top; }
table.gal td p{ font-size: 11px !important; background: #ccc url(menu.png) repeat-x 50% bottom; padding-left: 3px; margin-bottom: 2px !important; }
table.gal td div{ text-align: center; margin-bottom: 10px; padding: 7px; background: #DDDDDD url(transp.png) repeat scroll 0%; }
div.get_link{ padding: 30px; }
div.get_link select{ margin-bottom: 4px; width: 200px; }
div.get_link select option, div.get_link input, div.get_link textarea{ padding: 2px; }
div.get_link select, div.get_link input, div.get_link textarea{ font-family: 'Trebuchet MS', sans-serif; font-size: 14px; }
span.editmeta{ background: #ffc url('edit.png') no-repeat 5px 50%; cursor: pointer; padding: 3px 3px 3px 25px; color: #000; }
.editmeta input{ font-size: 18px; font-family: 'Trebuchet MS', sans-serif; letter-spacing: 1px; padding: 2px; width: 280px; }
p.blaettern{ font-size: 17px !important; }

/* Webupload */
input.ulbutton{ font-size: 17px; font-family: 'Trebuchet MS', sans-serif; padding: 4px 4px 4px 20px; background: buttonface url('images.png') no-repeat 25% 50%; width: 250px; }
div#stats{ width: 760px; }
div#stats td{ padding: 2px; }

/* Footer */
div.partner{ text-align: center; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; }
div.partner div.bott{ margin-left: 305px; }
div.partner div.top{ margin-right: 363px; }
div#footer{ text-align: center; font-family: 'Trebuchet MS', sans-serif; font-size: 12px; font-weight: normal; color: #fff; margin-top: 10px; padding-top: 3px; height: 23px; line-height: 20px; background: #fff url('menu.png') repeat-x; }
div.partner a{ color: #000; }
div#footer a{ color: #fff; text-decoration: none; }
div#footer img{ vertical-align: middle; }
div#footer a:hover{ text-decoration: underline; }

/* Remoteupload */
form.remoteupload{ text-align: center; }
form.remoteupload input#url{ font-size: 17px; font-family: 'Trebuchet MS', sans-serif; padding: 3px; width: 650px; margin: 10px 0 20px 0; }

/* Verwaltung */
div.pic2{ background: #ddd url('transp.png'); padding: 10px; text-align: center; }
table.imgoption{ width: 100%; }
table.imgoption img{ vertical-align: middle; }
table.imgoption a.rotleft{ background: transparent url('rot-links.png') no-repeat; padding-left: 20px; }
table.imgoption a.rotright{ background: transparent url('rot-rechts.png') no-repeat; padding-left: 20px; }
table.imgoption p.imgoption a.delete, table.imgoption a.delete{ background: transparent url('picture_delete.png') no-repeat; padding-left: 20px; }
table.imgoption a.picnik{ background: transparent url('picture_edit.png') no-repeat; padding-left: 20px; }

/* Sonstiges */
.right{ text-align: right; }
.left{ text-align: left; }
.alignright{ float: right; }
.alignleft{ float: left; }

/* Warum MultiPic */
div#warum-multipic{ position: fixed; right: 0; bottom: 0; width: 100px; height: 100px; }