@charset "UTF-8";
/* 
    Document   : main.css
    Created on : 21.07.2009, 11:30:57
    Author     : Sven Eisenschmidt
    Description:
        IT-Republik Theme
*/




/* Modules */
@import url(modules.css);


@media screen, projection
{
    /*
        Body
        @element body
    */
    body {
        background-image: url(/images/portal/themes/it-republik/background.gif);
        background-color: #ececec;
        padding: 10px;
    }

    /*
        Advertising Hockey Stick
        @element body
    */
    body .hockey-right { 
        position: absolute;
        left: 1000px;
        top: 10px;
    }

    /*
        Page
        @element div.page
    */

    body * {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    /*
        Header
        @element div.page div#header
    */
    div.page div#header {
        position: relative;
        background: #ccc;
    }

    div.page div#header h1 {
        display: none;
    }

    div.page div#header div.logo {}

    div.page div#header div.logo a {
        position: absolute;
        width: 346px;
        height: 110px;
        top: 6px;
        left: 20px;
        text-decoration: none;
        background: #333;
    }

    div.page div#header div.logo a,
    div.page div#header div.logo a:focus,
    div.page div#header div.logo a:active,
    div.page div#header div.logo a:selected {
        outline: 0;

    }
    /*
        Top-Navigation (Nav/Breadcrumbs)
        @element div.page div#nav
    */
    div.page div#topnav {
        background: #666;
        height: 22px;
        position: relative;
    }

   
    /*
        Navigation
        @element div.page div#nav
    */
    div.page div#nav {
        background: #666;
        background-image: url(/images/portal/themes/it-republik/navigation/background.gif);
        position: relative;
    }

    div.page div#nav div.hlist {
        position: relative;
    }

    div.page div#nav div.hlist ul.navigation,
    div.page div#nav div.hlist ul.navigation >li {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    div.page div#nav div.hlist ul.navigation {
        padding: 5px 0 0 30px;
    }

    div.page div#nav div.hlist ul.navigation > li {
        display: inline;
        margin: 0 6px;
    }

    div.page div#nav div.hlist ul.navigation > li > a {
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
    }

    div.page div#nav div.hlist ul.navigation > li > a.home {
        position: absolute;
        height: 15px;
        width: 15px;
        left: 10px;
        top: 6px;
        background-image: url(/images/portal/themes/it-republik/navigation/home.png);
        font-size: 0px;
        color: transparent;
    }

    /*
        Content
        @element div.page div#col1 div#col1_content
    */
    div.page div#col1 div#col1_content {
        padding-bottom: 25px;
    }

    /*
        Breadcrumbs
        @element div.page div#col1_content div.breadcrumbs
    */
    div.page div#col1_content div.breadcrumbs {
        text-align: left;
        padding: 0 0 3px 5px;
        border-bottom: 2px solid #ccc;
        margin: -5px -15px 10px -15px;
    }

    div.page div#col1_content div.breadcrumbs ul,
    div.page div#col1_content div.breadcrumbs ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    div.page div#col1_content div.breadcrumbs ul {
    }

    div.page div#col1_content div.breadcrumbs ul li {
        display: inline;
        color: #333;
    }

    div.page div#col1_content div.breadcrumbs ul li a {
        color: #333;
        text-decoration: none;
        font-size: 11px;
    }

    div.page div#col1_content div.breadcrumbs ul li a:hover {
        color: #666;
        text-decoration: none;
        font-size: 11px;
    }

    /*
        Sidebar
        @element div.page div#col3 div#col3_content
    */
    div.page div#col3 div#col3_content {
        background: #F5F5F5;
        margin-top:3px;
    }

    /*
        Sidebar Box
        @element div.page div#col3 div#col3_content div.box
    */
    div.page div#col3 div#col3_content div.box {}

    div.page div#col3 div#col3_content div.box h3 {
        background-image: url(/images/portal/themes/it-republik/box/headline/background.png);
        background-repeat: repeat-x;
        font-size: 12px;
        height: 23px;
        overflow: hidden;
        color: #fff;
        padding: 0 0 0 12px;
        line-height: 24px;
    }

    div.page div#col3 div#col3_content div.box div.inner-content {
        margin: 10px;
    }

    /*
        Footer
        @element div#footer
    */
    div#footer p {
        margin: 5px 10px;
        color: #666;
    }

    div#footer ul,
    div#footer ul li {
        margin: 0;
        padding: 0;
    }
    
    div#footer ul {
        margin: 5px 0;
    }

    div#footer ul li {
        display: inline;
        margin: 0 7px;
    }

    div#footer ul li a {
        font-size: 12px;
        color: #666;
        text-decoration: none;
        border-bottom: 1px dotted #ccc;
    }

    div#footer ul li a:hover {
        color: #000;
    }

    div.sitemap {
        margin:20px 0 0 0;
        background:#f7f7f7;
        border:1px solid #efefef;
        padding:10px 0 0 10px;
    }

    div.sitemap h1 {
        margin:0 0 15px 0;
        color:#333333;
        font-size:24px;
        
    }

    div.sitemap ul li a {
        color:#333333;
        font-size:14px;
    }

    div.sitemap ul li a:hover {
        color:#818080;
        text-decoration:none;
    }
}