/*CSS handcoded by Robin Bodegom for Bodegom.com --------------------------------------------------------*\


/*Content vervolgpagina's*/
#content-vervolgpagina
{
	display: block;
	position: relative;
	width: 600px;
	min-height: 700px;
	margin: -250px auto 0px;
	z-index: 5;
}
#afbeelding-ro
{
	display: block;
	position: relative;
	width: 300px;
	height: 400px;
	margin: -425px 0px 0px 655px;
	z-index: 4;
	border: 1px solid #000000;
}
/*Algemeen*/
BODY
{
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Source Sans Pro", Helvetica, sans-serif;
	font-size: 1em;
}
IMG
{
	border: none;
	border: 0;
}
/*Basis Letterwerk*/
H1
{
	font-size: x-large;
}
H2
{
	font-size: large;
}
P
{
	font-size: medium;
}
/*Balk boven*/
#balk-boven
{
	position: absolute;
	width: 100%;
	height: 42px;
	margin: 127px 0;
	left: 0;
	background-image: url(balk-boven.jpg);
	background-repeat: repeat-x;
	background-color: #66CCCC;
}
/*Menu top*/
#menu-top
{
	position: absolute;
	margin: -375px auto 0px;
	z-index: 4;
}
#menu-top UL
{
	width: 100%;
	white-space: nowrap;
}
#menu-top UL LI
{
	display: inline;
}
#menu-top UL LI A
{
	padding-left: 2em;
	font-size: medium;
	text-decoration: none;
	color: #FAF9F9;
}
#menu-top UL LI A:hover
{
	color: #EADB36;
}
#hoofdcontainer
{
	position: inherit;
	width: 980px;
	min-height: 450px;
	margin: -7px auto 0px;
	padding: 500px 10px 40px;
	background-image: url(wit.png);
	background-repeat: repeat;
	background-color: #FFFFFF;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}
#logo-top
{
	float: right;
	margin: -480px 20px 0px 0px;
}
/*Dia show*/

#dia-show
{
position: relative;
display: block;
width: 660px;
height: 380px;
margin: -300px auto 75px auto;
background-color: #000000;
border:solid 5px #000000;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
}

#promo
{
    margin: 10px 10px 10px 10px;
}

/*ronde hoeken*/
.roundborder
{
    border:solid 5px #000000;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
}

/*Voorpagina harmonica inspired by ac-container from Heiko Stiegert*/
.ac-container
{
	width: 600px;
	height: 100%;
	margin: 30px auto 0px;
	background-color: inherit;
	text-align: left;
}
.ac-container ARTICLE P
{
	padding: 23px 20px 0px;
}
.ac-container LABEL
{
	display: block;
	position: relative;
	height: 25px;
	padding: 10px 0px 0px 10px;
	background: #FFFFFF url(Soef-Plus.jpg) no-repeat 560px 8px;
	cursor: pointer;
	color: #385D81;
	z-index: 20;
	font-size: larger;
}
.ac-container LABEL:hover
{
	background-color: #FFFFFF;
	color: #88C3DB;
}
.ac-container INPUT:checked + LABEL, .ac-container INPUT:checked + LABEL:hover
{
	margin-bottom: -15px;
	background: url(Soef-Min.jpg) no-repeat 560px 8px;
	background-color: #FFF;
	color: #385D81;
}
.ac-container LABEL:hover:after, .ac-container INPUT:checked + LABEL:hover:after
{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 77px;
}
.ac-container INPUT
{
	display: none;
}
.ac-container ARTICLE
{
	position: relative;
	height: 0px;
	margin: -15px 0px 0px;
	overflow: hidden;
	background-color: #FFFFFF;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}
.ac-container INPUT:checked ~ ARTICLE
{
	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	-ms-transition: height 0.5s ease-in-out;
}
.ac-container INPUT:checked ~ ARTICLE.ac-small
{
	height: 140px;
}
.ac-container INPUT:checked ~ ARTICLE.ac-medium
{
	height: 180px;
}
.ac-container INPUT:checked ~ ARTICLE.ac-large
{
	height: 230px;
}
/*Balk onder*/
#balk-onder
{
	display: block;
	position: absolute;
	width: 100%;
	height: 150px;
	margin: -10px 20px 0px -10px;
	background-image: url(balk-onder-gradient-blauw.png);
	background-repeat: repeat-x;
	background-color: #369;
	border-bottom: 50px solid #CCCCCC;
	z-index: 3;
}


/*Balk onder vervolg pagina's*/
#balk-onder2
{
	display: block;
	position: absolute;
	width: 100%;
	height: 150px;
	margin: -130px 20px 0px -10px;
	background-image: url(balk-onder-gradient-blauw.png);
	background-repeat: repeat-x;
	background-color: #369;
	border-bottom: 50px solid #CCCCCC;
	z-index: 3;
}




/*Footer met menu en logo 2*/
FOOTER
{
	position: relative;
	width: 980px;
	height: auto;
	margin: 75px auto 0px;
	padding: 1px 15px;
	z-index: 5;
}
#logo-bottom
{
	float: left;
	width: 200px;
	margin-left: 50px;
	margin-top: -80px;
	padding: 10px;
}
#menu-bottom-left
{
	width: 150px;
	margin-top: -80px;
	padding: 10px;
	float: left;
	text-align: justify;
	list-style: none;
	z-index: 6;
}
#menu-bottom-center
{
	width: 150px;
	margin-top: -80px;
	padding: 10px;
	float: left;
}
#menu-bottom-right
{
	width: 150px;
	margin-top: -80px;
	padding: 10px;
	float: left;
}
#menu-bottom-left UL, #menu-bottom-center UL, #menu-bottom-right UL
{
	margin: 25px 0 0 75px;
	padding: 0;
	list-style: none;
}
#menu-bottom-left UL LI A, #menu-bottom-center UL LI A, #menu-bottom-right UL LI A
{
	text-decoration: none;
	color: #FFFFFF;
}
#menu-bottom-left UL LI A:hover, #menu-bottom-center UL LI A:hover, #menu-bottom-right UL LI A:hover
{
	text-decoration: none;
	color: #EADB36;
}