/* --------------------------------------------------------------

    screen.css
    * Main stylesheet

-------------------------------------------------------------- */

h1 {}
h2 {font-size: 15px; color: #3c6d9f}
a {color: #3c6d9f;}
a:hover {}

p {color: #333}
p a {text-decoration: underline;}

hr {border: none; border-bottom: 1px dotted #ccc;}

/* =Header
-------------------------------------------------------------- */

a#logo {
    display: block;
    color: #50b948;
    font-size: 4em;
    overflow: hidden;
    width: 240px;
    height: 31px;
    float: left;
    }
    
a#logo img {
    display: block;
    }


/* =Footer
-------------------------------------------------------------- */


#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

.tweet_list li {padding: 5px 0; display: block; clear: left; }
.tweet_list li a.tweet_avatar{float: left; margin: 0 5px 5px 0}
.tweet_list {}
.tweet_list {}

/* =Sidebar
-------------------------------------------------------------- */


/* =Nav
-------------------------------------------------------------- */

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    
.address {
    font-size: 11px;
    font-style: normal;
}

.address td {
    padding: 3px 0 10px 20px;
    vertical-align: top;
}
    
.address td.bezoek {background: url(../images/icons/building.png) left top no-repeat}
.address td.telefoon {background: url(../images/icons/mobile-phone.png) left top no-repeat}
.address td.post {background: url(../images/icons/mail.png) left top no-repeat}
.address td.fax {background: url(../images/icons/telephone-fax.png) left top no-repeat}


form#newsletter {}
form#newsletter fieldset {position: relative; height: 44px; padding: 0; border-bottom: 1px solid white;}
form#newsletter input {position: absolute; left: 0; top: 10px; border-width: 1px; height: 30px; width: 148px; padding-left: 10px; border: 1px solid #818181; font-size: 120%; }
form#newsletter a#newsletter-submit {
	position: absolute;
    	right: -1px;
    	top: 10px;
		height: 32px;
		width: 120px
}

/* =Page specific: reizen
-------------------------------------------------------------- */
#trip-main-info {}

/*.trips h3 {font-size: 14px; border-bottom: 1px dotted #ccc;}
.trips h3 a {float: right; padding-right: 32px; background: url(../images/btn_more.png) right top no-repeat;}
*/
.header-block {float:left; height:26px; border-bottom: 1px dotted #ccc; width:100%;margin-bottom:10px;}
.header-block h3 {float:left;font-size: 14px; width:200px;}
.header-block a {float:right;font-size: 14px; font-weight: bold; padding-right: 32px; background: url(../images/btn_more.png) right top no-repeat;}
#sidebar ol.trips-list { float:left;padding-left:20px;margin-bottom:10px;}
#content #sidebar ol.trips-list li {margin-right:0;width:275px;}
.meta-date {color: #333333;font-weight: normal;}
#content #sidebar ol.trips-list li .meta-date {font-size:10px;}
#sidebar .sidebar-block {padding-top:0; padding-left:30px;}
ol.trips-list {padding: 0; margin:  0 0 2em 0; list-style: none; border-top: 1px solid white}
ol.trips-list li {border-bottom: 1px solid white}
ol.trips-list li a {font-weight: bold; font-size: 14px; display: block; padding: 10px;}
ol.trips-list li a:hover {background: rgba(255,255,255,0.7); text-decoration: none}
ol.trips-list li a span.news-title {display: block;}
ol.trips-list li a:hover span.news-title {color: #003767}
ol.trips-list li a span.news-image {float: left; clear: left;}
ol.trips-list li a span.news-teaser {color: #333; font-weight: normal; font-size: 12px}
ol.trips-list li a:hover span.news-teaser {color: black}
ol.trips-list li img {float: left; margin: 0.3em 0.5em 0.5em 0; border: 1px solid #376696;}
ol.trips-list li img {float: left; margin: 0.3em 0.5em 0.5em 0; border: 1px solid #376696;}
ol.trips-list li a:hover img {border: 1px solid black;}

#content ol.trips-list li {
	width: 290px;
	float: left;
	margin-right:20px;
}

#content ol.trips-list li a {
	padding: 0;
}

#sidebar ol.trips-list li a { padding: 10px;}

.column-2 ol.trips-list li {
	height: 180px; 
	overflow:hidden;
}

.button-container {
	clear: both;
}

/* =Page specific: reisdetail
-------------------------------------------------------------- */

#trip-main-info {position: relative; width: 645px; height: 245px; margin-bottom: 2em}
#trip-main-info h1 {position: absolute; top: 0; left: 0; color: black; color: rbga(0,0,0,0.8); text-shadow: 0px 1px white; text-shadow: 0px 1px rgba(255,255,255,0.4); text-indent: 10px; width: 100%; background: rgba(255,255,255,0.4);
/* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#64FFFFFF, endColorstr=#64FFFFFF
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#64FFFFFF, endColorstr=#64FFFFFF
);


}
#trip-main-info #trip-info-overlay {position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; background: rgba(0,0,0,0.7); 

/* approximately a 33% opacity on blue */
filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#B2000000, endColorstr=#B2000000
);

/* IE8 uses -ms-filter for whatever reason... */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#B2000000, endColorstr=#B2000000
);
}

#trip-main-info #trip-info-overlay p {color: white!important; font-weight: bold; width: 50%; float: left; padding: 8px 0 0 10px;}
#trip-main-info #trip-info-overlay a.button {float: right; margin: 10px }

a.pdf span {background: url(../images/icons/document-pdf-text.png) 5px 6px  no-repeat}