@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}

#infoPage *,
#contactPage *,
#loginPage * {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

.clear {
	clear: both;
}
.relative {
	position: relative;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.block-center {
	margin: 0 auto;
	padding: 20px;
}

TD {
	color:#ccc;
}

A{
text-decoration:none;color:#FFFFEB;
}

A:hover{
text-decoration:underline;color:#FFFFEB;
}

/* HOMEPAGE */

.homepage-wrapper {
	width: 950px;
}

#homepageBox {
	display: block;
	position: relative;
	margin-bottom: 0px;
	overflow: hidden;
	width: 950px;
	height: 629px;
	background: url('img/homepage-color.jpg');
}

#homepageBox img {
	border: 0px;
}

/* EINDE HOMEPAGE */


/* SITE */


#screenInner {
	color: #999;
	padding: 20px 0px;
}

.box-shadow {
/* 	-moz-box-shadow: 5px 10px 10px #111;
	-webkit-box-shadow: 5px 10px 10px #111;
	box-shadow: 5px 10px 10px #111;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=160, Color='#111111')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=160, Color='#111111'); */
	-moz-box-shadow: 5px 5px 16px #111;
	-webkit-box-shadow: 5px 5px 16px #111;
	box-shadow: 5px 5px 16px #111;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=135, Color='#111111')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=16, Direction=135, Color='#111111');
}

.content-wrapper {
	width: 750px;
}

.content-wrapper-home {
	width: 705px;
}

.content-box {
	width: 550px;
	min-height: 600px;
	background-color: #333;
	border-right:1px solid white;
}

.content-box-home {
	width: 650px;
	height: 650px;
}

.navigation {
	width: 50px;
	height: 650px;
	position: absolute;
	top: 0px;
	left: 551px;
}

.navigation-home {
	left: 651px;
}



table#thumbTable {
	width: 650px;
	border: 0px;
}

a.thumbs{
text-decoration:none;color:#ffffff;
font-family:arial;
font-size:13px;
}

a.thumbs:hover{
text-decoration:none;color:#ffffff;
}


TD.tit{
border:0px;
}

TD.content{
background:url(img/content.gif) repeat-x top #5ea321;
border:0px;
border-bottom:1px solid #222222;
}

DIV.prev{
margin-left:30px;
height:200px;
width:500px;
background-color:#222222;
text-align:left;
margin:0px;
position:relative;

}

.matthias{
border-color: gray;
border-width: 1px;
border-style: solid;
float:left;
margin:30px;
width:150px;
height:220px;
vertical-align:middle;
text-align:center;
background-color:#222222;
}

.hand{
cursor:pointer;
}


/* special pages */

#infoPage .alineas {

}
#infoPage p {
	margin: 20px 65px;
	line-height: 22px;
	text-align:justify;
}
#infoPage .lead,
#infoPage .foot {
	color: #fff;
	font-size: 28px;
}
#infoPage .lead {
	margin-top: 70px;
	margin-bottom: 40px;
}
#infoPage .foot {
	text-align: right;
	margin-top: 40px;
	margin-bottom: 90px;
}
#infoPage strong {
	font-weight: normal;
}
#infoPage a {
	color: #0099FF;
	text-decoration: underline;
}
#infoPage a:hover {
	color: #66ccFF;
}
#infoPage a:active {
	color: #ffffFF;
}

#contactPage .title {
	font-size: 28px;
	margin-bottom: 10px;
	color: white;
}
#contactPage .subtitle {
	font-size: 23px;
	margin-bottom: 10px;
	font-weight: normal;
}
#contactPage .contact-details {
	margin: 50px 0px 0px 50px;
	line-height: 22px;
}
#contactPage .adres {
	float: left;
}
#contactPage .adres.first {
	margin-right: 30px;
}
#contactPage .social {
	float: right;
	margin-right: 50px;
	position: relative;
	top: -30px;
}
#contactPage .store-photo {
	background-image: url('img/contact-store.jpg');
	margin: 40px 0px 0px 50px;
	width: 450px;
	height: 324px;
}

#loginPage .right {
	margin-top: 4px;
}

/* end special pages */



INPUT,TEXTAREA,SELECT {
color:#FFFFFF;
border:1px;
border-style:solid;
background-color: #4f4f4f;
border-color:#333333;
}

TD.a {background-color:#000000;}
TD.b {background-color:#666666;}
TD.c {background-color:#FFFFFF;}
TD.d {background-color:#999999;}
TD.e {background-color:#333333;}


td.digital_step1{
	background-image:url('img/navigation_digital_step1.gif');
	background-repeat: no-repeat;
}
td.digital_step2{
	background-image:url('img/navigation_digital_step2.gif');
	background-repeat: no-repeat;
}
td.print_step1{
	background-image:url('img/navigation_print_step1.gif');
	background-repeat: no-repeat;
}
td.print_step2{
	background-image:url('img/navigation_print_step2.gif');
	background-repeat: no-repeat;
}
td.print_step3{
	background-image:url('img/navigation_print_step3.gif');
	background-repeat: no-repeat;
}




.copyright {
	width: 650px;
	margin-top: 35px;
	text-align: right;
	font-family: "helvetica", "arial";
	color: #aaa;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.6); */
	opacity: 1;
}

.copyright a {
	color: #aaa;
	opacity: 1;
}

.copyright .company {
	float: left;
}

.fotoviewer {
	position: relative;
	width: 350px;
	height: 350px;
}
.fotoviewer img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.flip {
	position: relative;
}
.flip .top {
	display: none;
	z-index: 2;
}
.flip .top,
.flip .bottom {
	position: absolute;
	top: 0px;
	left: 0px;
}
.preview {
	width: 350px;
	height: 350px;
}


A {color:#666666;text-decoration:none;}
A:hover {color:#999999;text-decoration:underline;}


.background.gray-light {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dae1e4+0,a5aaab+100 */
	background: rgb(218,225,228); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(218,225,228,1) 0%, rgba(165,170,171,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(218,225,228,1) 0%,rgba(165,170,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(218,225,228,1) 0%,rgba(165,170,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dae1e4', endColorstr='#a5aaab',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.background.metal {
	/* blue clean */
	background: #b5bdc8;
	background: -moz-radial-gradient(center, ellipse cover, #b5bdc8 0%, #828c95 36%, #28343b 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b));
	background: -webkit-radial-gradient(center, ellipse cover, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -o-radial-gradient(center, ellipse cover, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -ms-radial-gradient(center, ellipse cover, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: radial-gradient(ellipse at center, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 );
}

.background.gray {
	background: #7d7e7d;
	background: -moz-radial-gradient(center, ellipse cover,  #7d7e7d 0%, #0e0e0e 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
	background: -webkit-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%);
	background: -o-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #7d7e7d 0%,#0e0e0e 100%);
	background: radial-gradient(ellipse at center,  #7d7e7d 0%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=1 );
}

.background.red {
	background: #bc1818;
	background: -moz-radial-gradient(center, ellipse cover,  #bc1818 0%, #6b0001 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#bc1818), color-stop(100%,#6b0001));
	background: -webkit-radial-gradient(center, ellipse cover,  #bc1818 0%,#6b0001 100%);
	background: -o-radial-gradient(center, ellipse cover,  #bc1818 0%,#6b0001 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #bc1818 0%,#6b0001 100%);
	background: radial-gradient(ellipse at center,  #bc1818 0%,#6b0001 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc1818', endColorstr='#6b0001',GradientType=1 );


}

.background.blue {
	background: #eafcff;
	background: -moz-radial-gradient(center, ellipse cover,  #eafcff 0%, #95d0db 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#eafcff), color-stop(100%,#95d0db));
	background: -webkit-radial-gradient(center, ellipse cover,  #eafcff 0%,#95d0db 100%);
	background: -o-radial-gradient(center, ellipse cover,  #eafcff 0%,#95d0db 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #eafcff 0%,#95d0db 100%);
	background: radial-gradient(ellipse at center,  #eafcff 0%,#95d0db 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eafcff', endColorstr='#95d0db',GradientType=1 );

}

.background.blue2 {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(94,140,186,0.79) 0%, rgba(94,140,186,0.79) 2%, rgba(86,149,201,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(94,140,186,0.79)), color-stop(2%,rgba(94,140,186,0.79)), color-stop(100%,rgba(86,149,201,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(94,140,186,0.79) 0%,rgba(94,140,186,0.79) 2%,rgba(86,149,201,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(94,140,186,0.79) 0%,rgba(94,140,186,0.79) 2%,rgba(86,149,201,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(94,140,186,0.79) 0%,rgba(94,140,186,0.79) 2%,rgba(86,149,201,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(94,140,186,0.79) 0%,rgba(94,140,186,0.79) 2%,rgba(86,149,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95e8cba', endColorstr='#5695c9',GradientType=1 );
}

.background.yellow {
	background: #fcf29c;
	background: -moz-radial-gradient(center, ellipse cover,  #fcf29c 0%, #ceb440 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcf29c), color-stop(100%,#ceb440));
	background: -webkit-radial-gradient(center, ellipse cover,  #fcf29c 0%,#ceb440 100%);
	background: -o-radial-gradient(center, ellipse cover,  #fcf29c 0%,#ceb440 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #fcf29c 0%,#ceb440 100%);
	background: radial-gradient(ellipse at center,  #fcf29c 0%,#ceb440 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf29c', endColorstr='#ceb440',GradientType=1 );

}

.background.yellow2 {
	background: #ffd65e;
	background: -moz-radial-gradient(center, ellipse cover,  #ffd65e 0%, #febf04 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffd65e), color-stop(100%,#febf04));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffd65e 0%,#febf04 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffd65e 0%,#febf04 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffd65e 0%,#febf04 100%);
	background: radial-gradient(ellipse at center,  #ffd65e 0%,#febf04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=1 );
}

.background.green {
	background: #c9de96;
	background: -moz-radial-gradient(center, ellipse cover,  #c9de96 0%, #8ab66b 44%, #398235 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235));
	background: -webkit-radial-gradient(center, ellipse cover,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	background: -o-radial-gradient(center, ellipse cover,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	background: radial-gradient(ellipse at center,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 );
}

.background.green2 {
	background: #c9de96;
	background: -moz-radial-gradient(center, ellipse cover,  #c9de96 0%, #8ab66b 44%, #398235 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235));
	background: -webkit-radial-gradient(center, ellipse cover,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	background: -o-radial-gradient(center, ellipse cover,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	background: radial-gradient(ellipse at center,  #c9de96 0%,#8ab66b 44%,#398235 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=1 );
}

.background.homepage {
	background: #666666;
	background: -moz-linear-gradient(top,  #666666 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#444444));
	background: -webkit-linear-gradient(top,  #666666 0%,#444444 100%);
	background: -o-linear-gradient(top,  #666666 0%,#444444 100%);
	background: -ms-linear-gradient(top,  #666666 0%,#444444 100%);
	background: linear-gradient(to bottom,  #666666 0%,#444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );
}

.background.white {
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f3f3f3 53%, #ededed 100%, #ffffff 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(53%,#f3f3f3), color-stop(100%,#ededed), color-stop(100%,#ffffff));
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f3f3f3 53%,#ededed 100%,#ffffff 100%);
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#f3f3f3 53%,#ededed 100%,#ffffff 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#f3f3f3 53%,#ededed 100%,#ffffff 100%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#f3f3f3 53%,#ededed 100%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.background.black {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(69,72,77,0.76) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(69,72,77,0.76)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(69,72,77,0.76) 0%,rgba(0,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(69,72,77,0.76) 0%,rgba(0,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(69,72,77,0.76) 0%,rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(69,72,77,0.76) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c245484d', endColorstr='#000000',GradientType=1 );
}