/* Algemene reset */

* {
	margin: 0;
	padding: 0;
}


/* Layout */

body {
	width: 100%;
	font: 75%/160% "Lucida Sans Unicode", "Lucida Console", Arial, Georgia, Helvetica, sans;
	color: #51382C;
	text-align:center;
	background-color: #fff;
}

#container {
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#menu{
	width: 960px;
	height: 72px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#menuleft{
	float: left;
	width: 260px;
	height: 72px;
	margin-left: 10px;
}

#menuright{
	float: right;
	width: 570px;
	height: 72px;
	line-height: 72px;
	padding-left: 100px;
	size: 15px;
}

#content{
	width: 960px;
	height: 450px;
	background-image: url(../images/bg_content.jpg);
	background-repeat: no-repeat;
}

#kaart{
	width: 910px;
	height: 400px;
	margin-top: 25px;
	margin-left: 25px;
	position: absolute;
}

#kaartleft{
	float: left;
	width: 318px;
	height: 398px;
	background-color: #efede1;
	position: relative;
	border: 1px solid #d5d6ce;
}

#kaartright{
	float: right;
	width: 590px;
	position: relative;
}

#contactleft{
	float: left;
	width: 425px;
	height: 398px;
	background-color: #efede1;
	position: relative;
	border: 1px solid #d5d6ce;
}

#contactright{
	float: right;
	width: 480px;
	height: 400px;
	position: relative;
}

#footer {
	clear: both;
	width: 960px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #d5d6ce;
}

#footerleft {
	float: left;
	width: 455px;
	padding-left: 25px;
}

#footerright {
	float: right;
	width: 250px;
}


/* Tags & Classes */

#menu a {
	font-size: 13px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#my_gallery li {
	list-style-type: none;
}

.imagereplacement {
	text-indent: -9999px;
	width: 260px;
	height: 72px;
	background-image: url(../images/img_logo.jpg);
	background-repeat: no-repeat;
}

blockquote.style1 {
	font: 14px/20px italic Times, serif;
	padding: 8px;
	background-color: #efede1;
	text-indent: 23px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #C1C1C1;
	border-bottom-color: #C1C1C1;
	margin-top: 25px;
	margin-right: 55px;
	margin-bottom: 5px;
	margin-left: 55px;
}

blockquote.style1 span {
     display: block;
}

h3 {
	padding-bottom:8px;
	border-bottom: 2px solid #d7d2c2;
	font-size: 1.2em;
	margin: 15px;
}

#kaartleft a, #footer a, #menu a, ul#portfolioItems a { 
	color: #bc2821; 
	text-decoration: none;
}

#kaartleft a:hover, #footer a:hover, #menu a:hover, ul#portfolioItems a:hover { 
	color: #51382C; 
	text-decoration: none;
}

#container #content #kaart #kaartleft ul #mlink {
	list-style-type: none;
	margin-left: 35px;
	font-size: 13px;
}

#content p, #content h3.veranda {
	margin-left: 35px;
	margin-right: 35px;
}

/* Sidebar Menu */

#portfolioLinks { 
	width: 100%; padding: 0;
}

#portfolioLinks li {
	font-size: 1.2em;
	border-bottom: 1px solid #d7d2c2;
	margin-bottom: 5px;
	list-style-type: none;
	margin-left: 20px;
	margin-right: 20px;
}

#portfolioLinks li a:link, #portfolioLinks li a:visited, #portfolioLinks li a:hover, #portfolioLinks li a:active { 
	display: block; 
	width: 100%; 
	padding: 0 0 3px 0; 
}

#portfolioLinks li.last { 
	border: none; 
}

#portfolioLinks ul.checklist { 
	margin: 24px 0; 
}

#portfolioLinks ul.checklist li { 
	padding-left: 28px; 
	background: transparent url(../images/icons/icon_check_small.gif) 0 50% no-repeat; 
	font-size: 1.4em; 
	color: #555555; 
	margin-bottom: 6px; 
	font-weight: bold; 
}


/* Formulier */

.option {
	display: inline;
}

.form_top {
	margin-top: 30px;
}

.small {
	border: 1px solid #d7d7d7;
	padding: 4px;
	width: 300px;
	color: #5a5a5a;
	display: block;
}

.medium {
	border: 1px solid #d7d7d7;
	padding: 4px;
	width: 447px;
	color: #5a5a5a;
	display: block;
}

.large {
	border: 1px solid #d7d7d7;
	padding: 4px;
	width: 602px;
	color: #5a5a5a;
	display: block;
}

.submit {
	border: none;
	padding: 6px 20px;
	margin-right: 8px;
	margin-top: 15px;
	margin-bottom: 20px;
	width: 140px;
	color: #fff;
    background: #51382C;
}

.submit:hover {
	background: #51382C;
	cursor: pointer;
}

.right_button {
	float: right;
	margin-right: 0px;
	margin-top: 30px;
	margin-bottom: 10px;
}

form {
	margin-top: 10px;
	margin-left: 30px;
}

.success {
	width: 305px;
	background: #d0d8ec;
	border: 1px solid #37529e;
	color: #37529e;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.error {
	width: 305px;
	background: #e7d5cc;
	border: 1px solid #c57146;
	color: #89352a;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
}


/* Sfeerbeelden */

.gallery {
	list-style: none;
	margin-right: 35px;
	margin-bottom: 35px;
	margin-left: 35px;
}

.gallery li {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 15px;
	padding-bottom: 10px;
	float: left;
	position: relative;
	width: 136px;
	height: 99px;
}

.gallery li:hover img {
	border-color: #000;
}

.gallery img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}

.gallery em {
	background: #fff url(../images/grey-gradient.gif) repeat-y;
	color: #000;
	font-style: normal;
	font-size: 9px;
	padding: 0px 10px;
	display: block;
	position: absolute;
	top: 80px;
	left: 6px;
	border: 1px solid #999;
	border-left-color: #888;
}

.gallery a {
	text-decoration: none;
}

.gallery a:hover em {
	color: #bc2821;
	border-color: #c25b08;
}


/* Tabs */

ul#portfolioLinks {
	line-height:24px;
}

ul#portfolioItems li {
	padding-bottom:50px;
	list-style-type: none;
}

span.screenshot {
	background: url(../images/screenshot.png) no-repeat;
	width:430px;
	margin-left:-10px;
	height:268px;
	padding:44px 0 0 10px;
	display:block;
	overflow:hidden;
}


/* Menu lijst */

ul#portfolioItems p {
	font-size: 11px;
	clear: both;
	width: 485px;
	margin-left: 55px;
}

ul#portfolioItems p strong {
	font-weight: normal;
	float: left;
}

ul#portfolioItems p em {
	float: right;
	padding-left: 40px;
}

ul#portfolioItems p sup {
	font-size: 85%;
	margin-left: 3px;
}


/* Index slide */

#slider {
 	width: 935px; /* important to be same as image width */
	height: 430px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
	width: 935px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
	display: none;
	margin-left: 25px;
	margin-top: 25px;
}

.sliderImage span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	width: 935px;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	color: #fff;
	display: none;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 15px;
	padding-left: 13px;
	margin-left: 25px;
}

.clear {
	clear: both;
}

.sliderImage span strong {
	font-size: 14px;
}

.bottom {
	bottom: 0;
	left: 0;
}

ul { 
	list-style-type: none;
}

.sliderImage a img {
	border: 0px;
}