/***

Techtwo webdevelopment
Author: Wim La Haye

General placement and properties of website elements

***/

/*** General ***/
body {
	background-color: #000;
}
div#container {
	background-color: #fff;
}
div#content-container {
	width: 900px;
	margin: 0px auto;
}
div#content {
	width: 900px;
	padding-bottom: 60px;
}
ul.error {
	list-style-image: url(../images/bullets/error.jpg);
}
ul.error li, p.error {
	color: #d07e56;
}


/*** Top ***/
div#top {
	height: 170px;
}
div#logo {
	width: 300px;
	margin-top: 10px;
	float: left;
}
div#logo img a {
	border: 0;
}


/*** Navigation ***/
div#navigation {
	width: 600px;
	float: right;
	margin-top: 30px;
}
div#navigation ul {
	list-style: none;
	float: right;
}
div#navigation ul li {
	display: inline;
	margin: 0px 9px;
}
div#navigation ul li#pakketten-li {
	position: relative;
}
div#navigation ul li.over ul {
	display: block;
}
div#navigation ul li ul {
	display: none;
	position: absolute;
	width: 200px;
	left: -28px;
	top: 0px;
	padding-top: 30px;
}
div#navigation ul li ul li {
	display: block;
	height: 27px;
	border-bottom: 1px solid #eee;
}

/*** Sub navigation ***/
ul.subnav {
	list-style: none;
	margin-bottom: 36px;
	border-bottom: 1px solid #eee;
	padding: 0 0 5px 10px;
}
ul.subnav li {
	display: inline;
	margin-right: 20px;
}
ul.subnav li a {
	text-decoration: none;
}
ul.subnav li a.active {
	border-bottom: 1px solid #5bbae6;
	color: #5bbae6;
}

/*** Pakketten ***/
div.pakket-imageslider {
	margin-bottom: 18px;
}

/*** Contact ***/
div#contact-map {
	float: left;
	width: 570px;
	height: 400px;
}
div#contact-map img {
	border: 4px solid #dbdbdb;
}
div#contact-right {
	width: 310px;
	height: 400px;
	float: right;
}


/*** Home ***/
div#home-pakketten {
	width: 310px;
	float: right;
}
div.home-pakket {
	margin-bottom: 50px;
}
div.home-pakket img {
	margin-bottom: 10px;
}
div#home-slideshow {
	float: left;
	width: 570px;
}
div#home-slideshow #myGallery {
	border: 4px solid #dbdbdb;
	margin-bottom: 60px;
}

.block { background: #eee; padding: 10px;}
.block .twitter { margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 2px #fff;  }
.block ul { padding: 0; }
.block li { list-style: none; padding: 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 5px; padding-bottom: 5px; }
.tweet_list { margin-bottom: 10px; }


/*** Over ons ***/
div#over-ons {
	width: 600px;
	padding-right: 300px;
	background: #fff url(../images/backgrounds/over-ons.jpg) no-repeat right 0px;
}


/*** Portfolio ***/
div.portfolio-item {
	width: 290px;
	float: left;
	margin: 5px;
}
div.portfolio-item a img {
	border: 4px solid #dbdbdb;
	opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8;
}
div.portfolio-item a:hover img {
	opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0;
}

/*** Reseller worden ***/
div#reseller-webdesign div.left {
	float: left;
	width: 700px;
}

div#reseller-webdesign div.right {
	padding-top: 50px;
	width: 150px;
	float: right;
}

div#reseller-webdesign div.right input.submit-clear {
	clear: both;
	display: block;
}

div#reseller-webdesign div.right input {
	margin-bottom: 5px;
}


/*** Order ***/
div#order-progress a img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.pakket-holder {
	width: 270px;
	float: left;
	margin: 50px 0px 0px 0px;
}
div.pakket-holder-center {
	margin: 50px 30px 0px 30px;
}
div#order-step-2 {
	padding-top: 50px;
}
div#order-step-4 {
	padding-top: 50px;
}


/*** Footer **/
div#footer-navigation {
	width: 900px;
	padding-bottom: 30px;
}

div#footer-container {
	width: 900px;
	margin: 0px auto;
	padding-top: 40px;
}
div#contact-form {
	width: 50%;
	float: right;
}
div#contact-form table tr td {
	padding: 5px;
}
div#contact-info {
	width: 50%;
	float: left;
}
div#contact-info ul{
	list-style: none;
	padding: 0px;

}
div#av ol li.header {
	color: #5bbae6;
}
div#av ol li.header ol {
	color: #606060;
}
div#footer .floatleft {
	margin-left: 0px;
}
div#oc-holder ul {
	list-style: none;
	padding: 0px;
	width: 230px;
	float: left;
	padding-bottom: 30px;
}
div#oc-holder ul li a {
	background: transparent url(../images/bullets/grey-dark.jpg) no-repeat left center;
	padding-left: 15px;
}
span.color-box {
	display: block;
	width: 250px;
	height: 18px;
}