/* Start of CMSMS style sheet 'popup' */
img{border:0px;}
form input{display:block;}
form{text-align:left;}

a {
	color:#106CF6;
	text-decoration:none;
}

a.current {
	color:#106CF6;
}

a:hover {
	text-decoration:underline;
}

acronym {
	color:#000000;
	cursor:help;
}

body {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 100%;
	background-color:#FFFFFF;
	text-align: center;
}

h2{
	color:#323336;
	font-size:11px;
	font-weight:bold;
	padding-bottom:0.5em;
}

h3{
	color:#252547;
	font-size:70%;
	font-weight:normal;
	padding-bottom:0.5em;


}


p{
	text-align:left;
	color:#323336;
	font-size: 11px;
	line-height: 1,5em;
}

ul{
	font-size:70%;
	color:#666666;
	line-height: 1em;
	list-style: none;

}

#main { 
width: 650px;
margin-top: 0px;
	margin-left: 5px;
	padding: 0px 0px 0px 0px;
	border-style:solid; border-width:0px; border-color:#E5E5E5;
}

h3.sub{
	color:#CCCCCC;
	border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#E5E5E5;
}

#navbar {
	float: left;	
	width: 148px;
	margin-top: 5px;
	padding: 0px 5px 5px 5px;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
}

#topbar {
	float: top;	
	width: 737px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
}

#loginbox {
	float: left;	
	clear: left;
	width: 20%;
	margin-top: 1.5em;
	padding: 0.8em 0.8em 0 0.8em;
	border-style:solid; border-width:1px; border-color:#E5E5E5;
}

#footer {
	clear: both;
	margin: 0;
	padding: 1em 0 0 0;
}


.textbox {
	border-style:solid; border-width:1px; border-color:#CCCCCC;
	font-size:12px;
	margin-bottom:0.5em;
	color:#abcc33;

}

.name {
	font-weight:bold;
}

.button { 
	border-style:solid; border-width:1px; border-color:#CCCCCC;
	font-size:12px;
	color:#000000;
	background-color: #FFFFFF;  
}


#navbar a {
	display:block;
	position:relative;
	line-height: 2em;
	font-size: 70%;
	font-weight:bold;
}

.copyright {
	text-align:center;
	font-size:55%;
}


div#container {
	margin:0 auto 0 auto;
	padding:0;
	width: 760px;
	background-color: #FFFFFF;  
}

div#content {
	text-align:left;
	color:#323336;
	font-size: 11px;
	line-height: 2em;
}

a.winkel_home {
	display: block;
	width: 97px;
	height: 28px;
	background: transparent url(uploads/images/winkel_home.jpg) no-repeat;
	background-position: -97px 0;

}

a.winkel_notebooks {
	display: block;
	width: 149px;
	height: 28px;
	background: transparent url(uploads/images/winkel_notebooks.jpg) no-repeat;

}

a.winkel_notebooks:hover {
	background-position: -149px 0;

}

a.winkel_fatboy {
	display: block;
	width: 136px;
	height: 28px;
	background: transparent url(uploads/images/winkel_fatboy.jpg) no-repeat;

}

a.winkel_fatboy:hover {
	background-position: -136px 0;

}

a.winkel_playstation {
	display: block;
	width: 176px;
	height: 28px;
	background: transparent url(uploads/images/winkel_playstation.jpg) no-repeat;

}

a.winkel_playstation:hover {
	background-position: -176px 0;

}

a.winkel_faq {
	display: block;
	width: 171px;
	height: 28px;
	background: transparent url(uploads/images/winkel_faq.jpg) no-repeat;
}

a.winkel_faq:hover {
	background-position: -171px 0;

}

a.studieboekenpage {
	display: block;
	width: 246px;
	height: 50px;
	background: transparent url(uploads/images/studieboekenpage.jpg) no-repeat;
background-position: -246px 0;
}

a.studieboekenpage:hover {
	display: block;
	width: 246px;
	height: 50px;
	background: transparent url(uploads/images/studieboekenpage.jpg) no-repeat;
}

a.homepage {
	display: block;
	width: 245px;
	height: 50px;
	background: transparent url(uploads/images/homepage.jpg) no-repeat;
background-position: -245px 0;

}

a.homepage:hover {
	display: block;
	width: 245px;
	height: 50px;
	background: transparent url(uploads/images/homepage.jpg) no-repeat;

}

a.winkelpage {
	display: block;
	width: 246px;
	height: 50px;
	background: transparent url(uploads/images/winkelpage.jpg) no-repeat;


}

#navlist {
	margin: 0.5em 0 0 0;
	width: 740px;
	float: left;
}

#navlist li {
	float: left;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 1px;
	white-space: nowrap;
}

#navlist ul {
	margin: 0;
	padding: 0;
}

#toplist {
	margin: 0.7em 0 0 0;
	width: 740px;
	float: left;
}

#toplist li {
	float: left;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	white-space: nowrap;
}

#toplist ul {
	margin: 0;
	padding: 0;
}

div.row span.left {
	padding: 0.8em 0 0 0;
	float: left;
	text-align: left;
	font-weight: bold;
	color: #000;
	width: 60%;
}

div.row span.right {
	padding: 0.8em 0 0 0;
	float: right;
	text-align: right;
	font-weight: bold;
	color: #000;
	width: 40%;
}

.floatleft {float:left;
margin: 0 20px 0 0;
}

.floatright {float:right;

}


.boxleft
{
float: left;
margin: 0 0 0 0;
border: 0px solid #abcc33;
}

.boxright
{
float: right;
margin: 0 0 0 10px;
border: 1px solid #A7CD3A;
}

table {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11;
        font-color: #777777;
	background:#ffffff;
	text-align: left;
}


tr {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11;
        color: #777777;
	background:#ffffff;
	text-align: left;
}

td.table_Heading {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11;
        color: #777777;
	background:#ffffff;
	text-align: left;
}

td.main {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11;
        color: #777777;
	background:#ffffff;
	text-align: left;
}

td.pageHeading {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11;
        color: #777777;
	background:#ffffff;
	text-align: left;
}

td.smallText {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11;
        color: #777777;
	background:#ffffff;
	text-align: left;
}

td.inputRequirement {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
	font-size: 11;
        color: #777777;
	background:#ffffff;
	text-align: left;
}



/* End of 'popup' */