/* STYLES VOOR ONLINESTICKER.NL  */

html { overflow-x: hidden;}

body { overflow-x: hidden; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #6BA618;	background-image: url(../images/background.jpg); background-repeat:repeat-x; font-size:11px; line-height:17px; font-family:Tahoma, Arial; color:#3F3F3F; }



a { color:#52770D; }

a:hover { color:#D6EB42; text-decoration:none}

a:active { color:#52770D; }

a:visited { color:#52770D; }



img { border:0px; }



.background1 { position:absolute; width:960px; height:221px; z-index:10; left: 0px; top: 0px; background-image:url(../images/background1.gif); background-repeat:no-repeat}

.background2 { position:absolute; width:960px; height:221px; z-index:1; left: 0px; top: 0px; background-image:url(../images/background2.gif); background-repeat:no-repeat}

.background3 { position:absolute; width:960px; height:350px; z-index:1; left: 0px; top: 0px; background-image:url(../images/background3.gif); background-repeat:no-repeat}

.logo { position:absolute; width:496px; height:113px; z-index:15; left: 40px; top: 0px; }

.welkom { position:absolute; width:353px; height:92px; z-index:15; left: 31px; top: 196px; background-image:url(../images/welkom.jpg); background-repeat:no-repeat}



.crumbs { position:absolute; top: 218px; z-index:100; left:20px; color:#FFFFFF; font-size:9px; font-weight:bold}

.crumbs a { color:#FFFFFF}

.crumbs a:hover { color:#FFFFFF}

.crumbs a:active { color:#FFFFFF}

.crumbs a:visited { color:#FFFFFF}



.opties { position:absolute; width:453px; height:110px; z-index:35; left: 0px; }

.opties .plaatjecontainer { float:left; width:108px; height:99px; left:31px; position:absolute; background-image:url(../images/afbeelding_kader.gif); background-repeat:no-repeat}

.opties .plaatjecontainer_sc1 { position:absolute; left: 22px;float:left; width:118px; height:105px; background-image:url(../images/home/sc_1.gif); background-repeat:no-repeat}

.opties .plaatjecontainer_sc2 { position:absolute; left: 31px;float:left; width:108px; height:99px; background-image:url(../images/home/plakhandleiding.gif); background-repeat:no-repeat}

.opties .plaatjecontainer_sc3 { position:absolute; left: 31px;float:left; width:120px; height:102px; background-image:url(../images/home/sc_3.gif); background-repeat:no-repeat}

.opties .plaatjecontainer_sc4 { position:absolute; left: 25px;float:left; width:114px; height:103px; background-image:url(../images/home/sc_4.gif); background-repeat:no-repeat}



.opties .plaatjecontainer .plaatje { width:88px; height:79px; margin-left:10px; margin-top:10px}

.opties .content { float: left; width:345px; color:#FFFFFF}

.opties .content .header { font-size:18px; font-weight:bold; margin-left:8px; width:320px; height:25px; margin-top:20px; margin-left:10px; position:absolute; left:140px}

.opties .content .text { font-size:9px; margin-top:40px; margin-left:10px; width:320px; position:absolute; left:140px}

.opties .content .text_op_index {font-size:12px; margin-top:10px; margin-left:35px; width:434px; color:#000000;background-color:#FFFFFF;}

.opties .content .text_op_index .top {background-image:url(../images/textvak_top.gif); background-repeat:no-repeat; line-height:7px; }
.opties .content .text_op_index .bot {background-image:url(../images/textvak_bot.gif); background-repeat:no-repeat; line-height:7px;}
.opties .content .text_op_index .special_text { padding-left:10px; padding-top:5px; padding-bottom:5px; border-left:7px solid #52770D; border-right:6px solid #52770D; }
.opties a { color:#FFFFFF}

.opties a:hover { color:#FFFFFF}

.opties a:active { color:#FFFFFF}

.opties a:visited { color:#FFFFFF}



.main { position:absolute; width:476px; height:357px; overflow:auto; top:238px; z-index:35; left: 20px; color:#FFFFFF; }



.main .thumbcontainer { height:121px; width:108px; background-image:url(../images/thumbcontainer.gif); background-repeat:no-repeat; float:left; margin-right:3px; margin-top:6px }

.main .thumbcontainer .plaatje { margin-left:13px; margin-top:10px; }

.main .thumbcontainer .toevoegen { margin-left:13px; margin-top:8px; color:#FFFFFF; font-size:9px;}



.main .bestelling { color:#FFFFFF; font-size:9px; width:456px; height:140px}

.main .bestelling .thumbcontainerplain { height:131px; width:108px; background-image:url(../images/thumbcontainerplain.gif); background-repeat:no-repeat; float:left; margin-right:3px; margin-top:6px }

.main .bestelling .thumbcontainerplain .plaatje { margin-left:13px; margin-top:10px; }



.main .bestelling .thumbcontaineritem { height:131px; width:108px; background-image:url(../images/thumbcontainerplain.gif); background-repeat:no-repeat; float:left; margin-right:3px; margin-top:6px }

.main .bestelling .thumbcontaineritem .plaatje { margin-left:7px; margin-top:9px; }



.main .bestelling .properties {background-image:url(../images/bestellingcontainer_back.gif); background-repeat:no-repeat; width:340px; height:131px; margin-top:6px; float:left}

.main .bestelling .properties .textveld { width:90px; height:16px; font-size:9px; color:#FFFFFF; background-color:#52770D}

.main .bestelling .properties .textveld_small { width:70px; height:16px; font-size:9px; color:#FFFFFF; background-color:#52770D}

.main .bestelling .properties .textveld_totaal { width:30px; height:16px; font-size:9px; color:#FFFFFF; background-color:none;}

.main .bestelling .properties .textveld_transparant { width:40px; height:12px; margin-top:6px; font-size:9px; color:#FFFFFF; background-color:none; border:solid 0 #fff; background: transparent url("../images/spacer.gif") no-repeat fixed; }

.main .bestelling .properties .totaal { margin-top:7px; margin-left:23px; line-height:17px; }

.main .bestelling .properties a { color:#FFFFFF}

.main .bestelling .properties a:hover { color:#FFFFFF}

.main .bestelling .properties a:active { color:#FFFFFF}

.main .bestelling .properties a:visited { color:#FFFFFF}


.main_besteld { position:absolute; width:476px; height:357px; overflow:auto; top:238px; z-index:35; left: 20px; color:#000000; background-color:#FFFFFF; }
.main_besteld p, h1 { margin-left: 5px; }


.mainvlak { position:absolute; width:476px; height:357px; overflow:auto; top:238px; z-index:35; left: 20px; color:#000000; background-image:url(../images/mainvlak.gif); z-index:20}

.mainvlak .content { margin-left:13px; margin-top:13px }



div.help { width:476px; height:357px; overflow:auto; color:#000000; background-image:url(../images/mainvlak.gif);}
div.help .content { margin:13px; background-color: #ffffff }





.helpvlak { width:286px; height:237px; background-image:url(../images/helpvlak.gif); z-index:20}

.helpvlak .header{ width:286px; height:45px; }

.helpvlak .content{ width:273px; height:185px; background-image:url(../images/helpvlak_content.gif); margin-left:5px}

.helpvlak .content .text{ margin-left:7px; margin-top:7px}



.helpvlakgroot { width:286px; height:357px; background-image:url(../images/helpvlak_groot.gif); z-index:20; top:238px; position:absolute; left:500px}

.helpvlakgroot .text { margin-left:7px; margin-top:7px}

.helpvlakgroot .content .text .stap { margin-left:14px; }

.helpvlakgroot .content .text .verder { margin-left:14px; margin-top:10px }



.kleuren { margin-left:10px; margin-top:10px; width:286px; height:357px; background-image:url(../images/helpvlak_groot.gif); }

.kleuren .container { margin-top:10px; margin-left:5px;}

.kleuren .container .kleurcontainer { float:left; width:30px; height:30px; margin-left:11px; margin-top:11px; border:1px solid #000000;}

.kleuren .container .kleurcontainer .plaatje { width:30px; height:30px; }



.bottom { left:0px;width:996px; float:right; clear: both; height:206px; background-image:url(../images/bottom.gif); background-repeat:no-repeat }





/* FORMULIER */

.select {width:90px; height:16px; font-size:11px; font-family:Tahoma,Arial; }

.selectklein {width:25px; height:16px; font-size:11px; font-family:Tahoma,Arial; }

.selectgroot {width:190px; height:16px; font-size:11px; font-family:Tahoma,Arial; }

.selectmedium1 {width:50px; height:16px; font-size:11px; font-family:Tahoma,Arial; }

.selectmedium2 {width:165px; height:16px; font-size:11px; font-family:Tahoma,Arial; }

.selectarea {width:388px; height:100px; font-size:11px; font-family:Tahoma,Arial; }



.textveld_transparantgroot {width:108px; height:20px; font-size:18px; font-weight:bold; font-family:Tahoma,Arial; border:0px solid #FFFFFF; }

.textveld_transparant { width:40px; height:12px; margin-top:6px; font-size:9px; color:#FFFFFF; background-color:none; border:solid 0 #fff; background: transparent url("../images/spacer.gif") no-repeat fixed; }


div#frmError {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -100px;
	width: 500px;
	height: 200px;
	border: 4px solid #639210;
	background-color: #ffffff;
	padding: 10px;
	color: red;
	font-weight: bold;
	z-index: 100;
}

div#frmError input {
	padding: 1px 4px;
}