/* CSS Document */

/* -- Basic general HTML Elements -- */
a:link {color: #FFCC66; 	text-decoration: none;}
a:visited {color: #FFCC00; 	text-decoration: none;}
a:hover {color: #FFFF33; 	text-decoration: underline;}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset{
margin: 0px;
padding: 0px;
border: 0px;
}


li {
	text-indent: 20px;
}

fieldset{
border-color: #000000;
color:#FFFF33;
font-size:18px;
border-width: thin;
}

p{
text-align: justify;
font-size: 12px;
}

h1{
text-align:left;
font-size:24px;
}

h2{
text-align: justify;
font-size:18px;
}

h3{
text-align:justify;
font-size: 14px;
}

h4{
text-align:left;
font-size: 12px;
}

h6{
text-align:left;
font-size: 12px;
}



.red {
	color: #FF0000;
	font-weight: bold;
}

.flatTekst{
	text-align:left;
	font-size: 12px;
	text-indent: 0px;
}

#slideshow {
	margin: 15px;
	left: 5px;
	width: 320px;
	height: 340px;
	float: right;
	position: relative;
}

.clearit{
clear: both;
}

form{
text-align:left;
font-size:12px;
}

inputBackground{
background-image: url(../images/inputBackground.jpg);
}

body{
font-family: Georgia, Arial, Helvetica, sans-serif;
color:#FFFF33;
background:#660000; 
}

/* -- Page Structure -- */
#wrapper {
background:#660000; 
width: 880px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
}

#topSection{
background: #660000; 
height: 284px;
position: relative;
padding-left:80px;
padding-right:70px;
}

#middleSection{
	background-image:url(../images/middle.jpg);
	background-color:#660000;
	background-repeat: repeat-y;
	position: relative;
	padding-left:80px;
	padding-right:60px;
}

#bottom{
	background-image: url(../images/bottom.jpg);
	background-color:#660000;
	background-repeat: no-repeat;
	height:50px;
	position: relative;
}

#deco1, #deco2, #deco3, #deco4, #deco5, #deco6, #deco7, #deco8, #deco9, #deco10, #deco11, #deco12, #deco13, #deco14, #deco15, #deco16, #deco17, #deco18, #deco19, #deco20, #deco21, #deco22, #deco23, #deco24,  #deco25, #deco26, #deco27, #deco28, #deco29, #deco30, #deco31  {
	background-repeat: no-repeat;
	height: 255px;
	position: relative;
	padding-left:145px;
	padding-right:50px;
}

#A1{position:absolute; left: 0px; top: 0px; width: 595px; height: 234px; background-image: url(../images/Sjabloon_A1.jpg);}
#A2{position:absolute; left: 595px; top: 0px; width: 285px; height: 234px; background-image: url(../images/Sjabloon_A2.jpg);}
#B1{position:absolute; left: 0px; top: 234px; width: 122px; height: 50px; background-image: url(../images/Sjabloon_B1.jpg);}
#B2{position:absolute; left: 122px; top: 234px; width: 91px; height: 50px; background-image: url(../images/Sjabloon_B2.jpg);}
#B3{position:absolute; left: 213px; top: 234px; width: 109px; height: 50px; background-image: url(../images/Sjabloon_B3.jpg);}
#B4{position:absolute; left: 322px; top: 234px; width: 99px; height: 50px; background-image: url(../images/Sjabloon_B4.jpg);}
#B5{position:absolute; left: 421px; top: 234px; width: 89px; height: 50px; background-image: url(../images/Sjabloon_B5.jpg);}
#B6{position:absolute; left: 510px; top: 234px; width: 99px; height: 50px; background-image: url(../images/Sjabloon_B6.jpg);}
#B7{position:absolute; left: 609px; top: 234px; width: 84px; height: 50px; background-image: url(../images/Sjabloon_B7.jpg);}
#B8{position:absolute; left: 693px; top: 234px; width: 71px; height: 50px; background-image: url(../images/Sjabloon_B8.jpg);}
#B9{position:absolute; left: 764px; top: 234px; width: 116px; height: 50px; background-image: url(../images/Sjabloon_B9.jpg);}


#inputKolom1,#inputKolom2,#inputKolom3,#inputKolom4,#inputKolom5,#inputKolom6,#inputKolom7,#inputKolom8{position:absolute; padding: 5px;}
#inputKolom1{left: 70px; width: 100px; text-align:right;} 
#inputKolom2{left: 90px;}
#inputKolom3{left: 180px; width: 170px; text-align:left;}
#inputKolom4{left: 120px;}
#inputKolom5{left: 360px; width: 150px; text-align:right;}
#inputKolom6{left: 70px;}
#inputKolom7{left: 520px; width: 150px; text-align:left;}
#inputKolom8{left: 70px;}

#spacer1{height: 1px;}

#deco1{background-image: url(../imagesBackgrounds/deco1.jpg);}
#deco2{background-image: url(../imagesBackgrounds/deco2.jpg);}
#deco3{background-image: url(../imagesBackgrounds/deco3.jpg);}
#deco4{background-image: url(../imagesBackgrounds/deco4.jpg);}
#deco5{background-image: url(../imagesBackgrounds/deco5.jpg);}
#deco6{background-image: url(../imagesBackgrounds/deco6.jpg);}
#deco7{background-image: url(../imagesBackgrounds/deco7.jpg);}
#deco8{background-image: url(../imagesBackgrounds/deco8.jpg);}
#deco9{background-image: url(../imagesBackgrounds/deco9.jpg);}
#deco10{background-image: url(../imagesBackgrounds/deco10.jpg);}
#deco11{background-image: url(../imagesBackgrounds/deco11.jpg);}
#deco12{background-image: url(../imagesBackgrounds/deco12.jpg);}
#deco13{background-image: url(../imagesBackgrounds/deco13.jpg);}
#deco14{background-image: url(../imagesBackgrounds/deco14.jpg);}
#deco15{background-image: url(../imagesBackgrounds/deco15.jpg);}
#deco16{background-image: url(../imagesBackgrounds/deco16.jpg);}
#deco17{background-image: url(../imagesBackgrounds/deco17.jpg);}
#deco18{background-image: url(../imagesBackgrounds/deco18.jpg);}
#deco19{background-image: url(../imagesBackgrounds/deco19.jpg);}
#deco20{background-image: url(../imagesBackgrounds/deco20.jpg);}
#deco21{background-image: url(../imagesBackgrounds/deco21.jpg);}
#deco22{background-image: url(../imagesBackgrounds/deco22.jpg);}
#deco23{background-image: url(../imagesBackgrounds/deco23.jpg);}
#deco24{background-image: url(../imagesBackgrounds/deco24.jpg);}
#deco25{background-image: url(../imagesBackgrounds/deco25.jpg);}
#deco26{background-image: url(../imagesBackgrounds/deco26.jpg);}
#deco27{background-image: url(../imagesBackgrounds/deco27.jpg);}
#deco28{background-image: url(../imagesBackgrounds/deco28.jpg);}
#deco29{background-image: url(../imagesBackgrounds/deco29.jpg);}
#deco30{background-image: url(../imagesBackgrounds/deco30.jpg);}
#deco31{background-image: url(../imagesBackgrounds/deco31.jpg);}

#menuItemList{background-color: #800000;}

#login{
	background-color: #660000;
	background-image:url(../images/decoLogin.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	padding: 25px;
	height: auto;
	width: 400px;
	border: thin solid #CC0000;
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

#badLogin{
	background-color: #660000;
	background-image:url(../images/badLogin.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	padding: 25px;
	height: auto;
	width: 400px;
	border: thin solid #CC0000;
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

#admin{
	background-image: url(../images/carefull.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	background-color: #660000;
	text-align:left;
	padding: 25px;
	height: auto;
	width: 400px;
	border: thin solid #CC0000;
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

#priceList{
	background-image: url(../images/carefull.jpg);
	background-position: bottom right;
	background-repeat:no-repeat;
	background-color: #660000;
	text-align:left;
	padding: 25px;
	height: auto;
	width: 800px;
	border: thin solid #CC0000;
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

#menus{
	background-image: url(../images/carefull.jpg);
	background-position: top right;
	background-repeat:no-repeat;
	background-color: #660000;
	text-align:left;
	padding: 25px;
	height: auto;
	width: 790px;
	border: thin solid #CC0000;
	overflow: visible;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
}

#tabelPrijzenStandaard{
background-image:url(../images/tabelPijzenStandaard.jpg);
width: 127px;
}

#tabelPrijzenHigh{
background-image:url(../images/tabelPijzenHigh.jpg);
width: 127px;
}

#tabelPrijzenHighKolom1{
background-image:url(../images/tabelPijzenHighKolom1.jpg);
width: 160px;
}

#tabelPrijzenHigh, #tabelPrijzenStandaard, #tabelPrijzenHighKolom1{
background-repeat:no-repeat;
overflow: hidden;
padding: 1px;
float: left;
height: 30px;
}

#input180-25 {
	position:static; 
	width:180px; 
	height:25px;
}