@charset "UTF-8";

/* CSS Document massimomeijer.nl */

body {background:url(images/bg_website.gif) #CCC repeat top center; margin:0; padding:0;
font-family:Verdana, Arial, Helvetica; font-size:11px; line-height:16px; color:#434343;}

h1 {font-size:28px; color:#000000; padding:10px 0 10px 10px; margin:10px 0 10px 0;}
h1.regular_header {padding:0px 0 10px 10px; margin:10px 10px 10px 0;}
h2 {font-size:18px; color:#000000;  padding:10px 0 10px 0; margin:10px 0 10px 0}
h2.regular_header {padding:0px 0 10px 0; margin:10px;}
h3 {font-size:12px; color:#747474; font-weight:normal; padding:0px; margin:0 0 0 10px;}

a:link		{color:#d6741f; text-decoration:underline;}
a:visited	{color:#d6741f; text-decoration:underline;}
a:active	{color:#d6741f; text-decoration:underline;}
a:hover		{color:#f00;}

p {padding:0px 0 10px 0; margin:0px 10px 10px 10px;}
img {border:none; text-decoration:none; padding:0px; margin:0px;}

/* Page Container 

#container_page		{width:920px; margin:auto; padding:0;}
#container_content	{margin:0; padding:0;}

*/
	
#container_page 	{position: relative; width:930px; margin-left:auto; margin-right:auto; padding:0;}
#container_content	{position: relative; margin:0; padding:0 10px 0 0; float:left;}

/* Header */

#nav ul			{width:100%; float:left; padding:30px 0 10px 0; margin:0px; }
#nav ul li		{float:left; text-indent:-9999em; padding-right:10px; list-style-type:none;}
#nav ul li a	{width:100%; height:28px;display:block; background:url(images/menu.jpg) no-repeat; outline:none;}

#nav ul li.logo a	{width:198px; background-position:0 0;}
#nav ul li.work a	{width:55px; background-position:-198px 0px;}
#nav ul li.about a	{width:60px; background-position:-253px 0px;}
#nav ul li.links a	{width:56px; background-position:-313px 0px;}
#nav ul li.contact a	{width:72px; background-position:-369px 0px;}

#nav ul li.logo a:hover		{width:198px; background-position:0px -28px;}
#nav ul li.work a:hover		{width:55px; background-position:-198px -28px;}
#nav ul li.about a:hover	{width:60px; background-position:-253px -28px;}
#nav ul li.links a:hover	{width:56px; background-position:-313px -28px;}
#nav ul li.contact a:hover	{width:72px; background-position:-369px -28px;}

/* Content */

#contentside	{float:left; width:600px; padding:0; margin:0;}
#sidebar		{float:right; width:310px; padding:0 0 0 10px; margin:0;}

/* Box */

#box 	{background-color:#fff; padding:10px 0 0 0; margin:0 0 10px 0; width:600px;}
#box ul {list-style-type:square; list-style-position: inside; padding:0px 0px 15px 0px; margin:0 0 10px 15px;}

#box a 			{color:#d6741f; text-decoration:underline;}
#box a:visited	{color:#d6741f; text-decoration:underline;}
#box a:active	{color:#d6741f; text-decoration:underline;}
#box a:hover	{color:#f00;}

#box_header 				{position:absolute; margin:10px 10px 10px 20px;}
#box_header span 			{background-color:#fff; padding:3px 10px 3px 10px; margin:0;}
#box_header span a:link		{color:#434343; text-decoration:none;}
#box_header span a:visited	{color:#434343; text-decoration:none;}
#box_header span a:active	{color:#f00; text-decoration:underline;}
#box_header span a:hover	{color:#f00; text-decoration:underline;}

#box_header .post-edit-link {background-color:#ff0; padding:3px 10px 3px 10px; margin:0; color:#000; font-weight:bold;}

#box_header h1 			{padding:0 0 12px 0; margin:0px; line-height:40px; width:570px;}
#box_header h1 a		{padding:3px 10px 3px 10px; margin:0;}
#box_header h1 a:link	{background-color:#fff; color:#000; text-decoration:none;}
#box_header h1 a:visited{background-color:#fff; color:#000; text-decoration:none;}
#box_header h1 a:hover	{background-color:#000; color:#fff; text-decoration:none;}
#box_header h1 a:active	{background-color:#000; color:#fff; text-decoration:none;}

#main_image 	{width:580px; height:250px; padding:0 0 10px 10px; margin:0px; cursor:pointer;}
#main_image img	{width:580px; height:250px; padding:0px; margin:0px; background:url(images/bg_website.gif) #ccc repeat; }
#main_image p 	{padding:0px; margin:0px;}

.comment_link {background:url(images/comment_cloud.gif) left center no-repeat; margin-left:3px; padding-left:18px;}

.box_part_1 {width:190px; float:left; padding-right:10px; padding-bottom:10px;}
.box_part_2 {width:190px; float:left; padding-right:10px; padding-bottom:10px;}
.box_part_3 {width:190px; float:right; padding-right:10px; padding-bottom:10px;}
.box_part_1_2 {width:390px; float:left; padding-right:10px; padding-bottom:10px;}

/* Box Comments */

#box_comments {background-color:#FFFFFF; padding:10px; margin-bottom:10px; display:block;}
#box_comments ul {list-style-type:none; padding:0; margin:0 0 10px 0;}
#box_comments li.who {padding:0; margin:20px 10px 5px 0;}
#box_comments li.message {background:url(images/comment.jpg) no-repeat left top #434343; color:#fff; padding:20px 10px 10px 10px; margin:0px;}

#box_comments p {padding:0px; margin:0px;}

#box_input {background-color:#FFFFFF; padding:10px; margin-bottom:10px; display:block;}
#box_input p {padding:0 0 10px 0; margin:0px;}
#box_input input 	{border:#666 1px solid; margin:2px 0 5px 0; padding:2px;}
#box_input textarea {border:#666 1px solid; margin:2px 0 5px 0; padding:2px;}

/* Sidebar Box */

#sidebar_left	{float:left; width:150px; margin-right:10px}
#sidebar_right {float:left; width:150px;}

#sidebar_box 	{width:150px; background-color:#FFFFFF; padding:0px; margin:0 0 10px 0;}
#sidebar_box h2 {font-size:18px; color:#000000; background:url(images/dotted_line.gif) repeat-x left bottom; padding:10px 0px 10px 0px; margin:0px 10px 0px 10px;}
#sidebar_box ul {list-style-type:none; padding:0px 0px 10px 0px; margin:0;}
#sidebar_box li {background:url(images/dotted_line.gif) repeat-x left bottom; padding:8px 0px 8px 0px; margin:0px 10px 0px 10px;}

#sidebar_box a:link, a:visited {color:#434343; text-decoration:none;}
#sidebar_box a:hover, a:active {color:#f00; text-decoration:none;}

#sidebar_box a.aboutme:link, a.aboutme:visited {color:#434343; text-decoration:underline;}
#sidebar_box a.aboutme:hover, a.aboutme:active {color:#f00; text-decoration:underline;}

#sidebar_box form input {width:120px; padding:2px; margin:5px 0 5px 0; color:#999; border:#666 1px solid;}

/* Footer */

#footer {font-size:10px; line-height:10px; padding:0; margin-bottom:50px;}
#footer p {padding:2px 0 12px 0; margin:0;}
#footer p span {background-color:#fff; 	padding:0 10px 0 10px; margin:0;}

/* Other */

#nextprev {width:580px; height:28px; padding:0 10px 10px 10px;}
#nextprev a	div.prev, #nextprev a div.next{width:50px; height:28px;display:block; background:url(images/button_prevnext.jpg) no-repeat; text-indent:-9999em;}
#nextprev a div.prev {width:50px; background-position:0px 0px; float:left; padding-left:0px;}
#nextprev a div.next {width:50px; background-position:-50px 0px; float:right; padding-left:0px;}
#nextprev a:hover div.prev {width:50px; height:28px; background-position:0px -28px;}
#nextprev a:hover div.next {width:50px; height:28px; background-position:-50px -28px;}

#clear {clear:both;}
#clear_line {clear:both; height:1px; margin:0 10px 0 10px; padding:0 0 20px 0; border-top: thin dotted #999;}