/* browser */

html {
	overflow-x:hidden;
}

/* tekstopmaak */

.tekst {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    color: #FFF;
	font-size:12px;
}

.tekstklein {
	font-family: Verdana, Arial, sans-serif;
	color: #FFF;
	font-size:9px;
}

.kop {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color:#FFF;
	font-size:13px;
	font-weight:bold;
}

.titel {
	font-family: Helvetica, Verdana, Arial, sans-serif;
    color: #FFF;
	font-size:35px;
}

.subtitel {
	position:absolute;
	font-family: Helvetica, Verdana, Arial, sans-serif;
    color: #FFF;
	font-size:20px;
	top:15px;
}

.kopcms {
	font-family: Verdana, Arial, sans-serif;
	color: #000;
	font-size:12px;
	font-weight:bold;
}

.tekstcms {
	font-family: Verdana, Arial, sans-serif;
	color: #000;
	font-size:12px;
}

.push {
	position:relative;
	left:4px;
	top:1px; 
}

a:link   { color: #d89211; font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a:visited   { color: #d89211; font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a:hover   { color: #FFF; font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a:active     { color: #FFF; font-size: 11px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }

a.menu:link   { color: #FFF; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.menu:visited   { color: #FFF; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.menu:hover   { color: #FF9900; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.menu:active     { color: #FF9900; font-size: 13px;	font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }

a.menucurrent:link   { color: #FF9900; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.menucurrent:visited   { color: #FF9900; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.menucurrent:hover   { color: #FFF; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.menucurrent:active     { color: #FF9900; font-size: 13px;	font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }

a.submenu:link   { position:relative; left:7px; top:3px; color: #FFF; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.submenu:visited   { position:relative; left:7px; top:3px; color: #FFF; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.submenu:hover   { position:relative; left:7px; top:3px; color: #FF9900; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.submenu:active     { position:relative; left:7px; top:3px; color: #FF9900; font-size: 13px;	font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }

a.submenucurrent:link   { position:relative; left:7px; top:3px; color: #FF9900; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.submenucurrent:visited   { position:relative; left:7px; top:3px; color: #FF9900; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.submenucurrent:hover   { position:relative; left:7px; top:3px; color: #FFF; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }
a.submenucurrent:active     { position:relative; left:7px; top:3px; color: #FF9900; font-size: 13px;	font-family: Helvetica, Verdana, Arial, sans-serif; text-decoration: none }

a.pic:link   { position:relative; left:4px; top:1px; color: #FFF; font-size: 11px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.pic:visited   { position:relative; left:4px; top:1px; color: #FFF; font-size: 11px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.pic:hover   { position:relative; left:4px; top:1px; color: #d89211; font-size: 11px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.pic:active     { position:relative; left:4px; top:1px; color: #FFF; font-size: 11px;	font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }

a.cms:link   { color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cms:visited   { color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cms:hover   { color: #FF6600; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cms:active     { color: #EEE; font-size: 10px;	font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }

a.cmsdel:link   { position:absolute; left:250px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmsdel:visited   { position:absolute; left:250px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmsdel:hover   { position:absolute; left:250px; color: #FF6600; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmsdel:active     { position:absolute; left:250px; color: #EEE; font-size: 10px;	font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }

a.cmspix:link   { position:absolute; left:335px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmspix:visited   { position:absolute; left:335px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmspix:hover   { position:absolute; left:335px; color: #FF6600; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmspix:active     { position:absolute; left:335px; color: #EEE; font-size: 10px;	font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }

a.cmspixdel:link   { position:absolute; left:385px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmspixdel:visited   { position:absolute; left:385px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmspixdel:hover   { position:absolute; left:385px; color: #FF6600; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmspixdel:active     { position:absolute; left:385px; color: #EEE; font-size: 10px;	font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }

a.cmsname:link   { position:absolute; left:400px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmsname:visited   { position:absolute; left:400px; color: #000; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmsname:hover   { position:absolute; left:400px; color: #FF6600; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }
a.cmsname:active     { position:absolute; left:400px; color: #EEE; font-size: 10px;	font-family: Verdana, Arial, sans-serif; font-weight: bold; text-decoration: none }

/* beeldopmaak */

body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#000;
	scrollbar-3dlight-color: #000;
	scrollbar-arrow-color: #FFF;
	scrollbar-darkshadow-color: #000;
	scrollbar-face-color: #000;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #000;
}

#container {
	position:absolute;
	top:50%;
	left:50%;
    margin-top:-300px;
	margin-left:-400px;
	width:800px;
	height:600px;
	border:white 1px solid;
}

#main {
	position:absolute;
	width:800px;
	height:600px;
	left:0px;
	top:0px;
}

#menubacksmall {
	position:absolute;
	width:800px;
	height:24px;
	left:0px;
	bottom:0px;
	/*
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
	*/
}

#menubacklarge {
	position:absolute;
	width:800px;
	height:26px;
	left:0px;
	bottom:24px;
	/*
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
	*/
}

#paginatitel {
	position:absolute;
	width:800px;
	height:50px;
	top:3px;
	text-align:center;
	border-bottom:white 1px solid;	
}

#headerback {
	position:absolute;
	width:800px;
	height:53px;
	top:0px;
	left:0px;
	/*
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
	*/
}

#content1 {
	position:absolute;
	width:262px;
	height:425px;
	top:90px;
	left:20px;
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
}

#contentarea1 {
	position:absolute;
	width:252px;
	height:390px;
	left:26px;
	top:119px;
	overflow:auto;
}

#contentareahide1 {
	position:absolute;
	width:50px;
	height:15px;
	left:263px;
	top:95px;
}

#contentareashow1 {
	position:absolute;
	width:262px;
	height:24px;
	left:20px;
	top:90px;
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
}

#content2 {
	position:absolute;
	width:262px;
	height:425px;
	top:90px;
	left:275px;
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
}

#contentarea2 {
	position:absolute;
	width:252px;
	height:395px;
	left:281px;
	top:119px;
	overflow:auto;
}

#contentareahide2 {
	position:absolute;
	width:50px;
	height:15px;
	left:518px;
	top:95px;
}

#contentareashow2 {
	position:absolute;
	width:262px;
	height:24px;
	left:275px;
	top:90px;
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
}

#content3 {
	position:absolute;
	width:262px;
	height:425px;
	top:90px;
	left:525px;
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
}

#contentarea3 {
	position:absolute;
	width:252px;
	height:395px;
	left:531px;
	top:119px;
	overflow:auto;
}

#contentareahide3 {
	position:absolute;
	width:50px;
	height:15px;
	left:768px;
	top:95px;
}

#contentareashow3 {
	position:absolute;
	width:262px;
	height:24px;
	left:525px;
	top:90px;
	background-color:#000;
	filter:alpha(opacity=45);
	opacity: 0.45;
	-moz-opacity:0.45;
}

/* menu */

#menuuke {
	position:absolute;
	bottom:0px;
	left:0px;
	height:25px;
	width:800px;
}

#menubttn1 {
	position:absolute;
	bottom:0px;
	left:0px;
	height:25px;
	width:148px;
	border-top:white 1px solid;
}

#menubttn2 {
	position:absolute;
	bottom:0px;
	left:148px;
	height:25px;
	width:75px;
	border-top:white 1px solid;
	border-left:white 1px solid;
}

#menubttn3 {
	position:absolute;
	bottom:0px;
	left:222px;
	height:25px;
	width:60px;
	border-top:white 1px solid;
	border-left:white 1px solid;
}

#menubttn4 {
	position:absolute;
	bottom:0px;
	left:282px;
	height:25px;
	width:48px;
	border-top:white 1px solid;
	border-left:white 1px solid;
}

#menubttn5 {
	position:absolute;
	bottom:0px;
	left:330px;
	height:25px;
	width:60px;
	border-top:white 1px solid;
	border-left:white 1px solid;
}

#menubttn6 {
	position:absolute;
	bottom:0px;
	left:390px;
	height:25px;
	width:51px;
	border-top:white 1px solid;
	border-left:white 1px solid;
}

#menurest {
	position:absolute;
	bottom:0px;
	left:0px;
	height:25px;
	width:800px;
	border-top:white 1px solid;
}

#products {
	position:absolute;
	bottom:25px;
	left:0px;
	width:774px;
	height:25px;
	overflow:hidden;
}

#subline {
	position:absolute;
	bottom:25px;
	left:0px;
	width:800px;
	height:25px;
	border-top:white 1px solid;
}

#moreprods {
	position:absolute;
	right:5px;
	bottom:25px;
	height:25px;
	width:15px;
	text-align:right;
}

#moreprodsline {
	position:absolute;
	right:25px;
	bottom:25px;
	width:1px;
	height:25px;
	border-left:white 1px solid;
}

#lessprods {
	position:absolute;
	left:4px;
	bottom:25px;
	height:25px;
	width:15px;
	text-align:right;
}

#lessprodsline {
	position:absolute;
	left:25px;
	bottom:25px;
	width:1px;
	height:25px;
	border-right:white 1px solid;
}

td.streep {
	background-image:url(streep.gif);
	background-repeat:no-repeat;
}

/* foto's bij portfolio item op TEKSTPOSITIE 1 */

#pic11 {
	position:absolute;
	left:21px;
	top:94px;
	width:14px;
	height:14px;
}

#pic21 {
	position:absolute;
	left:40px;
	top:94px;
	width:14px;
	height:14px;
}


#pic31 {
	position:absolute;
	top:94px;
	left:59px;
	width:14px;
	height:14px;
}

#pic41 {
	position:absolute;
	top:94px;
	left:78px;
	width:14px;
	height:14px;
}

/* foto's bij portfolio item op TEKSTPOSITIE 2 */

#pic12 {
	position:absolute;
	left:276px;
	top:94px;
	width:14px;
	height:13px;
}

#pic22 {
	position:absolute;
	left:295px;
	top:94px;
	width:14px;
	height:13px;
}

#pic32 {
	position:absolute;
	top:94px;
	left:314px;
	width:14px;
	height:13px;
}

#pic42 {
	position:absolute;
	top:94px;
	left:333px;
	width:14px;
	height:13px;
}

/* foto's bij portfolio item op TEKSTPOSITIE 3 */

#pic13 {
	position:absolute;
	left:527px;
	top:94px;
	width:14px;
	height:13px;
}

#pic23 {
	position:absolute;
	left:546px;
	top:94px;
	width:14px;
	height:13px;
}

#pic33 {
	position:absolute;
	top:94px;
	left:565px;
	width:14px;
	height:13px;
}

#pic43 {
	position:absolute;
	top:94px;
	left:584px;
	width:14px;
	height:13px;
}

/* CMS */

#containercms {
	position:relative;
	margin:0px auto;
	width:860px;
	height:625px;
	/* text-align herstellen naar links */
	text-align:left;
	top:15px;
}

#editback {
	position:absolute;
	top:15px;
	left:15px;
	width:500px;
	height:625px;
	background-color:#FFF;
}

#editmain {
	position:absolute;
	top:10px;
	left:10px;
	width:280px;
	height:530px;
}

#editmainr {
	position:absolute;
	top:10px;
	left:325px;
	width:280px;
	height:530px;
}

#feedback {
	position:absolute;
	top:27px;
	left:725px;
	width:200px;
	height:300px;
	text-align:left;
	background-color:#FFF;
}

#feedbackmain {
	position:absolute;
	top:10px;
	left:20px;
	width:170px;
	height:280px;
}