/*

***************************************************************************************
*                                                                                     *
*   Bookmerken                                                                        *
*   http://www.bookmerken.de  24.07.2009                                              *
*                                                                                     *
**************************************************************************************/



/*  B A S I C   F O R M A T T I N G
------------------------------------------------------------------------------------ */

* { border: 0; margin: 0; padding: 0; }
html { height: 100% }
body { background: #f3faee; font-size: 100.01%; text-align: center; }
#container { background: transparent; font: normal 0.8em/150% Helvetica, Arial, sans-serif; text-align: left; color: #535557; }

p, h2, h3, ul, ol, fieldset { margin-bottom: 1em; }
h2, h3, h4, h5, strong, b { font-weight: bold; }

h2 { font-size: 1.6em; color: #468c00; margin-bottom: 0.75em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }

small { font-size: 0.9em; }

a:link, a:visited { color: #468c00; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

:focus { outline: 0; }

ul, ol { list-style: none; }

label { font-size: 0.9em; font-weight: bold; color: #468c00; display: block; margin: 0; }
input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #535557; vertical-align: middle; border: 1px solid #d3e0c5; margin-bottom: 0.5em; padding: 0.5em; }
input { width: 55em; }
textarea { overflow: auto; width: 55em; }
button { text-indent: -9999px; cursor: pointer; display: block; border: 0 !important; margin: 1em 0; }

legend, hr, #skip, .inv { display: none; }


/*  S P E C I A L   F O R M A T T I N G
------------------------------------------------------------------------------------ */

.inner { width: 60em; margin: 0 auto; }

.no-border { border: 0 !important; }
.no-margin { margin-bottom: 0; }
.big-margin { margin-bottom: 2em; }

.font-normal { font-weight: normal; }

.left { float: left; }
.right { float: right; }

.error { color: #B00; font-weight: bold; }

.box { background: #f3faee; border: 1px solid #d3e0c5; margin-bottom: 1.5em; padding: 1.0em 1.5em; }

* html .clearfix { height: 1%; overflow: visible; }
*+html .clearfix { min-height: 1%; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.clear { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/*  H E A D E R
------------------------------------------------------------------------------------ */

#header { background: #397600 url("../images/bg-header.jpg") repeat-x left 0; height: 90px; border-bottom: 1px solid #254d00; }

/* Logo */

h1 a { background: url("../images/h1.png") repeat-x; text-indent: -9999px; float: left; display: block; width: 240px; height: 70px; border: 0 !important; margin-top: 10px; }

/* Topnav */

#hdd { float: right; }
#hdd p { float: left; color: #d7e7c8; margin-right: 10px; padding: 0.3em 0 0.5em; }
#hdd p span { font-weight: bold; }
#hdd ul { margin: 0; padding: 0; float: left; }
#hdd li { display: inline; }
#hdd a { background: #7ab045; font-weight: normal; color: #FFF; float: left; display: block; margin-left: 0.3em; padding: 0.3em 1em 0.4em; }


/*  N A V I G A T I O N
------------------------------------------------------------------------------------ */

#nav { background: #2c5a01; padding-top: 8px; }
#nav ul { margin: 0; }
#nav li { display: inline; }

/* Navlink Default State */
#nav a { font-weight: bold; color: #7ab045; float: left; display: block; margin-right: 25px; padding: 0 0 9px; }

/* Navlink Hover State */
#nav a:hover { color: #d7e7c8; text-decoration: none; }

/* Navlink Active State */
body#list #nav a#nav-recent, body#list-important a#nav-important, body#addlink #nav a#nav-addbm { background: url("../images/nav-on.gif") no-repeat center bottom; color: #FFF; }


/*  M A I N
------------------------------------------------------------------------------------ */

#main { background: #FFF; padding: 3.5em 0 2.5em; }
#main h2 { color: #468c00; margin-bottom: 0.75em; }

.img-bookmerklet { vertical-align: middle; }

p.ff-note { background: #fffccc; border: 1px solid #e4d588; text-align: center; display: block; margin: 18px 0; padding: 10px; }
strong.ff-icon { background: #fffccc url(../images/ff-icon.png) no-repeat 0 center; padding: 1px 0 1px 24px }


/* Registrieren / Anmelden */

body#home img { margin-bottom: 1em; }

#goto-bm-list { background: transparent url("../images/button-goto-bm-list.gif") no-repeat left center; display: block; text-indent: -9999px; width: 207px; height: 29px; }

#loginform button, #regform button { background: transparent url("../images/button-register.gif") no-repeat top left; height: 29px; width: 119px; }


/* Settings */

.bookmerk-settings { border-bottom: 1px solid #d3e0c5; margin-bottom: 1.5em; padding-bottom: 1em; }

.bookmerk-settings .left { float: left; width: 48%; }
.bookmerk-settings .right { float: right; width: 48%; }

.bookmerk-settings .box { margin-bottom: 0.5em; padding: 1.2em 1em 0.1em; }

.bookmerk-settings input { width: 24em; margin-bottom: 1.5em; }
.bookmerk-settings input.radio { display: inline; width: auto; border: 0; margin: 0 0.5em 0.5em 0; }
.bookmerk-settings select { display: inline; width: auto !important; border: 1px solid #d3e0c5; margin: 0.25em 0.5em 0.5em; padding: 0; }
.bookmerk-settings option { margin-right: 0.5em; }

#settings button { background: transparent url("../images/button-setpw.gif") no-repeat top left; display: inline; vertical-align: middle; height: 29px; width: 102px; margin-right: 0.5em; }


/* Add Bookmerk */

body#addlink #main .left, body#addlink #main .right { width: 48%; }
body#addlink input, body#addlink textarea { width: 26em; }

body#addlink #bminstall li { padding-left: 2.5em; }

.no1, .no2, .no3 { padding: 0.5em 0 0.5em 30px; }
.no1 { background: url("../images/no1.gif") no-repeat left 3px; }
.no2 { background: url("../images/no2.gif") no-repeat left 3px; }
.no3 { background: url("../images/no3.gif") no-repeat left 3px; }

body#addlink img { margin-bottom: 1em; }
body#addlink button { background: transparent url("../images/button-setpw.gif") no-repeat top left; height: 29px; width: 102px; display: inline; vertical-align: middle; margin-right: 0.5em; margin-bottom: 0em; }


/* Bookmerkliste */

h2 span, h2 span { font-weight: normal; color: #737577; letter-spacing: normal; }

h3.secondary { background: url("../images/h3-divider.gif") repeat-x left center; clear: both; margin-bottom: 1.5em; }
h3.secondary span { background: #FFF; padding-right: 1em; }

.list-header { background: url("../images/h3-divider.gif") repeat-x left center; margin-bottom: 2em; }
.list-header h3 { background: #FFF; float: left; margin: 0; padding: 0 1em 0 0; }
.list-header p.rss { background: #FFF; font-weight: bold; float: right; margin: 0; padding: 0 0 0 1em; }
.list-header p.rss a { background: url("../images/icon-rss.gif") no-repeat right center; font-weight: bold; padding: 0 1.25em 0 0; }

.info { background: #FFB; font-weight: bold; text-align: center; display: block; border: 1px solid #e5e500; margin-bottom: 2.5em; padding: 1em 0; }
.surfon { background: url("../images/surfon.gif") no-repeat right center; border: 0; padding: 0.2em 1.7em 0.2em 0; }

#add { float: right; }
#add a { background: #f3faee; text-decoration: none !important; color: #468c00; display: block; border: 1px solid #468c00; padding: 0.2em 0.75em; }
#add a:hover { background: #468c00; color: #FFF; border-color: #468c00; }

ul.bookmerkliste { list-style: none; clear: both; margin-bottom: 3.5em; margin-top: 1em; }
ul.bookmerkliste li { background: url("../images/list-divider.gif") repeat-x left bottom; margin-bottom: 1.5em; padding-bottom: 1.5em; }

* html ul.bookmerkliste li { height: 1%; overflow: visible; }
*+html ul.bookmerkliste li { min-height: 1%; }
ul.bookmerkliste li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.thumb { float: left; width: 9em; }
.thumb img { border: 1px solid #ccc; padding: 0.25em; }

.bookmerk { float: right; width: 51em; }
.bookmerk-title { float: left; font-size: 1.2em; }
.bookmerk-title-edit { font-weight: normal; font-size: 0.8em !important; color: #999 !important; cursor: pointer; }
.bookmerk-title-edit:hover { text-decoration: underline; }
.bookmerk-date { float: right; }
.bookmerk-url { font-style: italic; clear: both; display: block; margin: 0; padding: 0; font-size: 0.9em; }
.bookmerk-description { display: block; }
.bookmerk-description-edit { color: #999; cursor: pointer; }
.bookmerk-description-edit:hover { text-decoration: underline; }
.bookmerk-stat { color: #999; }

.copy-merky, .copy-merky-on { background: url("../images/icon-clipboard.gif") no-repeat left center; font-style: normal; color: #535557 !important; text-decoration: none !important; margin-left: 10px; padding: 1px 0 1px 18px; }
.copy-merky-on { background-image: url("../images/icon-clipboard-on.gif"); }

.bookmerk-title .visited { color: #999; }

ul.bookmerk-functions li { float: left; background: url("../images/icon-functions-divider.gif") no-repeat right center; margin: 0 1em 0 0 !important; padding: 0 1.3em 0 0 !important; }
ul.bookmerk-functions li.last { background: none !important; margin: 0 !important; padding: 0 !important; }
ul.bookmerk-functions a { display: block; }
ul.bookmerk-functions img { vertical-align: middle; margin-top: 2px; }

.bookmerk-read, .bookmerk-unread, .bookmerk-delete, .bookmerk-important, .bookmerk-not-important, .bookmerk-sz, .twitter-merky { font-size: 1em; font-style: normal; background-repeat: no-repeat; background-position: left center; padding-left: 18px; }
.bookmerk-sz { background-image: url("../images/icon-sz.gif"); text-indent: -9999px; height: 20px; width: 85px; padding: 0; }
.bookmerk-read { background-image: url("../images/icon-mark-as-read.gif"); }
.bookmerk-unread { background-image: url("../images/icon-refresh.gif"); }
.bookmerk-important { background-image: url("../images/icon-important.gif"); }
.bookmerk-not-important { background-image: url("../images/icon-not-important.gif"); }
.bookmerk-delete { background-image: url("../images/icon-delete.gif"); }
.twitter-merky { background-image: url("../images/twitter.gif"); }

.edit-textarea-accept { display: inline; }

.pages { margin-top: -2em; }
.page-back { background: url("../images/button-page-back.jpg") no-repeat left center; text-indent: -9999px; display: block; width: 100px; height: 20px; }
.page-next { background: url("../images/button-page-next.jpg") no-repeat right center; text-indent: -9999px; display: block; width: 100px; height: 20px; }

.upperborder { border-top: 1px solid #ccc; padding-top: 15px; }

/* Gebookmerkt - Popup */

body#popup { background: #FFF; }
body#popup #container { background: #FFF url("../images/bg-popup.gif") repeat-x left top; text-align: center; padding: 3em; }


/* Imprint */

body#imprint ul { list-style: inside square; }

/* Firefox */
ul.features { margin-top: 10px; }
ul.features li { list-style-image: url("../images/icon-mark-as-read.gif"); }
ul.instructions { margin-top: 10px; padding-left: 10px; }
ul.instructions li { padding-left: 10px; list-style-position: outside; list-style-type: disc; } 

.firefox { background: #FFF url("../images/firefox.png") no-repeat left top; padding-left: 20px; }

/*  F O O T E R
------------------------------------------------------------------------------------ */

#footer { background: #f3faee url("../images/bg-footer.gif") repeat-x top left; padding: 1em 0 2em; }

#footer p { font-size: 0.9em; color: #468c00 }
#footer a { color: #468c00; border-color: #468c00; font-weight: normal; }


/*  E N D   S T Y L E S . C S S
------------------------------------------------------------------------------------ */