/*   
Theme Name: Student Onbekend.nl
Theme URI: http://studentonbekend.nl
Description: Theme voor de website van Student Onbekend.nl
Author: Charlotte webdesign
Author URI: http://www.charlottewebdesign.nl
Version: 1.0

(c) Copyright 2010 Charlotte webdesign en Student Onbekend.nl

*/

/* algemeen */
* { 
	margin: 0;
	padding: 0;
	border: 0;
	font-family: tahoma, verdana, arial, sans-serif;
}

html, body {
	height: 100%;
	background: #ebf5fa;
}

#container { 
	width: 1000px;
	margin: 0 auto;
	clear: both;
	background: url('shadow_right.jpg') top right repeat-y #fff;
}

.reparatiediv { 
	height: 0px;
	clear: both;
	font-size: 1px;
	background: transparent;
}

/* header */
#foto { 
	position: absolute;
	width: 950px;
	height: 180px;
	margin-left: 20px;
	margin-top: 0px;
	background: #fff;
	z-index: 1;
}

#logo { 
	position: relative;
	width: 950px;
	height: 180px;
	margin-left: 20px;
	margin-top: 0px;
	background: url('logo.png') top left no-repeat transparent;
	z-index: 10;
}

/* menu */
#menu-links { 
	width: 5px;
	height: 30px;
	margin: 10px 0 10px 20px;
	background: url('menu_links.gif') left no-repeat #4382a2;
	float: left;
}
#menu { 
	width: 945px; /* breedte header - menu-links */
	height: 30px;
	margin: 10px 0 0 25px; /* margin-left: width + margin-left menu_links */
	background: url('menu_rechts.gif') right no-repeat #4382a2;
	font-size: 11pt;
	color: #fff;
}

#menu ul { 
	text-align: center; 
	padding-top: 5px; 
} 
#menu li { 
	display: inline;
	padding: 0 15px;
}

#menu a:link {		color: #fff; text-decoration: none; background: transparent; }
#menu a:visited {	color: #fff; text-decoration: none; background: transparent; }
#menu a:hover {		color: #ebf5fa; text-decoration: underline; background: transparent; }
#menu a:active {		color: #fff; text-decoration: none; background: transparent; }

/* submenu */
#submenu-top { 
	width: 200px;
	height: 5px;
	margin-left: 20px;
	background: url('submenu_top.gif') top center no-repeat #ebf5fa;
	float: left;
}
#submenu { 
	width: 200px;
	min-height: 300px;
	margin-left: -200px; /* breedte submenu-top */
	margin-top: 5px; /* hoogte submenu-top */
	background: url('submenu_bottom.gif') bottom center no-repeat #ebf5fa;
	float: left;
	font-size: 10pt;
	color: #000;
}

h3 {	font-size: 11pt; color: #4382a2; padding: 10px 0 0 10px; } /* titel submenu */
#submenu ul { 
	list-style-type: none;
	padding: 10px 0 10px 10px; 
}
#submenu li { 
	padding: 3px 0;
}
#submenu a:link {	color: #000; text-decoration: none; background: transparent; }
#submenu a:visited {	color: #000; text-decoration: none; background: transparent; }
#submenu a:hover {	color: #4382a2; text-decoration: none; background: transparent; }
#submenu a:active {	color: #000; text-decoration: none; background: transparent; }

/* content */
#content { 
	width: 730px;
	background: #fff;
	float: right;
	margin-right: 10px;
	padding: 0px 20px 20px 0px;
}

a:link {		color: #000; text-decoration: underline; background: transparent; }
a:visited {	color: #000; text-decoration: underline; background: transparent; }
a:hover {	color: #000; text-decoration: none; background: transparent; }
a:active {	color: #000; text-decoration: underline; background: transparent; }

h1 {	font-size: 18pt; color: #4382a2; padding-bottom: 20px; font-family: 'trebuchet ms', arial, sans-serif; font-weight: normal; }  
h2 {	font-size: 13pt; color: #333; padding-bottom: 10px; padding-top: 5px; font-weight: normal; } /* tussenkop */
#content p {	font-size: 10pt; color: #000; padding-bottom: 10px; line-height: 150%; } 
small { font-size: 8pt !important; color: #333 !important; padding-bottom: 5px; } 
blockquote { border: 1px dotted #4382a2; padding: 5px; } 
.center { text-align: center; } 

#content img { padding: 2px; } 
img.icon { vertical-align: bottom; } 

	/* table */
table {	width: 100%; border: 0; font-size: 10pt; color: #000; padding-bottom: 5px; }
th {		border-bottom: 1px solid #4382a2; color: #4382a2; padding: 2px; }
td {		vertical-align: top; padding: 2px; }

	/* lists */
#content ul {	font-size: 10pt; padding: 0 0 10px 20px; line-height: 150%; list-style: disc outside; } 
#content ol {	font-size: 10pt; padding: 0 0 10px 20px; line-height: 150%; list-style: number outside; } 
ul.inhoud { list-style-type: none !important; }

	/* info nieuws-pagina */
div.info { 
	font-size: 8pt;
	color: #333;
	padding: 2px 0;
	border-bottom: 1px solid #4382a2;
}

/* footer */
#footer { 
	width: 1000px;
	background: url('shadow_bottom.jpg') top left no-repeat #ebf5fa;
	margin: 0 auto;
	clear: both;
}
#footer p { font-size: 8pt; color: #9a9a9a; text-align: center; padding: 20px 0 0 0; margin: 0; } 
#footer a:link {		color: #4382a2; text-decoration: none; background: transparent; }
#footer a:visited {	color: #4382a2; text-decoration: none; background: transparent; }
#footer a:hover {		color: #4382a2; text-decoration: underline; background: transparent; }
#footer a:active {	color: #4382a2; text-decoration: underline; background: transparent; }