body {
	color:       #000000;
	font-size:   11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background:  white no-repeat fixed;
	margin-left: 15px;
	margin-top:  0px;
	scrollbar-3dlight-color: #000000;
  scrollbar-arrow-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-face-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
}
hr { 
  color:  #545454;
	height: 1px;
}

a:hover {
  color: black;
}

a { 
	color:           #515151;
	font-weight:     bold;
	text-decoration: none;
}

td {
	font-size:        11px;
	font-family:      Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: transparent;
}

li {
	font-weight: bold;
}

input {
	color:     #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	width			: 180px;
	border		: 1px solid #b1b2b4;
	padding		:3px;
	height		:22px;
}

textarea {
	color:       black;
	font-size:   11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border:      solid 1px #BCD228;
	width:       400px;
}

select { 
	color: #000000;
	font-size:   11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border:      solid 1px #BCD228;
	width:       182px;
 }
  
.input45    { text-align: center; width: 45px; }
.input45L   { text-align: left; width: 45px; }
.input65 { text-align: center; width: 65px }
.input65L { text-align: left; width: 65px }
.input85L { text-align: left; width: 85px }
.input35 { text-align: center; width: 35px }
.input100 { text-align: center; width: 100px }
.input100L { text-align: left; width: 100px }
.input120 { text-align: center; width: 120px }
.input150 { text-align: center; width: 150px }
.input240 { text-align: center; width: 240px }
.input240L { width: 240px }
.input30L { text-align: left; width: 30px }
.input300L { width: 300px }
.input400L { width: 400px }

.navbody {
	background:  #ffffff;/*url(../images/demoshop/adminlinker.gif) repeat fixed;*/
	margin-left: 0px;
	margin-top:  20px;
}

.letter14pixels {
	color:       #000000;
	font-size:   14px;
	font-weight: bold;
 }

.login {
	color:       #000000;
	font-size:   11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color:  green;
	margin-top:  20px;
	margin-left: 20px;
	overflow-x:  hidden;
	overflow-y:  hidden;
}

.noinputborder {
	border: 0px;
	width:  22px;
}

.alert {
	color:       red;
	font-size:   11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

/* classes voor bovenkant website (bv voor banner (de 'bg_boven.gif', dus niet de border!) */
.top_body {
	background: white url(../images/demoshop/bg_boven.gif) no-repeat fixed;
	margin-left: 0px;
	margin-top:  0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.top_tabel {
	width: 100%;
	height: 100%;
}
.top_tabel_td {
	width: 100%;
	height: 100%;
	text-indent: 196px;
	font-family: arial,verdana;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
/*classes voor onderkant website (bv een rond randje onderaan de site, dus niet de border!)*/
.onder_body {
	background: #FFFFFF  url(../images/demoshop/bg_onder.gif) no-repeat;
}
.onder_tabel{ 

}
.onder_tabel_td {

}

/* content inlogschermen beheerders en controllers */

/* LET OP als er geen apart ontwerp is voor deze inlogschermen kun je deze 		*/
/* styles gewoon overnemen uit content[*].css. met uitzondering van						*/
/* login_splash_onder, deze stuur je vanuit de frameset al aan, dus daarvan		*/
/*  de hoogte altijd op 0 zetten en bg plaatje uit login_splash halen					*/

/* deze class zit op de body van login.tpl (beheerders en controllers).				*/
.login_splash {
	color:       #000000;
	font-size:   11px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin-top:  0px;
	margin-left: 0px;
	margin-height: 0px;
	margin-width: 0px;
}
/* de tabel die de hele loginpagina omvat */
.login_splash_tabel {
	width: 100%;
	height: 100%;
	border:	0px;
}
/* de td aan de linkerkant van bovenstaande tabel waarin evt, een menuachtergrond kan worden doorgetrokken, of waarmee een marge gezet kan worden */
.login_splash_links {
	width: 20px; /* iets meer dan het plaatje breed is zodat een marge ontstaat voor de content */
	height: 100%;
	border: 0px;
	font-size: 1px;
	text-align: left;
	background-position: 0% 100%; /* de onderkant van het plaatje lijnt uit, ipv de bovenkant */
}
/* de breedte van de tabel met (daarin de tabel met) de tekst en loginvelden */
.login_splash_main {
	width: 600px;
	padding-left:200px;
	padding-top: 60px;
}
/* een eventuele rechterkant */
.login_splash_rechts {
	background: #ffffff;
}
/* hiermee kun je de hoogte van de onderste tabel (normaal gebruikt als *-opvulling) sturen om bv een plaatje te tonen die je definieert in de bodyclass (hier dus geen background inzetten, de scrollbar-ruimte verpest dat */
.login_splash_onder {
	font-size: 1px;
	height: 0px;
}

/* Hieronder staan de classes voor de borders links, rechts, boven en onder */
.border_links_body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
}

.border_links_tabel {
	/*
	border-right: solid 1px #043a70;
	width: 100%;
	*/
}

.border_links_td {
}

.border_rechts_body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
}

.border_rechts_tabel {
	/*
	border-left: solid 1px #043a70;
	*/
	width : 100%;
}

.border_rechts_td {
}

.border_onder_body {
	background-color: #FFFFFF;
	background-repeat: repeat;
	background-attachment: fixed;
	margin-top: 0px;
	margin-left: 0px;
}

.border_onder_tabel {
}

.border_onder_td {
}

.border_boven_body {
	background-color: #FFFFFF;
	background-repeat: repeat;
	background-attachment: fixed;
	margin-top: 0px;
	margin-left: 0px;
}

.border_boven_tabel {
}

.border_boven_td {
}

/* Einde classes voor de borders links, rechts, boven en onder */