/* - - - - - - - - - - - - - - - - - - - - -
Title: Via Angelia
Author: Brightworks, http://www.brightworks.nl
URL: /css/screen.css

Created: Nov 14, 2008
Modified: Mar 15, 2009
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:0; padding:17px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#818181; background: url(../images/bg.jpg) repeat-x top left #e0ebef;}
a {color:#D3489B; text-decoration:none;}
a:hover {color:#D3489B; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}
div#headcontainer div#sitecontainer div#content h1 {font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; color:#d3489a; margin: 0px 0px 10px 0px;}
div#headcontainer div#sitecontainer div#content h2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight: normal; color:#d3489a; margin: 0px 0px 10px 0px;}
div#headcontainer div#sitecontainer div#sidebar h1 {font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight: normal; color:#ee3224; margin: 0px 0px 5px 6px;}
div#headcontainer div#sitecontainer div#sidebar h2 {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#2b7ca5;}

p {margin:0px 0px 10px 0px;}
/* ******************  navigation  *************** */
div#nav {float:left; width:756px; height:35px; background-image:url("../images/nav_bg.jpg"); background-repeat:repeat-x; line-height:normal; font-size:13px;}
div#nav a {line-height:normal; font-size:13px; color:#fff; text-decoration: none;}
div#nav a:hover {line-height: normal; font-size:13px; color:#fff; text-decoration: underline;}
div#nav table {float:left; width:756px; height:35px;}
div#nav table tr td {text-align:center;}
div#nav table tr td div.navdivider {width:2px; height:35px; background-image:url("../images/nav_divider.jpg"); background-repeat:no-repeat;}
div#nav table tr td div.navleft {float:left; width:4px; height:35px; background-image:url("../images/nav_left.jpg"); background-repeat:no-repeat;}
div#nav table tr td div.navright {float:right; width:4px; height:35px; background-image:url("../images/nav_right.jpg"); background-repeat:no-repeat;}

/* ******************  containers  *************** */
div#headcontainer {width:767px; margin:0 auto;}
div#headcontainer div#logo {float:left; width:756px; margin:0px 0px 19px 11px;}

div#headcontainer div#sitecontainer {float:left; width:762px; background:url(../images/content_top.gif) top left no-repeat #fff; padding:5px 0px 0px 5px;}
div#headcontainer div#sitecontainer div#header {float:left; width:762px; margin:0px 0px 20px 0px;}
div#headcontainer div#sitecontainer div#header img {float:left;}

div#headcontainer div#sitecontainer div#content {width:510px; float:left; padding: 0px 10px 0px 11px; background:url(../images/sidebar_bg.gif) top right no-repeat;}
div#headcontainer div#sitecontainer div#content p {line-height: 16px; font-size:12px; color:#818181; margin: 0px 0px 15px 0px;}
div#headcontainer div#sitecontainer div#content p.sub {line-height:16px; font-size: 12px; color:#454545; margin: 0px 0px 15px 0px;}
div#headcontainer div#sitecontainer div#content ul li{list-style-position: inside; line-height: 22px; font-size:12px;}


div#headcontainer div#sitecontainer div#content-bottom {width:510px; float:left; padding: 0px 10px 0px 11px;  background:url(../images/sidebar_bottom.gif) bottom right no-repeat; height: 31px;}

div#headcontainer div#sitecontainer div#sidebar {width:213px; float:left;  padding: 0px 0px 10px 10px;}
div#headcontainer div#sitecontainer div#sidebar .newsitem {float:left; width:197px; background:url(../images/item-divider.gif) repeat-x bottom left  #f0f2f4; padding: 8px; text-decoration:none; cursor:pointer;}
div#headcontainer div#sitecontainer div#sidebar .newsitem:hover {background:url(../images/item-divider.gif) repeat-x bottom left  #e9ebed; cursor: hand;}
div#headcontainer div#sitecontainer div#sidebar .newsitem .newsitemtitle {float:left; width:197px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#2b7ca5;}
div#headcontainer div#sitecontainer div#sidebar p, div#headcontainer div#sitecontainer div#sidebar .newsitemintroduction {float:left; width:197px; line-height:16px; color:#9e9e9e; margin: 0;}
div#headcontainer div#sitecontainer div#sidebar img {margin:9px 0px 5px 0px;}

/* Guestbook reactions */
h1.guestbook {width:414px; float:left;}
div.reactie {width:96px; float:left; padding: 0; margin: 0; height: 24px;}
div.gbook-odd {background-color: #fff6fb; padding: 8px 8px 1px 8px; margin: 0px 0px 10px 0px; clear: both; border: 1px solid #ffe0f1;}
div.gbook-odd p {padding:5px 0px 0px 0px; margin: 0;}
div.gbook-odd strong {font-size:12px; color:#d3489a; font-weight: bold;}

div.gbook-even {background-color: #fff; padding: 8px 8px 1px 8px; margin: 0px 0px 10px 0px; clear: both;}
div.gbook-even p {padding:5px 0px 0px 0px; margin: 0;}
div.gbook-even strong {font-size:12px; color:#d3489a; font-weight: bold;}

/* Guestbook pagenav */
ul#pagenavigation {margin:0; padding:0; float:left;}
ul#pagenavigation li {list-style-type:none; height:21px;float:left; margin:0px 2px 0px 0px; color:#d3489a; font-weight:bold;}
ul#pagenavigation li a {color:#fff; font-weight:bold; border: 1px solid #fff; display:block; text-decoration:none; padding:0px 8px 0px 8px; color:#d3489a;}
ul#pagenavigation li a:hover {background-color:#d3489a; border: 1px solid #b32a7b; color:#fff; font-weight:bold; display:block; text-decoration:none; padding:0px 8px 0px 8px;}
div#lastpage {float:left; font-weight:normal; color:#d3489a; margin:4px 0px 0px 6px;}
div#selecteer {float:right; margin:0px 3px 0px 0px; padding:0; color:#d3489a;}
ul#pagenavigation li .active {background-color:#d3489a; color:#fff;}

/* Fotoalbum */
div#headcontainer div#sitecontainer div#content .album {float:left; width:510px; padding:0 0 20px 0;}
div#headcontainer div#sitecontainer div#content .album .album-img {float:left; display:inline; border:1px solid #cccccc; margin:0 20px 0 0; padding:3px;}
div#headcontainer div#sitecontainer div#content .album .album-img a {float:left; margin:0px; padding:0px; text-decoration:none;}
div#headcontainer div#sitecontainer div#content .album .album-img a img {float:left; width:200px; height:125px; margin:0px; padding:0px; border-width:0px;}
div#headcontainer div#sitecontainer div#content .album .album-info {float:left; width:282px; margin:0 0 20px 0;}
/*div#headcontainer div#sitecontainer div#content .album .album-info h2 {float:left; width:357px;}
div#headcontainer div#sitecontainer div#content .album .album-info p {float:left; width:357px;}*/

div#headcontainer div#sitecontainer div#content .album-full {float:left; width:510px;}
div#headcontainer div#sitecontainer div#content .album-full .album-img {float:left; display:inline; border:1px solid #cccccc; margin:0 10px 0 0; padding:3px;}
div#headcontainer div#sitecontainer div#content .album-full .album-img a {float:left; margin:0px; padding:0px; text-decoration:none;}
div#headcontainer div#sitecontainer div#content .album-full .album-img a img {float:left; width:82px; height:82px; margin:0px; padding:0px; border-width:0px;}
div#headcontainer div#sitecontainer div#content .album-full .divider {float:left; width:510px; height:0px; font-size:0px; line-height:0px; margin:0 0 10px 0;}
div#headcontainer div#sitecontainer div#content a.albums {float:left; margin:10px 0 10px 0;}

div#headcontainer div#footer {float:left; width:751px; background:url(../images/footer_bg.gif) no-repeat top left; padding: 24px 0px 0px 16px;}
div#headcontainer div#footer p.copy {color:#2b7ca5; width:545px; float:left;}
div#headcontainer div#footer p.by {color:#2b7ca5; width:150px; float:left;}
div#headcontainer div#footer p.by a{color:#2b7ca5; text-decoration: underline;}
div#headcontainer div#footer p.by a:hover{color:#2b7ca5; text-decoration: none;}

div#headcontainer div#footer .copyhidden {text-indent:-6000px; visibility: hidden; display:none;}

/* ******************  form  *************** */
.form_intro {float:left; width:510px;}
form dl {margin: 0; padding:0px; float:left; width:472px;}
form dt {margin: 0; padding:10px 24px 10px 0px; float:left; width:120px; clear:both;  margin-bottom:2px; text-align:left;}
form dd {margin:0; padding: 7px 0px 3px 0px; float:left; width:328px;  margin-bottom:2px;}
form .form-inline {display: inline;}
label {cursor: pointer;}
#contactForm, #regForm {visibility:hidden; display:none;}
#regForm p {float:left; width:472px; padding:16px 0 0 0;}
.contact {visibility:hidden; display:none;}
dt.lastname, dd.lastname {visibility:hidden; display:none;}
form dt.checkbox {margin: 0; padding:0px 24px 10px 0px;}
form dd.checkbox {margin: 0; padding:0px 0px 3px 0px;}
form dd.radio input {float:left; margin:0 5px 0 0; padding:0;}
form dd.radio label {float:left; margin:0 15px 0 0; padding:0;}

.form_text {background-color:#fff6fb; border:1px solid #e3a5c9; color:#818181; font-family: Arial, Helvetica, sans-serif; font-size:11px; width: 214px; padding:4px 4px 4px 6px;}
.form_text_error {background-color:#fff6fb; border:1px solid #ff0000; color:#818181; font-family: Arial, Helvetica, sans-serif; font-size:11px; width: 214px; padding:4px 4px 4px 6px;}

.form_textarea {background-color:#fff6fb; border:1px solid #e3a5c9; color:#818181; font-family: Arial, Helvetica, sans-serif; font-size:11px; height:136px; width: 315px; padding:4px 4px 2px 6px; font-size:11px;}
.form_textarea_error {background:#fff6fb; border:1px solid #ff0000; color:#ff0000; font-family: Arial, Helvetica, sans-serif; font-size:11px; height:136px; width: 315px; padding:4px 4px 2px 6px; font-size:11px;}

input.submit {background:url(../images/submit_bg.gif); border:1px solid #135779; color:#fff; font-family: Arial, Helvetica, sans-serif; padding:5px;}

ul#error {color:#ff0000; margin:0px 0px 15px 0px; border-bottom:1px solid #ff0000; padding:10px; clear:both; width:90%;}
ul#error li {list-style-position:inside; line-height:18px; font-size: 10px;}
ul#error li.fault {font-size:18px; list-style-type:none; padding:0px 0px 5px 12px;}

ul#message {color:#1caa00; margin:0px 0px 15px 0px; border-bottom:1px solid #1caa00; padding:10px; clear:both; width:90%;}
ul#message li {list-style-position:inside; line-height:18px;}
ul#message li.fault {font-size:18px; list-style-type:none; padding:0px 0px 5px 12px;}

/* ******************  navigation  *************** */
/*ul#nav {float:left; line-height:normal; height:25px; padding:0; width:756px; margin:0px 0px 0px 0px;}
ul#nav li {float:left; margin:0; padding:0px 4px 0px 0px; list-style-type:none; font-size:13px;}
ul#nav li span.buttonleft {float:left; width:3px; height:25px; background:url("../images/nav_left.gif") no-repeat left top; margin:0; padding:0;}
ul#nav li span.buttonright {float:left; width:3px; height:25px; background:url("../images/nav_right.gif") no-repeat left top; margin:0; padding:0;}
ul#nav li span.buttontitle {float:left; margin:0; padding:7px 10px 5px 10px; line-height:13px; background-color:#262626;}
ul#nav a {float:left; cursor:pointer; text-decoration:none; color:#9e9e9e; margin:0; padding:0; line-height:12px;}
*/
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul#nav a {float:none;}
/* End IE5-Mac hack */
/*ul#nav li a:hover {color:#fff; text-decoration:none;}
ul#nav #active span.buttonleft {background-image:url("../images/nav_left-on.gif"); width:3px;}
ul#nav #active span.buttonright {background-image:url("../images/nav_right-on.gif");}
ul#nav #active span.buttontitle {background-color:#fff;}
ul#nav #active a {color:#000;}*/

/*loading*/
div#loading {position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html div#loading { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}