/* ****************************** */
/* Jebede.nl css-code *********** */
/* ****************************** */

html, body {
	height: 100%;
}

img { border: 0px; }

a:link, a:active, a:visited { color: black; }
a:hover { color: silver; }

h1 {
	font-family: Georgia;
	font-weight: normal;
}

h2 {
	font-family: Georgia;
	font-weight: normal;
}

/* container */
#topcontainer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -78px; /* hoogte footer */
}

#container {
	width: 938px;
	text-align: left;
}

/* header */

#header {
	width: 938px;
	height: 120px;
	text-align: left;
}

#logo { margin-top: 10px; float: left;	 background-image: url(../images/logo.gif); }
#logo a { margin: 0; padding: 0; display:block; width: 314px; height: 102px; text-align: left; text-indent: -2000em;}
#logo h1 { font-size: 12px; margin: 0; padding: 0; }

#navigatie ul { float: right; list-style: none; margin-top: 0px; margin-right: 0px; }
#navigatie ul li { float: left; margin-right: 1px; padding: 0; background-color: #222222; }
#navigatie li a:link, #navigatie li a:visited, #navigatie li a:active {
	height: 23px;
	line-height: 2em;
	width: 8em;
	display: block;
	color: white;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

.nav_selected a:link, .nav_selected a:visited, .nav_selected a:active { border-top: 7px solid #ca0069; }
.nav_else a:link, .nav_else a:visited, .nav_else a:active { border-top: 7px solid #9c9c9c; }
.nav_else a:hover { border-top: 7px solid #ca0069; }

#nav ul li { float: none; }
#nav ul {
	position: absolute;
	width: 120px;
	left: -1000px;
	padding: 0px;
	margin: 0px;
	line-height: 12px;
	border: 0px;
}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {
	width: 120px;
	border: 0px;
	border-bottom: 1px solid #2f2f2f;
	padding: 0;
	margin: 0;
}
#nav ul li a:hover { border-left: 3px solid #ca0069 }
#nav li:hover ul, #nav li.ie_does_hover ul { left: auto;background-position: 0 0}
.nav_sub_selected {	border-left: 3px solid #ca0069 }
.nav_sub_selected:hover { border-left: 0px; }


/* onderheader */
#onderheader { height: 176px; line-height: 24px; font-size: 11px; color: #e6e4e4; }
#onderheader h1 { font-size: 18px; color: white; margin: 7px 0px 10px 0px; padding: 0; }
#onderheader p { margin: 0; padding: 0; }
#onderheader_webontwikkeling { float: left; margin-right: 50px; }
#onderheader_webontwikkeling a { color: #e6e4e4; text-decoration: none; }
#onderheader_webontwikkeling_img { margin-top: 5px; margin-right: 3px; float: left; width: 202px; }
#onderheader_webontwikkeling_tekst { float: left; width: 235px; *width: 230px; }
#onderheader_hosting { float: left; }
#onderheader_hosting a { color: #e6e4e4; text-decoration: none; }
#onderheader_hosting_img { margin-right: 8px; float: left; width: 202px; }
#onderheader_hosting_tekst { float: left; width: 235px; *width: 230px; }

/* main */
#main { margin: 20px 0px 20px 0px; line-height: 24px; }
#main_links { float: left; width: 722px; padding-right: 20px; }
#main_links h1 { font-size: 24px; color: #ff0084; margin:0px; }
#main_links h2 { font-size: 20px; color: #ff0084; margin:0px; }
	.main_img { float: left; width: 136px; margin-right: 24px; }
	.main_tekst { float: left; width: 541px; margin-bottom: 10px; }
	.main_tekst a { color: #ff0084; text-decoration:none; }
	.main_tekst h1 { font-size: 24px; color: #ff0084; margin:0px; }
	.main_tekst2 { float: left; width: 722px; margin-bottom: 10px; }
	.main_tekst2 a { color: #ff0084; text-decoration:none; }
	.main_tekst2 h1 { font-size: 24px; color: #ff0084; margin:0px; }
#main_rechts { float: left; width: 150px; }
	.main_recentprojects { width: 150px; background-color: #e5e5e5; padding: 10px 22px 5px 21px; }
	.main_recentprojects h1 { font-size: 18px; color: #ff0084; margin:0px 0px 5px 0px; }
	.main_recentprojects_tekst { text-align: center; }
	.main_recentprojects_tekst a { text-decoration: none; }
.pushfooter { height: 78px; /* hoogte footer */ }

/* footer */
#footer { width: 100%; clear: both; background-color: #2f2f2f; color: white; border-top: 7px solid #3d3d3d; height: 71px; /* hoogte footer */ text-align: left; line-height: 24px; overflow:auto;}
#innerfooter { width: 938px; padding-top: 10px; }
#footer a:link, #footer a:visited, #footer a:active { color: white; text-decoration: none; }
#footer_links { float: left; text-align: left; }
#footer_rechts { float: right; text-align: right; }