html {
	width:100%;
	height:100%;
	margin:0;	
}

body{
	width:100%;
	height:100%;
	font-family: 'FrutigerNextLTRegular',Helvetica, sans-serif;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:small;
	background-color:#F8F8F8;
	color:#483C32;
	margin:0;	
	background-image:url(../images/gif/bytag-bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
}

.release{
	clear:both;
}

h1{
	color:#008000;
	font-size:1.2em;
}

h2{
	color:#008000;
	font-size:1.2em;
}

h3{
	color:#008000;
	font-size:1.2em;
}

h4{
	color:#008000;
	font-size:1.2em;
}

ol{
	margin:0;
	padding:0;
	list-style-position:inside;
}

img{
	border:none;
}

label.txtbehind{
	font-size:smaller;
}

p {
	text-decoration:none;
	color:#483C32;
}

p.paragreen {
	text-decoration:none;
	color:#008000;
}


p.paratop {
	text-decoration:none;
	color:#DB3131;
}

div.wrapper {
	margin:0 auto;
	width:980px;
	background-color:#FFFFFF;
}

div.wrapper div.topbox {
	margin:0 auto;
	width:940px;
	height:50px;
}

div.wrapper div.topbox div.topboxleft {
	float:left;
	width:320px;
	height:50px;
}

div.wrapper div.topbox div.topboxright {
	float:left;
	width:620px;
	height:50px;
	background-image:url(../images/png/oneliner.png);
	background-repeat:no-repeat;
}


div.wrapper div.topbox a {
	text-decoration:none;
}

div.wrapper div.topbox img {
	display:block;
	margin:0;
	padding:0;	
}

div.wrapper div.menubox {
	margin:0 auto;
	width:940px;
	height:30px;
}

div.wrapper div.menubox ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div.wrapper div.menubox ul li {
	display:inline;
}

div.wrapper div.menubox ul li a.startpagina {
	width:50px;
	height:30px;
	background-image:url(../images/png/menuhoekhome.png);
	background-repeat:no-repeat;
}

div.wrapper div.menubox ul li a.startpagina:hover {
	width:50px;
	height:30px;
	background-image:url(../images/png/menuhoekhome_hover.png);
	background-repeat:no-repeat;
}

div.wrapper div.menubox ul li a.startpaginaselect {
	width:50px;
	height:30px;
	background-image:url(../images/png/menuhoekhome_hover.png);
	background-repeat:no-repeat;
}

div.wrapper div.menubox ul li a {
	display:block;
	float:left;
	padding:7px 8px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

div.wrapper div.menubox ul li a.topmenuitembasic {
	display:block;
	float:left;
	padding:7px 8px;
	text-decoration:none;
	color:#FFFFFF;
	background-image:url(../images/png/topmenuborder.png);
	background-repeat:no-repeat;
	background-position:left;
}

div.wrapper div.menubox ul li a.topmenuitembasic:hover {
	display:block;
	float:left;
	padding:7px 8px;
	text-decoration:none;
	color:#483C32;
	background-color:#FFBD21;
	background-image:url(../images/png/topmenuborder.png);
	background-repeat:no-repeat;
	background-position:left;
}

div.wrapper div.menubox ul li a.topmenuitembasicselect {
	display:block;
	float:left;
	padding:7px 8px;
	text-decoration:none;
	color:#483C32;
	background-color:#FFBD21;
	background-image:url(../images/png/topmenuborder.png);
	background-repeat:no-repeat;
	background-position:left;
}


div.wrapper div.menubox ul li a.zoek {
	width:50px;
	height:30px;
	background-image:url(../images/png/zoekglas.png);
	background-repeat:no-repeat;
}

div.wrapper div.menuboxsfeer {	
	margin:0 auto;
	width:940px;
	height:10px;
	background-image:url(../images/png/topmenuspiegel.png);
	background-repeat:no-repeat;
}

div.wrapper div.menuboxhome {
	float:left;
	width:50px;
	height:30px;
}

div.wrapper div.menuboxleft {
	float:left;
	width:590px;
	height:30px;
	background-color:#008000;
}

div.wrapper div.menuboxrightholder {
	float:left;
	width:300px;
	height:30px;
}

div.wrapper div.menuboxright {
	float:left;
	width:250px;
	height:30px;
	background-color:#008000;
	background-image:url(../images/png/menurighthoek.png);
	background-repeat:no-repeat;
	background-position:right;
}

div.wrapper div.menuboxrightsearch {
	float:left;
	width:50px;
	height:30px;
	border:none;
	padding:0;
}

div.wrapper div.menuboxrightsearch a {
	display:block;
	width:50px;
	height:30px;
	background-image:url(../images/png/zoekglas.png);
	background-repeat:no-repeat;
	background-position:right;
}

div.wrapper div.menuboxrightsearch input[type=submit] {
	display:block;
	width:50px;
	height:30px;
	background-image:url(../images/png/zoekglas.png);
	background-repeat:no-repeat;
	background-position:right;
	border:none;
	cursor:pointer;
}


div.wrapper div.menuboxright fieldset {
	height:30px;
	border:none;
	padding:0;
	background-color:#008000;
}

div.wrapper div.menuboxright fieldset input {
	margin-top:2px;
	width:250px;
	height:18px;
}

div.datawrapper {
	float:left;
	width:100%;
	height:auto;
	background-color:#FFFFFF;
}

div.datawrapper div.container {
	padding-top:1em;
	padding-right:0px;
	padding-bottom:1em;
	padding-left:0px;
	width:940px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.datawrapper div.container div.basicdatarow {
	float:left;
	width:940px;
	margin-bottom:1em;
}

div.datawrapper div.container div.basicdatarow ul {
	font-family: 'FrutigerNextLTRegular',Helvetica, sans-serif;
	font-size:small;
	color:#483C32;
	list-style-position:outside;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:1.2em;
}

div.datawrapper div.container div.databoxleft{
	float:left;
	width:700px;
}

/* menu left */
div.datawrapper div.container div.datasubmenuleft{
	float:left;
	margin-top:0;
	margin-right:10px;
	margin-bottom:0;
	margin-left:0;
	width:150px;
	height:200px;
}

div.datawrapper div.container div.datasubmenuleft ul{
	float:left;
	list-style-type:none;
	padding:0;
	margin-top:5px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
}

div.datawrapper div.container div.datasubmenuleft ul li{
	display:inline;
}

div.datawrapper div.container div.datasubmenuleft ul li a{
	display:block;
	width:90%;
	text-decoration:none;
	color:#483C32;
	padding:0.4em 1.0em;
	border-bottom:#A5A5A5 1px dotted;
	background-image:url(../images/menuarrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.datasubmenuleft ul li a:hover{
	display:block;
	width:90%;
	text-decoration:none;
	color:#483C32;
	padding:0.4em 1.0em;
	border-bottom:#DB3131 1px solid;
	background-image:url(../images/menuarrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.datasubmenuleft ul li a.menuselect{
	display:block;
	width:90%;
	text-decoration:none;
	color:#483C32;
	padding:0.4em 1.0em;
	border-bottom:#DB3131 1px solid;
	background-image:url(../images/menuarrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.basicalinea{
	float:left;
	width:400px;
}

div.datawrapper div.container div.basicalinea a{
	display:block;
	width:90%;
	text-decoration:none;
	color:#483C32;
	padding:0.4em 1.0em;
	border-bottom:#A5A5A5 1px dotted;
	background-image:url(../images/menuarrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.basicalinea a:hover{
	display:block;
	width:90%;
	text-decoration:none;
	color:#483C32;
	padding:0.4em 1.0em;
	border-bottom:#DB3131 1px solid;
	background-image:url(../images/menuarrow.jpg);
	background-position:center left;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.dienstenalinea{
	float:left;
	width:520px;
}

div.datawrapper div.container div.dienstenalinea a{
	text-decoration:none;
}

div.datawrapper div.container div.dienstenalinea a.underline{
	text-decoration:underline;
	color:#DB3131;
}

div.datawrapper div.container div.dienstenalinea a.underline:hover{
	text-decoration:underline;
	color:#008000;
}

div.datawrapper div.container div.dienstenalinea div.imgholder{
	float:right;
	width:250px;
	height:250px;
	margin-top:0;
	margin-right:0;
	margin-bottom:0.5em;
	margin-left:0.5em;
	background-image:url(../images/gif/copyrights-bytag-webdiensten.gif);
	background-repeat:no-repeat;	
}

div.datawrapper div.container div.dienstenalinea img{
	float:right;
	width:250px;
	height:250px;
	margin-top:0;
	margin-right:0;
	margin-bottom:0.5em;
	margin-left:0.5em;
}

div.datawrapper div.container div.dienstenalinea fieldset{
	border:none;
	padding:0;
	margin:0;
	line-height:18px;
	letter-spacing:1px;
}

div.datawrapper div.container div.dienstenalinea form{
	padding:0;
	margin:0;
}

/* basiclist */
div.datawrapper div.container div.dienstenalinea ul.basiclist				{ line-height:18px;letter-spacing:1px;; }
div.datawrapper div.container div.dienstenalinea ul.basiclistsmall			{ width:290px;line-height:18px;letter-spacing:1px;; }

/* pagination */
div.datawrapper div.container div.paginationHolder							{ background-color:#F8F8F8; }
div.datawrapper div.container div.dienstenalinea ul.pagination				{ height:25px; text-align:center; margin:20px 0; padding:4px 0; }
div.datawrapper div.container div.dienstenalinea ul.pagination li			{ display:inline; font-size:small; font-weight:bold; }
div.datawrapper div.container div.dienstenalinea ul.pagination li a			{ display:inline-block; color:#000000; text-decoration:none; padding:5px; }
div.datawrapper div.container div.dienstenalinea ul.pagination li a.select	{ background:#FFBD21; }
div.datawrapper div.container div.dienstenalinea ul.pagination li a:hover	{ background:#FFBD21; }


div.datawrapper div.container div.dienstenpf{
	float:left;
	width:520px;
	height:175px;
	background-color:#F8F8F8;
}

div.datawrapper div.container div.dienstenpfimage {
	float:left;
	width:175px;
	height:150px;
	border:#EAEAEA 1px solid;	
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
}

div.datawrapper div.container div.dienstenpfimageRight {
	float:right;
	width:175px;
	height:150px;
	border:#EAEAEA 1px solid;	
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
}


div.datawrapper div.container div.dienstenpfdata {
	float:left;
	width:300px;
	height:150px;
	/*
	border-top:#FFFFFF 1px solid;
	border-right:0;
	border-bottom:0;
	border-left:#FFFFFF 1px solid;	
	*/
	background-color:#FDFDFD;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:10px;
}
/* Large */
div.datawrapper div.container div.dienstenpfBlok_1{
	float:left;
	width:520px;
	height:200px;
	background-color:#F8F8F8;
}

div.datawrapper div.container div.dienstenpfdataBlok_1 {
	float:left;
	width:490px;
	height:175px;
	background-color:#FDFDFD;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:10px;
	background-image:url(../images/tekstschrijver-Cindy-Rooijakkers-blok-1.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.dienstenpfBlok_2{
	float:left;
	width:520px;
	height:270px;
	background-color:#F8F8F8;
}


div.datawrapper div.container div.dienstenpfdataBlok_2 {
	float:left;
	width:490px;
	height:245px;
	background-color:#FDFDFD;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:10px;
	background-image:url(../images/tekstschrijver-Cindy-Rooijakkers-blok-2.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.dienstenpfBlok_3{
	float:left;
	width:520px;
	height:255px;
	background-color:#F8F8F8;
}


div.datawrapper div.container div.dienstenpfdataBlok_3 {
	float:left;
	width:490px;
	height:230px;
	background-color:#FDFDFD;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:10px;
	background-image:url(../images/tekstschrijver-Cindy-Rooijakkers-blok-3.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.dienstenpfBlok_4{
	float:left;
	width:520px;
	height:75px;
	background-color:#F8F8F8;
}


div.datawrapper div.container div.dienstenpfdataBlok_4 {
	float:left;
	width:490px;
	height:55px;
	background-color:#FDFDFD;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:10px;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:10px;
}


div.datawrapper div.container div.dienstenpfdata span {
	display:block;
	text-decoration:none;
	color:#483C32;
	width:230px;
	letter-spacing:1px;
}

div.datawrapper div.container div.dienstenpfimage img{
	width:175px;
	height:150px;
	
}

div.datawrapper div.container div.largealinea{
	float:left;
	width:100%;
}

div.datawrapper div.container div.dienstenbox{
	float:left;
	width:300px;
	height:150px;
	margin-right:7px;
	border:#EAEAEA 1px solid;
}

div.datawrapper div.container div.linkrow{
	float:left;
	width:100%;
	height:30px;
	border-bottom:#EAEAEA 1px dotted;
	background-image:url(../images/dienstenbox_bg.jpg);
	background-repeat:no-repeat;
}

div.datawrapper div.container div.dienstimage{
	float:left;
	width:100px;
	height:120px;
	border-right:#EAEAEA 1px dotted;
}

/* dienstimage -> ontwikkeling */
div.datawrapper div.container div.dienstimageontwikkeling{
	float:left;
	width:100px;
	height:119px;
	border-right:#EAEAEA 1px dotted;
	border-bottom:#EAEAEA 1px solid;
	background-image:url(../images/dienst-ontwikkelen.jpg);
	background-repeat:no-repeat;
}

/* dienstimage -> design */
div.datawrapper div.container div.dienstimagedesign{
	float:left;
	width:100px;
	height:119px;
	border-right:#EAEAEA 1px dotted;
	border-bottom:#EAEAEA 1px solid;
	background-image:url(../images/dienst-design.jpg);
	background-repeat:no-repeat;
}

/* dienstimage -> applicaties */
div.datawrapper div.container div.dienstimageapplicaties{
	float:left;
	width:100px;
	height:119px;
	border-right:#EAEAEA 1px dotted;
	border-bottom:#EAEAEA 1px solid;
	background-image:url(../images/dienst-applicaties.jpg);
	background-repeat:no-repeat;
}

/* dienstimage -> marketing */
div.datawrapper div.container div.dienstimagemarketing{
	float:left;
	width:100px;
	height:119px;
	border-right:#EAEAEA 1px dotted;
	border-bottom:#EAEAEA 1px solid;
	background-image:url(../images/dienst-marketing.jpg);
	background-repeat:no-repeat;
}

/* dienstimage -> hosting */
div.datawrapper div.container div.dienstimagehosting{
	float:left;
	width:100px;
	height:119px;
	border-right:#EAEAEA 1px dotted;
	border-bottom:#EAEAEA 1px solid;
	background-image:url(../images/dienst-hosting.jpg);
	background-repeat:no-repeat;
}

/* dienstimage -> structureren */
div.datawrapper div.container div.dienstimagestructureren{
	float:left;
	width:100px;
	height:119px;
	border-right:#EAEAEA 1px dotted;
	border-bottom:#EAEAEA 1px solid;
	background-image:url(../images/dienst-structureren.jpg);
	background-repeat:no-repeat;
}


div.datawrapper div.container div.diensttext{
	float:left;
	width:180px;
	height:120px;
}

div.datawrapper div.container div.diensttext span{
	display:block;
	padding:5px 5px;
}

div.datawrapper div.container div.dienstenbox a{
	display:block;
	margin:0 auto;
	padding:7px 5px;
	width:140px;
	color:#DB3131;
	text-decoration:none;
	font-weight:bold;
}

/* BOF HREF DIENSTEN 
a.hrefontwikkelen{ color:#0000FF;}
a.hrefdesign{ color:#DB3131;}
a.hrefapplicaties{ color:#FFA500;}
a.hrefmarketing{}
a.hrefhosting{}
a.hrefstructureren{}
 EOF HREF DIENSTEN */


div.datawrapper div.container div.databoxleft p{
	width:400px;
	line-height:18px;
	letter-spacing:1px;
	padding-top:0;
	padding-right:5px;
	padding-bottom:0;
	padding-left:0;	
}

div.datawrapper div.container div.databoxleft p.paralarge{
	width:100%;
	line-height:18px;
	letter-spacing:1px;
	padding-top:0;
	padding-right:5px;
	padding-bottom:0;
	padding-left:0;	
}


div.datawrapper div.container div.databoxsfeer{
	float:left;
	width:300px;
	height:300px;
	background-image:url(../images/sfeer-bytag-webdiensten.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

div.datawrapper div.container div.databoxright{
	float:left;
	width:240px;
}

div.datawrapper div.container div.highlights {
	margin-top:0;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	width:200px;
	height:290px;
	border:#EAEAEA 1px solid;
	background-image:url(../images/contact-icon.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;

}

div.datawrapper div.container div.highlightsintern {
	margin-top:9px;
	margin-right:0;
	margin-bottom:0;
	margin-left:9px;
	width:180px;
	height:270px;
}

div.datawrapper div.container div.contacttop {
	float:left;
	width:180px;
	height:40px;
	background-image:url(../images/contact_bg.jpg);
	background-repeat:no-repeat;
}

div.datawrapper div.container div.contacttop a {
	display:block;
	margin:0 auto;
	padding:10px 5px;
	width:60px;
	color:#DB3131;
	text-decoration:none;
	font-weight:bold;
}

div.datawrapper div.container div.contactrow {
	float:left;
	width:100%;
	height:auto;
	margin-top:0.5em;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	font-size:smaller;
}

div.datawrapper div.container div.contactrowdot {
	float:left;
	width:100%;
	height:auto;
	margin-top:0.5em;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	border-bottom:#EBEBEB 1px dotted;
	font-size:smaller;
}

div.datawrapper div.container div.contactrowimage {
	float:left;
	width:100%;
	height:120px;
	margin-top:0.5em;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	background-image:url(../images/contact-icon.jpg);
	background-repeat:no-repeat;
}

div.datawrapper div.container div.contactrow label.prefix{
	float:left;
	width:50px;
}

div.datawrapper div.container div.contactrow label.postfix{
	float:left;
	width:130px;
}

/* Footer */
.container div.footer{
	float:left;
	width:100%;
	height:50px;
	border-top:#EAEAEA 1px solid;
	margin-top:1em;
}

.container div.footer ul{
	list-style-type:none;
	padding:0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.container div.footer ul li{
	display:inline
}

.container div.footer ul li a{
	text-decoration:none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	color:#483C32;
	border-right:#EAEAEA 1px solid;

}

.container div.footer ul li a.footerhrefEnd{
	text-decoration:none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	color:#483C32;
	border:0;
}


/* formulier */
input{
	float:left;
	margin-right:0.5em;
}
input.inp_a{
	width:280px;
}
input.inp_b{
	width:132px;
}
input.inp_c{
	width:335px;
}
input.inp_d{
	width:50px;
}
textarea.textarea_a{
	width:335px;
	height: 100px;
	border: #FFCC66 1px solid;
	text-align:left;
}
.aliasrow{
	float: left;
	clear:both;
	padding: 0.3em 0.3em;
}

.aliasrow label.lblaanhef{
	float:left;
	display:block;
	width:120px;
}
.aliasrow a{
	color:#483C32;
	text-decoration:none;
}

.aliasrowcaptcha{
	float: left;
	clear:both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}