/*

    Site: Klammlinks
    Copyright: 2005 - 2009 Klammlinks.de
    Author: Marco Petzold

*/


body
    {
    color: #666;
    background: #9aabb3 url(img/bg.jpg) repeat-x 30px 0;
    font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: center;
    }

* { margin:0; padding:0; border:0; }

hr { display: none; }


/* Header: Surtipps
------------------------------------------------------------*/

#surftip
    {
    width: 100%;
    height: 30px;
    background: #1b3a52;
    }
    
#surftip span
    {
    line-height: 30px;
    color: #D7E3EC;
    }


/* Header: Logo
------------------------------------------------------------*/

#logo
    {
    width: 653px;
    height: 110px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    background: url(img/anzeige.gif) no-repeat 609px 88px;
    }

#logo h1
    {
    width: 160px;
    height: 60px;
    position: relative;
    top: 25px;
    text-indent: -5000px;
    background: url(img/logo.gif) no-repeat;
    }


/* Header: Banner Ad
------------------------------------------------------------*/

#logo p
    {
    position: absolute;
    top: 25px;
    left: 183px;
    }


/* Header: Headlines
------------------------------------------------------------*/

#header
    {
    width: 653px;
    height: 48px;
    margin: 0 auto;
    background: url(img/header.gif) no-repeat;
    }


/* Content: Container
------------------------------------------------------------*/

#content
    {
    position: relative;
    width: 653px;
    height: auto;
    margin: 0 auto;
    background: url(img/content-bg.gif) repeat-y;
    text-align: left;
    }

#lose-spiele
    {
    position: relative;
    left: 14px;
    top: 0;
    width: 122px;
    }

#lose-verdienst
    {
    position: absolute;
    left: 166px;
    top: 0;
    width: 122px;
    }

#lose-sonstiges
    {
    position: absolute;
    left: 316px;
    top: 0;
    width: 122px;
    }

#sidebar
    {
    position: absolute;
    left: 463px;
    top: 0;
    width: 180px;
    }

#sidebar-ad
    {
    position: absolute;
    top: 0;
    left: -130px;
    }


/* Content: Links
------------------------------------------------------------*/

ul
    {
    padding: 0 0 10px 0;
    list-style: none;
    }

ul li
    {
    border-bottom: 1px solid #c9dded;
    line-height: 19px;
    }

ul li a
    {
    margin-left: 1px;
    padding-left: 11px;
    color: #244e6f;
    text-decoration: none;
    background: transparent url(img/icon-show.gif) no-repeat 0px 3px;
    }

ul li a:hover
    {
    color: #8c4600; /* #666 */
    background: transparent url(img/icon-show.gif) no-repeat -160px 3px;
    }

.off { text-decoration: line-through }


/* Content: Sidebar: Description
------------------------------------------------------------*/

#info p { line-height: 14px; }

#info p b { color: #888; }


/* Content: Links: Headlines
------------------------------------------------------------*/

h2 { display: none; }

#lose-spiele h3,
#lose-verdienst h3,
#lose-sonstiges h3
    {
    margin: 0 0 4px 0;
    padding: 0 0 3px 15px;
    font-size: 11px;
    color: #8c4600;
    background: transparent url(img/icon-star.gif) no-repeat 0 25%;
    border-bottom: 1px dotted #666;
    }


/* Content: Sidebar: Headlines
------------------------------------------------------------*/

#sidebar h3
    {
    margin: 16px 0 8px 0;
    width: 180px;
    height: 24px;
    text-indent: -5000px;
    }

#topsite h3 { background: transparent url(img/kat-top.gif); }
#news h3 { background: transparent url(img/kat-news.gif); }
#sponsor h3 { background: transparent url(img/kat-sponsor.gif); }
#support h3 { background: transparent url(img/kat-support.gif); }
#ads h3 { background: transparent url(img/kat-werbung.gif); }


/* Content: Sidebar: News
------------------------------------------------------------*/

#news ul
    {
    margin: 0 0 0 2px;
    padding: 0;
    }

#news ul li
    {
    margin: 0 0 7px 0;
    padding: 0 0 7px 21px;
    list-style: none;
    line-height: 13px;
    background: transparent url(img/icon-news.gif) no-repeat 2px 5px;
    border-bottom: 1px dotted #777; 
    }

#news ul li.last
    {
    border: none;
    margin: 0;
    padding: 0 0 0 21px;
    }

#news ul li a, /* alle 3 Bereiche */
#sponsor ul li a,
#support ul li a
    {
    margin: 0;
    padding: 0;
    background: none;
    }


/* Content: Sidebar: Sponsor
------------------------------------------------------------*/

#tl-ad
    {
    position: absolute;
    top: 415px;
    left: 148px;
    }

#tl-ad a
    {
    display: block;
    width: 86px;
    height: 85px;
    text-indent: -10000px;
    background: url(img/badget.jpg) no-repeat;
    outline: none;
    }

#sponsor ul
    {
    margin: 0 0 10px 2px;
    padding: 0;
    }

#sponsor ul li
    {
    margin: 0 0 5px 0;
    padding: 0 0 5px 15px;
    list-style: none;
    line-height: 15px;
    background: transparent url(img/icon-sponsor.gif) no-repeat 3px 5px;
    border-bottom: 1px dotted #888; 
    }

#sponsor ul li.last
    {
    border: none;
    margin: 0;
    padding: 0 0 0 15px;
    }


/* Content: Sidebar: Support 
------------------------------------------------------------*/

#support ul
    {
    margin: 0 0 0 2px;
    padding: 0;
    }

#support ul li
    {
    margin: 0 0 5px 0;
    padding: 0 0 5px 22px;
    list-style: none;
    line-height: 15px;
    background: transparent url(img/icon-support.gif) no-repeat 2px 5px;
    border-bottom: 1px dotted #888; 
    }

#support ul li.last
    {
    border: none;
    margin: 0;
    padding: 0 0 0 22px;
    }


/* Content: Sidebar: Werbung
------------------------------------------------------------*/

#ads { text-align: center; }
#ads p { margin: 0 0 8px 0 }

/* Footer
------------------------------------------------------------*/

#footer
    {
    width: 653px;
    height: 33px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    text-align: left;
    background: transparent url(img/footer.gif) no-repeat;
    }
    
#footer p
    {
    padding: 15px 0 0 8px;
    color: #b1c8d8;
    }


/* Footer: Links
------------------------------------------------------------*/

#footer a,
#surftip a
    {
    text-decoration: none;
    color: #d7e3ec;
    }

#footer a:hover,
#surftip a:hover
    {
    text-decoration: underline;
    }