@charset "utf-8";
@import url('style-reset.css');
body {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	background:url(/images/top_green.jpg) repeat-x;
}

#container {
	margin:auto;
	width:85%;
        //min-height:70vh;
	font-size:.875em;
}
.grunn_logo {
    position: absolute;
    top: 3px;
    left: 10px;
    text-align: left;
}
/* Bottom right text */
.grunn_logo_text {
    position: absolute;
    color: #008000;
    bottom: 42px;
    left: 15px;
    font-size: 100%;
    font-style: italic;
}
#header {
	height:91px;
}
#logo {
	width:240px;
	height:105px;
}
#screen {
	height:410px;
	background:url(/images/screen.jpg) no-repeat;
	margin:10px 0;
	padding:30px 0 0;
}
.reset_float {
    clear: both;
    margin-bottom: 2px;
}
#left {
	float:left;
	width:30%;
        //background-color: red;
}
#right {
	float:right;
	width:30%;
}
#left_half {
        float:left;
        width:425px;
}
#right_half {
        float:right;
        width:425px;
}

#middle {
	margin-left:33%;
	margin-right:33%;
}
#left, #left_half, #right, #right_half, #middle {
	margin-bottom:10px;
}
#voet {
        clear:both;
        font-size:100%;
        font-family:Arial, Helvetica, sans-serif;
        padding: 110px;
        background:url(/images/top_green.jpg) repeat-x;
}
#footer {
	clear:both;
	width:900px;
	margin:auto;
	font-size:.8em;
	padding:30px;
	background:#373737 url(/images/dark_gradient.jpg) repeat-x;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-khtml-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
}
#page_wrap {
        position: relative;
	width:78%;
	margin:auto;
        //background-color: #90ee90;
}
#page_top {
	height:54px;
	background:url(/images/page_top.jpg) no-repeat;
}
#page {
	//background:url(/images/page_tile.jpg) repeat-y;
        //background-color: #90ee90;
        //min-height:70vh;
        position: absolute;
        padding:0 54px;
}
#page_bottom {
	height:54px;
	background:url(/images/page_bottom.jpg) no-repeat;
	margin-bottom:40px;
}
#contact_info {
	float:left;
	width:450px;
	margin-top:15px;
}
#contact_info ul {
	margin:20px;
}
#contact_info ul li {
	background:url(/images/arrow.gif) no-repeat center left;
	padding-left:15px;
	font-size:.9em;
	line-height:1.8em;
}
p {
	padding:15px 0;
	line-height:1.6em;
	font-size:.9em;
	color:#666;
}
p.frontpage_text {
	text-align:justify;
}
h2 {
	clear:both;
	padding:15px 0 0;
}
h3.frontpage_heading, h1.pagetitle {
	background:#373737 url(/images/dark_green.jpg) repeat-x;
	padding:30px 10px 5px;
	text-align:right;
	//font-size:1.8em;
        font-size:1.4em;
	font-weight:normal;
	letter-spacing:.25em;
	color:#fff;
	margin-bottom:15px;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
#footer a, #footer p {
	color:#666;
}
#footer_right h5 {
	font-size:.9em;
	font-weight:700;
	padding-top:20px;
	padding-right:25px;
	text-align:right;
	color:#999;
}
.float_left {
	float:left;
	margin-right:12px;
	padding:8px;
	background:#F7F7F7;
	border:1px solid #CCC;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}

#gallery {
	width:1000px;
	margin:auto;
	overflow:auto;
	padding-bottom:18px;
	position:static;
}
.float_left_thumb {
	float:left;
	height:150px;
	width:210px;
	margin:8px 10px 2px 8px;
	background:url(/images/gallery_thumb_landscape.png) no-repeat;
	padding-top:6px;
	text-align:center;
}
.center {
	margin:auto;
}
#no_gallery_found {
	width:798;
	padding:50px;
	margin:auto;
	background:red;
	border:10px solid white;
}
#g_navcontainer {
	clear:both;
	margin-bottom:40px;
	width:1072px;
	background:#373737 url(/images/dark_green.jpg) repeat-x;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
#g_navcontainer ul {
	color:White;
	width:100%;
	padding:24px;
}
#g_navcontainer ul li {
	display:block;
}
#g_navcontainer ul li a {
	padding:0.2em 1em;
	color:#CCC;
	text-decoration:none;
	letter-spacing:.14em;
}
#g_navcontainer ul li a:hover {
	background:#eaeaea;
	color:#000;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}

#h_navcontainer { position: relative; z-index: 1000; width:100%; height:60px; }
#h_navcontainer ul {  color:White; width:100%; list-style-type: none; }
#h_navcontainer ul ul { display:none; }
#h_navcontainer ul > li ul { position:absolute; background: #008080; bottom:100%; }
#h_navcontainer ul li:hover > ul { display:block; width:140px; }
#h_navcontainer ul li { float: right; }
#h_navcontainer ul li:hover { background: #008080; }
#h_navcontainer ul li:hover a { color: #000; }
#h_navcontainer ul li a {
		display: block;
                padding:0.2em 1em;
                color:#666;
                text-decoration:none;
                float:right;
                letter-spacing:.14em;
}
#h_navcontainer ul li a:hover { background:#eaeaea; color:#000: }

#footer h4 {
	font-weight:bold;
	margin-bottom:8px;
	padding:5px;
	background:#1D1D1D;
	color:#999;
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
#footer_left {
	float:left;
	width:540px;
	border:0 solid red;
}
#footer_left ul {
	float:left;
	margin-right:60px;
	width:120px;
}
#footer_left li {
	background:url(/images/seperator_footer.png) repeat-x bottom;
	padding:5px 0;
}
#footer_left ul li a {
	color:#999;
	text-decoration:none;
}
#footer_right {
	width:350px;
	float:right;
}
#footer_right ul li {
	display:inline;
	margin-right:15px;
}
#footer_right img {
	border:8px solid #eee;
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
#form_container {
	border:1px solid #CCC;
	width:290px;
	margin-top:30px;
	padding:20px 20px 20px;
	background:#fafafa;
	float:right;
	margin-left:20px;
	-moz-border-radius-topleft:8px;
	-khtml-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-khtml-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	-khtml-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-khtml-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
}
#slideshow {
	background-color:#202020;
	width:890px;
	height:283px;
	margin:5px 0 0 36px;
	float:left;
}
#slideshow-threed {
	width:920px;
	height:283px;
	margin:15px 0 0 0;
	float:left;
}
#box-nav-slider {
	width:935px;
	height:17px;
	float:left;
}
#slideshow-navigation a {
	background:url(/images/slide.png) no-repeat scroll 50% 50%;
	display:block;
	float:left;
	font-size:0;
	width:9px;
	height:9px;
	margin:10px 0 0;
	outline-style:none;
	outline-width:medium;
	padding:2px;
}
#slideshow-navigation {
	float:right;
	padding-right:10px;
}
#slideshow-navigation .activeSlide {
	background:url(/images/slide.png) no-repeat scroll 0% 50%;
}
.slidehalf {
	margin-top:0px;
	margin-right:20px;
	float:left;
}
.slidehalf2 {
	margin-top:0px;
	margin-right:0px;
	float:left;
}
.slide-text h1 {
	color:#FFF;
	padding:50px 20px 0 0;
}
.slide-text p {
	font-size:12px;
	color:#b5b5b5;
	line-height:22px;
	padding-right:20px;
	text-align:justify;
}
.flash-img {
	text-align:center;
	display:block;
	margin:100px auto 0 auto;
}
a.read_more {
	color:#ff4e00;
	font-size:12px;
	float:right;
	margin-right:20px;
}