@import "reset.css";

/***** dev *****/

.loading { background-color: rgb(240,180,180); }

#contentx {
background: url('global/images/12_col.gif');
}

#pagex {
background: url('global/images/grid.png');
}

.not { background-color: gray; }

/***** dev end *****/

/***** basics begin   *****/
body
{
	text-align: center;
	margin: 0;
	font-family: Arial, Helvetica, Helvetica Neue, Verdana, sans-serif;
    font-size: 13px;
	color: rgb(34,34,34);
	background-color: rgb(255,255,255);
	background-image: url('../images/bg-body.png');
	background-position: 50% 0%;
	background-repeat: repeat-y;
	text-transform: lowercase;
}

h1,h2,h3,h4,h5,h6
{
	margin: 0 10px 18px 10px;
	line-height: 18px;
}

h4,h5,h6
{
	margin: 0 10px 0 10px;
}

p,ul,ol,img
{
	margin: 0 10px 18px 10px;
	line-height: 18px;
}

.simonsactueelpagina p { font-size: 12px; }

p img { margin: 0; }

em { font-style: italic; }

strong { font-weight: bold; }

p a,
li a
{
	color: rgb(0, 0, 0);
	text-decoration: none;
	border-bottom: solid 1px rgb(153, 153, 128);
}

p a.image { border: none; }

#header a
{
	border-bottom: none;
}

a:link, a:visited, a:active { color: inherit; }

a:hover
{
	color: rgb(0, 0, 0);
	border-color: rgb(51, 51, 51);
}


h1
{
	margin: 30px 0 0 20px;
	background-image: url('../images/simons-design.png');
	background-repeat: no-repeat;
	width: 192px;
	height: 18px;
	float: left;
	background-position: 0 0;
}

h2#webdesign-multimedia-typografie
{
	margin: 50px 30px 0 0;
	background-image: url('../images/webdesign-multimedia-typografie.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 610px;
	height: 40px;
	float: right;
}

h1 a span,
h2 a span
{ display: none; }

h1 a
{
	display: block;
	width: 100%;
	height: 100%;
}

h2
{
	font-size: 15px;
	font-weight: bold;
	margin: 0 10px 20px 10px;
}

h3
{
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px rgb(204, 204, 153);
	border-bottom: solid 1px rgb(225, 225, 194);
	padding: 2px 0px 6px 0px;
	margin-bottom: 31px;
}

h4
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 9px;
}

.simonssite .col03 h4 {
	margin-left: 90px;
}

.simonsactueel h4 {
	margin-bottom: 0;
}

h4 a,
h5 a
{
	border: none;
	text-decoration: none;
}

h5
{
	font-size: 12px;
	font-weight: bold;
}

.simonssite h5
{
	margin-bottom: 38px;
}

.simonssite h5 a,
.simonsprojectpagina h5 a
{
	color: rgb(153, 153, 128);
}

.simonssite h5 a:hover,
.simonsprojectpagina h5 a:hover
{
	color: rgb(51, 51, 51);
}

.simonssite h5.more
{
	border-top: solid 1px rgb(225, 225, 194);
}

a.image
{
	height: 152px;
	width: 300px;
	overflow: hidden;
	display: block;
	border: 1px solid rgb(225, 225, 194);
	margin: 3px 9px 6px 9px;
}

.simonssite a.image
{
	margin-top: 12px;
	margin-bottom: 5px;
}

a.image:hover
{
	border: 1px solid rgb(153, 153, 128);
}

a.image img { margin: 0; }

#content p,
#content li
{
	margin-bottom: 18px;
}



#page {
}

#part01
{
	height: 153px;
	clear: both;
	background-color: rgb(51,51,51);
	background-image: url('global/images/bg-header.png');
	background-position: 50% 0%;
	background-repeat: repeat-y;
/*
	position: fixed;
	width: 100%;
	top:0;
*/}

#part02
{
	clear: both;
/*
	margin-top: 180px;
*/}

#part03
{
	clear: both;
	margin-top: 20px;
}

.items
{
	float: left;
	width: 640px;
}

/*
kolomsysteem van 6 * (140+20) = 960
1-koloms-span : 160
2-koloms-span : 320
3-koloms-span : 480
4-koloms-span : 640
5-koloms-span : 800
6-koloms-span : 960
*/

.col01,
.col02,
.col03,
.col04,
.col05,
.col06
{
	float: left;
	width: 160px;
/*
	background-color: blue;
*/}


.simonssite .col01,
.simonssite .col02,
.simonssite .col03,
.simonspagina .col01,
.simonspagina .col02,
.simonspagina .col03,
.simonsactueelpagina .col01,
.simonsactueelpagina .col02,
.simonsactueelpagina .col03,
.simonsactueel .col01,
.simonsactueel .col02,
.simonsactueel .col03,
.simonsprojectpagina .col01,
.simonsprojectpagina .col02,
.simonsprojectpagina .col03,
.simonsproject .col01,
.simonsproject .col02,
.simonsproject .col03
{
	width: 320px;
}

.simonsprojectpagina .col01
{
    width: 720px;
}

.simonsprojectpagina .col02
{
    width: 240px;
}

.simonsprojectpagina .simonsproject
{
	float: left;
    width: 320px;
	height: 216px;
}


.simonsactueel .noimage
{
	width: 480px;
	margin-right: 160px;
}

#content img
{
/*
	border: 1px solid rgb(225, 225, 194);
	padding: 9px;
	background-color: rgb(248, 248, 248);
	margin-top: 3px;
	margin-bottom: 15px;
*/}

.simonsactueelpagina #content img
{
/*
	margin-bottom: 24px;
*/}

.simonsactueelpagina #content a.image
{
	margin-bottom: 32px;
}

.simonsactueel #content a.image,
.simonsproject #content a.image
{
	margin-bottom: 24px;
	height: auto;
}

.simonssite #content img,
.simonsprojectpagina #content img
{
	margin-bottom: 6px;
}

.simonssite #content img
{
/*
	border: none;
	padding: 0;
*/}

#content p
{
	margin-bottom: 18px;
}

.simonsactueelpagina #content p
{
	margin-bottom: 27px;
}

#content a:hover img
{
/*
	border: 1px solid rgb(153, 153, 128);
*/}

.simonssite #content a:hover img
{
/*
	border: none;
*/}

#content div.slide
{
	margin-bottom: 18px;
}

#content div.imagewrap
{
	border: 1px solid rgb(204, 204, 153);
	padding: 9px;
	background-color: rgb(248, 248, 248);
	margin-bottom: 4px;
	margin: 3px 10px 1px 10px;
}

#content div.image
{
	height: 99px;
	overflow: hidden;
}

#content div.image img
{
	border: none;
	padding: 0;
	margin: 0;
}

#content div.slide h5
{
	margin-top: 4px;
}

.simonsactueel .col02 a img:hover
{
/*
	border: 1px solid rgb(51, 51, 51);
*/}

#mainnav
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	margin: 40px 0 0 0;
	float: left;
	width: 100%;
}

#mainnav ul { margin: 0 20px; }

#mainnav ul li
{
	float: left;
	height: 18px;
	padding: 0 24px 0 0;
	font-size: 11px;
/*
	border-right: 1px solid rgb(204, 204, 153);
*/


}

#mainnav ul li a
{
	text-decoration: none;
	display: block;
	color: rgb(204, 204, 153);
}

#mainnav ul li.current
{ }

#mainnav ul li.current a
{
	color: rgb(0,0,0);
	color: rgb(153, 153, 128);
	color: rgb(255, 255, 255);
}

#mainnav ul li a:hover { color: rgb(255,255,255); }

#mainnav ul li.current a:hover { color: rgb(204, 204, 153); }
	
#header
{
	text-align: left;
	margin: 0 auto;
	width: 980px;
	height: 153px;
	background-image: url('global/images/gridx.png');
	/*
    background-repeat: no-repeat;
*/
	background-position: 0 0;
}

#header img
{
	float: left;
	margin-left: 20px;
	margin-top: 9px;
}

#content
{
	text-align: left;
	margin: 0 auto;
	width: 960px;
	margin-top: 36px;
	/*
	background-color: yellow;
*/
}


#content img.ill { border: 1px solid rgb(102,102,153); }

#content01
{
	width: 640px;
	float: left;
}

#content li h4,
#content li p
{
	margin: 0;
}

#content ul.subnav
{
	margin-top: 3px;
	margin-bottom: 27px;
	margin-left: 90px;
}

.simonssite #content ul.subnav
{
	margin-top: 12px;
}

.simonsprojectpagina #content ul.subnav
{
	margin-left: 10px;
}

#content ul.subnav li
{
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: bold;
}

#content ul.subnav li .date
{
	font-size: 11px;
	font-weight: normal;
}

#content ul.subnav li a
{
	text-decoration: none;
	display: block;
	color: rgb(153, 153, 128);
	border: none;
	border-top: solid 1px rgb(225, 225, 194);
	width: 100%;
}

#content ul.subnav li a:hover,
#content ul.subnav li.current a
{
	color: rgb(51, 51, 51);
	border-top: solid 1px rgb(51, 51, 51);
}


hr
{
	height: 1px;
	clear: both;
	border: none;
	background-color: rgb(225, 225, 194);
	margin: 0 10px;
}


.clearer { clear: both; }

#footer
{
	text-align: left;
	margin: 360px auto 0 auto;
	width: 940px;
	padding-top: 8px;
	/*
	padding-bottom: 10px;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: rgb(51,51,51);
	border-top: 1px solid rgb(51, 51, 51);
*/
	border-top: solid 1px rgb(225, 225, 194);
}

#footer p
{
	margin-left: 0;
	margin-right: 0;
	color: rgb(153, 153, 128);
	font-size: 12px;
}

#footer p a
{
	color: rgb(153, 153, 128);
	font-size: 12px;
	border-bottom: solid 1px rgb(225, 225, 194);
}

#footer p a:hover
{
	color: rgb(51, 51, 51);
	font-size: 12px;
	border-bottom: solid 1px rgb(51, 51, 51);
}

.current a { color: rgb(255,0,0); }


.meta
{
	color: rgb(153, 153, 128);
	font-size: 12px;
}


/***** basics end     *****/

/***** sdcmsstyles begin *****/
#sdeditbar
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-bottom: solid rgb(0,0,0) 1px;
	padding: 3px 0;
	font-size: 10px;
}

#sdeditbar strong { font-weight: bold; }

.editbutton { background-color:#999999;border: solid black 1px;color:white;padding:0 2px 0 2px;font-size:9px;font-weight:bold;float:right; }
.editbutton a { color:white; font-size:9px; font-weight:bold; }
.editbutton a, .editbutton a:link, .editbutton a:active, .editbutton a:visited { color:white; font-size:10px; font-weight:bold; text-decoration: none; border:none;}

a.sdeditbutton
{
	background-color: #999999;
	border: solid black 1px;
	color: white;
	padding: 2px 3px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	float: right;
	margin: 0 20px 0 0;
}

a.sdaddbutton
{
	background-color: #999999;
	border: solid black 1px;
	color: white;
	padding: 2px 3px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	float: left;
	margin: 0 0 0 20px;
}

/***** sdcmsstyles end *****/