/* 
 * ----------------------------------------------------------
 * Title:		MediaFlirt - CSS Main Stylesheet
 * Author:		Kenny van Ooijen
 * Mail:		info@mediaflirt.nl
 * ----------------------------------------------------------
 * MediaFlirt - Webdesign bureau
 * www.mediaflirt.nl
*/


/* Algemene styles
 * ---------------------------------------------------------- */
html { height: 100%; }
body { font:13px Arial; margin:0px auto; height:100%; }
* { margin:0px; padding:0px; list-style:none; outline:none; text-decoration:none; border:0px; }


/* Container
 * ---------------------------------------------------------- */
 .container { position:relative; width:979px; margin:0px auto; }
 
/* Header
 * ---------------------------------------------------------- */
 .header { float:left; width:979px; padding-top:15px; }
 .header .logo { position:absolute; top:15px; left:0; }
 
 .header ul { float:right; width:739px; height:43px; margin:64px 0 12px 0; background: url('/images/nav_bg.gif') no-repeat; }
 .header ul li { float:left; background: url('/images/nav_border.gif') no-repeat top right; }
 .header ul li a { display:block; height:43px; font:16px Century gothic, Arial; color:#000000; line-height:40px; margin-right:2px; padding:0px 18px 0px 18px; }
 .header ul li a:hover { background: url('/images/nav_hover.gif') repeat-x; }
 .header ul li .active { background: url('/images/nav_active.gif') repeat-x; }
 .header ul li .active:hover { background: url('/images/nav_active.gif') repeat-x; }
 .header ul li.home .active { background: url('/images/nav_home_active.gif') no-repeat; }
 .header ul li.home .active:hover { background: url('/images/nav_home_active.gif') no-repeat; }
 .header ul li.home a { width:70px; line-height:40px; margin-right:2px; padding:0 0 0 54px; }
 .header ul li.home a:hover { width:70px; line-height:40px; margin-right:2px; padding:0 0 0 54px; background: url('/images/nav_home_hover.gif') no-repeat; }
 
 .header .slide { float:left; width:979px; margin-top:25px; }
 .header .slide .next { position:absolute; top:308px; left:515px; width:56px; height:52px; z-index:15; background: url('/images/slider_next.png') no-repeat; }
 .header .slide .prev { position:absolute; top:308px; left:-13px; width:56px; height:52px; z-index:15; background: url('/images/slider_prev.png') no-repeat; }
 .header .slide img { float:left; width:723px; height:339px; z-index:1; }
 .header .slide .overlay { position:absolute; z-index:5; top:168px; right:0px; width:817px; height:338px; background: url('/images/slider_overlay.png') no-repeat; overflow: hidden; }
 .header .slide .overlay  .intro { float:right; width:300px; height:205px;  font-size:13px; color:#ffffff; line-height:20px; background-color:#ed1c24; }
 .header .slide .overlay .slogan { float:left; font-size:18px; color:#ffffff; margin:303px 0 0 35px ; }
 
 .header .photo { float:left; width:979px; margin-top:25px; }
 .header .photo .overlay { position:absolute; z-index:5; top:198px; right:0px; width:817px; height:165px; background: url('/images/photo_overlay.png') no-repeat; }
 .header .photo .overlay span { float:right; text-align:center; width:300px; font-size:18px; color:#ffffff; margin:65px 65px 0 0; line-height:26px; }
 
/* Content
 * ---------------------------------------------------------- */
 .content { float:left; width:979px; margin-top:50px; }
 .content h1 { display:block; font-size:18px; color:#ed1c24; font-weight:normal; }
 .content h2 { display:block; font-size:18px; color:#ed1c24; font-weight:normal; }
 
 .content .news { float:left; width:317px; }
 .content .news .title { border:0px; margin-bottom:10px; padding:0px; background:none; }
 .content .news li { display:block; color:#b0b0b0; padding:15px 0 15px 15px; border-bottom: 1px solid #d9d9d9; background: url('/images/arrow_red.png') no-repeat center left; }
 .content .news li a { color:#000000; margin-left:5px; }
 .content .news li a:hover { text-decoration:underline; }
 
 .content .about { float:left; width:316px; padding:0 35px 0 35px; }
 .content .about p { display:block; margin:15px 0 15px 0; line-height:22px; }
 .content .about a { float:left; height:24px; color:#000000; padding:6px 25px 0px 10px; background: #ececec url('/images/link_angle.png') no-repeat top right; }
 .content .about a:hover { color:#ffffff; background: #ed1c24 url('/images/link_angle.png') no-repeat top right; }
 
 .content .help { float:right; width:276px; }
 .content .help .title { margin-bottom:20px; }
 .content .help li { float:left; width: 276px; }
 .content .help li a { display:block; font-size:18px; color:#000000; margin-bottom:1px; padding:10px 0px 10px 40px; background: #ececec url('/images/arrow_red.png') no-repeat 20px center; }
 .content .help li a:hover { color:#ffffff; background:#ed1c24 url('/images/arrow_white.png') no-repeat 20px center; }
 
 .content .info { float:left; width:209px; padding:0 35px 0 35px; }
 .content .info p { display:block; margin:15px 0 15px 0; line-height:22px; }
 .content .info a { color:#ed1c24; text-decoration:underline; }
 .content .info a:hover { text-decoration:none; }
 
 .content .txt { float:left; width:593px; padding:0 70px 0 40px; position: relative; }
 .content .txt h1 { margin-bottom:20px; }
 .content .txt p { line-height:22px; }
 .content .txt a { color:#ed1c24; text-decoration:underline; }
 .content .txt a:hover { text-decoration:none; }
 .content .txt .big { font-size:16px; }
 
.content .txt .nieuws-published {
	position: absolute;
	right: 70px;
	top: 0px;
	background: url('/images/nieuws-datum.png');
	background-repeat: no-repeat;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px 5px 23px;
}

.content .txt .news-back {
	margin-top: 20px;
}
.content .txt .news-back a {
	text-decoration: none;
	padding-left: 12px;
	background: url('/images/arrow_red_left.png') no-repeat left 4px;
}
.content .txt .news-back a:hover {
	text-decoration: underline;
}
.nieuws-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.nieuws-list li {
	position:relative;
	margin-bottom: 20px;
	border-bottom: 1px solid #D9D9D9;
	padding-bottom: 20px;
}
.nieuws-list li .published {
	font-size: 14px;
	padding: 3px 10px 5px 15px;
	background: url('/images/arrow_red.png') no-repeat 0px 6px;
	float: left;
	color: #B0B0B0;
}

.content .txt .nieuws-list li h3 a {
	display: block;
	font-size: 18px;
	color: #ED1C24;
	font-weight: normal;
	text-decoration: none;
}
.content .txt .nieuws-list li h3 a:hover {
	text-decoration: underline;
}
.nieuws-list li h3 {
	min-height: 26px;
	margin-bottom: 5px;
}
.content .txt .nieuws-list li p a {
	text-decoration: none;
	padding-right: 12px;
	background: url('/images/arrow_red.png') no-repeat right 5px;
}
.content .txt .nieuws-list li p a:hover {
	text-decoration: underline;
}
/* Paging */
.content .txt .paging {
    float: right;
    min-height: 24px;
}
.content .txt .paging span {
    float: left;
    height: 24px;
    line-height: 24px;
    font-style: italic;
}
.content .txt .paging ul {
    float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.content .txt .paging li {
    float: left;
    height: 24px;
    padding: 0px;
    margin: 0px 2px;
}
.content .txt .paging li a {
    display: block;
    height: 24px;
    min-width: 14px;
    background: #ECECEC;
    color: #000;
    text-decoration: none;
    line-height: 24px;
    padding: 0px 5px;
    text-align: center;
}
.content .txt .paging li a:hover {
    background: #ED1C24;
    color: #fff;
}
.content .txt .paging li a.active {

    background: #ED1C24;
    color: #fff;
}
/* End Paging */
 
 .content .contact { float:left; width:384px; margin-left:40px; }
 .content .contact fieldset { float:left; margin-top:20px; padding:10px 20px 20px 20px; border:0px; background-color:#ececec; }
 .content .contact label { float:left; width:118px; padding-top:15px; }
 .content .contact input { float:left; width:212px; font:13px Arial; color:#000000; margin-top:10px; padding:6px; border:1px solid #c9c9c9; }
 .content .contact .error { color:#700004; background-color:#f8e6e7; border:1px solid #ed1c24; }
 .content .contact textarea { float:left; width:212px; height:138px; padding:6px; font:13px Arial; color:#000000; margin-top:10px; border:1px solid #c9c9c9; }
 .content .contact button { float:right; width:227px; height:30px; color:#ffffff; font-weight:bold; cursor:pointer; margin-top:10px; background: url('/images/contact_submit.png') no-repeat; }
 
/* Footer
 * ---------------------------------------------------------- */
 .footer { float:left; width:1018px; height:223px; margin:50px 0 0 -40px; background: url('/images/footer.gif') no-repeat; }
 .footer .copyright { display:block; text-align:right; color:#ffffff; padding:13px 35px 0 0; }
 .footer .copyright a { color:#ffffff; }
 .footer .copyright a:hover { text-decoration:underline; }
 
 .footer .questions { float:left; width:338px; padding:25px 0 0 72px; }
 .footer .questions .title { font-size:18px; color:#000000; padding-left:32px; border:0px; }
 .footer .questions ul { float:left; width:270px; margin-top:20px; }
 .footer .questions .arrow { padding:10px 0 10px 45px; background: url('/images/arrow_white.png') no-repeat 25px center; }
 .footer .questions ul li { display:block; padding:6px 0 6px 25px; font-size:18px; color:#ffffff; border-bottom:1px solid #d9d9d9; }
 .footer .questions ul li a { color:#ffffff; }
 .footer .questions ul li a:hover { text-decoration:underline; }
 
 .footer .where { float:left; width:315px; padding:25px 0 0 60px; }
 .footer .where .title { display:block; font-size:18px; color:#000000; padding-left:20px; }
 .footer .where img { float:left; margin-top:1px; }
 
 .footer .why { float:left; width:233px; padding-top:25px; }
 .footer .why .title { font-size:18px; color:#000000; }
 .footer .why ul { float:left; width:233px; margin-top:30px; }
 .footer .why ul li { display:block; padding:10px 0 10px 35px; font-size:13px; color:#000000; border-bottom:1px solid #d9d9d9; background: url('/images/tick.png') no-repeat center left; }
 .footer .why .last { border:0px; }