/***************************************************************

	Copyright © 2010 by Landstra & de Groot webdesign
    
    Landstra & de Groot webdesign
    Wijkstaat 69
    9901 AH Appingedam
    info@landstradegroot.nl
    http://landstradegroot.nl/
    
    Webdevelopment by Landstra & de Groot webdesign
    HTML/CSS & Webdesign by Rudolf Bos (http://rudolfbos.nl/)

***************************************************************/

/* Standard Tags */

* { margin: 0; }
html { background: #031629; }
body {
	border-top: 4px solid #114070;
	background: url(../img/bg/body.jpg) repeat-x #114070;
	font: 12px Arial, Helvetica, sans-serif;
	color: #a9c6e3;
	}
	h1, h2, h3, h4, h5 { color: #fff; font-weight: normal; line-height: normal; }
	h1 { font-size: 31px; margin: 0 0 20px; }
	h2 { font-size: 24px; margin: 0 0 10px; }
	h3 { font-size: 18px; margin: 0 0 5px; }
	h4 { width: 280px; height: 60px; background: url(../img/bg/h4-headers.png); text-indent: -9999px; }
	h5 { margin: 0 0 15px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	a { color: #fc0; text-decoration: none; overflow: hidden; }
	a:hover { color: #fff; text-decoration: underline; }
	a img { border: 0; }
	address { margin: 0 0 24px; font-style: normal; }
	iframe { width: 644px; height: 400px; padding: 0; margin: 0 0 30px; border: 3px solid #06223f; overflow: hidden; }
	input, textarea { padding: 0; border: 0; font: 12px Arial, Helvetica, sans-serif; color: #06223f; }

/* Elements */

#slide {
	width: 100%;
    float: right;
    position: relative;
    z-index: 2;
    }
    #slide a.trigger { width: 215px; height: 26px; padding: 3px 15px 0 50px; display: block; background: url(../img/bg/trigger.png); color: #a9c6e3; outline: 0; position: absolute; bottom: -29px; right: 22px; visibility: visible; cursor: pointer; }
    #slide a:hover.trigger { color: #fff; }
    #slide a.active { background-position: bottom; }
    
    #network {
    	width: 100%;
	    background: #114070;
     	position: absolute;
    	}        
        
        #inside {
            width: 960px;
            padding: 20px 0;
            margin: 0 auto;
            overflow: hidden;
            }
            #inside ul { padding: 0; list-style: none; }
            #inside li { float: left; }
            #inside li a { padding: 10px 10px 10px 20px; margin: 0 10px; background: url(../img/icons/bullet-up.gif) no-repeat 0 10px; color: #a9c6e3; float: left; }
            #inside li a:hover, #inside .active a { background: url(../img/icons/bullet-over.gif) no-repeat 0 10px; color: #fff; }

#wrapper {
 	width: 100%;
  	background: url(../img/bg/industry.jpg) no-repeat bottom;
  	overflow: hidden;
	}

#container {
    width: 960px;
    margin: 0 auto;
	}

#header {
	width: 960px;
	height: 250px;
	background: url(../img/bg/header.png)
	}
    #header a { width: 236px; height: 100px; margin: 84px 23px 0 0; text-indent: -9999px; float: right; }

#content {
	width: 960px;
	padding: 0 0 10px;
	line-height: 24px;
	overflow: hidden;
	}
    #content p { padding: 0 0 24px; }
    #content a.btn { width: 74px; height: 30px; padding: 3px 0 0 37px; display: block; background: url(../img/bg/buttons.png); color: #fff; font-size: 11px; float: right; cursor: pointer; }
    #content a:hover.btn { color: #bed7f0; text-decoration: underline; }
    #content a.rood { margin: 0 15px 0 0; background-position: 0 -33px; color: #841800; float: left; }
    #content a:hover.rood { background: url(../img/bg/buttons.png) 0 -33px; color: #b20; }
    #content a.groen { background-position: 0 -66px; color: #214000; float: left; }
    #content a:hover.groen { background: url(../img/bg/buttons.png) 0 -66px; color: #356600; }

#left {
 	width: 650px;
  	padding: 0 30px 0 0;
	float: left;
	text-align: justify;
	}
    #left ul { padding: 0 0 24px 15px; list-style: inside disc; }
    #left img, #left a img { border: 3px solid #06223f; }
    #left a:hover img { border: 3px solid #021120; }
    
    #left .item {
     	width: 650px;
      	margin: 0 0 20px;
      	border-bottom: 1px solid #235686;
		overflow: hidden;
        }
        #left .item .img { width: 226px; float: left; }
        #left .item .text { width: 424px; float: left; }
        #left .item .text span { color: #fff; font-size: 11px; }
        #left .item .text a.nie { background-position: 0 -99px; float: none; }

		#left .prijs { padding: 0 0 15px; color: #fc0; font-size: 17px; font-weight: bold; }
        #left .prijs sup { color: #a9c6e3; font-size: 12px; }

        #left .product, #left .person {
            width: 188px;
            height: 282px;
            padding: 0 0 0 15px;
            margin: 0 13px 17px 0;
            background: url(../img/bg/product.png);
            float: left;
            }
            #left .product a img { margin: 0 0 15px -15px; border: 0; }
            #left .product h4 { width: auto; height: auto; margin: 0 0 10px; background: none; font-size: 12px; font-weight: bold; text-indent: 0; }
            #left .product h4 a { color: #fff; }
            #left .product h4 a:hover { color: #a9c6e3; }
            #left .product a.prod { background-position: 0 -132px; float: left; }
            
            #left .person img { margin: 0 0 15px -15px; border: 0; }
            #left .person h4 { width: auto; height: auto; margin: 0 0 10px; background: none; font-size: 12px; font-weight: bold; text-indent: 0; }
            #left .person .type { width: 50px; font-size: 11px; line-height: 19px; float: left; }
            #left .person .value { width: 188px; line-height: 19px; float: right; }
    	
        #left .form {
         	width: 588px;
          	padding: 0 31px;
          	margin: 0 0 30px;
			background: url(../img/bg/form.gif);
	        overflow: hidden;
            }
            #left .form .top, #left .form .bottom { width: 650px; height: 10px; margin: 0 -31px; background: url(../img/bg/form-corners.gif); overflow: hidden; clear: both; }
            #left .form .top { margin: 0 -31px 20px; }
            #left .form .bottom { background-position: 0 -10px; }
            #left .form label { width: 590px; margin: 0 0 5px; display: block; cursor: pointer; }
            #left .form .field { width: 208px; height: 17px; padding: 6px; margin: 0 0 15px; background: url(../img/bg/form-input.gif); }
            #left .form textarea { width: 576px; height: 197px; padding: 6px; margin: 0 0 10px; background: url(../img/bg/form-textarea.gif); }
            #left .form .form-btn { width: 111px; height: 33px; padding: 0 0 5px 0; background: url(../img/bg/buttons.png) 0 -99px; margin: 0 0 20px; color: #fff; cursor: pointer; }
            #left .form .field:focus, #left .form textarea:focus { background-position: bottom; outline: 0; }
            #left .form .form-btn:hover { color: #a9c6e3; text-decoration: underline; }
    
    #mainmenu {
     	height: 90px;
    	padding: 0 !important;
	    list-style: none !important;
    	}
        #mainmenu li { float: left; }
        #mainmenu li a { height: 63px; background: url(../img/bg/mainmenu.jpg); display: block; text-indent: -9999px; float: left; }
        #mainmenu .hom a { width: 96px; }
        #mainmenu .hom a:hover { background-position: 0 -63px; }
        #mainmenu .nie a { width: 91px; background-position: -96px 0; }
        #mainmenu .nie a:hover { background-position: -96px -63px; }
        #mainmenu .web a { width: 106px; background-position: -187px 0; }
        #mainmenu .web a:hover { background-position: -187px -63px; }
        #mainmenu .bed a { width: 110px; background-position: -293px 0; }
        #mainmenu .bed a:hover { background-position: -293px -63px; }
        #mainmenu .med a { width: 133px; background-position: -403px 0; }
        #mainmenu .med a:hover { background-position: -403px -63px; }
        #mainmenu .con a { width: 114px; background-position: -536px 0; }
        #mainmenu .con a:hover { background-position: -536px -63px; }

#right {
	width: 280px;
	float: left;
	}
    #right .winkelmand {
     	width: 237px;
      	padding: 0 23px 0 20px;
        margin: 0 0 30px;
        overflow: hidden;
        }
        #right .winkelmand h4 { height: 63px; margin: 0 -20px 10px; }
        #right .winkelmand table { width: 237px; margin: 0 0 15px; font-size: 11px; }
        #right .winkelmand table td { padding: 2px 0; }
        #right .winkelmand table strong { color: #fff; }
        #right .winkelmand table .first { width: 160px; }
        #right .winkelmand table .second { width: 30px; }
        #right .winkelmand table .third { width: 47px; }
        #right .winkelmand table .border td { border-bottom: 1px solid #205382; }
    
    #right .aanbieding {
     	width: 280px;
        margin: 0 0 30px;
        }
        #right .aanbieding h4 { background-position: 0 -63px; }
        #right .aanbieding p { overflow: hidden; }
        #right .aanbieding p a { width: 237px; display: block; background: #841800; color: #fff; cursor: pointer; }
        #right .aanbieding p a:hover { background: #6d1400; text-decoration: none; }
        #right .aanbieding p a img { margin: 0; border: 3px solid #841800; }
        #right .aanbieding p a:hover img { border: 3px solid #6d1400; }
        #right .aanbieding p a span { width: 232px; padding: 0 0 3px 5px; display: block; }
        #right .aanbieding .content { padding: 20px 23px 20px 20px; background: url(../img/bg/right-aanbieding.png); }
    
    #right .contact {
     	width: 280px;
        margin: 0 0 30px;
        color: #06223f;
        }
        #right .contact a { color: #06223f; text-decoration: underline; }
        #right .contact a:hover { color: #2a5888; }
        #right .contact h4 { background-position: 0 -124px; }
        #right .contact .bottom { background-position: 0 -8px; }
        #right .contact .content { background: url(../img/bg/right-contact.png); }
    
    #right .nieuws {
     	width: 280px;
        margin: 0 0 30px;
        color: #fff;
        }
        #right .nieuws a { color: #fff; text-decoration: underline; }
        #right .nieuws a:hover { color: #c881ea; text-decoration: underline; }
        #right .nieuws h4 { background-position: 0 -185px; }
        #right .nieuws ul { padding: 0 0 24px; list-style: none; }
        #right .nieuws li a { text-decoration: none; }
        #right .nieuws li a span { color: #c881ea; font-size: 11px; }
        #right .nieuws .bottom { background-position: 0 -16px; }
        #right .nieuws .content { background: url(../img/bg/right-nieuws.png); }
     
     #right .links {
      	width: 280px;
	    margin: 0 0 30px;
	    color: #352700;
     	}
        #right .links h4 { background-position: 0 -246px; }
        #right .links a { color: #352700; }
        #right .links ul { padding: 0 0 24px; list-style: none; }
        #right .links li a { padding: 0 0 0 20px; background: url(../img/icons/bullet-links-up.gif) no-repeat 0 4px; }
        #right .links li a:hover { background: url(../img/icons/bullet-links-over.gif) no-repeat 0 4px; color: #715300; }
        #right .links .bottom { background-position: 0 -24px; }
        #right .links .content { background: url(../img/bg/right-links.png); overflow: hidden; }
     
     #right div .bottom { width: 280px; height: 8px; background: url(../img/bg/right-bottom.png); overflow: hidden; clear: both; }
     #right div .content { width: 237px; padding: 20px 23px 0 20px; overflow: hidden; }

#footer {
	width: 100%;
	}
    #footertop {
    	width: 100%;
     	background: #06223f;
      	padding: 30px 0;
     	overflow: hidden;
        }
        #footertop div { width: 960px; margin: 0 auto; }
        #footertop ul { padding: 0; list-style: none; }
        #footertop li { margin: 0 45px; display: inline; float: left; }
        #footertop li a { height: 82px; display: block; background: url(../img/bg/network.gif); float: left; text-indent: -9999px; }
        #footertop .sis a { width: 112px; }
        #footertop .sis a:hover { background-position: 0 -93px; }
        #footertop .lap a { width: 139px; background-position: -112px 0; }
        #footertop .lap a:hover { background-position: -112px -82px; }
        #footertop .zei a { width: 82px; background-position: -251px 0; }
        #footertop .zei a:hover { background-position: -251px -82px; }
        #footertop .roz a { width: 186px; background-position: -333px 0; }
        #footertop .roz a:hover { background-position: -333px -82px; }
        #footertop .web a { width: 186px; background-position: -519px 0; }
        #footertop .web a:hover { background-position: -519px -82px; }

    #footerbottom {
     	width: 100%;
    	padding: 15px 0;
		background: #031629;
  		clear: both;
	    overflow: hidden;
    	}
        #footerbottom div { width: 960px; margin: 0 auto; font-size: 11px; }
        #footerbottom a { color: #6992ba; }
        #footerbottom a:hover { color: #fff; }
        #footerbottom .right { float: right; }

/* Classes */

.imgleft { margin: 0 20px 0 0; float: left; }
.imgright { margin: 0 0 0 20px; float: right; }

/* SIFR */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash h1 { visibility: hidden; font-size: 36px; line-height: 36px; height: 36px; }
.sIFR-hasFlash h2 { visibility: hidden; font-size: 28px; line-height: 28px; height: 28px; }
.sIFR-hasFlash h3 { visibility: hidden; font-size: 22px; line-height: 22px; height: 22px; }