* {
	margin:				0;
	padding:			0;	
	list-style-type:   	none;
}

body {
	font: 11px/165% 'Lucida Grande', Verdana, Helvetica, sans-serif;
	color: #192837; 
	background:  	#69a9bb url(../images/bg2.jpg) no-repeat center top;
}

/* Headers */
h1, h2, h3, h4, h5 {
	font: bold 1em/1.5em Georia, 'Times New Roman', Times, serif;
	color: #4178b1;
	padding: 8px 8px 8px 10px;	 
}
h1 { font-size: 3.7em; font-weight: normal; letter-spacing: -2px; }
h2 { font-size: 2.8em; font-weight: normal; margin: 0em 0em 0em 0em; padding-bottom: 0.1em; }
h3 { font-size: 2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 14px; }
h3.p_bus { font-size: 2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 5px; padding-bottom: 2px; } /* peter_bus artikelen */
h4 { font-size: 1.2em; font-weight: normal; padding-top: 2px; padding-bottom: 0px; padding-left: 1.8em; } /* peter_bus artikelen */
h5 { 
    font-size:  1.3em; 
    margin:     0.8em 0em -1em 0.8em;
    padding:    0em;
}

p, dl, ul, ol { padding: 8px 0px 0px 12px; }


/* ------------------ tables ------------------ */
table {
  margin-left: 1em;
  border-color: #4178b1;
  border-collapse:collapse;
}

td, th {
  padding: 0em 0em 0em 1em;
  border-color: #4178b1;
}
	
/* ------------------ Containers ------------------ */
#wrap{
  width:              830px;
  margin-left: 		  auto;
  margin-right: 	  auto;
}

/* ------------------ menu ------------------ */
#nav{
	width:			  900px;
    height:           38px;
	float:			  center;
    margin-left:      -4em;
}

#nav ul {
	float: 			  left;	
	list-style: 	  none;	
	height: 		  45px;
    padding:          5px 0px 0px 0px;
}

#nav a{
	float:				left;
	width:				80px;
	text-decoration:	none;
	color:				#62a7c7;
	background-color:	white;
	padding:			0.4em 0.8em;
	border-right:		1px solid #62a7c7;
	text-transform: 	uppercase;	
}

#nav a:hover {
	background-color:   #8bbf00;
	color:			    white;
}
#nav li {
    display:            inline;
}

#nav a#current {
	background-color:	#8bbf00;
	color:			    white;
}

/* ------------------ header ------------------ */
#header-wrap {  /* AV Pronkjuweel vereniging voor aquaria en meer */
	width: 			100%;	
	right:			200px;
    margin-left:    -12px;
    padding-top:     0em;
}

#header{
	height:			150px;
}

#header h1#logo-text {   /* AV Pronkjuweel */
	margin: 			-0.1em 180px 0em 0.1em; 
    padding-top:         -2em;
	text-decoration:	none;
	font: 				normal 6.8em Georia, 'Times New Roman', Times, serif;
	letter-spacing: 	-6px;
	color: 				white;
    height:             1.4em;
}

#header p#intro {    /* vereniging voor aquaria en meer */
	font-family: 	Georia, 'Times New Roman', Times, Serif;
	font-weight: 	normal;
	font-size: 		20px;
	font-style: 	italic;
	color: 			#fff;
	width: 			600px;
    margin-top:     -1.2em;
    margin-left:    1.3em;
}


/* ------------------ content ------------------ */
#content-wrap{
	background-color:	white;
	width:			    100%;
	height:			    470px;
    margin-top:         -1.5em;
    
}

.left{
	float:				left;
	background-color:	#d5e9f2;
	width:				580px;
	height:				100%;	
}

p.line {            /* voor de groene lijn */
	border-bottom:      2px solid #8bbf00;	
    height:             2px;
    padding:            0em;
    margin-left:        1em;
    margin-right:       2.5em;
    margin-bottom:      5px;
}

.scroll {
    height:             375px; 
    width:              550px; 
    overflow-y:         scroll; 
    font-size:          larger;
    padding-left:       15px;
    padding-right:      15px;
    padding-top:        0px;
}

.scroll p.kop_5 {   /* tussen kopteksten in P bus artikelen */
    padding-bottom:     0em;
    margin-left:        0.6em;
}

/* ------------------ right ------------------ */
.right{
	float:				right;
	background-color:	white;
	height:				100%;
	width:				240px;
	color:				black;
}


/* ------------------ sidebar menu ------------------ */
h3#peter_bus {
    margin-top:     0.5em;
}

.artikelen ul {
	text-align: 	left;
	margin: 		3px 14px 3px 10px; 
	padding: 		0;
    padding-top:    17px;
	border-top: 	2px solid #8bbf00; 
	list-style: 	none;
}

.artikelen ul li {
    margin-top:         0px;
    margin-bottom:      0.5em;
}

.artikelen ul li a:link,
.artikelen ul li a:visited {
	font-family: 		Georgia, 'Times New Roman', Times, Serif;
	color: 				#000;
	text-decoration:	none;
	border-bottom: 		1px solid #8bbf00;	
}


.artikelen ul li a:hover { 
    color:              #8bbf00;	
}

/* ------------------ p_bus.php en included verhalen ------------------ */

h3#peter_bus {
    padding:        1.0em 0em 0.3em 0.5em;
    margin:         0em;
}

#peter_scroll {   /* voor p_bus.php speciaal */
    height:         355px; 
    width:          228px; 
    overflow-y:     scroll; 
    padding-right:  1em;
}

#peter_scroll ul {
    border:           none;
    margin:           0em 0em 0.1em 1em;
    padding-top:      0.2em;
}

#peter_scroll a {
    text-decoration:   underline #8bbf00;
}

.subtitle {          /* h4 kopjes in P. Bus artikelen */
    margin-top:         0.5em;
    margin-bottom:      0em;
    margin-left:        1em;
    padding:            0em;
}

#p_bus_subtitle {
    margin-top:        -1.7em;
    margin-left:        1em;
    padding-left:       0.1em;
    width:              540px;
	border-bottom: 	    2px solid #8bbf00; 
    margin-bottom:      0.5em;
}

p.kop_5 { 
	font:                bold 1em/1.5em Georia, 'Times New Roman', Times, serif;
	color:               #4178b1;
    font-size:           1.3em; 
    margin:              0.8em 0em 0em 0.8em;
    padding:             0em;
}


/* ------------------ P_bus_full.php ------------------ */
.p_bus_full{
	background-color:	#d5e9f2;
	width:			    85%;
    margin-top:         -1.5em;
    margin-left: 		auto;
    margin-right: 		auto;
    padding-left:       4em;
    padding-right:      4em;
    padding-bottom:     3em;
}

/* ------------------ footer ------------------ */
#footer{
    position:           relative;
    margin-bottom:      0em;
    margin-top:         0.7em;
    width:				830px;
	height:				1.7em;
    margin-left: 		auto;
    margin-right: 		auto;
	background-color:	#053046;
}

#footer a { 
	text-decoration:	none;
	color:				#ff0060;
	}
	
#footer a:hover { border: none }

#footer p {
    float:             left;
    width:             810px;
    text-align:        center;    
    margin-top:        -0.8em;
	color:			   white;
}