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


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:23px 0px 0px 0px; padding:0; font-family: Tahoma, helvetica, sans-serif; font-size:11px; color:#333333; background-color:#c7eafc;}
a {color:#333333; text-decoration:none;}
a:hover {color:#333333; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}

/* ******************  navigation  *************** */
ul#nav {width:804px; margin:15px 0px 0px 0px; float: left;}
ul#nav li {list-style-type: none; margin:0;}
#nav li, #nav a {padding:0px;  float:left;}
#nav li a {outline: 0; text-indent: -4000px; background: transparent url(../images/nav.gif) no-repeat; margin-right:2px; width:78px; height: 24px; line-height: 24px;}

/* BUTTONS */
#nav #vertrekhal a {background-position:0 0;}
#nav #reisgenoten a {background-position:-80px 0;}
#nav #reisverslagen a {background-position:-161px 0;}
#nav #activiteiten a {background-position:-241px 0;}
#nav #helden a {background-position:-322px 0;}
#nav #tips a {background-position:-402px 0;}
#nav #stichting a {background-position:-483px 0;}
#nav #nicolien a {background-position:-563px 0;}
#nav #links a {background-position:-644px 0;}
#nav #contact a {background-position:-724px 0;}

/* BUTTONS HOVER/ACTIVE */
#nav #vertrekhal a:hover, #nav #vertrekhal .active {background-position:0 -24px;}
#nav #reisgenoten a:hover, #nav #reisgenoten .active {background-position:-80px -24px;}
#nav #reisverslagen a:hover, #nav #reisverslagen .active {background-position:-161px -24px;}
#nav #activiteiten a:hover, #nav #activiteiten .active {background-position:-241px -24px;}
#nav #helden a:hover, #nav #helden .active {background-position:-322px -24px;}
#nav #tips a:hover, #nav #tips .active {background-position:-402px -24px;}
#nav #stichting a:hover, #nav #stichting .active {background-position:-483px -24px;}
#nav #nicolien a:hover, #nav #nicolien .active {background-position:-563px -24px;}
#nav #links a:hover, #nav #links .active {background-position:-644px -24px;}
#nav #contact a:hover, #nav #contact .active {background-position:-724px -24px;}

/* ******************  containers  *************** */
div#headcontainer {width:1000px; margin: 0 auto;}
.bgnormal {background:url(../images/headcontainer_bg.gif) repeat-y top left;}
.bgsmall {background:url(../images/headcontainer2_bg.gif) repeat-y top left;}
.bgfull {background:url(../images/headcontainer3_bg.gif) repeat-y top left;}

/* header */
div#header {height:78px; width:804px; float:left; padding: 0px 0px 0px 0px; background:url(../images/header_cloud.gif) no-repeat 600px 0px #c7eafc;}

/* leftcol */
div#leftcol {width:149px; float:left; padding: 0px 22px 0px 25px;}
div#leftcol h1 {font-family: Tahoma, helvetica, sans-serif; font-size:13px; text-transform: uppercase; margin: 0px 0px 5px 0px; color:#000;}
div#leftcol h2 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform: uppercase; margin: 20px 0px 8px 0px; padding: 0px 0px 0px 28px; font-weight: normal; color:#ea402f; background: url(../images/sidebar_h2_bg.gif) no-repeat center left;}
div#leftcol h3 {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform: uppercase; margin: 20px 0px 3px 0px; font-weight: normal; color:#ea402f;}
div#leftcol p {text-align: justify; margin: 0px 0px 15px 0px;}
div#leftcol p.grey {text-align: justify; margin: 0px 0px 15px 0px; color:#797f82;}
div#leftcol a {color:#00aeef; text-decoration: none;}
div#leftcol a:hover {color:#00aeef; text-decoration: underline;}
div#leftcol .readmore {margin: 0px 0px 0px 80px;}
div#leftcol img.topimg {border: 2px solid #000;}
div#leftcol img.book {margin-top:20px;}

/* main */
div#main {width:804px; float: left;}

/* main - content */
div#main div#content {width:579px; padding: 0px 0px 20px 0px; float: left;}
div#main div#content h1 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform: uppercase; margin: 30px 0px 20px 40px; padding: 0px 0px 0px 28px; font-weight: normal; color:#ea402f; background: url(../images/sidebar_h2_bg.gif) no-repeat center left;}
div#main div#content h2 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform: uppercase; margin: 30px 0px 0px 40px; padding: 0px 0px 0px 0px; font-weight: normal; color:#27AAE1;}
div#main p {font-size:12px; margin: 0px 0px 20px 40px; padding: 0px 30px 0px 0px;}
div#main div#content p.big {font-size:14px; margin: 0px 0px 20px 40px; padding: 0px 30px 0px 0px;}
div#main div#content p.quote {color:#6D6E71; font-size:13px; font-style: italic; margin: 0px 0px 20px 40px; padding: 0px 30px 0px 0px;}
div#main div.divider {background:url(../images/stripes_hori.gif) repeat-x bottom left; height: 1px; padding:0px 0px 0px 0px; margin: 0px 0px 20px 0px;}
div#main div.dividerwide {background:url(../images/stripes_hori.gif) repeat-x bottom left; height: 1px; padding:0px 0px 0px 0px; margin: 0px 0px 20px 0px; width:804px;}
div#main div#content p.readmore {color:#27AAE1; font-size:14px;  padding: 15px 0px 13px 40px; background:url(../images/stripes_hori.gif) repeat-x bottom left; margin: 0px 0px 20px 0px;}

/*lefttext - righttext */
div.lefttext {width:120px; float:left; color:#27AAE1; margin: 0px 20px 0px 40px; font-size:14px;}
div.righttext {color:#27AAE1; font-size:14px;}

div.lefttexts {width:80px; float:left; margin: 0px 20px 0px 40px; font-size:12px; display: inline;}
div.righttexts { font-size:12px;}

/* main - contentwide */
div#main div#contentwide {width:639px; padding: 0px 0px 20px 0px; float: left}
div#main h1.lessmargin {margin:20px 0px 5px 40px;}
div#main h1 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform: uppercase; margin: 30px 0px 20px 40px; padding: 0px 0px 0px 28px; font-weight: normal; color:#ea402f; background: url(../images/sidebar_h2_bg.gif) no-repeat center left;}
div#main h2 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform: uppercase; margin: 30px 0px 0px 40px; padding: 0px 0px 0px 0px; font-weight: normal; color:#27AAE1;}
div#main h3 {font-family: Tahoma, helvetica, sans-serif; font-size:14px; text-transform: uppercase; margin: 20px 0px 0px 40px; padding: 0px 0px 0px 0px; font-weight: normal; color:#27AAE1;}
div#main #imgleft {float:left; margin:0px 0px 0px 40px;}
div#main #imgpadd {float:left; margin:0px 30px 30px 40px;}
div#main #imgpaddright {float:right; margin:0px 30px 30px 40px;}
div#main div#textright {float:left; width:500px; padding: 0;}
div#main div#textrightfull {float:left; width:650px; padding: 0;}
div#main div#textright p {font-size:12px; margin: 0px 0px 20px 10px; padding: 0px 30px 0px 0px;}
div#main div#textright h2 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform: uppercase; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; font-weight: normal; color:#27AAE1;}

/* main - subnav */
div#main ul#subnav {padding: 0px 0px 0px 40px; margin: 0px 0px 20px 0px; background:url(../images/stripes_hori.gif) repeat-x bottom left; height: 30px;}
div#main ul#subnav li {float:left; margin: 0px 30px 0px 0px; list-style-type: none; font-size:14px; }
div#main ul#subnav li a {color:#333; text-decoration: none;}
div#main ul#subnav li a:hover {color:#27AAE1; text-decoration: none;}
div#main ul#subnav li a.active {float:left; margin: 0px 0px 0px 0px; list-style-type: none; font-size:14px; color:#27AAE1;}
div#main ul#subnav li a.back {color:#ccc; text-decoration: none; margin: 0px 0px 0px 20px;}

/* main - contentfull */
div#main div#contentfull {width:804px;}

/* monthnav */
ul#monthnav {width:774px; padding:15px 0px 15px 30px; float: left; background:url(../images/stripes_hori.gif) repeat-x bottom left;}
ul#monthnav li {list-style-type: none; margin:0;}
#monthnav li, #monthnav a {padding:0px;  float:left;}
#monthnav li a {outline: 0; text-indent: -4000px; background: transparent url(../images/nav_months.gif) no-repeat; margin-right:7px; width:55px; height: 55px; line-height: 55px;}

/* BUTTONS */
#monthnav #jan a {background-position:0 0;}
#monthnav #feb a {background-position:-62px 0;}
#monthnav #mar a {background-position:-124px 0;}
#monthnav #apr a {background-position:-185px 0;}
#monthnav #mei a {background-position:-246px 0;}
#monthnav #jun a {background-position:-308px 0;}
#monthnav #jul a {background-position:-369px 0;}
#monthnav #aug a {background-position:-429px 0;}
#monthnav #sep a {background-position:-490px 0;}
#monthnav #okt a {background-position:-551px 0;}
#monthnav #nov a {background-position:-612px 0;}
#monthnav #dec a {background-position:-672px 0;}

/* BUTTONS HOVER */
#monthnav #jan a:hover {background-position:0 -55px;}
#monthnav #feb a:hover {background-position:-62px -55px;}
#monthnav #mar a:hover {background-position:-124px -55px;}
#monthnav #apr a:hover {background-position:-185px -55px;}
#monthnav #mei a:hover {background-position:-246px -55px;}
#monthnav #jun a:hover {background-position:-308px -55px;}
#monthnav #jul a:hover {background-position:-369px -55px;}
#monthnav #aug a:hover {background-position:-429px -55px;}
#monthnav #sep a:hover {background-position:-490px -55px;}
#monthnav #okt a:hover {background-position:-551px -55px;}
#monthnav #nov a:hover {background-position:-612px -55px;}
#monthnav #dec a:hover {background-position:-672px -55px;}

/* BUTTONS ACTIVE */
#monthnav #jan .active {background-position:0 -110px;}
#monthnav #feb .active {background-position:-62px -110px;}
#monthnav #mar .active {background-position:-124px -110px;}
#monthnav #apr .active {background-position:-185px -110px;}
#monthnav #mei .active {background-position:-246px -110px;}
#monthnav #jun .active {background-position:-308px -110px;}
#monthnav #jul .active {background-position:-369px -110px;}
#monthnav #aug .active {background-position:-429px -110px;}
#monthnav #sep .active {background-position:-490px -110px;}
#monthnav #okt .active {background-position:-551px -110px;}
#monthnav #nov .active {background-position:-612px -110px;}
#monthnav #dec .active {background-position:-672px -110px;}

/* tiptitle */
.tiptitle {height:70px;}
.tiptitle img {float:left; margin: 0px 10px 0px 20px; width:75px; padding: 0px 0px 0px 0px;}
h5 {margin: 20px 0px 0px 10px; padding: 10px 0px 0px 0px; color:#000; font-family: Tahoma, helvetica, sans-serif; font-size:12px;}
h6 {width:360px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; height:15px; color:#666; font-family: Tahoma, helvetica, sans-serif; font-size:10px; font-weight: normal;}

/* links */
div#linkcontainer {padding: 0px 0px 0px 40px; background:url(../images/bglinks.gif) repeat-y top left; margin-top:-20px;}
div.linkbox {width:250px; float:left; margin: 20px 0px 20px 0px; display: inline;}
div.linkbox h6 {background: url(../images/h7_bg.gif) no-repeat center left; font-family: Tahoma, helvetica, sans-serif; font-size:15px; text-transform: uppercase; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 18px; font-weight: normal; color:#ea402f;}
div.linkbox ul.links li {list-style-type:none; color:#939598;}
div.linkbox ul.links li a {text-decoration: none; color:#333; padding: 0px 10px 0px 10px;}
div.linkbox ul.links li a:hover {text-decoration: underline; color:#333; padding: 0px 10px 0px 10px;}

/* book */
div#booktext {width:300px; float:left; margin-top:30px;}
div#booktext h5.space {margin:0px 0px 20px 40px;}
div#bookquote {width:479px; float:left; margin-top:30px;}
div#bookquote p {font-style: italic; color:#939598; margin: 0px 0px 0px 0px;}
div#bookquote p span.author {font-style:normal; font-weight: normal; color:#000;}

/* pics big */
ul#picsbig {margin: 0px 0px 0px 15px;}
ul#picsbig li {width:55px; height:55px; float:left; margin: 0px 4px 4px 0px; padding: 0; background-color: #c7eafc; list-style-type: none;}

/* itemdiagnose */
div.itemdiagnose {background:url(../images/stripes_hori.gif) repeat-x bottom left; padding: 30px 0px 20px 30px; float: left; width:774px;}
div.itemdiagnose div.icon {width:90px; float:left; margin: 0px 20px 0px 0px; display: inline;}
div.itemdiagnose div.icon img {border:1px solid #000;}
div.textmid {width:300px; float:left; padding: 0px 0px 0px 0px; margin: 0px 15px 0px 0px;}
div.itemdiagnose div.textmid h1 {margin:0; padding: 0;}
div.itemdiagnose div.textright {width:330px; float:left;}
div.itemdiagnose div.textright strong {color:#EA402F; text-transform: uppercase; font-weight: normal;}

/* sidebar */
div#sidebar {float: left; width:225px;  padding: 0px 0px 0px 0px;}
div#sidebar h1 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform:uppercase; color:#25aae1; font-weight: normal;  margin: 10px 0 0 0; padding: 0px 0px 10px 18px; background:url(../images/stripes_hori.gif) repeat-x bottom left;}
div#sidebar .background {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform:uppercase; color:#25aae1; font-weight: normal;  margin: 0px 0px 20px 0px;  padding: 0px 0px 8px 18px;}

div#sidebar ul li {list-style-type:none; color: #25aae1; margin: 0; padding: 0px 0px 0px 18px;}
div#sidebar ul li a {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:none;text-decoration:none; color: #25aae1;}
div#sidebar ul li a:hover {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:none;text-decoration:underline; color: #25aae1;}
div#sidebar p {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:none; color:#000; font-weight: normal;  margin: 20px 0px 0px 0px; padding: 0px 0px 0px 18px;}
div#sidebar small {font-family: Tahoma, helvetica, sans-serif; color:#999999; font-size:10px; text-transform:none;text-decoration:none;margin: 20px 0px 0px 0px; padding: 0px 0px 0px 18px;}

/* sidebarsmall */
div#sidebarsmall {float: left; width:165px;  padding: 0px 0px 10px 0px;}
div#sidebarsmall h1 {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform:uppercase; color:#25aae1; font-weight: normal;  margin: 10px 0 0 0; padding: 0px 0px 10px 18px; background:url(../images/stripes_hori.gif) repeat-x bottom left;}
div#sidebarsmall h2 {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:uppercase; color:grey; font-weight: normal;  margin: 30px 0px 20px 0px; padding: 0px 0px 8px 18px;}
div#sidebarsmall .background {font-family: Tahoma, helvetica, sans-serif; font-size:20px; text-transform:uppercase; color:#25aae1; font-weight: normal;  margin: 10px 0px 20px 0px; background:url(../images/stripes_hori.gif) repeat-x bottom left; padding: 0px 0px 8px 18px;}
div#sidebarsmall h4 {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:none; color:#000; font-weight: normal;  margin: 20px 0px 30px 0px; padding: 0px 0px 13px 18px; background:url(../images/stripes_hori.gif) repeat-x bottom left;}
div#sidebarsmall ul li {list-style-type:none; color: #25aae1; margin: 0; padding: 0px 0px 0px 18px;}
div#sidebarsmall ul li a {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:none;text-decoration:none; color: #25aae1;}
div#sidebarsmall ul li a:hover {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:none;text-decoration:underline; color: #25aae1;}
div#sidebarsmall p {font-family: Tahoma, helvetica, sans-serif; font-size:12px; text-transform:none; color:#000; font-weight: normal;  margin: 20px 0px 0px 0px; padding: 0px 0px 0px 18px;}
div#sidebarsmall small {font-family: Tahoma, helvetica, sans-serif; color:#999999; font-size:10px; text-transform:none;text-decoration:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px;}


/* sidebarsmall - pics */
div#sidebarsmall ul#pics {margin: 0px 0px 0px 15px;}
div#sidebarsmall ul#pics li {width:38px; height:38px; float:left; margin: 0px 4px 4px 0px; padding: 0; background-color: #c7eafc;}

/* ******************  form  *************** */
#contactform {background:url(../images/form_bg.gif) no-repeat top left; height:400px; margin: 50px 0px 0px 40px; padding: 30px 0px 0px 0px;}
form dt {margin: 0; padding:10px 24px 10px 0px; float:left; width:60px; clear:both;  margin:0px 0px 2px 20px; color:#333; font-weight:normal; text-align:left;}
form dd {margin:0; padding: 7px 0px 3px 0px; float:left; width:500px;  margin-bottom:2px;}
form .form-inline {display: inline;}
label {cursor: pointer;}

.submit {background-color: #ea402f; color:#fff; font-family: Arial, Helvetica, sans-serif; padding:4px;}
.form_text {background-color:#fff; border-bottom:1px solid #cbcbcb; color:#333; font-family: Arial, Helvetica, sans-serif; width: 100%; padding:4px 4px 4px 6px;}
.form_textarea {border-bottom:1px solid #cbcbcb; color:#333; font-family: Arial, Helvetica, sans-serif; height:80px; width: 100%; padding:4px 4px 2px 6px; font-size:11px;}
.form_captha { background-color:#fff; border:1px solid #cbcbcb; color:#000; font-family: Arial, Helvetica, sans-serif; padding:4px 4px 4px 6px;}