/*
 * Defaults
 */
	body {
		background-color: rgb(255, 255, 255);
		font-family: Arial; sans-serif;
		color: rgb(70, 70, 70);
		font-size: 12px;
	}

	h1 {
		margin: 0;
	}

	p {
		margin: 0;
	}


	/* Orange text (span, div etc) */
	.orange {
		color: rgb(244, 143, 28);
	}



/*
 * Site 
 */
	div#site {
        text-align: left;
		margin: auto;
		width: 955px;
	}



/*
 *	Header
 */
	div#header {
		font-size: 9px;
		color: rgb(123, 146, 155);
		height: 60px;
		width: 955px;
	}


    /* header links */
    div#header a, div#header a:link, div#header a:visited, div#header a:active {
        text-decoration: none;
        color: rgb(123, 146, 155);
    }

    /* active header links */
    div#header a.active, div#header a.active:link, div#header a.active:visited, div#header a.active:active {
        text-decoration: none;
        color: rgb(244, 143, 28);
    }

	/* Homepage link */
	div#homepage {
		width: 60px;
		float: left;
	}


	/* Language selector */
	div#language {
		width: 120px;
		float: left;
	}

	/* Customer area, search page, sitemap etc. */
	div#siteoptions {
		float: left;
	}


	/* Geneart logo */
	div#logo {
		float: right;
	}

			

/*
 * Left area
 *
 * (Navigation formatation see below)
 */
    div#left {
        float: left;
        width: 180px;
    }

    /*
     * Left bottom area (pictures or text)
     */

        div#bottomleft {
            margin-top: 80px;
            position: fixed;
            bottom: 20px;
        }

        /* Images */
        div#bottomleft div#images {
            text-align: center;
            width: 136px;
        }

        div#bottomleft div#images div#iso9001 {
            margin-bottom: 15px;
        }


        /* Contact text */
        div#bottomleft div#quotesandordering {

        }


        /* Headline */
        div#bottomleft div#quotesandordering div.headline {
            color: rgb(255, 172, 109);
            font-weight: bold;
        }
    
        div#bottomleft div#quotesandordering div.headline a,
        div#bottomleft div#quotesandordering div.headline a:link,
        div#bottomleft div#quotesandordering div.headline a:visited,
        div#bottomleft div#quotesandordering div.headline a:active {
            text-decoration: none;
            color: rgb(255, 172, 109);
        }

        div#bottomleft div#quotesandordering div.headline a:hover {
            color: rgb(253, 120, 19);
        }


        /* Contact area */
        div#bottomleft div#quotesandordering div.contact {
            margin-top: 15px;
            color: rgb(77, 109, 167);
        }

        div#bottomleft div#quotesandordering div.contact a,
        div#bottomleft div#quotesandordering div.contact a:link,
        div#bottomleft div#quotesandordering div.contact a:visited,
        div#bottomleft div#quotesandordering div.contact a:active {
            text-decoration: none;
            color: rgb(77, 109, 167);
        }

        div#bottomleft div#quotesandordering div.contact a:hover {
            color: rgb(0, 45, 115);
        }


        /* E-Mail adress */
        div#bottomleft div#quotesandordering div.contact p.email a,
        div#bottomleft div#quotesandordering div.contact p.email a:link,
        div#bottomleft div#quotesandordering div.contact p.email a:visited,
        div#bottomleft div#quotesandordering div.contact p.email a:active {
            text-decoration: none;
            color: rgb(255, 172, 109);
        }

        div#bottomleft div#quotesandordering div.contact p.email a:hover {
            color: rgb(253, 120, 19);
        }


/* 
 * Navigation 
 */
	div#navigation {
	}


	/* First level navigation */
	div#navigation div.firstlevel {
		background-repeat: no-repeat;
		background-image: url('../img/navfirstlevel.jpg');
		margin-bottom: 5px;
		padding-top: 2px;
	  	padding-left: 10px;
		width: 145px;
		height: 19px;
		font-size: 11px;
		color: rgb(0, 45, 115);
	}	


    /* Link format */
    div#navigation div.firstlevel a, 
    div#navigation div.firstlevel a:link, 
    div#navigation div.firstlevel a:visited,
    div#navigation div.firstlevel a:active {
        text-decoration: none;
        color: rgb(0, 45, 115);
    }


	/* First level navigation (active) */
	div#navigation div.firstlevelactive {
		background-repeat: no-repeat;
		background-image: url('../img/navfirstlevelact.gif');
		margin-bottom: 5px;
		padding-top: 2px;
	  	padding-left: 10px;
		width: 145px; 
		height: 19px;
		font-size: 11px;
		color: rgb(255, 255, 255);
	}


    /* Link format */
    div#navigation div.firstlevelactive a, 
    div#navigation div.firstlevelactive a:link, 
    div#navigation div.firstlevelactive a:visited,
    div#navigation div.firstlevelactive a:active {
        text-decoration: none;
        color: rgb(255, 255, 255);        
    }
			

	/* Second level navigation */
	div#navigation div.secondlevel {
		margin-bottom: 7px;
		padding-left: 10px;
		font-size: 12px;
		color: rgb(0, 45, 115);
	}

    div#navigation div.secondlevel a,
    div#navigation div.secondlevel a:link,
    div#navigation div.secondlevel a:visited,
    div#navigation div.secondlevel a:active {
        text-decoration: none;
        color: rgb(0, 45, 115);
    }


	/* Second level navigation (active) */
	div#navigation div.secondlevelactive {
		margin-bottom: 7px;
		padding-left: 10px;
		font-size: 12px;
		color: rgb(244, 143, 28);
	}

    div#navigation div.secondlevelactive a,
    div#navigation div.secondlevelactive a:link,
    div#navigation div.secondlevelactive a:visited,
    div#navigation div.secondlevelactive a:active {
        text-decoration: none;
        color: rgb(244, 143, 28);
    }


    /* Third level navigation */
    div#subnavigation div.thirdlevel {
        vertical-align: middle;
        margin-left: 10px;
        font-size: 12px;
        color: rgb(0, 45, 115);
        font-weight: bold;
    }

    div#subnavigation div.thirdlevel a,
    div#subnavigation div.thirdlevel a:link,
    div#subnavigation div.thirdlevel a:visited,
    div#subnavigation div.thirdlevel a:active {
        text-decoration: none;
        color:rgb(0, 45, 115);
    }

    /* Third level navigation (active) */
    div#subnavigation div.thirdlevelactive {
        vertical-align: middle;
        margin-left: 10px;
        font-size: 12px;
        color: rgb(244, 143, 28);
        font-weight: bold;
    }

    div#subnavigation div.thirdlevelactive a,
    div#subnavigation div.thirdlevelactive a:link,
    div#subnavigation div.thirdlevelactive a:visited,
    div#subnavigation div.thirdlevelactive a:active {
        text-decoration: none;
        color: rgb(244, 143, 28);
    }


    /* Third level navigation image for active and inactive menu entry */
    div#subnavigation div.thirdlevel img, div#subnavigation div.thirdlevelactive img {
        padding-right: 5px;
    }

    
    /* Fourth level navigation */
    div#subnavigation div.fourthlevel {
        vertical-align: middle;
        margin-left: 30px;
        font-size: 12px;
        color: rgb(0, 45, 115);
        font-weight: bold;
    }

    div#subnavigation div.fourthlevel a,
    div#subnavigation div.fourthlevel a:link,
    div#subnavigation div.fourthlevel a:visited,
    div#subnavigation div.fourthlevel a:active {
        text-decoration: none;
        color:rgb(0, 45, 115);
    }

    /* Fourth level navigation (active) */
    div#subnavigation div.fourthlevelactive {
        vertical-align: middle;
        margin-left: 30px;
        font-size: 12px;
        color: rgb(244, 143, 28);
        font-weight: bold;
    }

    div#subnavigation div.fourthlevelactive a,
    div#subnavigation div.fourthlevelactive a:link,
    div#subnavigation div.fourthlevelactive a:visited,
    div#subnavigation div.fourthlevelactive a:active {
        text-decoration: none;
        color:rgb(244, 143, 28);
    }

    /* Fourth level navigation image for active and inactive menu entry */
    div#subnavigation div.fourthlevel img, div#subnavigation div.fourthlevelactive img {
        padding-right: 5px;
    }


/*
 * Content area (middle column)
 */
	div#center {
		float: left;
	}

	/* center image */
	div#centerimage {
		margin-bottom: 5px;
	}


	/* bread crumb navigation */
	div#breadcrumb {
		width: 449px;
		height: 30px;
		font-size: 9px;
		color: rgb(123, 146, 155);
	}

    /* bread crumb navigaiton standard links */
    div#breadcrumb a,
    div#breadcrumb a:link,
    div#breadcrumb a:visited,
    div#breadcrumb a:active {
        text-decoration: none;
        color: rgb(123, 146, 155);
    }

    /* last link in bread crumb navigation (i.e. current page) */
    div#breadcrumb span.active a,
    div#breadcrumb span.active a:link,
    div#breadcrumb span.active a:visited,
    div#breadcrumb span.active a:active {
        text-decoration: none;
        color: rgb(0, 45, 115);
    } 

	/* content area from cms*/
	div#content	{
		float:left;
		width: 750px; 
		font-size: 12px;
	}

	/* content area headline */
	div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
		margin-bottom: 5px;
		font-size: 18px;
		color: rgb(0, 45, 115);
		font-weight: bold;
	}

    div#content p {
        margin-bottom: 15px;
    }

    /* bottom page print- and pdf link */
    div#content div#printpdf {
        font-size: 12px;
        color: rgb(244, 143, 28);
        margin-top: 30px;
        margin-bottom: 15px;
    }

    /* printlink */
    div#content div#printpdf div#print {
        float: left;
        margin-right: 30px;
    }   

    /* print and pdf icons */
    div#content div#printpdf img {
        vertical-align: middle;
        margin-right: 5px;
    }

    div#content div#printpdf a,
    div#content div#printpdf a:link,
    div#content div#printpdf a:visited,
    div#content div#printpdf a:active {
        text-decoration: none;
        color: rgb(244, 143, 28);
    }


    div.sitemap a, div.sitemap a:link, div.sitemap a:visited, div.sitemap a:active {
        text-decoration: none;
        color: rgb(0, 45, 115);
    }

    div.sitemaplevel1 {
      font-size: 11px;
      margin-top: 20px;
      padding-top: 2px;
      height: 19px;
      background-image: url('../img/navfirstlevel.jpg');
      background-repeat: no-repeat;
      width: 145px;
      margin-bottom: 5px;
      padding-left: 10px;
    }

    div.sitemaplevel2 {
      margin-top: 10px;
      margin-left: 100px;
      margin-bottom: 4px;
    }


    div.sitemaplevel2 a, div.sitemaplevel2 a:link, div.sitemaplevel2 a:visited, div.sitemaplevel2 a:active {
      font-weight: bold;
      color: rgb(0, 45, 115);
    }

    div.level3cont {
      margin-bottom: 20px;
    }

    div.sitemaplevel3 {
      margin-left: 200px;
      margin-bottom: 3px;
    }

    div.sitemaplevel4 {
      margin-left: 300px;
      margin-bottom: 2px;
    }
    div.level4cont {
      margin-bottom: 10px;
    }

    div.csc-sitemap ul,
    div.csc-sitemap li {
      list-style: none;
    }