@import url('reset.css');
@import url('widgets.css');
@media screen, print
{
    /* STANDARD STUFF */
    html,
    body
    {
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1.3;
    }
    body
    {
        background-color: #404040;
        width:100%;
        background-image: url('/media/images/page-background.gif');
        background-repeat: repeat-y;
        background-position: center;
    }
    #container
    {
        width:100%;
        height:100%;
    }
    #wrapper
    {
        margin:0 auto;
        text-align:center;
        width:1000px;
        height: 100%;
    }
    
    ul
    {
        list-style-type: disc;
        list-style-position: outside;
        padding-left: 40px;
    }
    ul.lesspadding
    {
        padding-left: 10px;
    }
    ul.level2
    {
        list-style-type: circle;
        padding-left: 20px;
    }
    ul li
    {
        padding-top:4px;
        padding-bottom:4px;
    }
    h1
    {
        font-family: Verdana,Arial,sans-serif;
        font-size: 18px;
        font-weight: bold;
        line-height: 2;
        margin-top: 10px;
    }
    h2
    {
        font-family: Verdana,Arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.7;
        margin-top: 8px;
    }
    h3
    {
        font-family: Verdana,Arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.5;
    }
    a, a:visited
    {
        text-decoration: none;
        color: #2e8fd6;
    }
    a:hover
    {
        color: #ffffff;
        background-color: #2e8fd6;
    }
    a.nohover:hover
    {
        color: #2e8fd6;
        background-color: transparent;
    }
    table
    {
        margin-top: 10px;
        border-collapse: collapse;
		border:2px solid white;
		background-color: #ddd;
    }

    th
	{
		font-weight:bold;
		color:#666;
		padding:2px 5px;
		border:1px solid white;
	}

	td
	{
	    padding: 8px 5px 8px 10px;
		border:0px;
		font-size: 11px;
        vertical-align: middle;
		border:1px solid white;
	}
	td.top
	{
        vertical-align: top;
	}
	table.fixed-width
	{
	    width: 400px;
	}
	table.fixed-width td
	{
	    width: 200px;
	}

	img
	{
	    vertical-align:middle;
	}

    p
    {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    input
    {
        font-size: 11px;
        border: 1px solid #ddd;
    }
    input.login-input
    {
        width: 105px;
    }
    input.button
    {
        padding: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #2e8fd6;        
        border: 1px solid #2e8fd6;
    }

    select
    {
        border: 1px solid #ddd;
    }

    textarea
    {
        font-family: Verdana,Arial,sans-serif;
        font-size: 11px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        height: 100px;
        border: 1px solid #ddd;
    }
    pre
    {
        font-family: "lucida console", Courier, serif; 
    }

    /* Display option classes */
    strong
    {
        font-weight: bold;
    }
	.center
	{
	    text-align: center;
	}
	.bold
	{
	    font-weight: bold;
	}
	.italic
	{
	    font-style: italic;
	}
	.sigc
	{
        font-size: 8px;
        font-style: italic;
        color: #666;
        text-align: center;
	}
	.indented
	{
	    padding-left: 50px;
	    font-size: 10px;
	}
	.float-left
	{
	    float: left;
	}
	.float-right
	{
	    float: right;
	}
	.nomargin
	{
	    margin: 0;
	}
	.nopadding
	{
	    padding: 0;
	}
	.white
	{
	    background-color: white;
	}
	.green
	{
	    background-color: #62C530;
	}
	.yellow
	{
	    background-color: #feb700;
	}
	.blue
	{
	    background-color: #2e8fd6;
	}
	.green-text
	{
	    color: #62C530;
	}
	.yellow-text
	{
	    color: #feb700;
	}
	.blue-text
	{
	    color: #2e8fd6;
	}
	.green-border-top
	{
	    border-top: 3px solid #62C530;
	}
	.yellow-border-top
	{
	    border-top: 3px solid #feb700;
	}
	.blue-border-top
	{
	    border-top: 3px solid #2e8fd6;
	}
	.divider
	{
	    font-size: 3px;
	}
	.small-divider
	{
	    background-color: #cccccc;
	    font-size: 1px;
	}
    ul.errorlist
    {
        list-style-type:none;
        padding:0;
    }	
	ul.errorlist li
	{
	    font-size: 10px;
	    list-style-type: none;
	    color: red;
	    margin: 2px;
	    padding-left: 5px;
	}
	.error-top
	{
        background-image: url('/media/images/stop.png');
        background-repeat: no-repeat;
	    background-color: #ffddaa;
	    border: 1px solid red;
	    color: red;
	    margin: 3px;
	    padding: 5px 5px 5px 40px;
	    height: 25px;
	}
	.success-top
	{
        background-image: url('/media/images/go.png');
        background-repeat: no-repeat;
	    background-color: #aaffdd;
	    border: 1px solid green;
	    color: green;
	    margin: 3px;
	    padding: 5px 5px 5px 40px;
	    height: 25px;
	}
	.tableArrow
	{
        background-image: url('/media/images/arrow-blue.gif');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 16px;
	}
	.listArrow
	{
        background-image: url('/media/images/arrow-blue.gif');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 16px;
        list-style-type: none;
	}
	.listArrowSelected
	{
        background-image: url('/media/images/arrow-yellow.gif');
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 16px;
        background-color: white;
        list-style-type: none;
	}
    .listArrowSelected a
    {
        color: #666666 !important;
    }    
    .listArrowSelected a:hover
    {
        color: white;
    }    
    .centered
    {
        text-align: center;
    }    
    .centered-table
    {
        margin-left: auto;
        margin-right: auto;
    }    
    
    /* PAGE LAYOUT */
    div#base-header
    {
        margin: 0;
        text-align: left;
        background-image: url('/media/images/header.gif');
        background-repeat: no-repeat;
        height: 154px;
        width: 1000px;
    }
    div#base-header-home
    {
        margin: 0;
        text-align: left;
        background-image: url('/media/images/header-home.png');
        background-repeat: no-repeat;
        height: 154px;
        width: 1000px;
    }
    a#company-logo
    {
        float: left;
        margin-top: 10px;
        margin-left: 10px;
    }
    a#company-logo:hover
    {
        background-color:transparent;
    }
    div#menu-bar
    {
        z-index: 999;
        color: #cccccc;
        font-family: "Arial Narrow",Arial,sans-serif;
        font-size: 11px;
        font-weight:bold;
        padding-top: 58px;
        padding-left: 280px;
    }
    div#menu-bar a
    {
        font-family: "Arial Narrow",Arial,sans-serif;
        font-size: 11px;
        font-weight:bold;
        color: #cccccc;
        padding-left: 6px;
        padding-right: 6px;
    }
    div#menu-bar a.submenu
    {
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    div#menu-bar a:hover
    {
        color: #666666;
        background-color: #cccccc;
    }
    div.menuitem
    {
       float: left; 
    }
    div.menu
    {
        display: none;
        background-color: #444;
        position:absolute;
    }
    div.menu a
    {
        line-height: 1.5;
        display: block;
    }
    
    div#base-left
    {
        float:left;
        width: 135px;
        padding: 15px 0 0 5px;
        text-align: left;
    }
    div#base-left h1
    {
        margin-top: 0;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 10px;
        font-size: 14px;
        color: #feb700;
        border: 0;
        line-height: 1.2;
    }    
    div#base-left h2
    {
        border-top: 1px solid #bbb;
        padding: 5px;
        font-size: 12px;
    }    
    div#toc
    {
        border-bottom: 1px dotted #bbb;
    }    
    div#toc div
    {
        margin-left: 0px;
        padding-right: 5px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 10px;
        line-height: 1.5;
        border-top: 1px dotted #bbb;
    }    
    div#toc div a,
    div#toc h2 a
    {
        color: #cccccc;
        display:block;
        padding-left: 5px;
    }
    div#toc div a:hover,
    div#toc h2 a:hover
    {
        background-color: #cccccc;
        color:#666666;
    }
    div#left-static
    {
        margin-left: 16px;
        margin-right: 16px;
        margin-top: 32px;
        margin-bottom: 6px;
        padding: 3px 0 10px 0;
        background-color: white;
        border: 2px solid #feb700;
        text-align: center;
    }
    div#left-static img
    {
        margin-top: 10px;
    }
    div#left-static ul
    {
        background-color: white;
        border: 0;
    } 
    
    /* Breadcrumbs */
    div#breadcrumbs
    {
        font-size: 9px;
        padding-left: 60px;
    }
    div#breadcrumbs a
    {
     color: #666;
    }
    div#breadcrumbs a:hover
    {
     color: #fff;
    }
    
    /* Right hand panel */
    div#base-right
    {
        z-index: 100;
        float:right;
        width: 131px;
        padding: 5px;
        margin-top: -80px;
        text-align: left;
    }
    div#base-right h1
    {
        font-size: 12px;
        font-weight: bold;
        color: #feb700;
    }
    div#contact-flags
    {
        padding: 2px;
    }
    div#base-right h2
    {
        line-height: 1.0;
        font-size: 10px;
        font-weight: bold;
        color: white;
        background-color: #999999;
        padding: 2px 2px 2px 10px;
        margin: 5px 0 5px 0;
    }
    div#base-right hr
    {
        color: #aaaaaa;
    }
    div#right-static
    {
        margin-left: 3px;
        margin-top: 10px;
        margin-bottom: 0px;
        padding-top: 10px;
    }
    div#right-static a
    {
        margin-top: 10px;
        display: block;
    }
    div#right-static a:hover
    {
        background-color: transparent;
    }
    div#right-static img
    {
        margin-top: 10px;
    }
    
    div#user-login
    {
        padding-left: 10px;
        font-size: 10px;
        font-weight: bold;
        color: white;
    }
    div#user-login a
    {
        display: block;
        line-height: 1.5;
        font-size: 10px;
        font-weight: bold;
        color: white;
        background-color: #999999;
        background-image: url('/media/images/arrow-blue.gif');
        background-repeat: no-repeat;
        padding: 2px 2px 2px 20px;
        margin: 5px 0 5px 0;
    }
    div#user-login a:hover
    {
        color: #feb700;
    }
    
    div#vacancies a
    {
        display: block;
        font-weight: bold;
        font-size: 10px;
        color: #cccccc;
        text-align: center;
        padding: 5px;
        padding: 5px;
    }   
    div#vacancies a:hover
    {
        color: #666666;
        background-color: #cccccc;
    }
    
    div#iso9001
    {
        font-weight: bold;
        font-size: 10px;
        color: #ffffff;
        text-align: center;
        padding: 0px;
    }   
    
    
    /* Main content panel */
    div#base-main
    {
        margin: -80px auto;
        padding: 5px 5px 80px 5px;
        width: 700px;
        background-color: transparent;
        text-align: left;
    }
    /* NEWS */
    
    /* rendering for left panel */
    div.newsheader
    {
        font-weight: bold;
        font-size: 10px;
        color: #feb700;
        text-align: center;
        padding: 5px;
        padding: 5px;
    }   
    div.newsheader h3
    {
        color: #cccccc;
    }   
    div.newsheader a
    {
        color: #cccccc;
        display:block;
    }   
    div.newsheader a:hover
    {
        background-color: #cccccc;
        color:#666666;
    }   
    
    /* rendering for yearly overview and news items*/
    .news-short
    {
        border-top: 1px solid #aaa;
        margin: 10px;
    }
    .news-date
    {
        margin-top: 5px;
        font-size: 10px;
        color: #888;
    }
    a.news-title
    {
        font-weight: bold;
        color: #2e8fd6;
    }   
    a.news-title:hover
    {
        color: #feb700;
    }
    .news-teaser
    {
        font-size:11px;
    }
    a.news-readmore
    {
        color: #2e8fd6;
    }   
    a.news-readmore:hover
    {
        color: #feb700;
    }
    a.next-news
    {
        margin-top: 16px;
        margin-bottom: 8px;
        color: #2e8fd6;
    }   
    a.previous-news
    {
        margin-top: 16px;
        margin-bottom: 8px;
        color: #2e8fd6;
    }   
    a.next-news:hover,
    a.previous-news:hover,
    a.news-readmore:hover
    {
        color: #feb700;
    }
    .news-source
    {
        margin-top: 10px;
        font-size: 10px;
        color: #888;
    }
    
    /* KB stuff */
    a.kb-back
    {
        position: absolute;
        top: 10px;
        left: 0px;
        margin-top: 16px;
        margin-bottom: 8px;
        color: #2e8fd6;
    }   
    div.kb-question
    {
        margin-top: 30px;
        background-color: #99ccff;
        padding: 10px;
        max-width: 800px;
        min-width: 500px;
    }
    div.kb-answer
    {
        margin-top: 20px;
        background-color: #ffddbb;
        padding: 10px;
        max-width: 800px;
        min-width: 500px;
    }
        
    
    
    /* Admin */
    div#editpage
    {
        position: absolute;
        margin: 2px auto;
        padding: 5px;
        border: 2px solid #2e8fd6;
	    background-color: #feb700;
	}
    div#editkb
    {
        position: absolute;
        top: 2px;
        right: 200px;
        padding: 5px;
        border: 2px solid #2e8fd6;
	    background-color: #feb700;
	}
    div#managekb
    {
        position: absolute;
        top: 2px;
        right: 2px;
        padding: 5px;
        border: 2px solid #2e8fd6;
	    background-color: #feb700;
	}
	
	div.errorpage
	{
	    text-align: center;
	    margin: 100px auto;
	}
	
    
}