/*  
Theme Name: friends
Theme URI: http://www.friendsgroningen.nl
Description: This is a theme for Friends Groningen.
Version: 1.0
Author: Rudy Croes
Author URI: http://www.rudycroes.com/

*/

body {
	background-image:url(images/background.jpg);
	background-repeat:repeat;
	margin:0 auto;
	margin-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:center;
	vertical-align:top;
	color:#000;
	width:1024px;
}

#logo {
	position:absolute;
	margin-left:20px;
	margin-top:5px;
}

#logo > a > img, #logo > a:hover > img {
	border:0px;
}

#top_left {
	width:353px;
	height:245px;
	padding-top:20px;
	margin-left:20px;
}

#top_info {
	color:#FFF;
	position:absolute;
	text-align:right;
	margin-left:204px;
	margin-top:-80px;
}

#top_info > p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}

#top_info > p > a {
	color:#FFF;
	text-decoration:none;
}

#top_info > p > a:hover {
	color:#AA398B;
	text-decoration:underline;
}

.breadcrumb {
	position:absolute;	
	color:#FFF;
	font-size:9px;
	padding-left:375px;
	margin-top:-192px;
}

.breadcrumb > a {
	color:#aa398b;
	text-decoration:none;
}

.breadcrumb > a:hover {
	color:#c69c6d;
	text-decoration:underline;
}

#bg {
	background-color:#201B17;
	margin:0 auto;
	width:1044px;
	height:650px;
	padding-top:10px;
}

#navigation {
    background:#201B17;
    font-size:10px;
   	font-family:Verdana, Geneva, sans-serif;
    font-weight:800;
    width:684px;
}
	
#navigation, #navigation ul {
    float:left;
    list-style:none;
    line-height:25px;
    padding:0;
    border:0;
	margin-left:340px;
	margin-top:-225px;
	z-index:10;
}

#navigation a {
    display:block;
    color:#c69c6d;
    text-decoration:none;
    padding:0px 33px;
}

#navigation li {
    float:left;
    padding:0;
}

#navigation ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:142px;
    margin:0;
	margin-left:-1px;
    line-height:0.1em;
    border-top:1px solid #fff;
}

#navigation li li {
    width:140px;
    border-bottom:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    font-weight:500;
    font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#navigation li li a {
    padding:13px 10px;
    width:120px;
    font-size:10px;
    color:#fff;
	background:#201b17;
}

#navigation li ul ul {
    margin:-28px 0 0 140px;
}

#navigation li li:hover {
    background:#FFF;
}

#navigation li ul li:hover a, #navigation li ul li li:hover a, #navigation li ul li li li:hover a, #navigation li ul li li li:hover a {
    color:#aa398b;
}

#navigation li:hover a, #navigation li.sfhover a {
    color:#aa398b;
}

#navigation li:hover li a, #navigation li li:hover li a, #navigation li li li:hover li a, #navigation li li li li:hover li a {
    color:#c69c6d;
}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul, #navigation li.sfhover ul ul ul ul {
    left:-999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul, #navigation li li li li.sfhover ul {
    left:auto;
    background:#201b17;
}

#navigation li:hover, #navigation li.sfhover {
    background:#201b17;
}

h2 {
	margin-left:20px;
	color:#aa398b;
}

div.contentPP > h3 {
	color:#f60;
	margin-left:20px;
	padding-top:15px;
	margin-top:0px;
}

div.titlePP > h2 > a , div.titlePP > h2 > a:hover{
	color:#aa398b;	
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
}

div.contentPP {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:520px;
	line-height:1.7em;
	text-align:justify;
}

div#Content {
	margin-left:10px;	
}

div.contentPP > table {
	margin-left:18px;	
	margin-top:-10px;
}

div.contentPP > p > a {
	color:#f60;
	text-decoration:none;
}

div.contentPP > table > tbody > tr > td > h2 { 
	margin-left:0px;
}

div.contentPP > p > a:hover {
	color:#f60;
	text-decoration:underline;
}

div.contentPP > p {
	margin-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

div.contentPP > table {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

div.contentPP > li.pagenav {
	margin-left:20px;
	list-style-type:none;
}

div.contentPP > li.pagenav > ul {
	margin-left:-25px;
}

div.contentPP > li.pagenav > ul > li > a, div.contentPP > li.pagenav > ul > li > ul > li > a, div.contentPP > li.pagenav > ul > li > ul > li > ul > li> a {
	color:#f60;
	text-decoration:none;
}

div.contentPP > li.pagenav > ul > li > a:hover, div.contentPP > li.pagenav > ul > li > ul > li > a:hover, div.contentPP > li.pagenav > ul > li > ul > li > ul > li> a:hover {
	color:#f60;
	text-decoration:underline;
}

#wrapper {
	background-color:#2B241E;
	margin:0 auto;
	width:1024px;
	text-align:left;
	height:640px;
}

#header {
	float:left;
	width:1024px;
}

#bgContent {
	float:left;
	background:#FFF;
	width:627px;
	height:490px;
	margin-left:373px;
	margin-top:-171px;
}

.sidebar {
	float:left;
	width:320px;
	height:294px;
	background:#2B241E;
	margin: -294px 0 0 20px;
}

#footer {
	background-image:url(images/bottom.jpg);
	background-repeat:repeat-x;
	clear:both;
	float:left;
	width:1024px;
	margin-top:20px;
}

#footer > p#textLeft {
	font-size:10px;
	color:#C69C6D;	
	margin-top:3px;
	margin-left:20px;
	text-align:left;
}

#footer > p#textLeft > a {
	color:#C69C6D;
	text-decoration:none;
}

#footer > p#textLeft > a:hover {
	color:#AA398B;
	text-decoration:underline;
}

#footer > p#textCenter {
	font-size:10px;
	color:#C69C6D;	
	margin-top:-24px;
	text-align:center;
	margin-left:125px;
}

#footer > p#textCenter > a {
	color:#C69C6D;
	text-decoration:none;
}

#footer > p#textCenter > a:hover {
	color:#AA398B;
	text-decoration:underline;
}

#footer > p#textRight {
	font-size:10px;
	color:#C69C6D;	
	text-align:right;
	padding-right:30px;
	margin-top:-24px;
}

#footer > p#textRight > a {
	color:#C69C6D;
	text-decoration:none;
}

#footer > p#textRight > a:hover {
	color:#AA398B;
	text-decoration:underline;
}