/* Creator: David Soes 						   					 */
/* Bezoek http://www.zebrasite.nl              */
html, body {
font: 12px Tahoma;				
background: #fff;
margin: 0 auto;
text-align: center;
}
a {	
color: #cf1848;
text-decoration:none;
}

#content a			{	border-bottom: 1px dotted; }
#content img a		{	border-bottom: 0; }
#content a:hover	{	border-bottom: 1px solid; }
#copyright a 		{	color: #CC6633; }	
#footer a 			{   color:#CCC;	}
#footer a:hover     {   color:#232323;}
#company a:hover    {   color:#FFF;}
p {
color:#000;
font: 12px Tahoma;
}

h1 {
color:#000;
font: 16px Trebuchet MS;
font-weight:700;
}

h2 {
color:#000;
font: 18px Trebuchet MS;
font-weight:700;
}
h3 {
color:#cf1848;
font: 14px Trebuchet MS;
font-weight:700;
}

img		{	border: 0; }
a img { border-bottom: 0; }

.img-noborder	img a { border: 0; }
.EBoxed img a { border-bottom: 0; }
.EBoxed  { border-bottom: 0; }
			
table {
font-size: 12px;
color:#000;
text-decoration:none;
}

/* Sifr styles                                 */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}

.sIFR-replaced {
visibility: visible !important;
}

span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}

.sIFR-hasFlash h1 {
visibility: hidden;
font-size: 20px;
text-align: left;
display:inline;
}

.sIFR-hasFlash h2 {
visibility: hidden;
font-size: 18px;
text-align: left;
}

.sIFR-hasFlash h3 {
visibility: hidden;
font-size: 14px;
text-align: left;
font-weight: 700; 
}

.sIFR-hasFlash h4 {
visibility: hidden;
font-size: 14px;
text-align: left;
font-weight: 700;
}

.sIFR-hasFlash h5 {
visibility: hidden;
font-size: 14px;
text-align: left;
font-weight: 700;
}

.sIFR-hasFlash h6 {
visibility: hidden;
font-size: 20px;
text-align: left;
font-weight: 700;
display:inline;
}

.sIFR-hasFlash h5#pullquote {
visibility: hidden;
font-size: 24px;
}
/** Layout eigenschappen 																	*/		
#wrapper {				
margin: 0 auto; 
color:#000;
}

#top_left {
background: url("images/top_left_home.gif") no-repeat;
height: 215px;
width: 100px;
position: absolute;
top: 0;
left: 0;
float:left;
}

#top_middle {
background: url("images/bg_top.png") repeat-x;
height: 215px;
width:auto;
margin: 0 auto;
padding: 5px 0 0 0;
text-align:center;
}

#top_middle_buttons {	padding: 20px 0 0 65px;}

#top_right {
height: 215px;
width: 75px;
position:absolute;
top: 1px;
right: 1px;
float: right;
}

#container {
height: auto;
background: url("images/bottom_left_home.gif");
background-repeat:repeat-y;
overflow: hidden;
margin: 0 auto;
}

#middle_left {
background: url("images/middle_left_home.gif") repeat-y;
height:685px;
width: 100px;
position:absolute;
top: 215px;
left: 0;
float:left;
margin: 0 auto;
}

#bottom_left {
width: 100px;
height: 75px;
float:left;
}

#content {
text-align:left;
margin: 0 auto;
min-height:620px;
height:auto;
width: 700px;
padding: 25px 0 0 25px;
}

/*CSS HACK Deze DIV geldt alleen voor IE 6.0 of lager */
* html #content {
height: 620px;
}

#middle_right {
padding: 45px 5px 0 0;
width: 160px;
float:right;
position:absolute;
top: 216px;
right: 1px; 
}

#special_buttons { padding: 0 0 0 100px;}

#footer {
/* background: url("images/footer.gif") no-repeat; */
background: url("images/footer_home.jpg") repeat;
font-size:11px;
color:#f5d1da;
height: 192px;
width: 100%;
clear: both;
text-align:left;
}

#footer_left {
background: url("images/footer_left_home.jpg") no-repeat;
width: 102px; 
height: 192px;
float:left;
}

#footer li {
list-style-type:square;
list-style-position:inside;
margin-left:5px;
}

#ft-eigenwebsite {
width:200px;
height:100px;
position:absolute;
margin: 15px 0 0 14%;
}

#ft-eigenwebsite ul,
#ft-pakketen ul,
#ft-portfolio ul,
#ft-ondersteuning ul {
position:absolute;
padding: 0;

}

#ft-pakketen {
width:200px;
height:100px;
position:absolute;
margin: 15px 0 0 37%;
}

#ft-portfolio {
width:200px;
height:100px;
position:absolute;
margin: 15px 0 0 60%;
}

#ft-ondersteuning {	
width:200px;
height:100px;
position:absolute;
margin: 15px 0 0 80%;
}

#ft-logo {
background: url("images/footer_logo.png") no-repeat;
width:274px;
height:45px;
position:absolute;
margin: 147px 0 0 45%;
}

#copyright {
position:absolute;
margin: 175px 0 0 8%;
color:#999999;
font-size: 11px;
}

#company {
position:absolute;
margin: 175px 0 0 65%;;
color:#999999;
font-size: 11px;
}

/* ZebraSite Editor */
body.mceContentBody {
background: url("images/content.jpg") no-repeat;
}

/* CMS HACK photo popup*/
#content_holder {
position: absolute;
margin: -999999px;
visibility: hidden;
}

/** Content eigenschappen 																						 */

#content ul {
list-style-type: none;
padding-left:14px;
margin: 0px;
}

#content li {
background-image: url(images/list-item.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 18px;
}


#separator {
background: url(images/bg_separator.png) repeat;
width: 649px;
height: 12px;
}
.hr_Home a { color:#cf1848}
div.hr_Home {
height: 1px;
background: #cf1848 no-repeat scroll center;
}
div.hr_Home hr {
display: none;
}

.hr_Nieuws a { color:#18c0cf }
div.hr_Nieuws {
height: 1px;
background: #18c0cf no-repeat scroll center;
}
div.hr_Nieuws hr {
display: none;
}

.hr_Probeer_gratis a { color:#ae00ff }
div.hr_Probeer_gratis {
height: 1px;
background: #ae00ff no-repeat scroll center;
}
div.hr_Probeer_gratis hr {
display: none;
}

.hr_Opties_en_prijzen a { color:#ff9000 }
div.hr_Opties_en_prijzen {
height: 1px;
background: #ff9000 no-repeat scroll center;
}
div.hr_Opties_en_prijzen hr {
display: none;
}

.hr_Portfolio a { color:#78df4b }
div.hr_Portfolio {
height: 1px;
background: #78df4b no-repeat scroll center;
}
div.hr_Portfolio hr {
display: none;
}

.hr_Vragen a { color:#ff0000}
div.hr_Vragen {
height: 1px;
background: #ff0000 no-repeat scroll center;
}
div.hr_Vragen hr {
display: none;
}

.hr_Contact a { color:#1048ff}
div.hr_Contact {
height: 1px;
background: #1048ff no-repeat scroll center;
}
div.hr_Contact hr {
display: none;
}

/* Pagina : 'Opties en prijzen'			  */
div.standaard_pakket {
margin: 10px 0 10px 0;
padding: 7px 10px 0 35px;
border: 1px solid #dcdcdc;
background: #fff url(images/divbackground.jpg) repeat;
text-align:left;
}

div.zakelijk_pakket {
margin: 10px 0 10px 0;
padding: 7px 10px 0 35px;
border: 1px solid #b7b7b7;
background: #fff url(images/divbackground.jpg) repeat;
text-align:left;
}

div.overige_prijzen {
margin: 10px 0 10px 0;
padding: 7px 10px 7px 35px;
border: 1px solid #b7b7b7;
background: #fff;
text-align:left;
}

/* Pagina: 'Probeer gratis'  					*/
.input_Sign-up {
color: #0000FF;
}

/** Klanten ervaring (http://www.zebrasite.nl/index.php?module=guestbook&action=overview )*/ 

#messagebox {
margin: 10px 0 10px 0;
padding: 7px 10px 35px 35px;
border: 1px solid #aed2f7;
width: 500px;
height: auto;
background: url("images/order-bg.gif") repeat-x;
}

.customertxt {
font-style:italic;
font-family:Verdana, Geneva, sans-serif;
}

.customerpostdate {
font-size:x-small;	
}


.hrdotted{
color: #fff; background-color: #fff; border: 1px dotted #000; border-style: none none dotted; 
}

/** Bestel formulier (www.zebrasite.nl/bestellen) */
#steps {
height: 25px;
width: 350px;
background: url("images/order-stepbg.gif") no-repeat;
}

.arrow1	{	margin: 1px 0 0 6px;	}
.arrow2 {	margin: 1px 0 0 33px;	}
.arrow3 {	margin: 1px 0 0 65px;	}
.arrow4 {	margin: 1px 0 0 95px;	}
.arrow5 {	margin: 1px 0 0 121px;}
.arrow6 {	margin: 1px 0 0 147px;}

.step {
font-weight:700;
color:#fff;
}

#order  {
margin: 10px 0 10px 0;
padding: 7px 10px 35px 35px;
border: 1px solid #aed2f7;
width: 400px;
height: auto;
background: url("images/order-bg.gif") repeat-x;
}

fieldset {
width: 350px;
}

.fieldsetprint {
width: 600px;
}

legend {
background-color:#deedfb;
border: 1px solid #d5dfe5;
padding: 2px 6px;
}

label {
width: 11em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

.label input,select {
color: #188ccf;
background: #fff;
border: 1px solid #707070;
}

.order_question {
color:#c9113d;
font-weight:700;
}

.order_input {
padding : 0 200px 0 0;
}

.checkUser {
margin: 0 0 0 15px;
}

.letop {
color: #ff3131;
font-weight: 700;

}	

.errormessage {
color: #FF0000;
font-weight:700;
}

.controle_stap {
font-weight: 700;
color: #cf1848;
}

.controle_input {
color: #188ccf;
}

/* Direct Admin styles */
.DAwrapper {
height: 100%;
background: #CCC;
}
.DAtable {
text-align:center;
border: 1px #353434 solid;
border-spacing:0;
margin: 15px 0 0 0 ;
}

.DAlisttitle { 
BACKGROUND: #D4145A; 
COLOR: #fff; 
white-space: nowrap; 
}

td.DAlist { 
BACKGROUND: #fff; 
white-space: nowrap; 
}

.DAservertitle { 
BACKGROUND: #353434; 
COLOR:#fff; 
font-weight:700; 
white-space: nowrap; 
}

.DAserverswitch { 
BACKGROUND: #353434; 
font-weight:700; 
white-space: nowrap; 
}

.DAserverswitch a 		{ color:#FFF; text-decoration:underline;}
.DAserverswitch a:hover { color:#D4145A; text-decoration:none;}