/*

***************************************************************************************
*                                                                                     *
*   www.seitzeichen.de                                                                *
*                                                                                     *
*   S T Y L E S . C S S                                                               *
*                                                                                     *
**************************************************************************************/



/*  B A S I C   L A Y O U T   G R I D   -------------------------------------------- */

* { border: 0; margin: 0; padding: 0; }
html { height: 100% }
body { background: #f0f4fa; font-size: 100.01%; text-align: center; }

#container { background: #fff; font: normal 12px/18px Arial, Helvetica, sans-serif; text-align: left; color: #4C4C4C; width: 790px; margin: 0 auto; }

#header { background: #003974 url("../images/popup-bg-top.gif") repeat-x left top; height: 1%; padding: 1px 20px; }
#artikel { background: #DADADA url("../images/popup-bg-header.gif") repeat-x left top; height: 1%; border-bottom: 1px solid #B9B9B9; padding: 12px 18px; }
#main { background: transparent url("../images/popup-bg-main.gif") repeat-x left top; height: 1%; padding: 20px 20px 0; }
#footer { color: #999; padding: 0 20px; font-size: 10px; }


/*  G L O B A L   S T U F F   ------------------------------------------------------ */

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

h2 { font-size: 1.6em; color: #003B77; letter-spacing: -1px; }
h3 { font-size: 1.2em; color: #003B77; letter-spacing: -1px; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }

a:link, a:visited { color: #336292; text-decoration: none; outline: none; }
a:hover, a:active { color: #336292; text-decoration: none; outline: none; border-bottom: 1px solid #336292; }

a.more { background: transparent url("../images/popup-a-more.gif") no-repeat right center; border: 0; padding-right: 15px; }
a.more:hover {  }
a.more span { display: none; }

ul { list-style: none; }

table { table-layout: fixed; width: 100%; overflow: hidden; border: 0; }

legend { display: none; }

input { font-size: 0.9em; }
input:focus, textarea:focus { background-color: #fffcd9 !important; background-image: none !important; }
textarea { font: normal 0.9em Arial, Helvetica, sans-serif; }

em { font-style: italic; }
strike, del { text-decoration: line-through; }
blockquote, cite { font-style: italic; height: 1%; /* stupid IE */ width: auto; margin: 1em 2.5em; }
code { font-family: Monaco, monospace; }

hr { display: none; }

.clearit { content: "."; display: block; font-size: 1px; line-height: 0px; height: 0; clear: both; visibility: hidden; }

/* Global Specials */

.inv { display: none; }

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

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


/*  M O D U L E S   ---------------------------------------------------------------- */

/* TOP */

#skip { display: none; }

#logo { float: left; width: 25%; }
#logo h1 { background: transparent url("../images/popup-h1-logo.gif") no-repeat left top; }
#logo h1 a { display: block; border: 0; height: 26px; width: 82px; }
#logo h1 a span, #logo p { display: none; }

#headernav { float: right; text-align: right; width: 75%; font-size: 11px; padding-top: 3px; }
#headernav p { text-align: right; color: #80A1C2; margin: 0; }
#headernav a { color: #80A1C2; border: 0; }
#headernav a:hover { color: #FFF; }

#helptext { background: #fff; font-size: 11px; line-height: 14px; padding: 4px; }

/* HEADER */

#artikel h2, #artikel p { line-height: 120%; margin: 0; }

#artikel #aufrufe, #artikel #aufrufe-wide, #artikel #aufrufe-ultra, #artikel #bookmarks { float: left; font-weight: bold; text-align: center; letter-spacing: -1px; margin-right: 6px; padding: 15px 0 10px; }
#artikel #aufrufe,#artikel #aufrufe-wide, #artikel #aufrufe-ultra { font-size: 2.8em; color: #444; height: 35px; padding: 16px 0 10px; }
#artikel #aufrufe { background: transparent url("../images/popup-bg-count-aufrufe.gif") no-repeat left top; width: 70px; }
#artikel #aufrufe-wide, #artikel #aufrufe-ultra { background: transparent url("../images/popup-bg-count-aufrufe-wide.gif") no-repeat left top; width: 86px; }
#artikel #aufrufe-ultra { font-size: 1.8em; }
#artikel #bookmarks { background: transparent url("../images/popup-bg-count-bookmarks.gif") no-repeat left top; font-size: 1.8em; color: #444; width: 70px; height: 36px; margin-right: 15px; padding: 17px 0 10px; }
#artikel #site-details { float: left; padding: 3px 0 0; }

#artikel p.url { margin-bottom: 0.6em; }
#artikel p.date { font-size: 11px; color: #888; }

/* MAIN / Left Column */

#main .leftcol { float: left; width: 500px; }
#main .leftcol .inner { padding: 0 20px 0 0; height: 1%; }
#main .leftcol .headline { background: #F6F6F6; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; height: 1%; margin-bottom: 0.75em; padding: 4px 4px 3px; }
#main .leftcol .headline p { height: 1%; margin: 0; padding: 0; }
a.help { background: url("../images/help.gif") no-repeat left 1px; text-indent: -9999px; float: right; display: block; border: 0 !important; width: 15px; }
a.help:hover { background-position: left -24px }
.bookmerken { background-image: url("../images/icons/bookmerken.gif"); }
#main .leftcol h3 { float: left; margin: 0; }
#main .leftcol ul { float: left; display: block; width: 155px; margin-bottom: 0.5em; }
#main .leftcol ul li { margin-left: 10px; margin-bottom: 2px; }
#main .leftcol ul li a { background-color: transparent; background-position: 3px center; background-repeat: no-repeat; color: #4C4C4C; display: block; border: 0; height: 1%; padding: 1px 5px 0 28px; }
#main .leftcol ul li a:hover { background-color: #E6EEF8; color: #222; }

#main .leftcol ul.first { float: right; width: 312px; margin: 0; }
#main .leftcol ul.first li { margin: 0; padding: 0; }
#main .leftcol ul.first li a { font-weight: bold; color: #555; margin: 0; padding: 1px 0 0 28px; }
#main .leftcol ul.first li a:hover { background-color: transparent; color: #111; }

#main .leftcol a.more-services { font-weight: bold; color: #336292; border: 0; margin-left: 10px; }
#main .leftcol a.more-services:hover { border-bottom: 1px solid #336292; }

#main .mailform { border-bottom: 1px solid #E4E4E4; margin-bottom: 0.5em; }
#main fieldset input, #main .leftcol fieldset textarea { background: transparent url("../images/popup-bg-input.gif") repeat-x left top; color: #4C4C4C; width: 225px; border: 1px solid #E4E4E4; margin-bottom: 0.75em; padding: 2px; } /* --- NEU! --- */
#main fieldset input.mailonly { width: 250px; }
#main fieldset input#sendbutton { background-image: none; display: block; width: auto; border: 0; margin: 0; padding: 0; } /* --- NEU! --- */
#main fieldset textarea { width: 225px; height: 74px; overflow: auto; }
#main fieldset textarea.mailonly { width: 470px; }
* html #main fieldset textarea { height: 82px; } /* IE6 Fix */
*+html #main fieldset textarea  { height: 82px; } /* IE7 Fix */
#main fieldset .left { width: 247px !important; width: 243px; }
#main fieldset .right { width: 233px !important; width: 229px; }
#main fieldset label { font-size: 10px; display: block }

#main form#chf { margin-bottom: 1em; }
#main h2 { margin-bottom: 1em; }
#bookm { width: /* 350px */ 155px; }

/* MAIN / Right Column */

#main .rightcol { float: right; width: 250px; }
#main .rightcol .inner { background: #E6EEF8 url("../images/popup-bg-toplist.gif") center bottom; padding-bottom: 10px; }
* html #main .rightcol .inner { padding-bottom: 0; } /* IE6 Fix */  
*+html #main .rightcol .inner { padding-bottom: 0; } /* IE7 Fix */  
#main .rightcol h3 { background: transparent url("../images/popup-h3-toplist.gif") center top; margin-bottom: 0.5em; padding: 15px 10px 0; }
#main .rightcol p { padding: 0 10px; }

#main .rightcol .toplink { font-size: 11px; line-height: 14px; border-top: 1px solid #c5d3e0; height: 1%; padding: 5px 0 0; margin: 4px 10px 0; }
#main .rightcol .toplink p { padding: 0; }
#main .rightcol .toplink-count { background: transparent url("../images/popup-bg-count-toplist.gif") no-repeat; text-align: center; float: left; width: 34px; height: 29px; padding: 3px 0; }
#main .rightcol .toplink-headline { color: #999; float: left; padding: 3px 5px 0 8px; }
#main .rightcol .toplink-headline p { margin: 0; }
#main .rightcol .toplink-headline a { color: #336292; border: 0; }
#main .rightcol .toplink-headline a:hover { border-bottom: 1px solid #336292; }
.toplink-headline p { width: 150px; }

.toplink-headline { width: 145px; }

.pfui { float: right; padding-top: 3px; }
.pfui a { background: url('../images/button-pfui.gif') no-repeat left top; display: block; border: 0 !important; width: 13px; height: 13px; margin: 0; padding: 0; }
.pfui a:hover { background-position: left -13px; }
.pfui a span { display: none; }


/* Forward-Page */

a.stop-link { background: transparent url("../images/popup-a-stop-link.gif") no-repeat left top; display: block; border: 0; height: 26px; width: 115px; margin-bottom: 60px; }

/* Tooltip */

.tool-tip { font-family: Helvetica, Arial, sans-serif; line-height: 100%; text-align: left; color: #000; width: 139px; z-index: 13000; }
.tool-title { background: url("../images/bg-tooltip.png") top left; font-size: 11px; font-weight: bold; color: #88bffe; margin: 0; padding: 8px 8px 0; }
.tool-text { background: url("../images/bg-tooltip.png") bottom right; font-size: 11px; color: #FFF; padding: 0 8px 8px; }


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