a:link { color: #de264c; }
a:visited { color: black; }
a:active { color: #de264c; }
a:hover { color: #de264c; }




* {margin:0;padding:0;}

html, body, #container{
height:100%;
}

body > #container {
height:auto;
min-height:100%}

body{
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #626262;
font-size:0.8em;
overflow-x:hidden;
overflow-y:scroll;


text-align: center; /* IE FIX */
 /* voor positionering */
line-height: 150%;

background-image: url("required/backbody.gif");
background-repeat: repeat-x;


}



#container {

width: 960px; /*of bv. 960 */
margin:0 auto;

text-align: left; /* van een site gehaald */

}

#home {
padding-bottom:20px;}




p {
font-weight:300;}

ul {
list-style-image:url("required/dott.png");
list-style-type:square;
font-weight:300;
padding-left:15px;
}





#logo a{
background-color: #666666;
display:block;
width:160px;
height:40px;
text-decoration: none;
color:white;

font-size:1.5em;
padding-top:45px;
padding-left:20px;
float:left;
}

.roze{
color: #d84b69;}

.rozepi{
color: #d84b69;
font-size:1.4em;}


#menu {
padding-top:52px;
height:50px;



text-align: right;



font-size: 110%;
text-decoration: none;
color: #777777;
}

#menu li{
float:right;

list-style: none;
list-style-type: none;
font-weight:bold;
text-decoration: none;
text-align: right;}

#menu a{
color: #777777;
text-decoration:none;}

#menu #currentpage a{
color: #DE246c;}

#slogan {

border-top: dotted gray 1px;
border-bottom: dotted gray 1px;
margin-top:40px;
padding-top:30px;
padding-bottom:20px;

height:100px;

line-height:3em;

}

span.slogan1{
font-size:4.5em;
color: #d84b69;
font-weight:bolder;
text-shadow:#f6b2c1 0px 1px 0, black 0 -1px 0;
}

span.slogan2{
font-size:3.5em;
color: #626262;
font-weight:bolder;
text-shadow:white 0px 1px 0, black 0 -1px 0;}

#welkom {

width:62%;
margin-top:20px;
border-bottom:dotted gray 1px;

padding-bottom:20px;
padding-right:20px;

}

#blogcontact {
width: 280px;

padding-top:30px;
padding-left:20px;
float:left;
}






#dienstenlinks {
width:45%;
float:left;
padding-top:20px;
border-right:dotted gray 1px;
padding-right:40px;}

#dienstenrechts {
width:45%;
float:left;
padding-left:40px;
padding-top:20px;
}


#basispakket {
margin-top:40px;


}

#cms {
margin-top:60px;


}



#flexibiliteit {
margin-top:65px;
margin-bottom:70px;
}

#logoontwerp {
padding-top:50px;
padding-bottom:60px;}


#basispakkethome {
width: 300px;
float:left;
padding-top:30px;
padding-bottom:30px;
border-right:dotted gray 1px;
padding-right:15px;
}

#portfolio {
padding-top:20px;
width:500px;
}

#portfolio h2{
padding-top:5px;}

.rollover a {
display:block;
width:170px;
height:170px;
background: url("required/middels.png") 0 0 no-repeat;
text-decoration:none;
float:left;
margin-right:10px;
margin-top:5px;
}

.rollover a:hover{
background-position:0 -170px;}

.rollover2 a {
display:block;
width:170px;
height:170px;
background: url("required/ellensijm.png") 0 0 no-repeat;
text-decoration:none;
float:left;
margin-right:10px;
margin-top:5px;
}

.rollover2 a:hover{
background-position:0 -170px;}

.rollover3 a {
display:block;
width:170px;
height:170px;
background: url("required/michaelmiddelkoop.png") 0 0 no-repeat;
text-decoration:none;
float:left;
margin-right:10px;
margin-top:5px;
}

.rollover4 a:hover{
background-position:0 -170px;}


.rollover4 a {
display:block;
width:170px;
height:170px;
background: url("required/bloemenvanloes.png") 0 0 no-repeat;
text-decoration:none;
float:left;
margin-right:10px;
margin-top:5px;
}

.rollover3 a:hover{
background-position:0 -170px;}




#contact {

color: #3b3b3b;
}

#contact li{
margin-left:-14px;
list-style:none;}



#contactlinks{
padding-top:20px;

float:left;
width:25%;}

#contactrechts{
padding-top:20px;
float:left;
width:45%;
border-left:dotted gray 1px;
padding-left:100px;

}

#contactform{
clear:both;
padding-top:25px;
margin-bottom:40px;
font-weight:300;
}

.buttonaslink{
	font-family:       inherit;
	font-size:         inherit;
	font-weight:bold;
	color:             #d84b69;
	background-color:white;
	border:none;
	cursor:pointer;
	width:80px;
	
	
	}

#footer a{
color:white;
text-decoration: none;
font-size: 0.8em;



}
#footer {
clear:both;
position:relative;

height:20px;
margin-top: -20px;

	color:white;
	background-color:#626262;

text-align: center;


}


#header, #menu, h1, h2,h3,h4{

font-weight:bold;
color: #626262;
}




h1, h2{font-size: 110%;}
h3{}
p{}
ul{list-style-type: circle;}