/* Stylesheet voor Evangelische Gemeente Dieren */

/* Algemeen */

a {
    color: #11f;
    text-decoration: none;
}
a:hover {
    color: black;
    text-decoration: underline;
}
a:visited {
	color: #333399;
}

body {
    color: black;
    background-color: #eef;
    font-family: arial, helvetica, verdana, sans-serif;
	font-size: small;
}

div {
    margin: 0;
    padding: 0;
}


#global {
	width: 960px;
	margin-left: auto;
	margin-right: auto;	
}

/* Header, Footer */

#title {
	color: black;
    font-size: xx-large;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}

#subtitle {
	color: black;
    font-size: large;
    font-family: 'times new roman', serif;
    font-style: italic;
    text-align: center;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#footer {
    padding-top: 1em;
    margin-bottom: 4em;
    clear: both;
}

#subfooter {
    font-size: small;
    text-align: center;
    margin-top: 4em;
    margin-bottom: 2em;
}

/* Navigation */

a.nav {
	text-decoration: none;
	color: black;
	background-color: #ffc9c9;
	border: solid 1px black;
	margin: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

a.curnav {
	background-color: #ff9999;
}

.navigation {
	margin: 10px;
	text-align: center;
}

/* Content */

#content {
    width: 960px;
    height: auto;
    margin-top: 5em; /* 2em (line-height) + 2 * 1em (margin-top, #topmenu ) + 1em (extra) */
}

/* Message */

.msggood {
	background-color: #ccffcc;
	border: solid 1px black;
	padding: 5px;
}

.msgbad {
	background-color: #ff9999;
	border: solid 1px black;
	padding: 5px;
}

.msgwait {
	background-color: #ffff99;
	border: solid 1px black;
	padding: 5px;
}

/* Standaardpagina */

#leftcolumn {
    float: left;
    width: 132px;
}

#rightcolumn {
    float: right;
    min-height: 480px;
    width: 780px;
    padding: 1em;
    background-color: #ffe3e3;
    border: solid 1px black;
    background-image: url("/images/misc/kruis_back.png");
    background-repeat: no-repeat;
    background-position: top center;
}

.galleryimage {
    border: solid 1px black;
}

.sideimage {
    border: solid 1px black;
    width: 128px;
    height: 96px;
    margin: 1em 0;
}

/* Hoofdpagina */

#mainleft {
    float: left;
    width: 536px;
    height: 496px;
    position: relative;
}

#mainright {
    float: right;
    width: 360px;
    height: 496px;
    padding: 1em 2% 1em 2%;
    background-color: #ffe3e3;
    border: solid 1px black;
}

.mainimage {
    border: solid 1px black;
    float: left;
    width: 128px;
    height: 96px;
    position: absolute;
}

/* Home */

#home_original li {
    padding: 0.15em;
}

#home_nav {
    border-left: solid 1px #f99;
    border-bottom: solid 2px #f99;
    width: 90%;
    padding: 0.5em;
}

.deco_one {
    border-left: solid 1px #f99;
    border-bottom: solid 2px #f99;
    width: 50%;
    padding: 0.5em;
}

/* Ledenlijst */

#memberslist {
    border: solid 1px #f99;
    width: 100%;
    font-size: small;
}

.membersheader {
    background-color: #ffc3c3;
	font-weight: bold;
}

/* Afbeelding */

#singlecolumn {
    padding: 1em;
    background-color: #ffe3e3;
    border: solid 1px black;
    background-image: url("/images/misc/kruis_back.png");
    background-repeat: no-repeat;
    background-position: top center;
}

/* Mededelingen */

.agendadate {
    font-weight: bold;
}

.announcement {
    border: solid 1px #f99;
    margin-bottom: 0.5em;
}

.ann_header {
    background-color: #ffc3c3;
    font-weight: bold;
    padding: 0.5em;
}

.ann_comment {
    padding: 0.5em;
}

.ann_link {
    text-align: right;
    padding: 0.5em;
}

#wrappercolumn {
    float: right;
    width: 780px;
    padding: 1em;
    background-color: #ffe3e3;
    border: solid 1px black;
    background-image: url("/images/misc/kruis_back.png");
    background-repeat: no-repeat;
    background-position: top center;
}

#leftcolumntri {
    float: left;
    width: 464px;
}

#rightcolumntri {
    float: right;
    width: 256px;
}

/* Kids */

#kidscolumn {
    float: right;
    min-height: 480px;
    width: 780px;
    padding: 1em;
    background-color: #ffe3e3;
    border: solid 1px black;
    background-image: url("/images/misc/kids_background.jpg");
	background-repeat: no-repeat;
	background-position: top center;
}

#kidscolumn h2 {
	color: red;
	background-color: #ff6;
	border: solid 1px black;
	padding: 0.25em;
}

#kidscolumn h3 {
	color: red;
	background-color: #ff6;
	border: solid 1px black;
	padding: 0.25em;
}

#kidscolumn a {
	color: red;
	text-decoration: underline;
}

/* Info */

.largelink {
    font-size: 1.5em;
}

.largelink a {
    padding: 10px;
}

/* Box */
a.linkgroot {
	text-decoration: none;
	display: block;
	padding: 3px;
	margin: 5px 0px 5px 0px;
	background-color: #ffd9d9;
	border: solid 1px #ff9999;
	color: black;
}

a.linkgroot:hover {
	background-color: #ffc9c9;
}

.box {
    border: solid 1px #f99;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.box table {
    width: 100%;
    padding: 0.5em;
}

.boxheader {
    background-color: #ffc3c3;
    font-size: large;
    font-weight: bold;
    padding: 0.5em;
}

.boxheader2 {
    background-color: #ffc3c3;
    font-size: large;
    font-weight: bold;
    padding: 0.5em;
}

.boxsubheader {
    font-style: italic;
    font-weight: bold;
}

.boxcomment {
    padding: 0.5em;
}

/* Smallbox */

.smallbox {
    border: solid 1px #f99;
    width: 100%;
    margin-bottom: 0.5em;
}

.smallbox table {
    width: 100%;
    padding: 0.5em;
}

.homebox {
    border: solid 1px #f99;
    width: 100%;
    margin-bottom: 0.5em;
    float: left;
}

.sbox_header {
    background-color: #ffc3c3;
    font-weight: bold;
    padding: 0.5em;
}

.sbox_subheader {
    background-color: #ffc3c3;
    font-style: italic;
}

/* List */

.list {
    border: solid 1px #f99;
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.listheader {
    background-color: #ffc3c3;
    font-weight: bold;
    padding: 0.5em;    
}

.colorlight {
	background-color: #ffe3e3;
}

.colormedium {
	background-color: #ffd9d9;
}

.colordark {
	background-color: #ffc3c3;
}

/* Admin */

.bbbutton {
	border: solid 1px black;
}

a.boxlink {
	text-decoration: none;
	display: block;
	padding: 3px;
	margin: 5px 0px 5px 0px;
	background-color: #ffd9d9;
	border: solid 1px #ff9999;
	color: black;
}

a.boxlink:hover {
	background-color: #ffc9c9;
}

.preview_panel {
    padding: 0.5em;
}

/* Parser */

.parser_error {
    color: red;
    font-size: large;
}