/*******************

    Standaarden

********************

Kleuren

/* donkergrijs #5D5D5D; 
	
	blauw #00AEEF;
	
	roze #ec008c;
	
	geel #fff200;

*/







*******************/

@import url("editinplace.css");



html {
height: 100%;
}



body {
margin: 0px;
padding: 0px;
font-family: Arial;
color: #5D5D5D;
font-size: 11px;
line-height:16px;
background-image:url(images/patroon_achtergrond.gif);
height: 100%;
/*  overflow: scroll;*/
}



img {
border:0 none;
padding: 0;
margin: 0;
}



#all {
min-height: 100%;
display: block;
margin: 0 auto;
position: relative;
bottom: 0;
top: 0;
width: 950px;
background-color: white;
}



li {
   /* donkergrijs #5D5D5D; */
	color: #5D5D5D;
}



a {
text-decoration: none;
/* donkergrijs #5D5D5D; */
color: #5D5D5D;
}



a:hover {
color: black;
}


a.roze {
color:#ec008c;
}

a.roze:hover {
color:#00AEEF;
}

a.geel {
color:#fff200;
}

a.geel:hover {
color: #ec008c;
}



p {
/* donkergrijs #5D5D5D; */
color: #5D5D5D;
}

p.white_txt {
/* wit */
margin: 5px 0 0 0;
line-height: 20px;
color: white;
font-size: 12px;
}

p.project_txt {
/* wit */
font-size: 11px;
}





h1 {
background: url('images/logo_seg_bovenaan.gif');
float: left;
width: 875px;
height: 44px;
margin: 0px;
padding: 0px;
}

h1 a {
display: block;
height: 100%;
}

h1 a span {
display: none;
}


h2 {
font-size: 13px;
font-weight: bold;
color: #00AEEF;
margin-bottom: 0px;
}


h2 a {
color:#00AEEF;
}

#LeftWrapImage h2 {
color:white;
font-size: 40px;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

.clear {
clear: both;
}



p.txt_orange {
color: #ec008c !important;
font-weight:bold;
}



a.txt_orange {
color: #ec008c !important;
font-weight:bold;
}

.spacer {
background: url('images/transparant_877x1px.gif');
float: left;
width: 877px;
height: 1px;
margin: 0px;
padding: 0px;
}




#websiteCenter{
margin: 0px auto;
width: 950px;
background-color: #fff ;
overflow: hidden !important;
   
	/* uit
	border-left: 1px solid #ec008c;
    border-right: 1px solid #ec008c;
    uit */
	
	/* edit */
    position: relative;
    /* edit*/
}

.nav {
float: right;
margin: 5px 0 0 0;
margin-bottom: 50px;
}

.nav a {
color: #999b9b;
}

.nav a:hover {
color: black;
}

.textfield {
width: 300px;
/*background-color: #f8f8f8;*/
background-color: #E9E9E9;
border: 1px solid #999b9b;
}

.editinplace {
background-color: #fff;
padding: 2px 0 0 0;
display: block;
}


.error {
display: block;
color: red;
}


#map_google {
margin: 5px 0 0 0;
padding: 0;
width: 390px;
height: 285px;
border: 1px solid white;
}



/*******************

    Header

*******************/

#headerWrap {
margin: 20px auto 15px auto;
padding: 0px;
width: 875px;
height: 40px;
border-bottom: 1px solid #c9cbcb;
}

#linebreak_grey {
margin: 3px 0 1px 0;
padding: 0;
width: 785px;
height: 2px;
border-top: 1px solid #c9cbcb;
}


#headerMenu {
list-style: none;
float: left;
margin: 10px 0 0 0;
padding: 0px;
}

#headerMenu li {
float: left;
border-right: 1px solid #999b9b;
padding: 0 5px 0 7px;
}

#headerMenu li.first {
padding: 0 5px 0 0px;
}

#headerMenu li.last {
border: none;
}


#headerMenu li a {
/* donkergrijs #5D5D5D; */
color: #5D5D5D;
text-transform: uppercase;
}


#headerMenu li a.active {
color: #ec008c;
text-decoration: underline;
}



#headerMenu li a:hover {
color: #00AEEF;
text-decoration: underline;
}

/*******************

    Content

*******************/

#contentWrap {
margin: 0 auto 15px auto;
width: 877px;
overflow: hidden;
position: relative;
/*z-index:10;*/
padding: 0 0 0 2px;
}


#contentWrap_Homepage {
margin: 0 -8px 15px auto;
width: 877px;
overflow: hidden;
position: relative;
/*z-index:10;*/
padding: 0 0 0 2px;
}





#adrespage_clear_wrap {
width: 875px;
height: 420px;
margin-bottom: 10px;
overflow: hidden;
}


#wrapRest {
margin: 0 auto;
width: 950px;
background-color:white;
}

#LeftWrap {
width: 430px;
height: 325px;
float: left;
margin: 0px;
padding: 0px;
}



#LeftWrapKlein {
width: 289px;
height: 310px;
float: left;
margin: 0px;
padding: 0px;
}



#LeftWrapImage {
width: 430px;
height: 325px;
float: left;
text-align: center;
}



#LeftWrapImageKlein {
width: 290px;
/*height: 290px;*/
height: 325px;
float: left;
text-align: center;
}



#RightWrap {
width: 440px;
/*height: 325px;*/
float: left;
}



#RightWrap_kleiner {
width: 400px;
/*height: 325px;*/
float: left;
}






#RightWrapContent_Blue_SEG_filmpje {
width: 220px;
min-height: 325px;
background-color: #00AEEF;
float: left;
margin-left: 10px;
padding: 0 20px 0 20px;
}










#RightWrapContent_Blue {
width: 396px;
min-height: 325px;
background-color: #00AEEF;
float: left;
margin-left: 10px;
padding: 0 20px 0 20px;
}

#RightWrapContent_Pink {
width: 395px;
height: 325px;
background-color: #ec008c;
float: left;
margin-left: 10px;
padding: 0 20px 0 20px;
}

#RightWrapContent_Black {
width: 396px;
min-height: 325px;
background-color: #231f20;
float: left;
margin-left: 10px;
padding: 0 20px 0 20px;
}


#ContentContact {
width: 395px;
height: 325px;
background-color: #ff6633;
float: left;
margin-left: 10px;
padding: 0 20px 0 20px;
}


#RightWrapContent p {
margin: 5px 0 0 0;
line-height: 20px;
color: white;
}


#RightWrapContent a {
display: block;
}



#RightWrapGroot {
width: 575px;
float: left;
}

#RightWrapContentGroot {
width: 542px;
background-color: #840265;
float: left;
margin-left: 4px;
padding: 0 20px 0 20px;
min-height: 325px;
}

#RightWrapContentGroot p {
color: white;
}


#RightWrapContentGroot a {
display: block;
}

#kopjes {
width: 225x;
height: 20px;
margin: 10px 0 0 0;
padding: 0px;
overflow: hidden;
}






/*******************

    Animatie

*******************/

#home {
width: 875px;
height: 325px;
margin-bottom: 10px;
overflow: hidden;
}



#home_SEG_bedrijfsfilm {
width: 875px;
height: 400px;
margin-bottom: 10px;
overflow: hidden;
}







#portfolio_animatie {
width: 760px;
height: 520px;
margin-top: 30px;
padding: 0 0 0 80px;
overflow: hidden;
}



#header_animatie {
width: 950px;
height: 60px;
margin: 0px;
padding: 0px;
overflow: hidden;
}


#footer_animatie {
width: 950px;
height: 10px;
margin: 15px 0 0 0;
padding: 0px;
overflow: hidden;
}


#linkerkolom576x324_bedrijfsfilm_SEG {
width: 576px;
height: 324px;
float: left;
text-align: center;
}



#linkerkolom430x325_animatie {
width: 430px;
height: 325px;
float: left;
text-align: center;
}



/*******************

    Nieuws

*******************/

.nieuwsBericht {
width: 252px;
min-height: 310px;
overflow: visible;
float: left;
margin: 0 50px 15px 0;
}

.nieuwsBericht p {
margin-top: 0px;
margin-bottom: 0px;
}

.nieuwsBericht h2 {
margin-bottom: 10px;
}

#last.nieuwsBericht {
margin: 0 0px 0 0;
}


.nieuwsThumb {
width: 250px;
height: 65px;
}



.nieuwsThumb a {
display: block;
height: 65px;
}



#nieuwsItem_plaatje {
width:260px;
height: 310px;
float: left;
margin: 0 8px 0 0;
background-color: #840265 !important;
}

#nieuwsItem {
height: 260px;
width: 560px;
float: left;
}



/*******************

    Footer

*******************/

#footerWrap {
float: none;
clear: both;
margin: 0 auto 50px auto;
width: 875px;
}



.home_klantThumb {
width: 179px;
height: 100px;
}


.home_klantThumb a {
display: block;
height:100%;
}


.home_klantWrap {
width: 250px;
overflow: visible;
float: left;
margin: 0 10px 0 0;
padding: 1px 1px 1px 1px;
position: relative;
top: -35px;
}

.home_klantWrap p {
margin: 0;
}



.berichtWrap {
width: 251px;
overflow: hidden;
float: left;
margin: 0 15px 0 0;
padding: 1px 1px 1px 1px;
}


.berichtWrap p {
margin: 0px 0 0 0;
}

.berichtThumb {
width: 250px;
height: 65px;
/* background-color: #840265 !important; */
}


.berichtThumb a {
display: block;
height: 100%;
}

#footer_logo {
position: absolute;
font-size:9px;
letter-spacing:1px;
margin: 0px;
padding: 0px;
z-index: 1;
/*  edit */
left: 0px;
/*  edit */
}

#footer_logo img {
float: left;
}

.nav_nieuws_vorige {
float: left;
margin: 5px 0 0 0;
}

.nav_nieuws {
float: right;
margin: 5px 0 0 0;
}


.borderBottom {
border-top:1px solid #999b9b;
}



.borderBottomNieuwsItem {
position: relative;
top: 18px;
border-top:1px solid #999b9b;
}



a.meernieuws {
background-image: url('/images/meernieuwspijltje.gif');
background-position: right;
background-repeat: no-repeat;
padding-right: 20px;
}

a.meernieuws:hover {
background-image: url('/images/meernieuwspijltje_over.gif');
background-position: right;
background-repeat: no-repeat;
padding-right: 20px;
}



a.vorignieuws {
background-image: url('/images/vorignieuwspijltje.gif');
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}



a.vorignieuws:hover {
background-image: url('/images/vorignieuwspijltje_over.gif');
background-position: left;
background-repeat: no-repeat;
padding-left: 20px;
}


/*----------------------- FORMULIER BIJ AANMELDEN --------------------------*/


form {
margin: 0px;
padding: 0px;
}


.tekst_binnen_klein_kader {
background: url(images/kleine_invulruimte_tekstvlak.gif) no-repeat top left;
font-color: white;
float: left;	
width: 173px;	
height: 18px;
padding: 4px;	
}



.tekstinvoer {
height: 14px;
width: 170px;	
border: 0px;
font-size: 11px;
background:white;
}



.dinputtextsmall {
background: url(../img/inputtextsmall.gif) no-repeat top left;
float: left;
height: 18px;	
padding: 4px;	
}

.inputtextsmall {
width: 52px;
height: 14px;
border: 0px;
font-size: 11px;
background:none;
}

.tekst_binnen_groot_kader {
background: url(images/grote_invulruimte_tekstvlak.gif) no-repeat top left;
height: 62px;	
width: 260px;
padding: 4px;
}



.tekstinvoer_groot_veld {
width: 233px;
height: 51px;
border: 0px;
font-size: 11px;
margin: 4px;
overflow: auto;
background: white;
}



.inputbutton {
float: right;
height: 40px;
}



.inputbutton a {
color: #cc0000;
text-decoration: none;
}



.inputbutton a:hover {
color: #cc0000;
text-decoration: none;
}



.table_basis th,

.table_achtergrond th,

.table_tekst th {
font-color: white;
font-weight: normal;
text-align:left;
vertical-align: middle;
}

.table_advies_left {
}



.table_advies_right {
margin-left:80px;
float:left;
}



.table_advies_left th,

.table_advies_right {
width:225px;
text-align:right;
}


/*******************

    Portfolio klantenindeling

*******************/


.fotosindeling {
width:219px;
height:287px;
margin:0 0 15px 0;
float:left;
}

.witvulling {
height:10px;
font-size:10px;
}